1、編寫HTML5文檔時,為什麼要遵守W3C標准
什麼要遵守W3C標准,我也思考過這個,以下是我個人的見解。
一句話:所謂的標准就是為了彌補主觀上的不足。
這是別處來,忘記那兒了,非常有道理,非常有嚼勁,知道出處的告知一聲。
我深入思考了一下:
W3C 標準是為了彌補主觀上的不足,彌補的是新手對 SEO 的理解,即使不了解 SEO,只需要去遵循 W3C 標准即可確保獲得良好的 SEO,這是因為 SEO 的編寫者同樣遵循這一種約定。
如果不遵循約定的話,比如用 DIV 寫一切的傢伙,SEO 的編寫者要怎樣才能知道你寫的是什麼,他不可能搜索全部 DIV 的,太費資源和時間了,所以咱們就約定一下將那些很重要的信息比如關鍵詞是:HTML5、CSS3、Node 的這些都寫到一個標簽裡面好不好?這樣省資源省時間呢,大家覺得都 OK 於是我們就專門弄了一個表述這些信息的標簽,叫 meta(元信息標簽),然後在根據不同的類型來區分一下這些重要信息,比如用 name="keywords" 來標識關鍵詞:
<meta name="keywords" content="HTML5,CSS3,Node">用 name="author" 來標識作者:
<meta name="author" content="zqh">這樣 SEO 就知道那些內容是作者,那些內容是關鍵詞了~
SEO 是英文 Search Engine Optimization 的縮寫,中文譯為"搜索引擎優化"。
當然了,因為是標准,所以你不遵守也是可以的,但這樣搜索引擎可能不會抓取非標準的頁面,如果你寫過爬蟲的話就會明白抓取那些不遵循標准來的傢伙(DIV 亂用)是多麼麻煩,直接忽略掉這些網站是最好的選擇。
2、HTML5中哪些標簽可以用來做SEO優化
一、頭部代碼
1、標題標簽(title標簽)
在HTML5中標題標簽依然存在,其仍然具有不可替代的作用;不過我們看到還有更多的可供搜索引擎識別的代碼,我們將改代碼的等級微降。
2、元標簽(meta標簽)
字元集編碼聲明標簽:該標簽原本就是搜索引擎必看且首先要看的標簽,其他屬性都省略唯獨留下charset屬性能看到google公司用心良苦。
網頁描述標簽:該標簽雖然沒有什麼提示,但是該區域的內容將會在SERP顯示,其重要性不應該被忽略。
二、正文代碼
1、頭部標簽(header標簽)
這塊區域之前以logo居多,而從目前的情況來看,很多資料都建議在這類使用標題1或2標簽,即h1或h2標簽。我們認為未來每個網頁只會出現一個H1標簽,而他的位置就是位於header標簽內。該區域我們不建議使用strong標簽,不要使用b標簽。
2、導航標簽(nav標簽)
nav標簽內基本上都是a標簽,而HTML5中不應該靠添加title標簽來進行優化,我們建議是用strong標簽。
3、文章標簽(article標簽)
article標簽區域,我們可以使用h2標簽,而不建議使用h1標簽。基本上有多少個article標簽就可以使用多少個h2標簽。PS:可把SEO樂死了,估計黑帽又找到作弊的地方了。
而article標簽區域的section標簽將會替代h2標簽鏈接過去的URL的title屬性,這塊區域的文字有可能將成為目標URL的description內容,即有可能會影響目標URL在SERP中的描述。
4、左或右側標簽(aside標簽)
aside標簽的文字信息與article標簽區域的文字信息需要匹配,如果關聯程度不大,可能會影響到該頁面以及目標頁面的排名。這是在HTML4中很多SEO忽視的一塊區域,而這塊區域的關鍵詞對本頁面可能影響不是很大。因為aside標簽的內容基本上都屬於公共內容,即會有N多的頁面都有該內容。
5、底部標簽(footer標簽)
footer標簽區域的內容對首頁的排名將會增加,而對於內頁來說搜索引擎將有可能會視而不見。不建議每個web的footer信息都是獨立的,這或許意味著新的黑帽手段將會出現。
3、HTML5開發對SEO網站優化有哪些好處
HTML5代碼新增了不少新元素,整理了下,這些標簽應該對SEO還是比較有影響的,適當運用,也許對SEO優化是有很大好處的!
結構上的
<header>定義了站點的頭部信息,也就是頁眉,一般放置網站的站點名稱以及LOGO和導航欄。搜索引擎更容易識別站點的類型。
<nav>定義導航鏈接,也就是欄目或者頻道的鏈接。搜索引擎可以更好了解網站的信息架構,分類等。良好的信息架構,更有利於蜘蛛的爬行和權重的分布。
<footer>定義了底部信息,也就是頁腳。放置頁腳導航,一些比如公司介紹,聯系我們之類的信息。一般來說對網站比較不重要,有可能搜索引擎會降低其位置的權重。
<section>該元素用來表示網頁中不同的分區。優勢體現在每個部分都可以有其獨立的HTML標題。這可以讓搜索引擎更好的了解網頁的結構是如何劃分的。搜索引擎可能會根據網頁中的<section>標簽找出其信息架構。(同左撇子)
<article> 定義文章區域,可以更有利於搜索引擎識別網頁的內容以及判斷相關性。,
<aside>定義頁面內容之外的內容,在左側或右側邊欄。比如知乎右側的「相關問題」就屬於<aside>區域。aside標簽的文字信息與article標簽區域的文字信息最好是相關。可能會影響到該頁面和目標頁面的排名。
這些結構元素有些在HTML4時代,一般是用div來定義。如<div id="header">、<div id="nav">和<div id="footer">,但是難免有些網站會採用其它的命名方式。而HTML就把這些都標准化了,規范化了,簡潔明了。更有利於搜索引擎衡量網頁上的內容和相關性,甚至分配權重的流向。
塊元素
<figure>定義媒介內容的分組,以及它們的標題,<figcaption>定義 figure 元素的標題。這兩個元素可以說非常好的使媒介和文字說明聯系在了一起。有利於搜索引擎理解內容。文字說明是可見的。
<time>定義日期/時間,time標簽可能會作為一個來判斷網頁文字源,也就是能夠通過time標簽來識別哪篇文章是原創的。
<audio>定義音頻
<video>定義視頻
這兩個元素區域中間的文字信息將會讓搜索引擎讀懂視頻和音頻。據說很多國外社交網站都開始試用HTML5,就是因為搜索引擎可以更好識別社交網站更多出現的音視頻。
另外目前搜索引擎可能還不能很好支持的HTML5,畢竟現在還沒有更好的推廣和運用。但我相信這是未來的趨勢。
4、是SEO有前景還是html5?
盡管現在html5還是在探索階段,但作為一個seo人員,必須要洞察先機,了解一些關於html5的知識並分析是否會對seo造成影響。事實上html5對網頁設計和開發人員的沖擊和影響,遠遠超過seo人員,但這並不意味著seor無須就html5對搜索引擎優化策略做出調整。
html5新特性
html5是互聯網技術逐年演變的一種產物,包含了很多新的標簽和元素,具體可以查閱《圖解html5》一文,但它仍然是基於xml的一種網頁表達語言,和html4相比也不是發生了翻天覆地的變化,而且對它的父輩有很好的兼容性,所以我們大可不必憂慮什麼都得重頭學起,甚至認為html5很難。
html5的哪些變化可能會影響seo
作為seo人員,我們只會關注html5規范發生了哪些可能會影響到seo的變化,下面是其中的一些。
改進網頁分塊
現在的網頁基本上都是分塊的,網頁分塊意味著將一個頁面劃分為幾個獨立的部分,包括內容、菜單、頭部、底部、鏈接等,但是站長沒有辦法告訴搜索引擎應該如何對一個網頁進行分塊,就是說沒有辦法告訴搜索引擎哪塊是頭部,哪塊是底部。不過html5將可以改變這一現狀,只要使用一些新的標簽,如<header>和<footer>標簽等。
新的<article>標簽
估計這將會是對seo最有積極影響的html5新標簽,因為這樣可以直接標識文章內容部分,而且可以避免使用<div>這些標簽從而讓html代碼變得更簡潔,無疑對搜索引擎變得更加友好了。另一方面,放在<article>標簽里的內容將比放在頁面其他地方的內容能在搜索引擎那裡獲得更加多的權重。
新的<section>標簽
<section>標簽可以用來識別一個頁面或者一本書里單獨的章節,它的好處就是每一個章節都可以擁有單獨的html標題,再結合<article>標簽考慮,就可以推斷到搜索引擎將會更加註重單獨章節里的內容。舉個例子,如果在某一章節里找到與搜索字元串相匹配的內容,將比在整個頁面或者其他地方找到的能獲得更高的相關性。
新的<header>標簽
<header>標簽對於seo人員來說是一個福音,因為相比於現在的head,它提供了更大的靈活性。<header>標簽和<H1>標簽的作用非常相似,但不同的是,<header>裡面可以包含很多東西,包括可以是<H1>、<H2>括起來的內容,也可以是整段文字,又或者是鏈接,以及你覺得有相關的其他信息。
新的<footer>標簽
<footer>標簽沒有<header>標簽那麼管用,但仍然可以包含一些重要信息在裡面,它可以用作seo的一種手段。<header>和<footer>標簽可以在一個頁面里多次出現,例如,我們可以為一個單獨的section配備一個<header>和一個<footer>,這無疑為我們提供了很大的靈活性。
新的<nav>標簽
網站麵包屑導航是seo的重要因素,一個導航友好的網站無疑可以在搜索引擎那裡獲得更高的排名,所以一切簡化導航的做法都是對seo有作用的,而<nav>就可以做到這一點。
我們在這里只是列舉了部分在某種程度上可能會對seo產生影響的html5新標簽,html5還有很多新的標簽,例如<audio>、<video>、<dialogue>等,但它們對seo的重要性相對較低,所以在此不作討論。
總結
目前,html5對於大部分人來說還是很遙遠的,當越來越多的網頁應用上html5的時候,搜索引擎才會更加註重html5,並作出相應的策略調整,或者只有那時才會知道搜索引擎究竟會如何對待html5的頁面。現在看來,html5的大規模普及並不是很快就會發生的事,所以我們無須過分擔憂它對seo產生的影響,可以繼續只關注html4。另一方面,瀏覽器也需要時間去為html5作出改變,所以html5無處不在的那一天還挺遙遠的。
不過,一旦html5為所有瀏覽器和更多的用戶所接受,它將成為未來很長時間的主導標准,所以我們要時刻關注它的動態、關注其他站長正在做什麼,目的是為了確保不要錯過當html5成為事實標准後應該馬上作出反應的那一個時機。
5、HTML5的標准對SEO優化的影響有哪些
第一、使搜索引擎更加容易抓取和索引
對於一些網站,特別是那些嚴重依賴於FLASH的網站HTML5是一個大福音。如果你有一個都是FLASH的站點,你就一定會看到切換到HTML5的 好處。首先,搜索引擎的蜘蛛將能夠抓取你的站點和索引你的內容。所有嵌入到動畫中的內容將全部可以被搜索引擎讀取。在搜索引擎優化的基本理論中,這一方面將會驅動你的網站獲得更多的點擊流量。
第二、提供更多的功能,提高用戶的友好體驗
使用HTML5的另一個好處就是它可以增加更多的功能。對於HTML5的功能性問題,我們從全球幾個主流站點對它的青睞就可以看出。社交網路大亨Facebook已經推出他們期待已久的基於HTML5的iPad應用平台,潘多拉也推出他們基於HTML5的音樂播放器的新版本。游戲平台 Zynga也在推出了三款新的在移動設備瀏覽器上運行的基於HTML5的游戲等等。每天都有不斷的基於HTML5的網站和HTML5特性的網站被推 出。保持站點處於新技術的前沿,也可以很好的提高用戶的友好體驗。
第三、可用性的提高,提高用戶的友好體驗
最後我們可以從可用性的角度上看,HTML5可以更好的促進用戶於網站間的互動情況。多媒體網站可以獲得更多的改進,特別是在移動平台上的應用,使用 HTML5可以提供更多高質量的視頻和音頻流。