標籤：

HTML5 對 SEO 有哪些影響？

01-14

感謝南哥的邀請，不過說實在的，我對HTML5還真不是很了解。於是特地的去補習了下。

上面幾位已經說的很好了，我把我看過的一些文章整理下。舉百家之長補充下。

我把HTML5代碼都看了下，新增了不少新元素，整理了下，這些標籤應該對SEO還是比較有影響的，適當運用，也許對SEO優化是有很大好處的！

結構上的

  1. &定義了站點的頭部信息，也就是頁眉，一般放置網站的站點名稱以及LOGO和導航欄。搜索引擎更容易識別站點的類型。

  2. &定義導航鏈接，也就是欄目或者頻道的鏈接。搜索引擎可以更好了解網站的信息架構，分類等。良好的信息架構，更有利於蜘蛛的爬行和權重的分布。

  3. &定義了底部信息，也就是頁腳。放置頁腳導航，一些比如公司介紹，聯繫我們之類的信息。一般來說對網站比較不重要，有可能搜索引擎會降低其位置的權重。

  4. &該元素用來表示網頁中不同的分區。優勢體現在每個部分都可以有其獨立的HTML標題。這可以讓搜索引擎更好的了解網頁的結構是如何劃分的。搜索引擎可能會根據網頁中的&標籤找出其信息架構。（同左撇子）

  5. & 定義文章區域，可以更有利於搜索引擎識別網頁的內容以及判斷相關性。，

  6. &定義頁面內容之外的內容，在左側或右側邊欄。比如知乎右側的「相關問題」就屬於&區域。aside標籤的文字信息與article標籤區域的文字信息最好是相關。可能會影響到該頁面和目標頁面的排名。

這些結構元素有些在HTML4時代，一般是用div來定義。如&、&和&，但是難免有些網站會採用其它的命名方式。而HTML就把這些都標準化了，規範化了，簡潔明了。更有利於搜索引擎衡量網頁上的內容和相關性，甚至分配權重的流向。

塊元素

  1. &定義媒介內容的分組，以及它們的標題，&定義 figure 元素的標題。這兩個元素可以說非常好的使媒介和文字說明聯繫在了一起。有利於搜索引擎理解內容。文字說明是可見的。
  2. &定義日期/時間，time標籤可能會作為一個來判斷網頁文字源，也就是能夠通過time標籤來識別哪篇文章是原創的。
  3. &定義音頻

  4. &定義視頻

這兩個元素區域中間的文字信息將會讓搜索引擎讀懂視頻和音頻。據說很多國外社交網站都開始試用HTML5，就是因為搜索引擎可以更好識別社交網站更多出現的音視頻。

另外目前搜索引擎可能還不能很好支持的HTML5，畢竟現在還沒有更好的推廣和運用。但我相信這是未來的趨勢。

這裡另外再推薦兩篇文章：

姜東棟：HTML5中SEO可以用那些代碼來做優化：http://www.qisir.com/Blog/HTML5-SEO/

HTML5與搜索引擎優化：http://lusongsong.com/reed/398.html

都一點了，南哥你還邀請了好多題，難度都不小。我這幾天會好好琢磨，並完成的。也很感謝知乎這個平台，讓我重新學習了一遍。

從現在的SEO環境來講，影響真不大。

那些所謂的內容規範，都可以用http://schema.org完美解決，並且現階段使用http://schema.org必然比使用HTML5來對內容代碼進行規範化處理來得安全且實用。

也許會有人覺得短見，但是SEO這一塊誰能預言幾年後會是什麼樣？等到HTML5真正普及了，搜索引擎的排名規則又變成什麼樣了？

HTML5真正的牛逼之處在提高網站的用戶體驗上，追求這些&&代碼，實在是撿了芝麻丟了西瓜。

html5 ，上名解

HTML的英文全稱為Hyper Text Markup Language，即超文本標記語言。HTML5是HTML的一個新版本。HTML 不是一種編程語言，而是一種標記語言 (markup language)。

HTML5是萬維網的核心語言、標準通用標記語言下的一個應用超文本標記語言(HTML)的第五次重大修改。

HTML5特性

語義特性(Class：Semantic)

HTML5賦予網頁更好的意義和結構。更加豐富的標籤將隨著對RDFa的，微數據與微格式等方面的支持，構建對程序、對用戶都更有價值的數據驅動的Web。

本地存儲特性(Class: OFFLINE STORAGE)

基於HTML5開發的網頁APP擁有更短的啟動時間，更快的聯網速度，這些全得益於HTML5 APP Cache，以及本地存儲功能。Indexed DB(html5本地存儲最重要的技術之一)和API說明文檔。

設備兼容特性 (Class: DEVICE ACCESS)

從Geolocation功能的API文檔公開以來，HTML5為網頁應用開發者們提供了更多功能上的優化選擇，帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與應用接入開放介面。使外部應用可以直接與瀏覽器內部的數據直接相連，例如視頻影音可直接與microphones及攝像頭相聯。

連接特性(Class: CONNECTIVITY)

更有效的連接工作效率，使得基於頁面的實時聊天，更快速的網頁遊戲體驗，更優化的在線交流得到了實現。HTML5擁有更有效的伺服器推送技術，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特性能夠幫助我們實現伺服器將數據「推送」到客戶端的功能。

網頁多媒體特性(Class: MULTIMEDIA)

支持網頁端的Audio、Video等多媒體功能， 與網站自帶的APPS，攝像頭，影音功能相得益彰。

三維、圖形及特效特性(Class: 3D, Graphics Effects)

基於SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚嘆於在瀏覽器中，所呈現的驚人視覺效果。

性能與集成特性(Class: Performance Integration)

沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術，解決以前的跨域等問題，幫助您的Web應用和網站在多樣化的環境中更快速的工作。

