首頁  >  文章  >  web前端  >  html5哪些標籤可以做seo優化

html5哪些標籤可以做seo優化

青灯夜游
青灯夜游原創
2022-01-23 16:05:493317瀏覽

html5可以做seo優化的標籤:1、title標籤;2、meta標籤;3、header標籤;4、nav標籤;5、article標籤;6、aside標籤;7、footer標籤等。

html5哪些標籤可以做seo優化

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

什麼是HTML5

HTML5和html一樣是web網頁內容一種語言的描述方式,HTML5是下一代的web網頁標準,可以說是網路的核心技術之一。相較於傳統的html技術的域名特徵更加明顯,充分的結合力SVG的內容,可以使得網頁中更加便利的處理多媒體內容,同時可以結合其它元素對原有的功能更加的標準發,在2012年的時候就已經確立了穩定版本。

HTML5 對SEO 有什麼優點?

提升媒體內容抓取效率,對於一些比較古老的網站開發的時候運用了大量的flash功能的網站,HTML5的到了是一個好消息。隨著Google瀏覽器即將取消對flash功能的支持,這些運動大量flash技術的網站改版迫在眉睫,HTML5可以提高很大的幫助。 HTML5可以讓頁面中的動畫等媒體內容讓搜尋引擎更有效率的抓取。

HTML5中的標籤可以使得網頁內容更加結構化,可以更清楚的展示頁面內容的結構,可以提升對於搜尋引擎的友善性,可以更加容易的識別網站內容以及網站的類型。

H5哪些標籤可以做SEO優化

#1、頭部程式碼

1) 、標題標籤(title標籤)

在HTML5中標題標籤依然存在,其仍然具有不可替代的作用;不過我們看到還有更多的可供搜尋引擎識別的程式碼,我們將改代碼的等級微降。

2)、元標籤(meta標籤)

字元集編碼聲明標籤:該標籤原本就是搜尋引擎必看且首先要看的標籤,其他屬性都省略唯獨留下charset屬性能看到google公司用心良苦。

網頁描述標籤:這個標籤雖然沒有任何提示,但是該區域的內容將會在SERP顯示,其重要性不應該被忽略。

2、正文程式碼

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訊息都是獨立的,這或許意味著新的黑帽手段將會出現。

相關推薦:《html影片教學

以上是html5哪些標籤可以做seo優化的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn