SEO優化教學

Posted by JSON on September 24, 2015

本篇將介紹個人在開發網站上有關於SEO的經驗,基本上觀念與SEO真的只要做這些事就好@ModernWeb Conf 講者所述內容大致相同提供給大家作為參考。

忘掉Meta Keywords

早期會使用<meta keywords="..."/>為網站加入關鍵字以利SEO,但因為這個東西被過度濫用, 現在Google已經不會參考這個東西,甚至您的網站有可能會因為這個東西的濫用而被黑名單。

甚至連Google官方的文件都已經不再提keywords meta了。

參考: Meta tags that Google understands

忘掉PageRank

以往為自己的網站製作反向連結,能夠提升自己網站的PageRank以利SEO, 但Google已經放棄PageRank作為網站的指標,也建議做SEO的人不要再用PageRank當作參考指標。

Head內最重要的Title與Meta description

<title>越重要的關鍵字放越前面 | 可將網站名稱擺在後面</tilte>
<meta name="description" content="如果您不主動加入這個meta, google會擷取網頁的內容作為你的頁面description, 建議不要超過150字" />

描述你的Canonical

<link rel="canonical" href="http://www.example.com/product.php?item=swedish-fish" />

加入上述canonical到您的head當中, 可避免權重分散。

例如你有兩個網址可以到達相同頁面,只因為參數上的不同:

http://www.example.com/product.php?item=swedish-fish&trackingid=1234
http://www.example.com/product.php?item=swedish-fish

一旦Google爬到這兩則網址可能視為不同頁面進行收錄,而分散了權重,加入canonical精確描述此頁面內容網址 ,一旦Google爬到n個不同網址,透過檢查canonical來判斷是否為同一個頁面。

參考: Specify your canonical

善用標題標籤H1-H6

許多網站使用標題標籤純粹是為了偷懶將字體放大,通常這些被放大的字都是不重要的, 反而告訴Google這些是你網站重要的標題。

例如你可能在有這樣的頁面:

<h1>最新消息</h1>
<ul>
  <li><h3>我才是主角啊</h3></li>
  <li><h3>我才是主角啊</h3></li>
  <li><h3>我才是主角啊</h3></li>
</ul>

如同講者所述: 適度關鍵字埋入,不要用代名詞

盡量讓頁面只有一個h1標籤,讓最有意義的keyword埋到h1標籤裡。

使用HTML5標籤

HTML5提供幾個常用標籤,以利搜尋引擎在爬取網頁時可以找到網頁的重點內容。

常用的標籤有:

<header>通常這裡會再放h1, h2, h3搭配使用</header>
<article>文章內容, 通常裡面會再放一個header標籤, 同樣將h1標題置入header</article>
<section>與article有相似功用, 每塊section的附近不必是相關的內容, 建議section內要搭配h系列標題</section>
<aside>側欄</aside>
<nav>搜尋引擎會視這個標籤內的連結為重要連結</nav>
<main>主要內容, 請盡量確保一個站只有一個main標籤, 而最重要的內容就在main標籤內</main>

簡言之,越能用HTML5標籤闡釋區塊所代表的意義就不要使用DIV。

有意義的網址

使用有意義的網址表達頁面內容以利SEO,如下後者網址較佳

www.example.com/?p=1 
www.example.com/guide-to-seo

網址也是SEO的指標之一,後者含有關鍵字,更有機會排名在前面,同時在搜尋結果若網址含有關鍵字, 也會被加粗顯示,將更吸引搜尋者的注目。

搜尋結果示範

使用結構化資料Schema.org

seo - schema.org

簡單說就是在HTML標籤中加入一些屬性,讓搜尋引擎更了解區塊中的內容是什麼, Google現在也建議使用Schema.org,會記錄頁面上有哪些結構化資料,代表這對SEO有一定的影響力。

至於使用方法可參考schema.org 每種type說明頁面底下都有範例, 在這裡就不細談了。

提交Sitemap

主動提交sitemap檔給Google某種程度上是催趕Google盡快為您的網站建立索引,能夠加快網站內容被收錄 ,並且是您指定的重要頁面。

為您的網站加入SSL

Google已經宣布,對於有使用SSL加密連線的網站會進行排名加分,為網站加入SSL機制以利SEO。

參考: Google Starts Giving A Ranking Boost To Secure HTTPS/SSL Sites

Mobile friendly Website

Google會對於行動裝置友善的網站進行排名加分, 使得在行動裝置上搜尋的結果會以mobile friendly的網站作為優先的排序。

seo - google mobile friendly

利用Google提供的工具測試網站在Mobile friendly上的分數: Google - 行動裝置相容性測試

加入社群按鈕

加入社群按鈕如:Google plus button、facebook like, 目前沒有直接的證實這個操作會影響SEO,只知道搜尋結果會附上多少人+1, 但我認為若對SEO有影響的話應是Google plus為主, Facebook like的參考價值似乎沒有那麼高。

參考: How Google’s +1 Button Affects SEO

結語:個人認為越乾淨的網頁原創度越高的內容越有機會在搜尋引擎搶到第一位。