SEO:(Search Engine Optimization)意為搜索引擎優化。搜索引擎優化是一種利用搜索引擎的搜索規則來提高目的網站的自然排名的方式。說白了就是對品牌的自我宣傳,從而獲取收益。
HTML語義化:根據內容的結構的語義化,選擇合適的標簽(代碼語義化)便于開發者閱讀和寫出更優雅的代碼的同時利于SEO優化。
前面也做了基本的闡述:
SEO就是為了對品牌的自我宣傳,從而獲得收益;
語義化的目的:
在沒有css的情況下,頁面也能呈現出很好的內容結構,代碼結構;
提升用戶體驗:例如title、alt用于解釋名詞和解釋圖片信息;
有利于SEO優化:和搜索引擎建立良好的溝通,有助于爬蟲抓取更多的有效信息,爬蟲依賴于標簽來確定上下文和各個關鍵字的權重;
方便其他設備解析如屏幕閱讀器、盲人閱讀器、移動設備;
語義化更據有可讀性,便于團隊開發和維護。
Google、Yahoo、Bing 約定,對 http://schema.org 所列出來的標簽進行解析。
原因其實很簡單,因為schema標簽對搜索引擎很重要。目前,搜索引擎的發展趨勢是全能化,簡單化,讓用戶在最短的時間里獲取到想要的信息,讓用戶在點擊搜索結果之前就獲取到足夠的信息進行判斷。
比如Google general search,Google會根據你搜索的關鍵詞推薦網頁、新聞、圖片、視頻、音樂、商品、地圖、本地結果、實時結果等等。
比如Google onebox,Google會根據某些特定的指令,直接給出針對性的結果,現在在搜索引擎可以直接查天氣,查航班。
還有前段時間Google推出的網站截圖預覽,snippets lists等等。
Google的目標是要整合所有資源,讓用戶能方便獲取到。資源有很多種,文字目前搜索引擎可以完全識別到,但是圖片、flash、音樂、視頻搜索引擎不能識別或只能識別一小部分,所以以目前的技術,尚不能整合網站上所有呈現出來的資源,所以需要用戶進行配合。
我覺得這就是語義化標簽出現的意義吧。
搜索引擎希望每個網站都把不同的資源標記出來,并打上搜索引擎容易識別的標簽,利于搜索引擎進行判斷歸類,并在搜索結果中更好的呈現出來。
從SEO角度來看,對搜索引擎重要的就是對SEO重要的。
網站如果按照schema上的規則進行重寫代碼,方便了搜索引擎對信息的抓取,對網站內容在搜索結果中的呈現會有很好的幫助,能夠適應搜索引擎的發展趨勢。也許對某些關鍵詞排名不會有明顯的效果,但是從長遠來看,對于從搜索引擎獲取流量應該有不小的幫助。
W3C定義了這些語義標簽,不可能完全符合我們有時的設計目標,就像制定出來的法律不可能流傳100年都不改變,更何況它才制定沒多久,不可能這些語義標簽對所以設計目標的適應。只是一定程度上的“通用”,我們的目標是讓爬蟲讀懂重要的東西就夠了。
結論:不能因為有了HTML 5標簽就棄用了div,每個事物都有它的獨有作用的。
節課介紹HTML常用的標簽以及什么是HTML語義化。
案例和由此案例重點講解的知識點介紹
案例代碼實現
html標簽語義化知識點詳解
此案例是頁面,效果如下:
此頁面的技術實現解析:
使用語義化標簽header實現登錄頭部分,使用section來書寫登錄部分,讓頁面更加整潔易懂。
此案例中主要用到了header和section,基于此,我們會系統的將如下知識點全部講解:
標簽語義化
語義化注意事項
第一步:使用語義化標簽header和section編寫登錄頁面html
第二步:全局css樣式聲明
第三步:登錄頭headercss樣式
第四步:登錄主體section及用戶名密碼輸入框css樣式
第五步:登錄按鈕css樣式
標簽語義化
-標簽語義化概念:根據內容的結構化(內容語義化),選擇合適的標簽(代碼語義化)
-標簽語義化意義:
1:網頁結構合理
2:有利于seo:和搜索引擎建立良好溝通,有了良好的結構和語義你的網頁內容自然容易被搜索引擎抓取;
3:方便其他設備解析(如屏幕閱讀器、盲人閱讀器、移動設備)
4:便于團隊開發和維護
標簽語義化(注意事項)
1:盡可能少的使用無語義的標簽div和span;
2:在語義不明顯時,既可以使用div或者p時,盡量用p, 因為p在默認情況下有上下間距,對兼容特殊終端有利;
3:不要使用純樣式標簽,如:b、font、u等,改用css設置。
4:需要強調的文本,可以包含在strong或者em標簽中strong默認樣式是加粗(不要用b),em是斜體(不用i);
*請認真填寫需求信息,我們會在24小時內與您取得聯系。