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