• 
    
  • 
    
  • 歡迎您光臨衡水九天網(wǎng)絡(luò)有限責(zé)任公司!
    • 0318-2086111 13503188218(代理勿擾)
    • jiutian@jiutian.net.cn
    • 微信

    Insight Internet frontier information

    洞悉互聯(lián)網(wǎng)前沿資訊/探尋網(wǎng)站優(yōu)化規(guī)律
    當(dāng)前位置:首頁(yè) > 新聞 > 網(wǎng)站優(yōu)化

    HTML5標(biāo)簽對(duì)seo的作用,以及主題HTML5標(biāo)簽自定義功能介紹

    發(fā)表日期:2019-05-26 00:00文章編輯:九天網(wǎng)絡(luò)編輯瀏覽次數(shù):0

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

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

    html5和html4的區(qū)別

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

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

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

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

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

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

    相關(guān)新聞
    關(guān)于我們
    九天網(wǎng)絡(luò)專(zhuān)注于網(wǎng)站定制,始終追求“用最快的速度定制出最好的網(wǎng)站”。懂您所需、做您所想!我們一直在思考如何為客戶(hù)創(chuàng)造更大的價(jià)值,讓客戶(hù)更省心!
    查看更多 >>

    聯(lián)系我們

    亚洲综合一区欧美激情,国产福利永久在线视频无毒不卡,狠狠躁狠狠躁东京热无码专区,亚洲无码中文字幕绯色av 精品人人看人爽
  • 
    
  •