HTML5標簽對于seo的作用
html5增加了非常多的新的標簽,這些標簽能夠非常容易的將我們的網(wǎng)頁各個功能區(qū)域區(qū)分開來。
html5和html4的區(qū)別
我們知道HTML4 是采用“div+css”,也就是說,網(wǎng)頁的各個功能區(qū)域都是使用div標簽進行排版的,而這些div的區(qū)分只是使用css類名稱進行的,而搜索引擎是不會理解類名稱是有什么作用的。下面的圖片可以幫助你理解HTML4的排版:
可以見到上圖。所有的功能區(qū)域,比如頭部(header)、導航(nav)、側邊欄(sidebar)、文章(artcle)和底部(footer),都是采用div標簽。這些類名稱放到div標簽中可以讓css發(fā)揮作用,但是搜索引擎卻不會讀取他們,也不知道具體的含義。而下面這張圖片是HTML5新增的一些標簽的排版,這些新增的標簽可以讓搜索引擎理解這些區(qū)塊的內容是什么 ,從而更好地理解整個網(wǎng)站:
可見上圖所示,使用HTML5的排版使用了新的標簽,而這些標簽都是可以被搜索引擎所理解的,這樣,搜索引擎蜘蛛在我們的網(wǎng)頁上爬行的時候,就會知道什么區(qū)域是頂部、什么區(qū)域是導航等等。這樣就能夠讓搜索引擎更容易得到我們整個網(wǎng)站清晰的信息了。結構上,我們可以以上圖為例進行分析這些標簽的作用:header:定義了站點的頭部信息,也就是頁眉,一般放置網(wǎng)站的站點名稱以及LOGO和導航欄。搜索引擎更容易識別站點的類型。nav:定義導航鏈接,也就是欄目或者頻道的鏈接。搜索引擎可以更好了解網(wǎng)站的信息架構,分類等。良好的信息架構,更有利于蜘蛛的爬行和權重的分布。footer:定義了底部信息,也就是頁腳。放置頁腳導航,一些比如公司介紹,聯(lián)系我們之類的信息。一般來說對網(wǎng)站比較不重要,有可能搜索引擎會降低其位置的權重。section:該元素用來表示網(wǎng)頁中不同的分區(qū)。優(yōu)勢體現(xiàn)在每個部分都可以有其獨立的HTML標題。這可以讓搜索引擎更好地了解網(wǎng)頁的結構是如何劃分的。搜索引擎可能會根據(jù)網(wǎng)頁中的section 標簽找出其信息架構。(同左撇子)artcle:定義文章區(qū)域,可以更有利于搜索引擎識別網(wǎng)頁的內容以及判斷相關性。aside:定義頁面內容之外的內容,在左側或右側邊欄。比如知乎右側的“相關問題”就屬于aside 區(qū)域。aside標簽的文字信息與article標簽區(qū)域的文字信息最好是相關??赡軙绊懙皆擁撁婧湍繕隧撁娴呐琶?。這些結構元素有些在HTML4時代,一般是用div來定義。figure :定義媒介內容的分組,以及它們的標題,figcaption 定義 figure 元素的標題。這兩個元素可以說非常好的使媒介和文字說明聯(lián)系在了一起。有利于搜索引擎理解內容。文字說明是可見的。time:定義日期/時間,time標簽可能會作為一個來判斷網(wǎng)頁文字源,也就是能夠通過time標簽來識別哪篇文章是原創(chuàng)的。
所開發(fā)的主題,逐步開發(fā)HTML5標簽的自定義使用以及優(yōu)化
目前新出的主題,將會以HTML5新增的這些標簽進行布局,讓整個網(wǎng)站的布局更加容易讓搜索引擎理解,在首頁模塊上,我們會增加外層標簽section和artcle的設置,你可以自由選擇這些包裹的標簽,其中 ,每一個首頁排版的模塊都可以使用section來包裹,而artcle的包裹是指那些調用文章或者商品的模塊可使用。可見下截圖的設置方式:
在配合權重標簽的選擇(h標簽、strong和div),這樣就能夠自定義整個網(wǎng)站的結構和所占權重了。在分類目錄、文章和商品詳細頁面中,則不需要設置,這些優(yōu)化的標簽我們已經(jīng)按照w3cschool的介紹進行了優(yōu)化,你可以在文章中插入一些H2~H4標簽進行文章段落的權重區(qū)分。側邊欄我們使用aside包裹,你可以將側邊欄模塊使用section包裹,而無需使用artcle包裹。這樣的功能可以讓我們的整個網(wǎng)站更加容易讓搜索引擎理解。
猜你喜歡
聯(lián)絡方式:
電話:181-0734-0881
郵箱:1713521713@qq.com
-
域名知多少,淺析域名
一、域名的含義域名是Internet網(wǎng)絡上的一個服務器或一個網(wǎng)絡系統(tǒng)的名字,在全世界,沒有重復的域名。域名的形式是以若干個英文字母和數(shù)字組成,由"."分隔成幾部分,如baidu.com就是...
-
網(wǎng)站建設要花多少錢?做一個網(wǎng)站要多少錢?
網(wǎng)站建設要花多少錢?傳統(tǒng)的網(wǎng)站建設模式下,門檻太高,不是每個人都能做到的。很多企業(yè)對市場不了解,到外面找人建站很容易吃虧。實際上只要掌握了一些基本知識,就會知道建網(wǎng)站建設...
-
線上營銷線下消費 小程序開啟流量爭奪戰(zhàn)
不知不覺,小程序也已上線一周年了,小程序的出現(xiàn)為創(chuàng)業(yè)者們打開了一個新的程序入口,僅僅一年的時間,小程序已經(jīng)涵蓋了衣食住行各個方面。甚至支付寶、美團、滴滴、京東,還有三大運...
-
網(wǎng)站關鍵詞排名大量下滑到底有哪些因素
客觀原因:影響排名的因素很多,有主觀也有一些是人力無法控制的客觀原因,而我們常見的客觀原因包括二點:...
-
衡陽企業(yè)建設網(wǎng)站有哪些作用?
目前,網(wǎng)購、電商的發(fā)展已經(jīng)融入我們日常的生活,同時還吸引一大批用戶加入其中,想要做好網(wǎng)絡營銷,其中網(wǎng)站建設就是非常重要的一步,那么網(wǎng)站建設的作用有哪些呢?今天就讓睿博君給...