網頁設計與搜尋引擎

許多人總是認為網站設計好後，到各大搜尋引擎登錄一下網站資料，就可以很容易地讓網友或客戶找到我們的網站，並且熱絡上門，而王子與公主從此也可以過著幸福快樂的生活。

但是，如果事情真的這麼簡單，那麼目前網路上數以萬計的網站每一家應該都是人潮洶湧、交易熱絡，而網路發展也不會一夕泡沫才是。

搜尋引擎的考量

其實，網站或網頁在搜尋引擎上的排名與網頁設計有很大的關係，但是一般在看待網頁設計時大都只是從視覺美感的角度來規劃製作網站或網頁，而沒有考慮到搜尋引擎對此網站或網頁是否容易檢索或是網友是否容易找到。

所以即使網站或網頁做得再酷炫美麗，如果不能在搜尋引擎上讓網友比較容易找到，那麼頂多也只能關起門來孤芳自賞，製作網站來行銷的意義和目的也無從發揮。

基本上，搜尋引擎是一套多工複雜的檢索系統，當它在檢索網站或網頁的時候，會有許多參考的依據和指標來評斷每一個網站或網頁的主題和權重，當網友輸入關鍵字來尋找資料時，搜尋引擎就會根據關鍵字與這些指標的關係，依序列出各個相關網站的連結。

那麼到底搜尋引擎都用哪些標準或依據來衡量網站或網頁的權重？這不僅是技術的問題，也是商業的問題。事實上，每一個搜尋引擎都有自己的系統邏輯(algorithm)來做評估和判斷（最有名的應該就是Google的PageRank），而且網路的發展日新月異，各搜尋引擎也不斷地更新改善其評估標準，以期能更精確地尋找並排列出使用者想搜尋的資訊。

無論搜尋引擎是用何種方式來做網頁的檢索，可以確定的是沒有一個引擎是以網頁的美麗或是酷炫來作為其參考的標準。所以規劃或設計網頁時如果僅就網頁視覺美觀的角度來看待，那麼受到搜尋引擎青睞的機會恐怕不會很大，所損失的也將是搜尋引擎上的潛在客戶和商機。

不是簡單的設定就可以有好的排名

或許有許多人都知道，在網頁 HTML 的結構中有所謂的 meta description 及 meta keywords 兩個標籤（tag），其在網頁上的語法為

<meta name="description" content="xxx">
（xxx 為文字說明，用以簡單說明本網頁的概要）

<meta name="keywords" content="xxx">
（xxx為關鍵字的文字，用以點出本網頁重要的關鍵字）

也就是說meta description 是用來描述此網頁的簡單說明，而 meta keywords 則是設定與此網頁有關的關鍵字。

在早期的時候，搜尋引擎檢索網頁時會參考網頁上這兩個標籤所設定的文字（也就是上述的 xxx 文字），來給予此網頁相關關鍵字的權重。例如搜尋引擎在看到某個賣手機的網頁上有

<meta name="description" content="on-line sell many brands of mobile phones with low price and good service.">

<meta name="keywords" content="mobile phone, cellular phone, smart phone, iphone, android, samsung">

的設定，就會對此網頁在手機相關的關鍵字上給予適當的權重，以便在搜尋結果上會有相對的排名。

所以很多網頁設計人員都會在這兩個標籤上大做文章，期望能獲得搜尋引擎更多關愛的眼神。但這也造成許多人對這兩個標籤過渡的濫用，企圖以與網頁不相干的說明或關鍵字來影響搜尋引擎的搜尋結果。

例如有一些色情網站就在這兩個標籤上設定成 computer, mobile phone, flower, mp3 等熱門流行的文字，希望網友在搜尋引擎上尋找這些資訊時能夠發現並且進入他們的網站。

搜尋引擎當然也不是省油的燈，各引擎沒多久就瞭解到這兩個標籤被濫用的現象，所以也逐漸地減低參考這兩個標籤的重要性。例如Google根本不理會meta description的設定，對meta keywords的參考也是微乎其微。

事實上，為了避免無謂的貪婪和濫用，有些搜尋引擎對這兩個網頁標籤會設有字數上的限制，例如限制meta keywords在10個英文字或50個字元以內。如果貪心的網頁在meta keywords設定了一大堆關鍵字，其結果不僅無法獲得搜尋引擎的青睞，可能還會被降低評等。

所以，網頁設計與搜尋引擎的關係，也已經不是設定meta description和 meta keywords這麼單純而已。

網頁的結構和內容

為了呈現網頁的視覺美麗，許多設計人員常常把網頁的內容全部以圖片或是Flash動畫的方式加以表現。這樣的網頁或許會讓人駐足欣賞，但是由於搜尋引擎無法像人類的視覺可以辨識圖片或動畫的內容，所以當搜尋引擎看到這樣的網頁時，只能滿頭霧水，如下圖。

 

文字與文案

在搜尋引擎對網頁數以百計的檢索標準中，有一項很重要的參考指標是來自網頁上的文字內容。這裡所謂的文字內容是純文字的資料，而不是以圖形、圖片或是動畫所製作的文字。

許多網頁設計人員往往為了視覺美觀，喜歡把文字的內容以圖片或動畫的方式表現文字的特殊變化。這樣的做法或許可以得到視覺上的美觀，但是就如同上圖的說明，因為搜尋引擎無法了解這些做成圖或動畫的文字到底是什麼意義，所以無法對這個網頁做相關性的檢索，也因此將會降低網友找到此網頁的機會。

事實上，文字與文案的編輯和處理，在網頁設計的領域中經常被人忽略。許多人會對網頁視覺的美醜極為講究，但是對於文案內容語焉不詳、詞不達意、拼字錯誤等卻是漠不關心。

閱讀是瀏覽網頁資訊很重要的一種方式。好的文案與文字編輯，不僅能讓網友容易瞭解網站所提供的資訊，也能讓搜尋引擎更容易掌握網站的相關性。

網頁設計不只是視覺設計

許多人認為，網頁設計就像是型錄或廣告設計，要強調的是美工或是視覺設計上的漂亮美麗，如此才能吸引更多人的注目和欣賞。

其實網頁和型錄在本質上還是有所不同，廣告型錄可能是在驚鴻一撇的情況下要用最有效的方式吸引讀者的目光，但是網站網頁卻是網友在很清楚的認知下進來瀏覽資訊。

所以網頁設計不應該一味地重視畫面的酷炫或美麗，而是資訊有效的組織和傳達，以便讓使用者能夠很快速清楚地瞭解網頁所要溝通的資訊。

雖然我們不認同美工或視覺導向的網頁設計，但並不表示網頁的視覺設計就不那麼重要。畢竟人還是感官的動物，好的視覺感受還是會影響人的主觀判斷。只不過，在網頁的視覺設計上所要著重的應該是在資訊是否能親切友善地呈現，而不是圖形或動畫的唯美花俏。

在資訊爆炸的網路世紀，好的網頁設計不單是要考慮使用者友善性（user friendly），同時也要兼顧搜尋引擎友善性（search engine friendly）的原則。

創藝箴言

分享本文