成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

前端進(jìn)階系列(一):SEO和HTML語義化

songjz / 1400人閱讀

摘要：語義化和的重要性約定，對所列出來的標(biāo)簽進(jìn)行解析。比如，會根據(jù)某些特定的指令，直接給出針對性的結(jié)果，現(xiàn)在在搜索引擎可以直接查天氣，查航班。我覺得這就是語義化標(biāo)簽出現(xiàn)的意義吧。

基本概念

SEO：(Search Engine Optimization)意為搜索引擎優(yōu)化。搜索引擎優(yōu)化是一種利用搜索引擎的搜索規(guī)則來提高目的網(wǎng)站的自然排名的方式。說白了就是對品牌的自我宣傳，從而獲取收益。

HTML語義化：根據(jù)內(nèi)容的結(jié)構(gòu)的語義化，選擇合適的標(biāo)簽（代碼語義化）便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時利于SEO優(yōu)化。

使用SEO和語義化的目的

前面也做了基本的闡述：

SEO就是為了對品牌的自我宣傳，從而獲得收益；

語義化的目的:

在沒有css的情況下，頁面也能呈現(xiàn)出很好的內(nèi)容結(jié)構(gòu)，代碼結(jié)構(gòu)；

提升用戶體驗：例如title、alt用于解釋名詞和解釋圖片信息；

有利于SEO優(yōu)化：和搜索引擎建立良好的溝通，有助于爬蟲抓取更多的有效信息，爬蟲依賴于標(biāo)簽來確定上下文和各個關(guān)鍵字的權(quán)重；

方便其他設(shè)備解析如屏幕閱讀器、盲人閱讀器、移動設(shè)備；

語義化更據(jù)有可讀性，便于團(tuán)隊開發(fā)和維護(hù)。

語義化和SEO的重要性

Google、Yahoo、Bing 約定，對 http://schema.org 所列出來的標(biāo)簽進(jìn)行解析。

原因其實很簡單，因為schema標(biāo)簽對搜索引擎很重要。
目前，搜索引擎的發(fā)展趨勢是全能化，簡單化，讓用戶在最短的時間里獲取到想要的信息，讓用戶在點擊搜索結(jié)果之前就獲取到足夠的信息進(jìn)行判斷。

比如Google general search，Google會根據(jù)你搜索的關(guān)鍵詞推薦網(wǎng)頁、新聞、圖片、視頻、音樂、商品、地圖、本地結(jié)果、實時結(jié)果等等。

比如Google onebox，Google會根據(jù)某些特定的指令，直接給出針對性的結(jié)果，現(xiàn)在在搜索引擎可以直接查天氣，查航班。

還有前段時間Google推出的網(wǎng)站截圖預(yù)覽，snippets lists等等。

Google的目標(biāo)是要整合所有資源，讓用戶能方便獲取到。資源有很多種，文字目前搜索引擎可以完全識別到，但是圖片、flash、音樂、視頻搜索引擎不能識別或只能識別一小部分，所以以目前的技術(shù)，尚不能整合網(wǎng)站上所有呈現(xiàn)出來的資源，所以需要用戶進(jìn)行配合。

我覺得這就是語義化標(biāo)簽出現(xiàn)的意義吧。

搜索引擎希望每個網(wǎng)站都把不同的資源標(biāo)記出來，并打上搜索引擎容易識別的標(biāo)簽，利于搜索引擎進(jìn)行判斷歸類，并在搜索結(jié)果中更好的呈現(xiàn)出來。

從SEO角度來看，對搜索引擎重要的就是對SEO重要的。

網(wǎng)站如果按照schema上的規(guī)則進(jìn)行重寫代碼，方便了搜索引擎對信息的抓取，對網(wǎng)站內(nèi)容在搜索結(jié)果中的呈現(xiàn)會有很好的幫助，能夠適應(yīng)搜索引擎的發(fā)展趨勢。也許對某些關(guān)鍵詞排名不會有明顯的效果，但是從長遠(yuǎn)來看，對于從搜索引擎獲取流量應(yīng)該有不小的幫助。

