HTML5標(biāo)簽對于seo的作用

html5增加了非常多的新的標(biāo)簽，這些標(biāo)簽?zāi)軌蚍浅Ｈ菀椎膶⑽覀兊木W(wǎng)頁各個功能區(qū)域區(qū)分開來。

html5和html4的區(qū)別

我們知道HTML4 是采用“div+css”，也就是說，網(wǎng)頁的各個功能區(qū)域都是使用div標(biāo)簽進行排版的，而這些div的區(qū)分只是使用css類名稱進行的，而搜索引擎是不會理解類名稱是有什么作用的。

所有的功能區(qū)域，網(wǎng)站建設(shè)比如頭部（header）、導(dǎo)航（nav）、側(cè)邊欄（sidebar)、文章(artcle)和底部(footer)，都是采用div標(biāo)簽。這些類名稱放到div標(biāo)簽中可以讓css發(fā)揮作用，但是搜索引擎卻不會讀取他們，也不知道具體的含義。而下面這張圖片是HTML5新增的一些標(biāo)簽的排版，這些新增的標(biāo)簽可以讓搜索引擎理解這些區(qū)塊的內(nèi)容是什么 ，從而更好地理解整個網(wǎng)站：

使用HTML5的排版使用了新的標(biāo)簽，而這些標(biāo)簽都是可以被搜索引擎所理解的，這樣，搜索引擎蜘蛛在我們的網(wǎng)頁上爬行的時候，就會知道什么區(qū)域是頂部、什么區(qū)域是導(dǎo)航等等。這樣就能夠讓搜索引擎更容易得到我們整個網(wǎng)站清晰的信息了。結(jié)構(gòu)上，我們可以以上圖為例進行分析這些標(biāo)簽的作用：header:定義了站點的頭部信息，也就是頁眉，一般放置網(wǎng)站的站點名稱以及LOGO和導(dǎo)航欄。搜索引擎更容易識別站點的類型。nav：定義導(dǎo)航鏈接，也就是欄目或者頻道的鏈接。搜索引擎可以更好了解網(wǎng)站的信息架構(gòu)，分類等。良好的信息架構(gòu)，更有利于蜘蛛的爬行和權(quán)重的分布。footer：定義了底部信息，也就是頁腳。放置頁腳導(dǎo)航，一些比如公司介紹，聯(lián)系我們之類的信息。一般來說對網(wǎng)站比較不重要，有可能搜索引擎會降低其位置的權(quán)重。section：該元素用來表示網(wǎng)頁中不同的分區(qū)。優(yōu)勢體現(xiàn)在每個部分都可以有其獨立的HTML標(biāo)題。這可以讓搜索引擎更好地了解網(wǎng)頁的結(jié)構(gòu)是如何劃分的。搜索引擎可能會根據(jù)網(wǎng)頁中的section 標(biāo)簽找出其信息架構(gòu)。（同左撇子）artcle：定義文章區(qū)域，可以更有利于搜索引擎識別網(wǎng)頁的內(nèi)容以及判斷相關(guān)性。aside:定義頁面內(nèi)容之外的內(nèi)容，在左側(cè)或右側(cè)邊欄。比如知乎右側(cè)的“相關(guān)問題”就屬于aside 區(qū)域。aside標(biāo)簽的文字信息與article標(biāo)簽區(qū)域的文字信息最好是相關(guān)?？赡軙绊懙皆擁撁婧湍繕?biāo)頁面的排名。這些結(jié)構(gòu)元素有些在HTML4時代，一般是用div來定義。figure :定義媒介內(nèi)容的分組，以及它們的標(biāo)題，figcaption 定義 figure 元素的標(biāo)題。這兩個元素可以說非常好的使媒介和文字說明聯(lián)系在了一起。有利于搜索引擎理解內(nèi)容。文字說明是可見的。time：定義日期/時間，time標(biāo)簽可能會作為一個來判斷網(wǎng)頁文字源，也就是能夠通過time標(biāo)簽來識別哪篇文章是原創(chuàng)的。

所開發(fā)的主題，逐步開發(fā)HTML5標(biāo)簽的自定義使用以及優(yōu)化

目前新出的主題，將會以HTML5新增的這些標(biāo)簽進行布局，讓整個網(wǎng)站制作的布局更加容易讓搜索引擎理解，在首頁模塊上，我們會增加外層標(biāo)簽section和artcle的設(shè)置，你可以自由選擇這些包裹的標(biāo)簽，其中 ，每一個首頁排版的模塊都可以使用section來包裹，而artcle的包裹是指那些調(diào)用文章或者商品的模塊可使用。

在配合權(quán)重標(biāo)簽的選擇（h標(biāo)簽、strong和div），這樣就能夠自定義整個網(wǎng)站的結(jié)構(gòu)和所占權(quán)重了。在分類目錄、文章和商品詳細(xì)頁面中，則不需要設(shè)置，這些優(yōu)化的標(biāo)簽我們已經(jīng)按照w3cschool的介紹進行了優(yōu)化，你可以在文章中插入一些H2~H4標(biāo)簽進行文章段落的權(quán)重區(qū)分。側(cè)邊欄我們使用aside包裹，你可以將側(cè)邊欄模塊使用section包裹，而無需使用artcle包裹。這樣的功能可以讓我們的整個網(wǎng)站更加容易讓搜索引擎理解。

新聞名稱：HTML5標(biāo)簽對seo的作用，以及主題HTML5標(biāo)簽自定義功能介紹
標(biāo)題來源：http://m.rwnh.cn/news38/75688.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、網(wǎng)站營銷、自適應(yīng)網(wǎng)站、App開發(fā)、網(wǎng)站策劃、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)