<ul id="g60s4"><pre id="g60s4"></pre></ul>
<strong id="g60s4"><nav id="g60s4"></nav></strong>
<ul id="g60s4"></ul>
  • <tr id="g60s4"></tr>
  • 
    
  • 或者

    HTML語義化在搜索引擎優化(SEO)中的應用

    作者:川藏線。 瀏覽:133 發布時間:2018-02-05
    分享 評論 0

    其實筆者接觸HTML語義化也不是很久,還記得第一次接觸竟然是被某網絡公司WEB前端招聘的HR問到,當時真的很囧。所謂吃一塹,長一智,筆者決定對WEB前端和SEO結合起來學習。什么是HTML語義化?如果大家對它也較為陌生,或者決定對下面的解釋理解起來有點吃力,可以參考下筆者在微博中給的通俗解釋。


    分離結構與表現的另一個重要方面是使用語義化的標記來構造文檔內容。一個XHTML元素的存在就意味被標記內容的那部分有相應的結構化的意義,沒有理由使用其他的標記。換句話說,不要讓CSS使一個HTML元素看起來就像另一個HTML元素,比如用<div>來代替<p>標記標題。


    雖然語義化的HTML屬于WEB標準化范疇,值得WEB前端的設計者學習,但對于一個全面的SEO來說,使用標準化的網頁結構,對SEO是有百利而無一害的,而WEB標準化就必須談到語義化的HTML。其實,應該很容易想象,如果整個HTML文檔中,都只用div來布局、表現數據,那還需要其他的那些HTML標簽做什么呢?可以這么說,語義化的HTML讓我們的網頁更加容易被人或者機器理解,更容易清楚的表達網頁的真實含義。下面,我們就來了解下SEO種需要重點注意的一些語義化HTML。


    標題<Hx>


    <h1>、<h2>、<h3>、<h4>、<h5>、<h6>,在WEB中作為標題使用,并且依據重要性遞減。<h1>是最高的等級,所以你需要準確確定每個頁面最重要的內容是什么,要優化的關鍵詞在哪里。以我們最常見的博客為例,博客首頁羅列最多的通常就是最新博文,而最重要的應該就是博客的名稱了,比如筆者的“筆者網絡推廣博客”,而后面最新文章的鏈接標題則可以使用<H2>或者<H3>,一般都使用<H2>,表示次級標題。


    但是,是不是每個頁面的H1標簽都包含博客名稱呢?建議次級頁面的博客名稱鏈接都放在H2標簽里,而你的文章標題則使用H1標簽,這樣對于整站優化是很有幫助的,這也是優化到每個頁面需要注意的一點。通過合理設置每個頁面的hx標題,網站的內容才會更具優勢。


    強調<em>、<strong>、<b>、<i>


    <em>、<strong>這兩個標簽對SEO有著較大影響效果,適當使用它們,可使你的網頁增色不少。<em>、<strong>與Hx一樣,其區別也在于重要性不一樣。<em> 表示強調,而<strong>意為重點強調,較em更重一些。在SEO時,我們可以將最重要的關鍵詞用strong標記,對第二重要的用em標記。結合前面使用的Hx標簽,它們更適合放在文章正文的內部,而Hx理所當然是在用在正文的外部。有些WEB設計者為了達到網頁的某些效果,使用<strong>純粹是為了達到加粗,使用em就是為了傾斜,而這種做法根本沒必要,而且相反可能會影響到SEO的效果。在以前,為了達到粗體、斜體的效果,WEB設計者會使用<b>、<i>標簽,而現在基本不用它們了,它們僅僅是用來表現文本樣式的,而最明智和常用的解決方案是用CSS來控制文字樣式。


    段落<p>


    當搜索引擎讀取網頁內容的時候,遇到P標簽的時候,立馬就知道這是一個段落,而如果使用DIV,就無法體現HTML語義化的優勢了。從WEB標準的角度來看,文章正文使用P是理所當然,也是更值得提倡的。不過如果使用<div>代替<p>,對SEO的影響還是甚微的,因為它們并沒有任何強調的意味在里面。但是如果你使用P來給網頁整體布局,就顯得有些怪異了。


    列表<ul>、<ol>、<li>、<table>


    <ul>為無序列表,大家廣泛使用的,有序列表<ol>也挺常用。在web標準化過程中,<ul>被更多的用于導航條,這樣做是完全正確的,而在文章列表里面,就可以使用ol了,因為那些列表都是有一定順序的。當然,這兩個對于SEO的影響也是甚微的,但如果你使用表格<table>代替列表,不僅會使得HTML文檔變得冗長,更沒能很好的利用HTML語義化的優勢來優化你的網頁,因為表格更適合來標記列表的數據。


    title屬性(不是title標簽)和alt屬性



    title屬性是用來為元素提供額外說明信息的,它可以用在除了base,basefont,head,html,meta,param,script和title之外的所有標簽。alt屬性為不能顯示圖像、窗體或applets的用戶代理(UA),指定替換文字。alt屬性對圖片優化的功能是毋庸置疑的,而且這也是SEO所提倡的,如果你非用圖片到HTML里面去,最好將圖片加上ALT屬性,而且可以將關鍵詞適當的放到里面去。半年前看到一位博友說title屬性(不是title標簽)可以增加網站的關鍵詞密度,筆者在這里持有不同的觀點,因為現在ALT屬性里的值都已經被搜索引擎輕視了,title里面的內容對關鍵詞密度的影響也會被搜索引擎放低,同時。title屬性里的內容并不一定能夠增加關鍵詞的密度,如果大量使用,且里面的內容不含關鍵詞,相反會削弱關鍵詞密度。


    也許這篇文章更適合SEO初學者來看,但是對于很多只懂鏈接和內容操作的SEO來說,WEB標準還是應該引起大家的注意。同時,對于WEB設計者來說,考慮HTML對網站SEO的影響,更應該正確的使用你手下的HTML標記。


    亚洲国产精品乱码一区二区| 亚洲视频在线精品| 日韩av激情在线观看| 欧美日韩色另类综合| 精品无码国产污污污免费| 97久久精品无码一区二区| 精品偷自拍另类在线观看| 日韩精品在线免费观看| 99免费精品视频| 久久精品国产一区二区电影| 国产A√精品区二区三区四区| 精品免费AV一区二区三区 | 中文字幕一区日韩精品| 国产在线精品一区在线观看| 精品国产AV无码一区二区三区| 99热在线精品免费全部my| 四虎必出精品亚洲高清| 精品国精品无码自拍自在线| 久久99国产综合精品女同| 99精品久久99久久久久久| 久久er这里只有精品| 国产精品国产三级国产普通话 | 麻豆国产在线精品国偷产拍| 久久国产精品鲁丝片| 亚洲AV永久无码精品成人| 久热re这里只有精品视频| 久久亚洲精品中文字幕三区| 久久精品男人影院| 久久精品国产亚洲香蕉| 久久一本精品久久精品66| 亚洲AV日韩精品久久久久| 亚洲AV第一页国产精品| 无码国产69精品久久久久网站 | 91精品国产综合久| 91精品国产综合久| 亚洲精品乱码久久久久久下载| 在线精品91青草国产在线观看| 精品午夜福利在线观看| 亚洲精品成人网站在线播放| 久久久久久精品免费看SSS| 久久6这里只有精品|