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

2022-05-04 10:00:10 字數 1370 閱讀 2265

其實零才接觸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標籤裡,而你的文章標題則使用h1標籤,這樣對於整站優化是很有幫助的,這也是優化到每個頁面需要注意的一點。通過合理設定每個頁面的hx標題,**的內容才會更具優勢。

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

段落<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屬性

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

搜尋引擎優化

十 註冊alexa,並通過 認證。http www.alexa.com data details contact info?url taoyinqing.com 中國雅虎 http search.help.cn.yahoo.com h4 4.html 微軟live msn http search.m...

搜尋引擎優化

做seo也不長不短的做了四五年了。其他行業,做四五年只能算是新手。但是想想seo行業什麼時候才出現,再看看同行的不少更新手,發現自己竟然還算資深了。但做幾年seo之後,仔細回想每天進行的工作也會經常迷惑,到底seo是什麼?先從定義上看看,seo是什麼意思?定義很容易理解,實踐中卻有些迷惑。seo部落...

HTML 的搜尋引擎優化幾種方式

seo優化 一 網頁描述 meta標籤 也叫做宣告標籤 meta name description content 在這裡輸入文字 name description 是一條指令,告訴電腦你要幹什麼 content 描述的內容 國際編碼 gb2312 中文編碼 big5 中文繁體字 港澳台地區 gbk...