寫這篇文章時正值新春期間，首先祝大家萬事如意，身體健康！
前文講了4個常常見的編寫網頁錯誤，接下來和大家繼續討論餘下5個。
5. 以圖片檔製作導覽列 (Navigation Bar)
中文網站常因字體的限制大，如果一個網站很著重設計的效果，難免要使用圖片檔案製作文字，才達到客戶的要求，這點我很明白。不過如果純以圖片檔來製作網站的導覽列，則會令網站的優化效果減低。為什麼會這樣呢？搜索引擎一般是透過一個網頁連去另一個網頁 (hyperlinks)，Anchor Text (例如上面的「前文」二字) 可給搜尋改擎了解連去的網頁關於什麼題目。搜尋器不會讀圖片上的文字，自然取不到這提示。
最簡單的解決方法，是在網站上提供多一個文字製作的導覽列，時下很流行的寬頁底設計，就有很足夠的空間放文本導覽列。
6. 圖片檔沒有加入 Alt 屬性
圖片檔 Alt 屬性的作用，是提供 alternative information 予圖片，在關閉了圖片顯示的情況下，或者用 screen reader 的訪客亦理解圖片的內容。搜尋器不懂看圖，和視覺有問題的人士一樣依靠圖片的 alt 屬性理解圖片內容。在 alt 屬性加入適當的描述，就可提供更多有效資訊，因此切勿在上面胡亂墳上關鍵字。個人認為在購物網站和產品目錄網頁上應該善用 alt 屬性，可增強優化長尾關鍵字的效果。圖片可另加 title 屬性，詳細的區分可參看 Image Alt Text Vs. Image Title : What’s the Difference?
7. 忽略了 Anchor Text 的重要性
正如在 (5) 中提及，anchor text 提供一項資訊給搜尋器理解連去的網頁關於什麼題目，因此選用關鍵字作為 anchor text 文字可增強優化效果，製作網頁時常常會用 「上頁」、「下頁」、「按此」等沒有特別意思的文字為 anchor text，可嘗試改用有意思和包含關鍵字的詞語，例如上面以「前文」加入上一篇文章的連結，可改為加在「編寫網頁錯誤」上。
不過有一點要留意，有些 blogger 太著重 anchor text ，把文章上所有重要的關鍵字都連去想作優化的網頁，例如我的網站關於網頁設計，凡是文章中出現「網頁設計」這個詞就連去網站上的一頁，不理文中是否有需要連去該頁。更離譜的是明明應該連去其他網站，竟然又是連到作者以往介紹該產品或服務的文章。有人說這樣極端的做法會被搜尋引擎懲罰，姑物論屬實與否，太極端地亂用 anchor text，亂加 internal links，毫無疑問是令人很反感。
8. 沒有善用 Heading Tags
HTML 提供了6個 Header Tags (h1-h6) 可供放置標題文字，標題一般是文章或者一個段落的主題，因此包含關鍵字也很自然，而當然搜尋引擎亦會較為重視標題文字。其實 Header Tag 亦會方便設計不同的文字樣式，沒有理由不使用。
9. 忘記加入 Sitemap
首先必須要說清楚，sitemap 有兩種，最為人認識的是一個類似目錄的網頁，把網站上所有網頁以樹狀形式包含在內。這可稱為 HTML sitemap，比較適合大型網站使用。不過個人認為不要太依賴 HTML sitemap，因未必每個訪客會利用此網頁，如果網站資料要靠 HTML sitemap 才找得到，則應該檢討一下網站架構有沒有可改善的地方。對於中小網站，可考慮把 HTML sitemap 直接放在 footer，和 text-based navigation bar 二合為一，比增加一個獨立網頁的效用更大。
另一種 sitemap 是 XML Sitemaps，專門給搜尋器使用，我在把網站加入到 Yahoo 及 Google 的方法 (二) 已介紹過，正確地加入 XML Sitemaps 可讓搜尋器更容易收錄你的網頁。
總結
製作網頁是一項需要考慮設計、網頁編碼、網站結構、網站維護等等的工作，近年很多人，尤其在國內的看到搜尋引擎優化的商機，不論是否懂得網站技術都一窩蜂加入這行列，選擇這服務時一定要很小心。
常見作弊方式
Google 的網站管理員指南明確指出不少網頁製作的作弊方式，例如隱藏文字或隱藏連結、載入具有不相干關鍵字的網頁、專為搜尋引擎建立的入口網頁等，不過大家可放心，今時今日就算最黑的 SEOers 也不會直接把以上招數用在客戶的網站上，你反而要小心如果有公司上門推銷，不用改動網站，也可替網站優化，你應該問清楚用什麼方法。
留言
寫下留言