SEO與HTML:進行SEO優化時必須要懂的6個HTML語法

SEO搜尋引擎優化時必須要懂的6個HTML標籤語法

相信許多行銷新手在接觸到SEO(搜尋引擎優化)時遇到最大的門檻就是過去沒有網頁架構的基礎觀念,就算和工程師溝通也是雞同鴨講,小編在剛學的時候,看到滿滿的程式碼也是呈現眼神死的狀態ಠ__ಠ,所以這篇文章就以行銷的角度來帶大家認識幾個常接觸的HTML標籤!

 

 

SEO與HTML
SEO搜尋引擎優化

SEO與HTML:第一步 認識HTML標籤

HTML語法範例

上面這串就是一個網頁的HTML語法,是不是很噁心<3

相信工程師以外的人剛看到這一大串密密麻麻的程式碼會感到暈眩,其實HTML就是由一堆標籤所組成的網頁架構,而CSS和JavaScript也是呈現網頁很重要的元素,但今天我們先不談這些 (欲知詳情可以點我:Taker網頁開發入門實戰)。

密密麻麻的程式碼固然不討喜,所以這邊就先帶大家認識幾個與SEO比較有關係的HTML標籤,讀者可以在網頁上按下F12觀看網頁原始碼配合本篇文章理解吸收唷。

1. <title>頁面標題</title>

這裡只是一條語法,但是字字千金。你的搜尋排名title標籤占了最重要的因素。如果網頁有生命的話,那麼title標籤就是他的姓名,不管是使用者還是搜尋引擎爬蟲認識一個網頁都是先從標題開始,同時這也是出現在搜尋結果的大標題。所以title tag務必好好規劃盡可能地符合網頁主題要讓搜尋引勤跟使用者都看得懂,並且讓與網頁內容最相關的關鍵字寫在前面,Google能顯示的字數約為30字以內。

2. <meta name=”description” content=”網頁說明” />

這區間內的文字也會顯示在搜尋結果裡面,雖然沒有限制字數多寡,但以Google來說能夠顯示的字元數大概是150字元(75個中文字)以內。但現在搜尋引擎爬蟲變得越來越聰明,顯示在搜尋結果的文字也會隨著搜尋字變動,所以如果要寫meta description的話就得好好地做規劃,就像Google Adwords內的關鍵字廣告文案一樣,盡可能地用這75字來吸引使用者點擊你的連結,並且提高讓搜尋引擎顯示meta description內的文字。

上述的兩個標籤在Google上顯示大概是這副模樣,可以想想要如何呈現在使用者面前才會更吸引人點擊。

3. 標題文字標籤Header系列家族 <h1>~<h6>標籤

代表網頁內容的標題,<h1>標籤最大的標題,<h6>標籤最小的標題。強調的效果也遞減,以優化SEO來說<h4>之後是比較不重要的。而HTML語法中<h1>的重要性僅次於<title>。所以將網頁內容關鍵字規劃在<h1>中是相當重要的,除此之外,一個網頁只下一個<h1>標籤,下得越多,所佔的權重就會越分散,其餘的次標題建議規劃在<h2>和<h3>上就好。

4. <!–註解文字–>

在網頁原始碼中可以看到一些用<!– –>包住的文字,被這個標籤包住的文字是不會被顯示在網頁上,但裡面的文字內容會被搜尋引擎爬到。所以有些人會利用在註解文字裡面添加關鍵字進去做為提升排名的手段,但是小編建議不要刻意在注解標籤中塞入關鍵字,否則被Google判定你是在作弊,輕則降低排名重則會被處以永不收錄搜尋引擎的處罰唷。

延伸閱讀:認識 Google Penguin – 黑帽 SEO與反向連結的守門員

5. <img src=”xxx.png” alt=”圖片內容”>

聰明的各位讀到這邊應該一看就知道,這條語法是用在向搜尋引擎說明這張圖片是什麼用的。不過現在Google圖像辨識也越來越聰明,要是做了”圖文不符”的敘述在排序上的加分就會打了折扣。

6.<strong> 重點字標籤

要是在網頁內文中提到了重點關鍵字,可以試著運用<strong>標籤告訴搜尋引擎重點在哪裡,同樣的<strong>標籤與我們畫課本重點一樣,要是你標記的太多太雜,搜尋引擎不知道重點在哪反而失去效果。

 

在優化SEO過程中會用到很多的HTML標籤與屬性,以上六個是小編認為比較重要的標籤先介紹到這。除了這些以外還有像meta keywords這種因為被濫用而不再被主流搜尋引擎作為參考的標籤也先不介紹。

總結本篇文章內容:影響SEO最關鍵的三個標籤是title、headermeta description,必須要好好做與網頁內容相符合的規劃。而Google幾次演算法調整與聲明也告訴我們這些網站經營者,雖然使用上述方法有加分的效果,但如果要讓你的網頁自然排序向前最重要的就是豐富你的網站內容,並且且給使用者優良的體驗,也不要投機取巧,否則會給予嚴厲的懲罰。

最後,各位在讀完本篇文章之後不彷在自己的網頁上按下F12(檢視原始碼)看看自家的網站是否有做好這些規劃,並且用title tag, meta這些名詞來和RD溝通,搞不好工程師會在內心發出:「(゚∀゚)唉唷,這個新來做行銷的不錯唷」的讚美。

 

撰文者/MaRin Yang

【延伸閱讀】

入門數位行銷│Google Analytics認證在職場的應用及重要性?

【相關課程】

X!RD閃開拎北自己改網站

三天網頁實戰 線上課程


進化成長駭客

GA網站數據分析國際認證通關密技 直播線上課程

Google關鍵字廣告自己下 線上課程

Google Analytics 網站流量分析 線上課程

TibaMe小聚!數位商務數據分析與應用 8/7免費直播講座 名額有限!

Facebook留言

發表迴響