整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          SEO和HTML語義化

          SEO和HTML語義化

          本概念

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

          HTML語義化:根據內容的結構的語義化,選擇合適的標簽(代碼語義化)便于開發者閱讀和寫出更優雅的代碼的同時利于SEO優化。

          使用SEO和語義化的目的

          前面也做了基本的闡述:

          • SEO就是為了對品牌的自我宣傳,從而獲得收益;

          • 語義化的目的:

          • 在沒有css的情況下,頁面也能呈現出很好的內容結構,代碼結構;

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

          • 有利于SEO優化:和搜索引擎建立良好的溝通,有助于爬蟲抓取更多的有效信息,爬蟲依賴于標簽來確定上下文和各個關鍵字的權重;

          • 方便其他設備解析如屏幕閱讀器、盲人閱讀器、移動設備;

          • 語義化更據有可讀性,便于團隊開發和維護。

          語義化和SEO的重要性

          Google、Yahoo、Bing 約定,對 http://schema.org 所列出來的標簽進行解析。

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

          比如Google general search,Google會根據你搜索的關鍵詞推薦網頁、新聞、圖片、視頻、音樂、商品、地圖、本地結果、實時結果等等。

          比如Google onebox,Google會根據某些特定的指令,直接給出針對性的結果,現在在搜索引擎可以直接查天氣,查航班。

          還有前段時間Google推出的網站截圖預覽,snippets lists等等。

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

          我覺得這就是語義化標簽出現的意義吧。

          搜索引擎希望每個網站都把不同的資源標記出來,并打上搜索引擎容易識別的標簽,利于搜索引擎進行判斷歸類,并在搜索結果中更好的呈現出來。

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

          網站如果按照schema上的規則進行重寫代碼,方便了搜索引擎對信息的抓取,對網站內容在搜索結果中的呈現會有很好的幫助,能夠適應搜索引擎的發展趨勢。也許對某些關鍵詞排名不會有明顯的效果,但是從長遠來看,對于從搜索引擎獲取流量應該有不小的幫助。

          HTML5的革新—語義化標簽

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

          結論:不能因為有了HTML 5標簽就棄用了div,每個事物都有它的獨有作用的。

          節課介紹HTML常用的標簽以及什么是HTML語義化。


          . 此篇文章講解目錄:

          • 案例和由此案例重點講解的知識點介紹

          • 案例代碼實現

          • html標簽語義化知識點詳解

          2. 案例和相關知識點介紹

          此案例是頁面,效果如下:

          此頁面的技術實現解析:

          使用語義化標簽header實現登錄頭部分,使用section來書寫登錄部分,讓頁面更加整潔易懂。

          此案例中主要用到了header和section,基于此,我們會系統的將如下知識點全部講解:

          • 標簽語義化

          • 語義化注意事項

          3. 此案例的代碼實現

          第一步:使用語義化標簽header和section編寫登錄頁面html

          第二步:全局css樣式聲明

          第三步:登錄頭headercss樣式

          第四步:登錄主體section及用戶名密碼輸入框css樣式

          第五步:登錄按鈕css樣式

          4. 此案例的知識點詳解

          標簽語義化

          -標簽語義化概念:根據內容的結構化(內容語義化),選擇合適的標簽(代碼語義化)

          -標簽語義化意義:

          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);

          大家好接下來我們會以連載的方式,并且結合京東商城的門戶,系統講解html的專業知識,歡迎大家關注頭條號“互聯網IT技術”。


          主站蜘蛛池模板: 精品天海翼一区二区| 99精品国产一区二区三区2021 | 无码国产精品久久一区免费 | 国产精品无圣光一区二区| 亚洲综合色一区二区三区| 日本欧洲视频一区| 久久精品人妻一区二区三区| 国产一区二区精品久久91| 亚洲高清一区二区三区| 乱精品一区字幕二区| 久久婷婷色一区二区三区| 中文字幕日韩人妻不卡一区 | 精品国产一区二区三区| 亚洲视频一区在线| 蜜桃臀无码内射一区二区三区| 成人免费区一区二区三区| 日韩制服国产精品一区| 好吊视频一区二区三区| 精品日本一区二区三区在线观看 | 熟女大屁股白浆一区二区| 少妇无码AV无码一区| 日韩精品成人一区二区三区| 国模无码人体一区二区| 免费视频一区二区| 少妇激情AV一区二区三区| 蜜臀Av午夜一区二区三区| 国产精品福利一区二区| 色欲AV蜜桃一区二区三| 国产一区二区三区播放| 一区二区三区无码高清| 色狠狠色噜噜Av天堂一区| 亚洲国产成人一区二区精品区 | 亚洲AV一区二区三区四区| 深田咏美AV一区二区三区| 国产一区二区三区不卡在线看| V一区无码内射国产| 日韩欧国产精品一区综合无码| 2022年亚洲午夜一区二区福利| 国产一区二区好的精华液 | 国产精品成人免费一区二区| 国产成人无码精品一区不卡|