什麼是網頁設計?背景
認識網頁設計Q & A

認識網頁設計 - SEO搜尋引擎最佳化

第四章:SEO搜尋引擎最佳化的基礎開發與設計 (下)

Title

不管是對用戶體驗還是搜尋引擎,網頁的title標籤一定要盡可能簡單明確的描述整個網頁的內容。基於這個因素,它也是網頁設計時,網站管理者操作SEO最重要的部分。只要注意下面幾個重點,您就能在得到不錯的效益。

留意title標籤長度

在網頁設計人在設置網頁title時,必須要留意關鍵字搜尋結果頁面上只會顯示最前面65-75位元組,中文約30~35字,在這之後的文字就會用省略符號「...」表示。所以網頁設計人員在撰寫內容時最好注意文字長度,這些字數限制,也是大多數社群媒體網站的字數限制。但若您有多組搜尋關鍵字(或是關鍵字特別長),不可避免的一要放在標籤內情況,那也許搜尋引擎會破例允許超過字數。

重要的關鍵字放越前面越好

關鍵字放在越前面,對網站排名越有幫助,也越能夠吸引用戶點擊您的網站,在網頁設計時,對於SEO優化排序中這是至關重要的。

包含品牌名稱

在Moz,我們喜歡把品牌名稱放在最後面,這會增加品牌曝光度,更可提高點閱率。若是知名品牌的首頁,有時您也能看到品牌名稱是被放在最前方。但當然的,放在越前面,權重越高,所以您必須注意並考慮著重的方向,是品牌名稱還是關鍵字。

留意文句流暢具吸引力

Title標籤必須文句流暢具有吸引力,且這也是您的品牌傳達給瀏覽者的第一印象。建立一個引人注目的Title能幫助您在搜尋結果頁面比其他網站更讓人印象深刻,進一步的吸引更多瀏覽者閱讀您的網站。而這不僅僅是關鍵字優化,也是用戶體驗的優化。

Title內容顯示在網頁瀏覽器最上方,且通常是社群媒體轉寄分享的主題。 若title標籤設定的關鍵字與用戶搜索詞相符合,在搜尋引擎的結果頁面會明顯標示出來(粗體或是紅字),用以吸引用戶目光與點擊率。

最後,一個含有關鍵字並富有魅力的title的最重要因素是為了搜尋引擎的排名。在Moz一年兩次的SEO產業領導者的調查中顯示,有94%認為把關鍵字包含在title標籤內對提高排名是至關重要的。

Best Practices for title tags

Title的相關文章

http://moz.com/learn/seo/title-tag


Meta

Meta標籤的主要功能是把網站的額外相關資訊提供給搜尋引擎,以下為幾種基本的meta標籤以及它們的用途,此標籤放置時,最好與了解網頁設計相關人員討論後放置。

Meta Robots

Meta Robots標籤是用來控制主要搜尋引擎蜘蛛在網頁內的活動,以下為幾種Meta Robots的使用:

index/noindex是告訴搜尋引擎這個網頁是否要被抓取以及建立索引。若是不願意,可用「noindex」,否則通常默認狀態下是會被抓取索引的,所以「index」沒必要特別寫出。

follow/nofollow是告訴搜尋引擎這個網頁上的連結是否要被跟蹤。若是使用「nofollow」,搜尋引擎會忽略網頁上的任何連結,也不會被計算排名參考依據。通常默認狀態下是用「follow」。

例子:Example:

noarchive是禁止搜尋引擎保存網頁快取連結。默認狀態下,搜尋引擎會保存曾經抓取索引過的網頁內容,並可經由搜尋結果頁面的快取連結展現。

nosnippet是告訴搜尋引擎不要在搜尋結果頁面中呈現網頁的描述文字與連結。

noodp/noydir是特殊的標籤,告訴搜尋引擎不要抓取從開放式目錄(DMOZ)或Yahoo!目錄的描述。

X-Robots-Tag HTTP標頭也有相同的功用。這種技術尤其適用在非HTML的內容,例如圖片。

以上Meta標籤必須警慎處理,以免造成網站收錄不全情況發生,如果不了了解影響範圍,可以請配合網頁設計人員代為處理。

Meta Description

Meta description標籤是網頁內容的簡短說明。雖然網站排名並不受meta description影響,但它是讓用戶了解您網站內容的主要來源。

