在移動(dòng)端發(fā)展的現(xiàn)在HTML5成為了網(wǎng)站的主要標(biāo)記語(yǔ)言，通過(guò)HTML5制作出的網(wǎng)站頁(yè)面較之前的語(yǔ)言而言更為多樣化，同時(shí)它清晰的網(wǎng)站結(jié)構(gòu)也成為了搜索引擎優(yōu)化的一大重點(diǎn)。作為SEOer針對(duì)HTML5下的網(wǎng)站我們?nèi)绾蝸?lái)進(jìn)行操作運(yùn)營(yíng)也成為了我們的共同探討的話題。今天我們就一起看看HTML5下SEO方式的變動(dòng)，及搜索引擎算法的影響。
   
    網(wǎng)頁(yè)分割和增加語(yǔ)義

    HTML5是一個(gè)關(guān)鍵組成部分，它增加了新元素，幫助我們更好地表達(dá)在一個(gè)web頁(yè)面。這有助于提高網(wǎng)頁(yè)細(xì)分不同部位，如標(biāo)題，頁(yè)腳，主要內(nèi)容區(qū)等。可以很容易地區(qū)別于另一個(gè)。一旦HTML5變得更廣泛采用，搜索引擎可以使用這些新元素來(lái)幫助他們找到他們感興趣的頁(yè)面元素。目前，我們使用 <div>組織部分web頁(yè)面元素。

    使用的問(wèn)題 <div>元素是元素是沒(méi)有意義的。它不添加語(yǔ)義值或給上下文里面有什么。等新元素 <header>， <article>， <aside>和 <footer>分割的網(wǎng)頁(yè)變得更有意義。

    這么做的好處是，它將允許搜索引擎很容易爬的網(wǎng)站，可能跳過(guò)部分等 <footer>或 <header>或使用不同的索引的目的(如識(shí)別版權(quán)信息或找到網(wǎng)站的名稱或標(biāo)識(shí))。搜索引擎索引將因此更有效率，有意義甚至更高級(jí)。

    HTML5元素會(huì)影響搜索引擎索引

    以下是一些新的HTML5元素能夠?qū)λ阉饕鎯?yōu)化有直接的影響。

    <article>

    您可能已經(jīng)知道重要性的內(nèi)容在你的網(wǎng)站的搜索引擎排名。新 <article>元素可能是最重要的一個(gè)增加HTML5在SEO。它允許您顯示一個(gè)web頁(yè)面的主要內(nèi)容。一個(gè)潛在的改變搜索引擎索引是搜索引擎可能更加重視內(nèi)部的內(nèi)容 <article>元素。

    <section>

     <section>元素是為了顯示頁(yè)面上的各個(gè)部分。每個(gè)部分的優(yōu)勢(shì)是可以有它獨(dú)立的HTML標(biāo)題。這可以讓搜索引擎更好的理解如何分段和結(jié)構(gòu)化的web頁(yè)面。搜索引擎可以梳理出HTML文檔基于層次的信息 <section>標(biāo)簽。

    <header>

    <header>元素可以給搜索引擎的線索的網(wǎng)站名稱和商標(biāo)在一個(gè)web頁(yè)面或在主導(dǎo)航(這通常是導(dǎo)航菜單駐留的地方)。

    <footer>

    在網(wǎng)頁(yè)設(shè)計(jì)中，頁(yè)腳通常包含版權(quán)信息等輔助信息，許可條款，隱私政策信息，靜態(tài)頁(yè)面的鏈接，和社交媒體的鏈接配置文件。這部分可以被搜索引擎蜘蛛用來(lái)確定項(xiàng)目相關(guān)版權(quán)，使用條款，隱私政策和社會(huì)媒體資料。自 <footer>包含輔助信息，其內(nèi)容將在搜索引擎算法大打折扣嗎？可能。

    <nav>

    這個(gè)新元素可以讓搜索引擎索引算法的線索你網(wǎng)站的信息架構(gòu)，就像sitemaps如何幫助他們更好地了解網(wǎng)站的結(jié)構(gòu)。

    鏈接類(lèi)型

    搜索引擎排名的方法之一是通過(guò)決定超鏈接在一個(gè)web頁(yè)面。搜索引擎研究的鏈接在一個(gè)web頁(yè)面，看看網(wǎng)頁(yè)它指向以及看看網(wǎng)頁(yè)指向它。鏈接類(lèi)型在HTML5允許我們給我們的鏈接更好的意義。這使搜索引擎為每個(gè)鏈接遇到更大的背景。你可能熟悉 rel="nofollow"，這是一個(gè)非標(biāo)準(zhǔn) rel價(jià)值HTML4許多搜索引擎用來(lái)識(shí)別當(dāng)前web頁(yè)面的鏈接并不認(rèn)可。新鏈接類(lèi)型，也使用 rel屬性，以同樣的方式工作。

    新屬性值 rel="author"和 rel="license"本質(zhì)上允許我們更好地描述我們的鏈接。的 rel="prev"和 rel="next"屬性，這是一個(gè)指向另一個(gè)web頁(yè)面的鏈接，與當(dāng)前web頁(yè)面，可以用在一篇博客文章的情況下分解成幾個(gè)網(wǎng)頁(yè)。

    下面是一個(gè)包含有趣的鏈接類(lèi)型表 <a>元素會(huì)影響未來(lái)的搜索引擎索引，是一個(gè)完整列表的鏈接類(lèi)型。

    改進(jìn)的媒體處理

    添加本地等多媒體元素 <audio>和 <video>可以增加與搜索引擎的互操作性。例如，谷歌提出了YouTube視頻在搜索引擎的結(jié)果。谷歌已經(jīng)在谷歌圖片索引圖像。我們可以看到視頻和音頻被當(dāng)作圖像索引在谷歌圖片。

     (轉(zhuǎn)載請(qǐng)注明轉(zhuǎn)自：m.gafsjz.com/news/n1906.htm，謝謝!珍惜別人的勞動(dòng)成果，就是在尊重自!）