跳到主要內容

HTML5 與 SEO - HTML4/XHTML 與 HTML5 語義架構的差別


許多人都在問：HTML5真的有助於SEO嘛？這點我們可以從XDite大大在Google+上的發文可以看到，這答案是肯定的！不過這中間可能會有一個邏輯上的誤區：不是HTML5帶來SEO的效益，而是網頁正確語義化及HTML5更完美的架構，導致了搜索來量的提升。這也是為什麼，未來從事SEO工作的時候，我們可能要將HTML5化，作為SEO工作之一。



反過來說，我們現在使用的HTML4/XHTML，難道就不能語義化嘛？這點半對半不對。在HTML4/XHTML中，除了傳統的td,tr切版方式的網頁製作外，DIV+CSS的版面配置已經逐漸受到重視。所以，一個基礎的網頁我們可能有這樣的配置。


嗯，看起來很熟悉吧。不過這是很基礎的DIV配置，還沒有做到語義化的目的，所以在HTML5出來前，依據W3C的規則，我們其實可以利用"id"這個元素，來幫我們的每個DIV「取名」，其實只要做到這一步，搜索引擎就已經可以清楚辨識每個DIV的作用，並正確找到文章的重點，所以在HTML4/XHTML中的語義化實現是：


See，這樣用id來幫DIV命名，跟前一張圖相比較，連中文附註都不用，就可以很清楚知道版塊的用意，同樣的搜索引擎也能快速的了解網頁。但是在HTML5中，新增了header、article、section、footer、aside、nav等標籤，來協助我們在使用HTML5做到更好的語義架構，也更容易讓搜尋引擎快速的了解一整頁的重點，所以從上圖的架構來說，利用HTML5來做編輯的話，可以調整為：


好了，我想從基礎架構來說，你應該已經知道HTML5下的語義架構下，該怎麼去調整自己的網站了吧！不過有幾個容易搞混的地方還是要提醒一下：
  • 所謂「標籤」，在語義上就表示包含的內容是具有意義的。所以不要遇到區塊就用section去包。像是Logo一些無意義的內容，div還在，請善用。
  • 不要凡是遇到「列表」或是「導覽列」就用nav，個人的基本分類原則：連站內的再用nav，如果是要導航到外站的，請用section，或是div就好。
其他常見的誤區，可以參考XDite的如何設計出正確語意的 HTML5，或是觀賞這份由HTML5體現的Slide:HTML5 語意標籤理論與實戰。其他像是hgroup體現heading tag的正確表示、aside的運用、time及address以及更重要的HTML5中的microdata。我們留到其他篇再來提吧！

參考書籍

（利益揭示：以上有博客來AP及卓越亞馬遜連結，你從下方連結購書我可以獲得一定比例的回饋）
Enhanced by Zemanta

留言

張貼留言

這個網誌中的熱門文章

2022年了， Google 都建議你不要做 sitemap 了：重新認識 SEO 中的 Sitemap

首先，如果我跟你說你的網站 其實可能「不」需要 Sitemap ，我想這句話會顛覆多數人的認知，但實際上這句話卻是 Google 官方文件白紙黑字寫出來的[1]，以下是可能「不」需要 Sitemap 的情況： 網站規模很「小」：所謂的規模很「小」，指的是網站的 網頁數不超過 500 個  (以您認為有需要納入搜尋結果的網頁為準)。 網站內部的連結完善：這表示 Google 可以透過首頁的連結找出網站上所有的重要網頁。 要顯示在搜尋結果中的媒體檔案 (影片、圖片) 或新聞網頁數量不多：Sitemap 可協助 Google 在您的網站上找出影片和圖片檔或新聞報導，並加以解讀。如果您不需要讓這些內容出現在圖片、影片或新聞搜尋結果中，可能就不需要 Sitemap。 其實絕大多數各位手邊的網站，真的有需要納入搜尋結果的網頁，各位請自行捫心自問一下：真的有超過 500 頁嗎？如果是電商，你的商品數真的有那麼多嗎？當然這是極端的說法，因為我相信大家都會覺得說：那有一天我超過 500 個怎麼辦，或是我是新網站怎麼辦？
張貼留言
閱讀完整內容