明確的說,meta description標籤就是用來吸引用戶目光的網站廣告文案,而這在搜尋引擎行銷最佳化中是很重要的部分。在瀏覽搜尋結果頁面上的眾多網站中,使用關鍵字(注意Google會把符合用戶搜索詞的文字加粗)撰寫簡單易讀,具有說服力的網站描述以提高網站點閱率。

Meta description沒有長度限制,但因一般搜尋引擎會切斷超過160字元的句子,所以字數最好還是維持在160字元內(約80個中文字)。

沒有meta description標籤的網站,搜尋引擎則會抓取網頁內的文字內容來替代,通常這樣的方式,主要針對多個關鍵字與不同主題的網站是最適宜的做法。

不再重要的meta標籤

Meta Keywords: meta keywords標籤曾經一度非常的受重視,但對目前的SEO搜尋引擎最佳化來說它已經不再那麼的有價值,目前還是有很多網頁設計師喜歡加入此標籤,但是對於Google來說已經不具任何SEO效果。若想了解為何meta keywords會被廢棄忽視,請參考Search Engine Land的Meta Keywords Tag 101。

Meta Refresh, Meta Revisit-after, Meta Content-type, and others: 雖然這些標籤在SEO搜尋引擎最佳化都還被使用,但也已經逐漸式微,更多相關細節請參考Google's Webmaster Tools Help


URL結構

URLs - 文件在網絡上的地址 – 會出現在幾個重要的位置,從搜尋的角度來說含有極大的價值。

URLs出現的地方:

如上圖,顯示在搜尋引擎結果頁面上的URLs文字結構若包含用戶的搜索詞,有很大機率提高網站點擊率與知名度。

URL也顯示在瀏覽器的地址欄。雖然對搜尋引擎的影響不大,但不符合邏輯的糟糕網址文字結構可能會導致負面的用戶體驗。上圖是簡單易懂的網址文字結構,用戶可很容易的了解這是蘋果公司在台灣的iPhose SE的產品頁面。

網址若被引用,有時也會以連結的方式出現在引用者的文章內,如上圖。


URL架構方針

同理心

請把自己當作訪客來看待您的網址。您的網址文字結構設計方式最好能呼應網頁文章的內容。不過也不需要把所有的細節都放入網址內,只需主題就好。上述的蘋果公司網址文字結構可做為例子。

越短越好

雖然有個能呼應內文的網址結構很重要,但減少長度與斜線可讓您的網址更容易複製與分享在email,部落格,簡訊等,且也更容易在搜尋引擎的結果頁面中完全呈現。

使用關鍵字很重要(但過度使用可是非常危險的哦!)

請切記要把關鍵字包含在網址文字結構內,但請不要以為放的越多對SEO越好,過度的使用可能會被以為是垃圾訊息哦!

使用靜態網址

好的網址結構最好不要含有太多參數、數字和符號,且能夠讓用戶簡單辨識。在Apache用mod_rewrite或是在Microsoft用ISAPI_rewrite都可簡易的做到動態網址,轉換成更容易閱讀的靜態網址。就算網址只含一動態參數,都可能導致降低搜尋引擎的排名與索引。

https://www.newscan.com.tw/all-cases/case.php?plan=pg=1 (動態)

https://www.newscan.com.tw/all-cases/case-plan-B-1.htm (靜態)

使用連字號分隔文字

不是所有的網絡應用程式都可以準確的分辨下劃線(_),加號(+),空格(%20),因此可改為使用連字號(-)替代文字間的分隔,例如上面的例子:google-fresh-factor


內容的標準和重覆

重覆的內容對任何網站來說都是最令人頭痛和棘手的問題之一。從過去幾年,搜尋引擎開始打擊並降低擁有重覆內容的網站的搜尋排名。

標準化的產生原因,對於兩個或多個重覆版本的網頁出現在不同的網址,且最常發生在使用文章討論類型(CMS)的網站。例如,相同內容的網頁文章除了正常的網頁版,另外還提供了列印的版本。有時相同的文章還會出現在不同的網站上。這對搜尋引擎來說很頭大,它們不知道到底該把哪個內容呈現給用戶。在SEO搜尋引擎最佳化的世界裡,這就是重覆的內容。

搜尋引擎很討厭重覆版本的內容。為了提供用戶最好的搜尋體驗,它們很少會把所有重覆版本的網頁放在搜尋結果的頁面上,做為替代,它們會判斷哪一個才是最有可能的原始網頁,並降低那些重覆版本的網頁在搜尋引擎上的排名。(上圖為圖示)。

