要作好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的後台

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

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

如果您是第一次來到本站,而且覺得本站的內容不錯的話,建議你透過 訂閱 本站的方式,隨時取得本站的最新內容。同時也歡迎您 按讚
Facebook 粉絲團以及
Google+ 專頁
如果這篇文章有幫到您也麻煩您按個讚
並分享出去,謝謝您!

有 4 則迴響於 要作好SEO就要先學好HTML

  1. Mimi 說:

    HTML 每次寫到後來都會讓我頭暈眼花,
    真的好多東西要加喔~ @@

    版主回應:
    沒辦法,要注重SEO這一部份一定要加強

  2. 阿福 說:

    搞SEO果然很麻煩
    我只會用NAMO來寫網頁
    但要一點一滴 每個網頁都考慮SEO
    我可能會掛掉 XD

    版主回應:
    習慣就好了

  3. WilliamTai 說:

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

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

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

首次留言要通過審核之後才會出現在版面上,請大家不要重覆留言。如果留言的內容與本篇文章無關、廣告留言、商業網站連結、假的網址或信箱的那留言可能就會跑到火星去哦!如果怕忘記在哪一篇文章留言,你只要在下面的e-mail通知那裡打勾就可以收到留言回覆的Email,謝謝大家的配合!