做 SEO 看 DA, DS, DR 等第三方評比分數真的是對的嗎？

 據說整個爭議都源自於這個留言 為什麼我會有這個反應呢？源自於該文作者的一段話 當然我絕對不反對「 反向連結，是另一個SEO『最大的』排名要素 」、「 內容，是SEO『最大的』兩大排名要素之一 」，這兩句話絕對沒有問題，但當拿 kknews 來做舉例的時候，這中間影響排名要素就不是只有「連結」跟「內容」了，所以我舉了一個 Pchome 新聞 DA87 (DR85) ，也有豐富內容來做反例之後，後面的整個 SEO 重點就跑偏了。 做連結跟做內容是錯誤觀念，建立使用者搜尋關鍵字跟網頁相關性才是本質 「相關性」，其實是搜尋引擎在判斷哪些網要優先出來在搜尋結果內的核心關鍵，而一個頁面的相關性建立最基礎的兩個方式： 搜尋者的關鍵字有沒有出現在該頁面中，包含 title, description 跟內文等等等 其他講這個關鍵字的外部跟內部頁面會不會也連到該頁面中 所以為什麼連結建立跟內容優化會是 SEO 的關鍵。當然排名要素還有很多，不單只是這兩個排名要素，那 kknews 跟 Pchome 新聞到底差在哪呢？ 全站內同一關鍵字可能有 N 篇文章，我們先來看熱門的文章之一「俄羅斯女孩，為什麼結婚前很漂亮，結婚後迅速變大媽？」 文章很棒、很有價值，妹也夠正，搜尋「俄羅斯女孩」也的確排在很前面，1, 2 名都是 kknews 的結果 但，這真的是高 DA 或高 DR 的結果嗎？根據多年做 SEO 的經驗談，往下看延伸閱讀才會是真正的關鍵結果。 kknews 這種農場最擅長的是，就是把同一篇文章換句話說改寫成數以百計的文章（黑帽說法： 偽原創 ），來增加「俄羅斯女孩」在整站裡的相關性，並且每篇文章都還會用「相關文章」互相連結，這個才是讓 kknews 長期佔據搜尋結果排行榜的關鍵。反觀 Pchome 新聞，由於新聞大多數時間都是「單一事件」，同一關鍵字在 Pchome 新聞站內的內容不多，所以站內連結也少，更重要的是：大多數的新聞都非原創。 從此可知，單靠一篇文章就想要好的排名其實是不太可能的（當然有時候有例外，但那是非常冷門的關鍵字）針對單一主題或關鍵字，從內容的持續生成策略、內部頁面網網相連，到外部網站的支持、社群的分享，做連結跟內容如果沒有從相關性提升的邏輯下去操作，基本上就會是錯誤的觀念。 那連結怎麼建立才會是對的？DA, DS, DR 只是結果 為什麼現在有一堆網站都提出了
張貼留言
閱讀完整內容

SEO建議做在QDM內建還是WordPress上比較好？電商內容行銷實務分享

那天有一位社團成員匿名發問：SEO建議做在QDM內建還是WordPress上比較好？他的問題是： 我們家使用QDM系統，有意願做SEO，之前因為QDM內建的部落格版面老闆覺得醜，所以另外用Wordpress自建了一個部落格目前兩邊都是有文章的，想問大家這個情況，SEO建議做在QDM內建的還是Wordpress上比較好呢？ 其實他的問題是：如果我想透過內容行銷或產生文章來做好 SEO ，那我應該用電商平台內建的部落格功能，還是另外架設一個外部網站（如用 WordPress）來放內容呢？這個問題嚴格來說是老生常談，但在回答這個問題之前，我們先複習一下先前 台灣電商開店平台 SEO 能力大解析 中，電商平台 有沒有部落格功能這一評分標準 ，其實就會跟我們今天的解答有關係。
張貼留言
閱讀完整內容