HTML5的革新—語義化標(biāo)簽

W3C定義了這些語義標(biāo)簽，不可能完全符合我們有時的設(shè)計目標(biāo)，就像制定出來的法律不可能流傳100年都不改變，更何況它才制定沒多久，不可能這些語義標(biāo)簽對所以設(shè)計目標(biāo)的適應(yīng)。只是一定程度上的“通用”，我們的目標(biāo)是讓爬蟲讀懂重要的東西就夠了。

結(jié)論：不能因為有了HTML 5標(biāo)簽就棄用了div，每個事物都有它的獨有作用的。

參考文章：

理解HTML語義化

HTML 5的革新——語義化標(biāo)簽(一)

標(biāo)簽語義化對 SEO 來說有多重要？重要性體現(xiàn)在哪里？

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/113993.html

相關(guān)文章

  • 前端進(jìn)階系列(一):SEO和HTML語義化

    摘要：語義化和的重要性約定，對所列出來的標(biāo)簽進(jìn)行解析。比如，會根據(jù)某些特定的指令，直接給出針對性的結(jié)果，現(xiàn)在在搜索引擎可以直接查天氣，查航班。我覺得這就是語義化標(biāo)簽出現(xiàn)的意義吧。 基本概念 SEO：(Search Engine Optimization)意為搜索引擎優(yōu)化。搜索引擎優(yōu)化是一種利用搜索引擎的搜索規(guī)則來提高目的網(wǎng)站的自然排名的方式。說白了就是對品牌的自我宣傳，從而獲取收益。 HTM...

    cartoon 評論0 收藏0

  • 前端進(jìn)階系列(一):SEO和HTML語義化

    摘要：語義化和的重要性約定，對所列出來的標(biāo)簽進(jìn)行解析。比如，會根據(jù)某些特定的指令，直接給出針對性的結(jié)果，現(xiàn)在在搜索引擎可以直接查天氣，查航班。我覺得這就是語義化標(biāo)簽出現(xiàn)的意義吧。 基本概念 SEO：(Search Engine Optimization)意為搜索引擎優(yōu)化。搜索引擎優(yōu)化是一種利用搜索引擎的搜索規(guī)則來提高目的網(wǎng)站的自然排名的方式。說白了就是對品牌的自我宣傳，從而獲取收益。 HTM...

    dack 評論0 收藏0

  • 每日前端進(jìn)階第三題：說一說你對HTML5語義化的理解

    摘要：作者陳大魚頭鏈接背景最近高級前端工程師劉小夕在上開了個每個工作日布一個前端相關(guān)題的，懷著學(xué)習(xí)的心態(tài)我也參與其中，以下為我的回答，如果有不對的地方，非常歡迎各位指出。如果你采用正宗川菜做法，最后只需加入花生米，炒拌幾下就可以起鍋了。 作者：陳大魚頭 github： KRISACHAN 鏈接：github.com/YvetteLau/S… 背景：最近高級前端工程師 劉小夕 在 github 上...

    番茄西紅柿 評論0 收藏0

  • 每日前端進(jìn)階第三題：說一說你對HTML5語義化的理解

    摘要：作者陳大魚頭鏈接背景最近高級前端工程師劉小夕在上開了個每個工作日布一個前端相關(guān)題的，懷著學(xué)習(xí)的心態(tài)我也參與其中，以下為我的回答，如果有不對的地方，非常歡迎各位指出。如果你采用正宗川菜做法，最后只需加入花生米，炒拌幾下就可以起鍋了。 作者：陳大魚頭 github： KRISACHAN 鏈接：github.com/YvetteLau/S… 背景：最近高級前端工程師 劉小夕 在 github 上...

    Kaede 評論0 收藏0

發(fā)表評論

0條評論

songjz

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<