2012年11月27日 星期二

學SEO的基礎之一:了解 title 的重要

(這篇是寫給高中生以及大學生,目的就是要提醒他們注意,老師教網頁常忽略的重要細節。)

我上一篇談老師會不會教網頁的時候,有讀者 (剛好是我學長) 就說 SEO 教一個學期也教不完,但是教 SEO 的「基礎」,應該是很容易的事情啊!只要老師能體會到 SEO 的重要性就可以了。

SEO 的全名為 Search Engine Optimization ,或叫做「搜尋引擎最佳化」。 SEO 簡單的意思就是調整網站或網頁的內容,使得 Google 或 Bing 搜尋引擎更方便地找到你。由於網友找資料的時候都會習慣只點搜尋結果的前一、兩個頁面,所以當你的網站在搜尋結果的前方,就等於有很多網友會前來參觀你的網站。

什麼是SEO (Search Engine Optimization)? dns.com.tw 這裡有很好的短片說明 SEO 基本上在做什麼事情。(英文短片,長3分半鐘)

我在這裡只想講 SEO 的其中一個基礎:網頁標題。

網頁標題有兩個: <title> 與 <h1>

在我說明網頁標題與 SEO 之前,一定要先弄清楚一個概念,就是在網頁的 HTML 原始碼裡面有兩個表示標題的標籤,一個是 <title> ,一個是 <h1>。

<h1> 的標題是給人看的。這個標題它預設會用最大的字來顯示,就如同報紙上的新聞大標題一樣,讀者一看報紙上的大標題就會知道這則新聞主要在說什麼。除非完全不會用 <h1> ,不然網頁設計者用 <h1> 標題是很少用錯的。

<title> 的標題有兩個東西會看,第一是瀏覽器,第二是搜尋引擎,由於 <title> 不會直接影響到網頁的內容,所以這也是初學者(以及老師)常常會忽略的地方,也是我這篇文章的重點。

老師可能教你的 <title>

以下是老師教我的,可能你們教網頁的時候也會常常聽過。

用 Dreamweaver 開啟網頁後,工具列上面有個「標題」欄位會顯示你的網頁標題,這個網頁標題就是瀏覽器左上方會顯示的標題字。

Dreamweaver 編輯網頁的畫面,標題欄位上寫著 "Untitled Document".
在Dreamweaver上的標題欄位
Google Chrome 上瀏覽 http://4ratebig.com/i_cm.php ,頁籤上顯示著 "Untitled Document" (頁籤標題在圖上有加紅框標示);網頁內容則以「親愛的網站所有者!」作開頭。
(在 Google Chrome 上瀏覽 http://4ratebig.com/i_cm.php)
IE8 上瀏覽 http://4ratebig.com/i_cm.php ,頁籤與視窗標題上皆顯示著 "Untitled Document" (頁籤標題與視窗標題有加紅框標示);網頁內容與上圖相同。
(在 IE8 上瀏覽 http://4ratebig.com/i_cm.php)

嗯,老師說的沒錯,瀏覽器無論是 IE, Firefox, 或 Chrome ,左上方的確會顯示那個標題。可是網頁標題就只有這樣嗎?有些老師會漏掉以下的「精華」...

<title> 是搜尋引擎第一個注意的內容

在搜尋引擎上, <title> 的網頁標題就是你的網站跟網頁的門面!因為你的 <title> 會變成搜尋引擎結果頁 (SERP) 上面的超連結標題,所以網友在 Google 上會不會注意你的網頁,有三分之一的機會是決定在你的標題。

Google 搜尋結果頁上 http://4ratebig.com/i_cm.php 排第一,它的超連結 (加紅框標示) 上面的文字即爲 "Untitled Document"
(Google 搜尋 "Untitled Document" 的結果)

然後內容是三分之二。從上圖可以看到標題加內容一共有三行,也就是說標題佔三分之一。

所以,漏掉這個 <title> 的標題會是你自己的重大損失。

怎麼寫網頁標題?

我在網路上有找到很多怎麼寫好標題的文章,所以我不會在這裏重複那些內容,我只提出兩個重點,以及兩個重點背後的原因:

1. 「網頁名稱 - 網站名稱」 以這種格式來寫標題

<title>標題應該同時有你的網頁名稱以及網站名稱,而且網站名稱放在後方。這個「網頁名稱」跟 <h1> 一樣可以是文章標題或是新聞標題。

第一點是搜尋引擎在作索引的時候,不會特別標記網站名稱。而讀者在點搜尋結果的時候也不會特別注意它。但是他們把你的網頁加書籤(或是在臉書分享)的時候,有些網友會想要知道你的網站是什麼。把網站名稱標在後方就是這個原因。

有些大站像 Amazon, Apple 會把網站名稱標在前方,這是特別的例外,對小網站我建議別這樣用。

2. 「前面幾個字」應等於你希望搜尋到的「關鍵字」

這點對SEO沒有直接關係,但是它還是影響點閱率的一個重要因素。網頁標題的後方文字常常會被切掉,使得讀者有時候會看不到你標題後方的字。(想想看自己瀏覽的習慣,當你一次開很多頁籤的時候,每個頁籤的標題都會變很短。) 還有一點就是,讀者常常快速掃過搜尋引擎結果頁的標題,而在他掃瞄的同時,眼睛只會注意標題前方的字。所以越前面的字越重要Jakob Nielsen 他們研究說讀者只注意到前兩個英文單字,不過重點還是前面幾個字是重要的。

參考資料

或 Google 搜尋 "title seo" 或 「網頁標題 seo」

沒有留言:

張貼留言