標準化就是指定唯一的內容網頁,且只有一個網址可以進入的方式。假如您的網頁設計當時有多個版本,您也許該開始考慮,上面三個網站中哪個才是唯一的標準網址。

但若是網頁設計人員把這些網頁用301重新導向,搜尋引擎則只會顯示其中一個網頁。

當各個有潛力的網頁合併成一個單一頁面,他們不僅互相停止競爭排名,而且進而創建一個更強大更具相關性的網頁。這對您的網頁在搜尋引擎排名的提升是有正面影響的。(如上圖)

使用標準化標籤

Canonical URL Tag是另外一種把重覆的內容匯整到單一的網址的方式。這種方式也可以跨網站,從一個網域的網址到另個網域的網址。

在重複的內容使用標準化標籤,就能夠提高您想被排名的網頁的搜尋引擎排名。

上面的指令告訴搜尋引擎任何重覆網站內的內容與索引排名都指向https://www.newscan.com.tw。換句話說,只有https://www.newscan.com.tw是統一標準的進入點。

從SEO的角度來看,標準化標籤和301重新導向很相似。本質上來說,是讓搜尋引擎知道所有重複的頁面都指向單一頁面(跟301一樣),但是標準化標籤並不跳轉到新的網址。

欲了解更多有關不同類型的重複的內容,皮特博士的這篇文章特別值得一提。


複合式摘要

曾在搜尋結果頁面看過網站有5星的評價嗎?當搜尋引擎從「有崁入複合式摘要」的網頁抓取了訊息並顯示在搜尋結果上。複合式摘要是一種結構式數據讓網站管理者標記更豐富的內容資訊給搜尋引擎。

雖然使用複合式摘要與結構式數據並不是搜尋引擎友善的必要元素,但它的日益普及意味著使用它的網頁設計人員在某些情況下是有著存在優勢。

結構式數據的意思是添加標記到您的內容,以便搜尋引擎可以輕鬆的辨識它是什麼類型的內容。Schema.org提供了一些結構式標記,包含商家,產品,評論,買賣,食譜與活動的例子。

通常情況下,搜尋引擎在搜尋結果頁面包含的結構化數據有使用者評論(星級)和作者簡介(照片)等資訊。網絡上有一些關於複合式摘要的學習資源 可供參考,包括information at Schema.orgGoogle's Rich Snippet Testing Tool


複合式摘要的使用

假如說,您在您的部落格發佈一個SEO研討會的訊息。在一般的HTML,您的代碼可能是這樣的:

現在,經過結構化數據,我們可以告訴搜尋引擎更多具體的訊息,而最後的結果可能是這樣的:


捍衛您的網站

盜用文章如何竊取您的排名?

不幸的是,網絡上充滿不道德的網站,它們的業務與流量模是取決於拷貝其他網站的內容(有時會修改結構)並在它們自己的網站重新使用它。這種擷取您的內容並重新發佈的做法稱為「scraping」,而這些拷貝文章的網站通常在搜尋引擎的排名都非常高,且常常高於原來的網站。

當您發佈任何形式的訊息,例如RSS或XML,請確保通知主要部落格平台與追蹤服務平台(Google,Technorati,Yahoo!...等)。關於Google與Technorati使用追蹤的方式可在各自的網站內找到,或著您可以使用 Pingomatic。若您使用客製化的發佈平台,最好請開發人員包含發佈後的自動偵測。

接下來,您可以利用盜用者偷懶的本性來對抗他們。大多數的小偷偷走文章後不會重新編輯,而是直接發佈。因此,只要您被竊取的文章包含「回到您的網站的連結」,您就可以確保搜尋引擎知道您是這些文章的原始作者。所以為了做到這一點,比起相對連結,您最好使用絕對連結來做內部連結結構。當然,比起使用​連結到您的網站,您應該以 ​來做替代。這樣這樣的話,當小偷偷竊您的文章內容,連結仍然指向您的網站。

其實還有很多方式保障文章不被竊取,但是沒有一個方式是可以完全杜絕的。您應該要有認知,當您的網站曝光率越高,您的文章被竊取的機率更高。大多數您可以忽視這個問題,但如果情況變得非常嚴重,且影響到您的流量與排名,您也許要考慮使用法律途徑。Moz提供了一些您的文章被竊取之後的因應方式,請參考以下連結:Four Ways to Enforce Your Copyright: What to Do When Your Online Content is Being Stolen.

來源:MOZ


歡迎推廣本文,請務必連結(LINK)本文出處