CSS3特性(Class: CSS3)

在不犧牲性能和語義結構的前提下，CSS3中提供了更多的風格和更強的效果。此外，較之以前的Web排版，Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。

影響

html5里多的無非是多些js文件

注意下title標籤和元標籤

1、頭部標籤（header標籤）

2、導航標籤（nav標籤）

3、文章標籤（article標籤）

4、左或右側標籤（aside標籤）

1.falsh：很多企業站採用flash，如果用html5實現，優化起來方便的多。

2.圖片：html5里可以不用alt，而是為圖片設定標題文字。

3.速度：載入快

4.搜索引擎：貌似baidu還沒那麼開明。

網頁分割與語義的豐富HTML5一個最大的特點是將標記語言的語義進一步豐富，我們可以直接使用&，&這樣的標記。這樣搜索引擎將能夠根據這些語義對網頁中的內容進一步分析，來幫助用戶尋找想要的內容。在Div+CSS技術流行起來之後，我們通常使用&的id來對內容分區進行有意義的定義。通常我們會這樣來組織一個具有語義的網頁。這樣雖然程序員知道各個部分的語義是什麼，但是搜索引擎卻不能夠識別其語義內容。

　　而在HTML5引入一些新的元素，例如，&、&、&、&，這樣一個網頁將會變的更有意義。

　　這樣做的好處顯而易見，當網路爬蟲知道諸如&與&之類的部分後可以非常簡單的跳過它們，更好的定位網頁內容。又或者使用這些元素來進行其他目的的索引，譬如識別版權信息或者尋找網站Logo等。

HTML5元素可以影響搜索引擎索引下面是一些可以直接對SEO產生影響的元素。

&這是內容為王的時代，我們都知道網頁內容對與搜索引擎排名的重要程度。恐怕該元素將對HTML5的SEO產生最為重要的影響。一個潛在的變化可能是搜索引擎將會對該元素的內容放置更多的權重。

&該元素用來表示網頁中不同的分區。優勢體現在每個部分都可以有其獨立的HTML標題。這可以讓搜索引擎更好的了解網頁的結構是如何劃分的。搜索引擎可能會根據網頁中的&標籤找出其信息架構。

&該元素可以讓搜索引擎知道站點的名字和Logo以及其主要的導航欄。

&在網頁設計中，通常在頁腳處顯示一些站點額外的信息，譬如版權、營業執照、隱私條款等。該元素可以使得搜索引擎來確認與這些信息相關的內容。

&該元素可以極大的方便搜索引擎收錄某個站點的信息架構，譬如通過此來建立簡單的站點地圖等等。

文章來源：http://www.nilock.com/2011/09/12/what-impact-can-html5-have-on-seo/

HTML5對於SEO的影響取決於新的規則對標籤的一些優化，想交流可以去SEOWHY論壇上看看大家對這個問題的討論。

我覺得題主的意思應該是在html5中使用了很多ajax，動態載入js，樣式, Knockoutjs等MVVM之類js對SEO的影響吧？

1、更好、全面的信息/內容識別度；2、結構化信息

總之，對於SE獲取信息的能力增強了，那SE在鏈接上賦予的權重會降級。

看看百度站長平台的欄目功能，就知道數據的規範化是一個重要的維度，而HTML5在規範化方面正是她的出彩之處。

個人覺得seo就跟一個title標籤有關，其他標籤意義不大。

隨著HTML5的發展，雖然有很多人這幾年都寫了很多關於HTML的文章，但好像很少有提供關於HTML5能夠影響有機的流量或者真的與SEO有關係的證據。而本文將主要闡述關於HTML5對於你的SEO的影響，首先我們需要知道HTML5可以提供什麼及不足之處?

HTML5可以提供

◆ 在用戶的可用性和友好體驗上帶來一些改進

◆ 有幾個新的標籤，這將有主開發人員定義重要的內容

◆ 可以給站點帶來更多的多媒體元素(視頻和音頻)

◆ 可以很好的替代FLASH和Silverlight

◆ 當涉及到網站的抓取和索引的時候，對於SEO很友好

◆ 將被大量用戶移動應用程序和遊戲

因此，我們可以說HTML5有一天將是WEB更加的美好，但是有一天並不是現在。我們不能不提到重要的一點：迄今為止，並沒有什麼流行的瀏覽器可以完全的支持所HTML5規範的所有功能。需要明確的是，今天的主流瀏覽器都將趨於支持HTML5，但是仍存在許多不完全的支持或兼容。

谷歌和HTML5

2010年5月22日，谷歌創建了一個塗鴉來紀念Pac Man的視頻遊戲。這個塗鴉是一個動畫，同時也是一個可以玩的Pac Man的遊戲。這個塗鴉就是谷歌通過使用HTML5標準製作的，當然谷歌也提供一個FLASH版本來支持不兼容HTML5的瀏覽器。我敢打賭，這是大多數互聯網網民第一次和HTML5的接觸。對於個人來說，這是一個興奮的消息。以我的觀點，這個塗鴉提供了一個機會可以窺視未來互聯網、網頁、移動應用軟體和遊戲等發展趨勢。對於搜索引擎優化，他開闢了我更多的想像，它讓我思考HTML5在SEO領域的潛力。網站轉移到HTML5標準對於SEO有什麼優

推薦閱讀：

※Web前端面試題面試技巧有哪些？
※辯論能為我們帶來什麼?意義是什麼?
※如何才能做出傳播量10萬+的HTML5傳播頁面？大量轉發的HTML5都有哪些共同特點？
※為什麼有人撩妹的時候會故意欺負妹子？
※如何評價UC震驚部？

TAG:互聯網 | 搜索引擎優化SEO | HTML5 |