身為一個網頁開發者,多少還是要對 SEO 略懂略懂,於是花了幾天把 SEO 超入門 看完。 就馬上來筆記一下跟 開發者 有關的 SEO 知識吧。

規劃網域與子目錄(路由的設計)

這是來自書上 4-1 的筆記,是在說明怎樣的網址結構是好的。 其中有一個比較的例子,底下哪個比較適合當成專門銷售小朋友用品的商店網址呢?

  1. http://seo.dns.com.tw/shop/kids/
  2. http://shop.dns.com.tw/kids/

當答是第 2 個 http://shop.dns.com.tw/kids/ ,因為第 1 個 http://seo.dns.com.tw/shop/kids/ 會被解讀成在專門討論 SEO 技術的網站下,該網站下切出一個子目錄變成賣小朋友的用品的網路商店。 這裡的重點是,子網路、主機名稱、機器名稱對網站的定義很重要。 例如 shop 這個子網域。

接下來重點是子目錄,子目錄是指網域後面那段網址 http://www.ec.com.tw/`food/2015` ,以這例子來說, food/2015 就是子目錄。
以底下這兩種網址為例,網址 1 把年份擺在 food 面、網址 2 把年分擺在 food 面。

  1. http://www.ec.com.tw/food/2015
  2. http://www.ec.com.tw/2015/food

哪一個子目錄的設計比較好呢? 對於子目錄來說,位階的大小是從左到右,也就是右邊的子目錄是左邊的下個階層。 以網站 2 http://www.ec.com.tw/food/2015 來說明,該網址可以累積每年的 food 的相關性內容。 但是網址 2 http://www.ec.com.tw/2015/food 每年都必須重新來過。
所以在這情況下,網址 1 是比較推薦的。

如何規劃多語系網站

有三種方法可進行多語系的網頁宣告

可在 < head> 加入 link 的 元素,例如底下範例,指向該網頁的繁體中文版本

Link 元素
  • html
1
2
3
< head> 
< link rel="alternate" hreflang="zh-tw" href="http://tw.mystore.com" >
< /head>

2.使用 Sitemap

在 Sitemap 內指定個語言版本的網頁的網址,每個網址都要有個別的 url 元素,而每個 url 元素都必須含有指定網頁網址的 loc 標記,如下圖:

Sitemap 語系設計Sitemap 語系設計

這個可以告工具完成,書中提供三個網站工具,產生 Sitemap。 在產生 Sitemap 後,於 Sitemap 加入語系的宣告。

3.使用 HTTP Header (程式宣告方式)

如果要發佈的不是 HTML 檔案,沒辦法使用 HTML Link 元素時,例如 PDF 檔案,則可以使用 HTTP 標頭來指定不同語言版本的網址,例如下方範例

HTTP Header
  • html
1
Link: < http://tw.mystore.com/>;rel="alternate";hreflang="zh-tw"

以上宣告,搜尋引擎就知道你的繁體中文版本在 http://tw.mystore.com

小結

書本 SEO 超入門 內容講得比較詳細,我只是把我覺得是重點的筆記上來,如果要詳細了解可以買書來看。 在接下來會繼續把其他重點補上部落格。

開發人員必懂的 SEO 第二集

參考

SEO 超入門