一、什么是HTML語義化
基本上都是圍繞著幾個主要的標(biāo)簽,像標(biāo)題(H1~H6)、列表(li)、強調(diào)(strong em)等等,根據(jù)內(nèi)容的結(jié)構(gòu)化,選擇合適的標(biāo)簽便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析便于SEO推廣。
二、為什么要語義化
搜索引擎優(yōu)化和語義的HTML是密不可分的伙伴。他們有時可能有利益沖突,但總的來說,他們是一致的。搜索引擎優(yōu)化的目的是為了幫助搜索引擎爬蟲更好地了解網(wǎng)頁的信息和將網(wǎng)頁更好地歸類。它需要更多的指引去確定一個網(wǎng)頁的結(jié)構(gòu)和主題。好的語義化的HTML能夠體現(xiàn)頁面的結(jié)構(gòu)。語義的HTML試圖通過網(wǎng)頁上文字和標(biāo)記傳達(dá)網(wǎng)頁的含義,也可以這樣想:如果網(wǎng)頁上的內(nèi)容是你說的話。那么標(biāo)簽是話的結(jié)構(gòu),音調(diào),停頓,甚至可以是臉上的表情?;旧蠘?biāo)簽是一半語言。通俗來說;語義化之后的網(wǎng)頁,最主要的就是對搜索引擎友好,有了良好的結(jié)構(gòu)和語義你的網(wǎng)頁內(nèi)容自然容易被搜索引擎抓取,你網(wǎng)站的推廣便可以省下不少的功夫。下面由綿陽網(wǎng)站建設(shè)來分幾類說說為什么要語義化:
1.為了在沒有CSS的情況下,頁面也能呈現(xiàn)出很好地內(nèi)容結(jié)構(gòu)、代碼結(jié)構(gòu)。
2.用戶體驗:例如title、alt用于解釋名詞或解釋圖片信息、label標(biāo)簽的活用。
3.考慮到代碼的可復(fù)用性,可移植性,方便其他設(shè)備的解析執(zhí)行。移動設(shè)備、盲人閱讀器等
4.有利于SEO和搜索引擎建立良好溝通,有助于爬蟲抓取更多的有效信息,爬蟲依賴于標(biāo)簽來確定上下文和各個關(guān)鍵字的權(quán)重。你的頁面是否對爬蟲容易理解非常重要,因為爬蟲很大程度上會忽略用于表現(xiàn)的標(biāo)記,而只注重語義標(biāo)記。
5.便于團(tuán)隊開發(fā)和維護(hù),語義化更具可讀性,遵循W3C標(biāo)準(zhǔn)的團(tuán)隊都遵循這個標(biāo)準(zhǔn),可以減少差異化。
三、語義化對SEO推廣的價值
語義化最主要的目的價值是為了幫助搜索引擎爬蟲更好地了解網(wǎng)頁的信息和將網(wǎng)頁更好地歸類,這一塊在SEO領(lǐng)域相當(dāng)重要,根據(jù)目前已經(jīng)擬定好的一些規(guī)則,你可以明確地標(biāo)明某頁面主體的各個屬性。舉個例子:一個商品的詳細(xì)信息頁,用普通的語義化來表示,大概只有商品的名稱可以進(jìn)搜索引擎的法眼;但自從有了結(jié)構(gòu)化數(shù)據(jù),可以通過某些標(biāo)簽及屬性,指明商品的價格、供應(yīng)商、實物圖等內(nèi)容;搜索引擎獲取到該商品頁的各個屬性后,會在搜索結(jié)果頁面直接呈現(xiàn)出來,另外在排名上也會有所偏重。
你的頁面是否對爬蟲容易理解非常重要,因為爬蟲很大程度上會忽略用于表現(xiàn)的標(biāo)記,而只注重語義標(biāo)記. 因此,如果頁面文件的標(biāo)題被標(biāo)記,那么這個頁面在搜索結(jié)果的位置可能會比較靠后.除了提升易用性外,語義標(biāo)記有利于正確使用CSS和JavaScript。我們知道HTML5新增的標(biāo)簽,比如header和footer,html正在朝著更加健壯的語義化的HTML結(jié)構(gòu)發(fā)展,xhtml2在這點上沒html5先進(jìn),這也是xhtml2死亡的一個原因,這一點也說明語義化的HTML結(jié)構(gòu)是html的發(fā)展趨勢。