国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

HTML語義化和SEO優化

caozhijian / 2647人閱讀

摘要:什么是語義化基本上都是圍繞著幾個主要的標簽,像標題列表強調等等根據內容的結構化內容語義化,選擇合適的標簽代碼語義化便于開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析。參考資料理解語義化的革新語義化標簽一

什么是HTML語義化?

<基本上都是圍繞著幾個主要的標簽,像標題(H1~H6)、列表(li)、強調(strong em)等等>

  根據內容的結構化(內容語義化),選擇合適的標簽(代碼語義化)便于開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析。

為什么要語義化?

為了在沒有CSS的情況下,頁面也能呈現出很好地內容結構、代碼結構:為了裸奔時好看;
用戶體驗:例如title、alt用于解釋名詞或解釋圖片信息、label標簽的活用;
有利于SEO:和搜索引擎建立良好溝通,有助于爬蟲抓取更多的有效信息:爬蟲依賴于標簽來確定上下文和各個關鍵字的權重;
方便其他設備解析(如屏幕閱讀器、盲人閱讀器、移動設備)以意義的方式來渲染網頁;
便于團隊開發和維護,語義化更具可讀性,是下一步吧網頁的重要動向,遵循W3C標準的團隊都遵循這個標準,可以減少差異化。

寫HTML代碼時應注意什么?

盡可能少的使用無語義的標簽div和span;
在語義不明顯時,既可以使用div或者p時,盡量用p, 因為p在默認情況下有上下間距,對兼容特殊終端有利;
不要使用純樣式標簽,如:b、font、u等,改用css設置。
需要強調的文本,可以包含在strong或者em標簽中(瀏覽器預設樣式,能用CSS指定就不用他們),strong默認樣式是加粗(不要用b),em是斜體(不用i);
使用表格時,標題要用caption,表頭用thead,主體部分用tbody包圍,尾部用tfoot包圍。表頭和一般單元格要區分開,表頭用th,單元格用td;
表單域要用fieldset標簽包起來,并用legend標簽說明表單的用途;
每個input標簽對應的說明文本都需要使用label標簽,并且通過為input設置id屬性,在lable標簽中設置for=someld來讓說明文本和相對應的input關聯起來。

面試題

簡述一下你對HTML語義化的理解?

用正確的標簽做正確的事情。
html語義化讓頁面的內容結構化,結構更清晰,便于對瀏覽器、搜索引擎解析;
即使在沒有樣式CSS情況下也以一種文檔格式顯示,并且是容易閱讀的;
搜索引擎的爬蟲也依賴于HTML標記來確定上下文和各個關鍵字的權重,利于SEO;
使閱讀源代碼的人對網站更容易將網站分塊,便于閱讀維護理解。

html與SEO優化

標簽放網頁的標題,各個頁面不同。

列舉出幾個重要的關鍵詞。

網頁內容的高度概括。

每個頁面只能出現一次H1標簽,H2標簽可以多次:H1權重很高,普遍認為僅次于title,一般資訊詳情頁的標題、商品詳情頁的標題,都放在H1里。

圖片一定要添加alt屬性,title屬性可選:搜索引擎不認識圖片上的內容,只能通過alt屬性來判斷,如果是商品列表頁,所有商品都加了alt和title的話,容易造成堆砌關鍵詞,所以我一般是只加alt屬性。

每個頁面的title不同

換行標簽只用來在文本間進行換行,標簽間的換行通過margin等等。或者

  


搜索引擎抓取seo內容是從上到下,重要內容html代碼放在最前面

搜索引擎看不懂js, 重要內容不要用js輸出

盡量少使用iframe框架

謹慎使用display:none,搜索引擎會過濾掉這里面的內容

不斷精簡代碼

html5新增的語義化標簽


HTML5節元素標簽包括body article nav aside section header footer hgroup ,還有h1-h6 address。

address代表區塊容器,必須是作為聯系信息出現,郵編地址、郵件地址等等,一般出現在footer。
h1-h6因為hgroup,section和article的出現,h1-h6定義也發生了變化,允許一張頁面出現多個h1。

參考資料

理解HTML語義化
HTML 5的革新——語義化標簽(一)

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/49914.html

相關文章

  • 前端進階系列(一):SEOHTML語義

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

    songjz 評論0 收藏0
  • 前端進階系列(一):SEOHTML語義

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

    cartoon 評論0 收藏0
  • 前端進階系列(一):SEOHTML語義

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

    dack 評論0 收藏0
  • 我眼中的Web 語義

    摘要:語義化的頁面一方面可以讓機器在更少的人類干預情況下收集并研究網頁的信息,從而可以讀懂網頁的內容,然后將收集匯總的信息進行分析,結果為人類所用另一方面它可以讓開發人員讀懂結構和用戶以及屏幕閱讀器如果訪客有視障能夠讀懂內容。 我眼中的Web 語義化 web語義化是什么? Web語義化,使用語義恰當的標簽,可以讓頁面具有良好的結構,頁面元素具有良好的含義,從而讓人和機器都能快速理解。語義化的...

    zhichangterry 評論0 收藏0

發表評論

0條評論

caozhijian

|高級講師

TA的文章

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