要作好SEO就要先學好HTML

HTML不死

不管是動態網頁或是靜態網頁,最後呈現在你的網站的語言還是HTML,因為這是W3C所制定的標準,也是網路世界共通的語言,但是因為現在的CMS部落格程式已經發展到一個相當「易用」的階段,所以很多人在發文時從來不會想到HTML的語法及結構問題,但是如果你想讓搜尋引擎和你的網站成為麻吉,對HTML的了解是不可少的。

好的HTML讓你上天堂

同樣的一篇5.99的文,有的人就是上不了搜尋首頁,有的人就是一直佔在那裡不下來,你有想過原因嗎?這其中一個很大的原因就是你的HTML結構問題,我在搜尋引擎不能說的秘密之關鍵字的形成提到:「搜尋引擎Bot可以自行判斷你文章的重點在那裡(也就是會做筆記劃紅線啦!)」,但是如果你的文章看起來很亂甚至找不到重點,那就是你的問題了。

Semantic HTML

Semantic HTML翻成中文叫作「語意明確的HTML」,一個語意明確的HTML要包含以下一些要件:

  1. 包含有H1,H2,H3...等重要性不同的標籤(Tag):
    一般而言一篇文章最好只有一個<H1>標籤,可以有許多個<H2>、<H3>...等標籤,一般而言用到<H3>就很夠了,很少人用到<H4>、<H5>甚至<H6>。這個作用就好像分章節一樣,一篇沒有章節的文章可讀性是很差的,所以搜尋引擎很難幫你找出重點。
  2. 圖片加上"alt"的說明文字:
    之前也曾提到圖片不利於SEO,因為搜尋引擎到現在都還無法真正了解圖片的內容,所以如果你的圖片有特別的含義的時候,不妨可以使用「中文檔名」,但是中文檔名在網址列又會變成看起來無意義的亂碼,或是你的BSP或網站空間不允許你用中文檔名,這個時候的變通辦法就是有圖片的連結上加上"alt"這個說明文字,這樣圖片對搜尋引擎來說才有意義。
  3. 重點文字加上強調用語:
    你可以善用<em>或<strong>的強調HTML語法,告訴搜尋引擎這個詞很重要,就像這一段的「重點文字」用了強調語法,就好像幫它劃重點一樣。
  4. 表格加上表頭等註解:
    如果你有用到<table>表格的語法,那最好在表格的最前面加上<th>表頭標籤,並且最好再加上說明文字,這樣你的表格對搜尋引擎而言才有特定的意義。

發文介面的切換

以上只是告訴你原則,而實際的作法就是將你發文介面切換成「HTML模式」加上這些標籤,首先看到的這個畫面應該就是一般人寫文章用的編輯器,這個是Blogger的後台

要作好SEO就要先學好HTML

切換成「HTML修改」模式你就可以看到或是自己加入HTML的語法

要作好SEO就要先學好HTML

至於其他的HTML語法實在太多了,有機會再慢慢介紹了

4 則留言

  1. 用Windows Live Writer寫文章會增加很多HTML Tag,
    不知道有沒有影響。

    版主回應:
    跟SEO有關的就這些,還有title和meta而已,其他的沒什麼影響

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料