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

撰文者／楊明仁 （TED x MaritimePlaza共同創辦人）
E-Mail／yang50105@gmail.com

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

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

上面這串就是一個網頁的HTML語法，是不是很噁心？

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

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

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

這裡只是一條語法，但是字字千金。你的搜尋排名title標籤占了最重要的因素。

如果網頁有生命的話，那麼title標籤就是他的姓名，不管是使用者還是搜尋引擎爬蟲認識一個網頁都是先從標題開始，同時這也是出現在搜尋結果的大標題。

所以title tag務必好好規劃盡可能地符合網頁主題要讓搜尋引勤跟使用者都看得懂，並且讓與網頁內容最相關的關鍵字寫在前面，Google能顯示的字數約為50～60 字元（25～30 個中文字以內）。

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

這區間內的文字也會顯示在搜尋結果裡面，雖然沒有限制字數多寡，但以Google來說能夠顯示的字元數大概是130~160字元（65~80個中文字）以內。

但現在搜尋引擎爬蟲變得越來越聰明，顯示在搜尋結果的文字也會隨著搜尋字變動，所以如果要寫meta description的話就得好好地做規劃，就像Google Adwords內的關鍵字廣告文案一樣，盡可能地用這些字來吸引使用者點擊你的連結，並且提高讓搜尋引擎顯示meta description內的文字。

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

代表網頁內容的標題，<h1>標籤最大的標題，<h6>標籤最小的標題。強調的效果也遞減，以優化SEO來說<h4>之後是比較不重要的。而HTML語法中<h1>的重要性僅次於<title>。

所以將網頁內容關鍵字規劃在<h1>中是相當重要的，除此之外，一個網頁只下一個<h1>標籤，下得越多，所佔的權重就會越分散，其餘的次標題建議規劃在<h2>和<h3>上就好。

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

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

聰明的各位讀到這邊應該一看就知道，這條語法是用在向搜尋引擎說明這張圖片是什麼用的。

不過現在Google圖像辨識也越來越聰明，要是做了「圖文不符」的敘述在排序上的加分就會打了折扣。

5、<strong> 重點字標籤

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

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

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

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

【相關課程 】

X ! 網頁設計走開拎北自己修改WordPress
wordpress視覺排版超入門：CSS與HTML 線上課程

X！RD閃開拎北自己改網站
三天網頁實戰 線上課程

進化成長駭客
GA網站數據分析國際認證通關密技 直播線上課程
Google關鍵字廣告自己下 線上課程

【延伸閱讀】
入門數位行銷│Google Analytics認證在職場的應用及重要性？

【網站企劃與分析相關課程】

【Google產品專家黃道育】 GTM數據追蹤	Google Analytics 企業行銷數據分析實戰	【架設網站超值包】 課程附贈一年主機空間 & WordPress外掛