搜尋引擎最佳化 (SEO) 入門指南

本指南適用對象

如果您是線上內容的擁有者或管理員,或者會使用 Google 搜尋服務宣傳線上內容或透過線上內容營利,請閱讀本指南。如果您是成長中企業的負責人、眾多網站的擁有者、網路代理商的搜尋引擎最佳化 (SEO) 專家,又或者是 SEO DIY 達人,熱衷於瞭解 Google 搜尋服務的運作機制,那麼您也是本指南的適用對象。只要您想依照我們的最佳做法全面掌握 SEO 基本知識,本指南就是最佳幫手。雖然本指南沒有秘訣可讓網站自動登上 Google 搜尋結果榜首 (抱歉!),但是只要採用本文介紹的最佳做法,便能讓搜尋引擎更容易檢索及解讀您的網站內容,並為這些內容建立索引。

搜尋引擎最佳化 (SEO) 通常是指對網站的某些部分進行小幅修改。如果分開來看,這些變更可能並不明顯,但是在結合其他最佳化措施的情況下,它們對您網站的使用者體驗以及自然搜尋結果中的表現有顯著影響。您可能對指南中的許多主題都已非常熟悉,因為這些都是構成網頁的基本元素,但是可能並未充分加以利用。

您應建立一個能夠讓使用者受益的網站,任何最佳化都應著眼於改善使用者體驗。而搜尋引擎也是其中一位使用者,會幫助其他使用者發現您的內容。執行搜尋引擎最佳化 (SEO) 可以協助搜尋引擎解讀及呈現網站內容。您的網站規模可能和我們的示範網站有差距,網站內容可能也大相逕庭,但是本指南探討的最佳化主題適用於各種規模和類型的網站。希望這份指南能在改善網站方面提供啟發,也非常歡迎您前往 Google 搜尋中心產品討論社群發問、提供意見及分享成功案例。

踏出第一步

您的網站在 Google 索引中嗎?

判斷網站是否在 Google 索引中

使用 site: 語法搜尋網站的首頁網址,如果查得到相關結果,就代表 Google 已為網站建立索引。舉例來說,搜尋「site:wikipedia.org」會傳回這些結果

如果網站不在 Google 索引中

儘管 Google 會檢索數十億個網頁,但有時還是難免有所遺漏。如果我們的檢索器遺漏了您的網站,通常是下列其中一個原因所造成:

  • 網路上的其他網站無法順利連至您的網站
  • 您的網站剛上線運作,Google 還來不及進行檢索
  • 網站本身的設計讓 Google 難以有效檢索其內容
  • Google 在嘗試檢索您的網站時收到錯誤訊息
  • 您的政策禁止 Google 檢索網站

我該如何讓 Google 顯示我的網站?

想讓網站內容出現在 Google 的搜尋結果中其實很簡單,而且完全免費,您甚至不需要將網站提交給 Google。Google 是全自動化的搜尋引擎,會使用網路檢索器不斷檢索網路,尋找可加入索引的網站。實際上,列入搜尋結果中的絕大多數網站都不是由人工提交,而是 Google 在檢索網路時找出並自動添加至搜尋結果。瞭解 Google 如何尋找、檢索並提供網頁

我們提供了網站管理員指南,說明該如何打造適合 Google 檢索的網站。雖然無法保證檢索器一定會找到特定網站,但遵照指南做法有助於讓您的網站顯示在搜尋結果中。

Google Search Console 提供各種工具,可協助您將自己的內容提交給 Google,並監控這些內容在 Google 搜尋服務中的表現。您也可以按需求進行設定,如果 Google 在處理您的網站時遭遇重大問題,Search Console 甚至可發送快訊通知。申請使用 Search Console

首先,請根據以下這些基本問題對您的網站進行評估。

  • 我的網站會顯示在 Google 搜尋結果中嗎?
  • 我是否為使用者提供了優質內容?
  • 我的當地商家資訊會顯示在 Google 服務中嗎?
  • 使用者能在所有裝置上快速且輕鬆地存取我的內容嗎?
  • 我的網站安全嗎?

如需更多入門資訊,請造訪 https://g.co/webmasters

接下來,本文將分主題說明如何讓搜尋引擎更容易檢索到您的網站。如要下載可列印的簡明提示檢查清單,請前往 https://g.co/WebmasterChecklist

協助 Google 找到您的內容

想讓 Google 顯示您的網站,首先您必須確保 Google 能找到您的網站,最理想的做法就是提交「Sitemap」。Sitemap 是網站用來向搜尋引擎傳達資訊的一種檔案,搜尋引擎可藉此得知網站上新增或更新了哪些網頁。進一步瞭解如何建立及提交 Sitemap

Google 也會透過其他網頁的連結尋找網頁。瞭解如何宣傳您的網站,吸引使用者探索網站內容。

告訴 Google「不要」檢索哪些網頁

對於非機密資訊,可以使用 robots.txt 檔案禁止不必要的檢索作業

robots.txt 檔案會告訴搜尋引擎,網站上有哪些部分開放存取及檢索,又有哪些部分禁止相關作業。這個檔案必須命名為「robots.txt」,並放置在網站的根目錄中。請注意,搜尋引擎仍可能檢索到 robots.txt 檔案禁止檢索的網頁,因此,請使用更安全的方法來處理含有機密資訊的網頁。

# brandonsbaseballcards.com/robots.txt
# Tell Google not to crawl any URLs in the shopping cart or images in the icons folder,
# because they won't be useful in Google Search results.
User-agent: googlebot
Disallow: /checkout/
Disallow: /icons/

您可能不希望搜尋引擎檢索網站中的某些網頁,因為這些網頁出現在搜尋結果中對使用者而言並無益處。如要禁止搜尋引擎檢索您的網頁,Google Search Console 中有一個很好用的 robots.txt 產生器可協助建立這個檔案。請注意,如果網站使用了子網域,而且您不希望搜尋引擎檢索特定子網域中的某些網頁,就必須為該子網域單獨建立一個 robots.txt 檔案。如要進一步瞭解 robots.txt,建議參閱這份 robots.txt 檔案使用指南

瞭解防止內容出現在搜尋結果中的其他方法

請避免:

  • 讓 Google 檢索內部搜尋結果網頁。使用者不會希望在點選搜尋引擎結果後,卻來到您網站上的另一個搜尋結果網頁。
  • 允許檢索因 Proxy 服務而建立的網址。

用更安全的方法處理機密資訊

如要封鎖敏感或機密內容,使用 robots.txt 檔案並不是最理想有效的方法;這種做法只能阻擋正常執行的檢索器檢索網頁,無法阻止您的伺服器將網頁傳送給發送相關要求的瀏覽器。不應採用 robots.txt 檔案的一個原因是,如果網際網路上碰巧存在連至您封鎖網址的連結 (例如參照記錄),則搜尋引擎仍然可以參照該網址 (只是顯示網址,而不顯示標題或摘要)。此外,有些不合法或惡意的搜尋引擎並不遵守「漫遊器排除標準」,可能會違背您在 robots.txt 檔案中的指示。最後,好奇的使用者可能會查看 robots.txt 檔案中的目錄或子目錄,並猜中您不想曝光的內容網址。

如果您只是不想讓 Google 顯示網頁,並不介意讓其他知道連結的使用者造訪網頁,便可使用 noindex 標記。但如果想要確保絕對安全,就應該採用更徹底的驗證方法,例如要求使用者輸入密碼,或者是將網頁完全從網站中移除。

協助 Google (及使用者) 瞭解您的內容

向 Google 和使用者呈現完全相同的網頁

Googlebot 在檢索網頁時,應該和一般使用者看到完全相同的網頁。為了以最理想的方式轉譯您的網站並順利建立索引,請一律允許 Googlebot 存取網站使用的 JavaScript、CSS 及圖片檔。如果網站的 robots.txt 檔案禁止檢索這些資源,我們的演算法將首當其衝,因而無法有效轉譯內容並為其建立索引,連帶可能導致網站排名降低。

建議做法使用網址檢查工具。這項工具可讓您確實瞭解 Googlebot 所看到的內容以及實際轉譯結果,也能夠協助您找出網站上存在的許多索引問題並進行修正。

建立可準確傳達內容的獨特網頁標題

使用 <title> 標記可以讓使用者和搜尋引擎知道特定網頁的主題是什麼。<title> 標記應該放在 HTML 文件的 <head> 元素中。網站上每個網頁的標題都不應重複。

<html>
<head>
    <title>Brandon's Baseball Cards - Buy Cards, Baseball News, Card Prices</title>
    <meta name="description" content="Brandon's Baseball Cards provides a large selection of
    vintage and modern baseball cards for sale.
    We also offer daily baseball news and events.">
</head>
<body>
...

在搜尋結果中顯示合適的標題和網頁摘要

當文件出現在搜尋結果網頁中時,title 標記的內容可能會出現在搜尋結果的第一行。如果還不太瞭解 Google 搜尋結果的各個組成部分,建議觀看這部搜尋結果剖析影片

您可以在首頁標題中列出您的網站/商家名稱,也可以納入其他重要資訊,例如貴公司的實體店面位置,或是公司的主要領域或提供的服務。

準確描述網頁內容

選擇流暢易讀,而且可以有效傳達網頁內容主題的標題。

請避免:

  • 選擇與網頁內容無關的標題。
  • 使用像「未命名」或「新網頁 1」這樣的預設標題或不明確的標題。

為每個網頁建立獨一無二的標題

每個網頁最好都要有獨一無二的標題,讓 Google 能夠清楚區分網站上的每個網頁。如果網站有獨立的行動版網頁,別忘了也要為行動版網頁建立合適的標題。

請避免:

  • 讓網站上的所有網頁或大多數網頁都使用同一個標題。

使用簡短而明確的標題

簡短的標題也可以傳達豐富的資訊。如果標題太長或是感覺不太相關,Google 的搜尋結果可能只會顯示部分標題或演算法自動產生的標題。依照使用者查詢的項目或搜尋時使用的裝置,Google 可能也會顯示不同的標題。

請避免:

  • 使用既冗長又對使用者沒太大用處的標題。
  • title 標記中堆砌不必要的關鍵字。

使用 description 中繼標記

網頁的 description 中繼標記可為 Google 和其他搜尋引擎提供網頁內容簡介。網頁的標題可能由幾個文字或詞組構成,而 description 中繼標記則可能是一兩個句子或一個簡短段落。和 <title> 標記一樣,description 中繼標記也位於 HTML 文件的 <head> 元素中。

<html>
<head>
    <title>Brandon's Baseball Cards - Buy Cards, Baseball News, Card Prices</title>
    <meta name="description" content="Brandon's Baseball Cards provides a large selection of vintage and modern baseball cards for sale. We also offer daily baseball news and events.">
</head>
<body>
...

description 中繼標記有哪些優點?

description 中繼標記非常重要,因為 Google 可能會將這些標記當做網頁摘要。請注意,這裡只說「可能」,是因為如果網頁中有文字非常符合使用者的查詢,Google 可能會選擇使用這段文字。建議您為每個網頁都加入 description 中繼標記,這樣即使 Google 在網頁上找不到可做為摘要的文字,也可以使用該中繼標記。您可以在 Google 搜尋中心網誌找到實用的說明文章,瞭解如何透過更合適的 description 中繼標記改善網頁摘要。 此外,您也可以隨時參考我們的文章,瞭解如何建立良好的標題和網頁摘要

「棒球卡」的藍色純連結搜尋結果範例

提供準確的網頁內容摘要

因為您的 description 中繼標記可能會顯示為搜尋結果的摘要,因此,您撰寫的說明不但要提供實用資訊,也要能吸引使用者想要進一步瀏覽。雖然 description 中繼標記沒有字數下限或上限,但我們建議將說明文字控制在能夠完全顯示在搜尋結果中的長度 (請注意,根據搜尋方式及使用裝置的不同,使用者可能會看到不同長度的網頁摘要),並且歸納所有相關資訊,方便使用者判斷網頁是否提供與他們的搜尋相關的實用資訊。

請避免:

  • 撰寫與網頁內容無關的 description 中繼標記。
  • 使用籠統的描述,如「這是一個網頁」或「關於棒球卡的網頁」。
  • 在說明中只堆砌了一堆關鍵字。
  • 直接將文件的所有內容複製貼到 description 中繼標記中。

為每個網頁撰寫獨一無二的說明

為每個網頁使用不同的 description 中繼標記可以同時幫助到使用者和 Google,特別是在搜尋結果含有多個來自您網域的網頁時 (例如使用 site: 運算子進行搜尋),不同的說明中繼標記能幫助使用者區別這些網頁。不過,如果您的網站含有成千上萬的網頁,大概不太可能精心撰寫每一個 description 中繼標記;在這種情況下,您可以根據每一頁的具體內容自動產生 description 中繼標記。

請避免:

  • 讓網站上的所有網頁或大多數網頁都使用同一個 description 中繼標記。

使用標題標記強調重要的文字

使用有意義的標題標記能夠突顯重要主題,有助於為內容建立層次分明的結構,從而讓使用者更容易瀏覽您的文件。

想像您在撰寫大綱

撰寫標題標記就像在撰寫長篇報告的大綱,要先考慮網頁內容的主要及次要重點分別是什麼,然後決定標題標記的適當擺放位置。

請避免:

  • 在標題標記中放置對定義網頁結構沒有幫助的文字。
  • 在更適合使用 <em><strong> 等其他標記的地方使用標題標記。
  • 毫無規律地使用不同大小的標題標記。

在網頁上使用標頭時需格外謹慎

請合理使用標題標記;網頁上如果有太多標題標記,會對使用者瀏覽內容造成不便,也會讓使用者難以判斷內容主題分別在哪裡開頭、哪裡結尾。

請避免:

  • 在網頁上過度使用標題標記。
  • 使用過長的標題。
  • 為了設定文字樣式而使用標題標記,而不是用標題標記來呈現結構。

新增結構化資料標記

在網頁中加入結構化資料程式碼,搜尋引擎就能根據您對網頁內容的說明,更清楚瞭解網頁中有什麼內容,並能以更為實用 (且吸睛!) 的方式在搜尋結果中呈現內容,進而為您的業務吸引理想的客群。

圖中是使用結構化資料讓搜尋結果顯示實用星級評等資訊的範例。

舉例來說,如果您為網路商店的個別網頁加上了相關標記,Google 就會知道這個網頁是用於販賣腳踏車,並且提供價格及客戶評論等資訊;我們可能會在使用者進行相關查詢時,在搜尋結果的網頁摘要中顯示這些資訊,這類搜尋結果就稱為「複合式搜尋結果」。

結構化資料標記除了用於顯示複合式搜尋結果外,也會用於顯示其他格式的相關結果。舉例來說,如果為實體商店加上營業時間的標記,潛在客戶就能在有需求的時候找到您的店家,並知道搜尋當下您的店家是否正在開門營業。

冰淇淋店的 Google 搜尋結果,顯示因使用結構化資料而產生的複合式搜尋結果。

您可以加上多種和業務相關的實體標記:

  • 銷售的產品
  • 商家位置
  • 介紹產品或商家的影片
  • 營業時間
  • 活動清單
  • 食譜
  • 公司標誌,或是更多其他資訊!

查看完整的支援內容類型清單

建議使用結構化資料搭配支援的表示法標記來提供內容說明。您可以將標記加到網頁的 HTML 程式碼中,或是使用標記協助工具和資料螢光筆等工具。

利用複合式搜尋結果測試來檢查標記

為內容加上標記後,可透過 Google 複合式搜尋結果測試檢查實作結果是否正確無誤。檢查時可以輸入內容所在網址,或複製包含標記的實際 HTML。

請避免:

  • 使用無效標記。

使用資料螢光筆和標記協助工具

如果想嘗試使用結構化標記,但不想改變網站的原始碼,可以利用資料螢光筆。這項免費工具已和 Search Console 整合,可支援部分內容類型。

如想取得可直接複製並貼到網頁中的標記程式碼,請使用標記協助工具

請避免:

  • 在不確定標記實作效果的情況下改變網站的原始碼。

持續追蹤標記網頁的搜尋成效

Search Console 中提供了各項複合式搜尋結果報告,能顯示 Google 在您網站中偵測到具備特定類型標記的網頁數量、這些網頁在搜尋結果中出現的次數,以及過去 90 天內使用者點選這些網頁的次數,另外還會顯示偵測到的錯誤。

請避免:

  • 加入使用者看不到的標記資料。
  • 造假評論或加入無關的標記。

控制網站在 Google 搜尋結果中呈現的樣貌

如果加入正確的結構化資料,您的網頁還能在 Google 搜尋結果中使用許多特殊功能,包括顯示評論星等、別緻的裝飾等等。請查看搜尋結果類型資料庫,瞭解您的網頁符合哪些搜尋結果類型

管理網站階層

瞭解搜尋引擎使用網址的方式

搜尋引擎需要取得內容的專屬網址才能檢索內容及建立索引,並將該內容提供給使用者。舉例來說,不同的內容 (例如商店中的不同產品) 以及修改過的內容 (例如不同翻譯或地區的版本) 都必須使用獨立的網址,才能正確顯示在搜尋結果中。

網址通常可以分成幾部分:

protocol://hostname/path/filename?querystring#fragment

例如:

https://www.example.com/RunningShoes/Womens.htm?size=8#info

Google 建議所有網站盡可能使用 https://。主機名稱是指網站的代管位置,通常會使用和您電子郵件相同的網域名稱。Google 會將 www 網址和非 www 網址視為不同版本,例如 www.example.comexample.com。將網站加入 Search Console 時,建議您同時加入 http://https:// 的版本,以及 www 和非 www 版本。

路徑、檔案名稱和查詢字串決定了系統會從您的伺服器中存取的內容。這三個部分會區分大小寫,因此使用「FILE」和「file」會導向不同的網址。主機名稱和通訊協定不會區分大小寫,所以無論使用大寫還是小寫字母都沒有關係。

一般而言,「片段」是指瀏覽器捲動到的網頁部分,在本例中就是指「#info」。由於不管瀏覽到哪個片段,內容本身通常都不變,所以搜尋引擎一般會忽略片段。

不管首頁參照網址的主機名稱結尾是否有斜線符號,都會導向同樣的內容 (也就是說 https://example.com/https://example.com 的內容相同);但路徑及檔案名稱結尾是否有斜線符號,則會影響導向的網址,因為關係到網址要表示是檔案或目錄,舉例來說,https://example.com/fish 導向的內容就會和 https://example.com/fish/ 的不同。

網站的導覽功能之所以重要,是因為這可以幫助訪客快速找到所需內容。此外,搜尋引擎也能從導覽結構中瞭解網站擁有者認定的重要內容有哪些。雖然 Google 提供的皆是網頁層級的搜尋結果,但 Google 也希望能進一步理解單一網頁在整個網站架構中的地位。

實用的網站網頁階層範例。

以首頁為規劃導覽功能的基準

所有網站都有首頁或根網頁,它們通常是網站上瀏覽次數最高的網頁,也是許多訪客瀏覽網站的起點。除非網站中的網頁屈指可數,否則您應該思考如何讓訪客從概括性網頁 (也就是根網頁) 前往包含特定內容的網頁。如果您有許多關於特定主題領域的網頁,可以另建一個網頁來歸納這些相關網頁 (例如:根網頁 -> 相關主題資訊 -> 特定主題);如果您需要分類數百個不同產品,則可以使用多個類別和子類別網頁。

使用導覽標記清單

「導覽標記」是指放在網頁頂端或底部的一排內部連結,可讓訪客快速回到之前瀏覽的部分或是根網頁。大多數導覽標記會將最具概括性的網頁 (通常是根網頁) 放在最左邊的第一位;越靠近右邊的網頁連結提供的內容就越具體。如要顯示導覽標記,建議使用導覽標記結構化資料標記

顯示目前網頁階層的網站導覽標記清單。

為使用者建立簡單的導覽網頁

導覽網頁是指顯示網站架構的簡單網頁,通常由一份網站網頁的層級清單組成。當訪客在您的網站上找不到某些特定網頁時,就可以查看這個網頁。雖然搜尋引擎也會瀏覽導覽網頁,以此在檢索網站上網頁時提升涵蓋率,但這個網頁主要還是為了一般訪客所設。

建立自然而清楚流暢的階層

請盡量建立簡單的架構,讓使用者能輕鬆從您網站上的主要內容前往他們想要的特定內容。如有必要,可以加入導覽網頁,將這些網頁有效整合至內部連結架構。請確保使用者可以經由連結前往網站上的每個網頁,不一定要使用內部搜尋功能才能找到特定網頁。您也可以視情況提供相關網頁的連結,方便使用者查找類似內容。

請避免:

  • 建立複雜的導覽連結網路,例如讓網站上的所有網頁全部互相連結。
  • 過度細分內容 (導致使用者要點選 20 個連結才能從首頁到達所需頁面)。

透過文字進行導覽

如果網站網頁大部分都是文字連結,搜尋引擎就能更輕易檢索並瞭解網站。使用 JavaScript 建立網頁時,請使用 a 元素和網址做為 href 屬性值,並在網頁載入時就產生所有選單項目,不要被動等待使用者互動。

請避免:

為使用者建立導覽網頁,為搜尋引擎建立 Sitemap

為了方便使用者瀏覽,您可以根據自家網站的規模,建立包含所有網頁或某些重要網頁的簡單導覽網頁。另外,您也可以建立一個 XML Sitemap 檔案,確保搜尋引擎能夠發現網站上的新增網頁和更新網頁;這個檔案中要列出所有相關網址,以及主要內容的最近一次修改日期。

請避免:

  • 在導覽網頁提供過期資訊、包含無效連結。
  • 在導覽網頁列出未經整理的網頁清單;您可以依主題整理網頁。

顯示能實際幫助使用者的 404 網頁

使用者有時會因開啟無效連結或輸入錯誤的網址,而連至網站中不存在的網頁,使用自訂 404 網頁能夠確實幫助使用者返回網站上的有效網頁,大幅改善使用者體驗。您的 404 網頁最好能提供返回您網站根網頁的連結,以及前往網站中熱門或相關內容的連結。您可以透過 Google Search Console 瞭解造成「找不到網頁」錯誤的網址來源

請避免:

  • 讓搜尋引擎為 404 網頁建立索引。請務必設定網路伺服器,讓伺服器在使用者要求的網頁不存在時傳回 404 HTTP 狀態碼;如果是 JavaScript 網站,則納入 noindex 標記。
  • 透過 robots.txt 檔案禁止搜尋引擎檢索 404 網頁。
  • 只提供「找不到」、「404」等模糊的訊息,或者甚至連 404 網頁都沒有。
  • 404 網頁的設計與您網站的其他網頁不一致。

簡單易懂的網址有助於傳達內容資訊

為網站上的文件建立描述明確的類別和檔案名稱,不僅有助於使網站更井然有序,還能為想要連結至您內容的使用者提供更簡單明確的網址。如果網址極度冗長複雜,裡面又沒有幾個可以讀懂的字,使用者可能會望之卻步。

舉例來說,下列這個網址就會讓使用者感到困惑,並產生不友善的感覺:

https://www.brandonsbaseballcards.com/folder1/22447478/x2/14032015.html

有意義的網址相較之下更為實用,在各種不同的情境中也更容易讓使用者理解:

https://www.brandonsbaseballcards.com/article/ten-rarest-baseball-cards.html

網址會顯示於搜尋結果中

最後請記得,Google 搜尋結果通常會以某種形式將文件的網址顯示在標題附近。

儘管 Google 擅長檢索各種類型的網址結構,再複雜的結構也能手到擒來,但如果您能花點時間盡可能簡化網址,會是比較理想的做法。

在網址中使用文字

如果網址包含與您網站內容和架構相關的文字,會更方便訪客瀏覽您的網站。

請避免:

  • 使用過長且包含不必要參數和工作階段 ID 的網址。
  • 選擇過於籠統的網頁名稱,例如 page1.html
  • 過度堆砌關鍵字,例如 baseball-cards-baseball-cards-baseballcards.html

建立簡單的目錄架構

使用可以妥善整理內容的目錄架構,也讓訪客可以輕鬆得知自己在您網站中的位置。請嘗試使用目錄架構來說明網址上的內容類型。

請避免:

  • 使用深層巢狀子目錄,例如 .../dir1/dir2/dir3/dir4/dir5/dir6/page.html
  • 使用與目錄內容無關的名稱。

為同一文件提供同一版本的網址

為了避免不同使用者連結到不同版本的網址,造成內容信譽因分散而減弱,建議您在網站架構和網頁內部連結使用同一個參照網址。而如果使用者從不同網址瀏覽同樣內容的現象已經存在,建議設定 301 重新導向,將使用者一律導向到主要網址,就能有效解決這種情況。如果無法順利重新導向,也可以考慮使用 rel="canonical" link 元素。

請避免:

  • 無論從子網域還是根目錄都可以瀏覽到相同的內容,例如 domain.com/page.htmlsub.domain.com/page.html

最佳化內容

打造富有吸引力的實用網站

和本指南中討論的各種其他因素相較,建立讓人眼睛一亮的實用內容可能是提升網站人氣最重要的因素。內容好不好是一看就明白的,當使用者發現到好的內容,就可能會想介紹給其他人,比如透過網誌文章、社群媒體服務、電子郵件、論壇等途徑進行推薦。

對於使用者和 Google 而言,這種口碑相傳的效應會提高您的網站聲譽,但如果沒有優質的內容做後盾,則難以創造這種效果。

製作新鮮有趣的內容可以吸引其他網站建立相應連結。

瞭解並滿足讀者的需求

考量使用者為找到您的某些內容而可能搜尋的字詞。使用者對於某個主題的瞭解程度可能會影響他們在搜尋查詢中使用的關鍵字。舉例來說,資深足球迷可能會直接搜尋「fifa」,也就是國際足球總會 (Fédération Internationale de Football Association) 的縮寫;而資歷尚淺的足球迷,則可能使用較為籠統的查詢字詞,例如「足球季後賽」。事先考慮這些搜尋行為的差異,並在撰寫內容時將這些差異納入考量 (妥善搭配關鍵字詞組),就可以達到良好的成效。Google Ads 提供了便利的關鍵字規劃工具,可協助找出新的關鍵字變體,並查看每個關鍵字的大致搜尋量。此外,您也可以透過 Google Search Console 的成效報表,查看會讓網站出現在搜尋結果中的熱門搜尋查詢,以及為網站帶來最多使用者的熱門搜尋查詢。

建議您創造出其他網站沒有的全新實用服務。您還可以撰寫一篇原創研究報告、剖析引人入勝的新聞報導或善用您獨有的使用者基礎。其他網站可能缺乏做到這些事所需的資源或專業知識。

撰寫容易閱讀的文字

使用者喜愛行文流暢且淺顯易讀的內容。

請避免:

  • 撰寫篇幅冗長、夾帶很多錯字和文法錯誤的內容。
  • 品質低劣的內容。
  • 將文字內容嵌入圖片或影片中,導致使用者無法剪貼這些文字,而搜尋引擎也無法讀取這些內容。

主題編排明確

妥善編排您的內容是絕對有益的,這樣可以讓訪客清楚瞭解一個內容主題的開始和結束位置。將您的內容按照邏輯分段,可以幫助使用者更快找到他們需要的內容。

請避免:

  • 把各種不同主題的內容一股腦兒地塞在同一個網頁上,而且沒有分段、子標題,也不用版面配置區隔內容。

創作新穎而獨特的內容

新增內容不僅能吸引舊訪客一再造訪,也會帶來更多新訪客。

請避免:

  • 重述 (甚至是複製) 現有內容,這樣做並不會為使用者帶來其他好處。
  • 在網站各處放置重複或幾近相同的內容。

進一步瞭解重複的內容

為使用者 (而非搜尋引擎) 進行內容最佳化

根據訪客的需求設計網站,同時確保搜尋引擎可以順利存取您的網站,通常就能帶來良好成效。

請避免:

  • 針對搜尋引擎插入大量不必要的關鍵字,這些關鍵字對使用者者毫無意義且易使人厭煩。
  • 包含「連至這個網頁的常見拼字錯誤」之類的大段落文字,這對使用者而言毫無意義。
  • 以欺騙手法對使用者隱藏部分文字,卻對搜尋引擎顯示這些文字。

以培養使用者的信任為己任

使用者若認為網站值得信賴,便能自在地造訪您的網站。

有良好信譽的網站才值得信賴。在特定領域培養專業性和可信度,有助於提高信譽。
提供相關資訊,告知網站的發布者是誰、提供哪些內容和網站目標。購物和其他金融交易網站應提供明確且令人滿意的客戶服務資訊,協助使用者解決問題。新聞網站則應提供明確資訊,告知誰會為其發布的內容負責。

使用適當的技術也很重要。如果購物結帳頁面沒有安全連線,使用者便無法信任該網站。

提供明確的專業性和權威性

專業性和權威性能夠提高網站品質。請確保網站上的內容是由具相關專業知識的人員建立或編輯。舉例來說,列出專家或經驗豐富的資訊來源,能夠幫助使用者瞭解文章的專業性。在以科學為主題的網頁中,如果該主題存在著完善共識,那麼顯示此類共識就是很好的做法。

針對網頁主題提供適量內容

若要建立高品質的內容,至少需要在下列其中一方面投注大量心力:時間、心力、專業知識及人才/技能。內容需提供準確、全面且書寫清晰的事實。舉例來說,如果您將網頁定位為食譜,請提供容易理解的完整食譜,而非僅提供食材或對這道菜的基本描述。

請避免:

  • 為網頁目的提供不完整的內容。

避免使用擾人的廣告

我們都希望廣告能有可見度。然而,廣告不應該過度干擾使用者,或讓他們無法自在地瀏覽網站內容。例如,讓網站變得難以使用的廣告、補充內容或插頁 (在您想觀看的內容出現之前或之後所顯示的頁面)。進一步瞭解這個主題

請避免:

  • 在網頁上放置擾人的廣告。

善用連結

撰寫合適的連結文字

連結文字是具有連結作用的文字,使用者和 Google 可以從這類文字稍微瞭解連結所導向的網頁。您的網頁上可能有內部連結 (指向您網站上的其他網頁),也可能有外部連結 (指向其他網站上的內容)。無論是哪種連結,您的錨定文字寫得越明確,使用者就越容易瀏覽,Google 也越容易瞭解您連結的網頁內容。

建議網站上實用連結文字的圖表。

撰寫適當的錨定文字可讓使用者和搜尋引擎容易瞭解連結網頁的內容。

選擇描述性文字

您選擇用於連結的錨定文字至少應提供有關連結網頁的基本訊息。

  • 撰寫籠統的錨定文字,例如「網頁」、「文章」或「按一下這裡」。
  • 使用偏離主題或與連結網頁內容無關的文字。
  • 經常使用網頁網址做為錨定文字;雖然有時的確可以這麼做,例如宣傳或提及某個新網站的地址時。
撰寫簡明的文字

力求使用簡單明瞭的文字,通常是使用幾個字詞或簡短的詞組。

  • 撰寫較長的錨定文字,例如長句或是一小段文字。

讓使用者可以清楚分辨出普通文字和連結錨定文字。如果使用者很容易錯過連結,或是很偶然的情況下才會點選連結,則內容的實用性就會大打折扣。

  • 使用會使連結看起來與普通文字無異的 CSS 或文字樣式。

通常情況下,您可能只會想到指向外部網站的連結,不過,如果能夠多花心思處理內部連結的錨定文字,或許就能讓使用者和 Google 更容易瀏覽您的網站。

  • 特意為搜尋引擎使用大量關鍵字或冗長的錨定文字。
  • 建立不必要的連結,這對使用者瀏覽網站沒有幫助。

留意您連結的網站

當您的網站連結到其他網站,您網站的信譽可能會讓對方獲益。因此,有些使用者會將自己網站的連結放置在您的留言專區或留言板上,好沾您網站的光。另一方面,有時候您可能會以負面方式提到某個網站,但不希望對方因為您網站的信譽而獲益。舉例來說,假設您在撰寫一篇主題是垃圾留言的網誌文章,其中提到一個最近在您的網誌發表了垃圾留言的網站。雖然是為了提醒別人注意這個網站,才在內容中放置相關連結,但是您當然不希望垃圾網站會因為您網站的信譽而獲益,這時 nofollow 屬性就能派上用場。

另一種適合使用 nofollow 屬性的情況是小工具連結。如果您透過第三方小工具來提供豐富的網站瀏覽體驗並吸引使用者,請檢查這些小工具是否含有任何會指向非預期位置的連結。有些小工具會在網站中加入某些連結,對身為網站擁有者的您來說,這些連結並非您所選擇的內容,其中甚至包含您無法控制的錨定文字。如果無法從小工具中移除這類連結,可以使用 nofollow 予以停用。如果要為自己提供的內容或功能建立小工具,請務必在預設程式碼片段的連結中加入 nofollow 屬性。

最後,如果想為網頁中所有的連結加上 nofollow 屬性,請在網頁的 <head> 標記中加入 <meta name="robots" content="nofollow"> 標記。如要進一步瞭解漫遊器中繼標記,請參閱說明文件

運用 nofollow 防範垃圾留言

如果將網站上某個連結的 rel 屬性值設定為 nofollowugc,就是在告訴 Google 不要前往該連結,也不要將您的網頁信譽傳遞給該連結指向的網頁。「為連結加上 nofollow 屬性」的意思,是指在連結的錨定標記中加入 rel="nofollow",或加入 ugc 等作用更明確的屬性,例如:

<a href="http://www.example.com" rel="nofollow">Anchor text here</a>

或是:

<a href="http://www.example.com" rel="ugc">Anchor text here</a>

nofollow 在什麼情況下會有用呢?如果您為網站上的網誌開啟了公開留言功能,當使用者的留言含有連結時,儘管您不樂意擔保連結網頁的內容品質,這些網頁還是可能會因為您網站的信譽而沾光。網頁上的網誌留言區經常會充斥垃圾留言。為這些由其他使用者加入的連結設置 nofollow 屬性後,就可以確保您苦心經營的網頁信譽不會讓垃圾網站受益。

包含外部連結的使用者留言說明插圖。

自動為留言欄和留言板加入 nofollow 屬性

許多網誌軟體套件都會自動為使用者留言設置 nofollow 屬性,即使沒有這種自動化機制,也多半會提供相關的手動設定。如果您的網站有其他也涉及使用者自製內容的區域,比如訪客留言板、論壇、留言區、參照網址資訊等,那麼也適用這項建議做法。假使您願意擔保第三方提供連結的內容品質 (例如信任的留言者在網站上提供的連結),就無須為該連結使用 nofollow 屬性。不過請注意,如果連結的網站經 Google 認定為垃圾網站,可能會影響您自身網站的信譽。請參閱 Google 搜尋中心說明文件,瞭解更多防堵垃圾留言的提示,例如使用人機驗證 (Captcha) 機制,或啟用評論管理功能。

人機驗證 (Captcha) 彈出式視窗的說明插圖

最佳化圖片

使用 HTML 圖片

使用 HTML 圖片元素將圖片嵌入內容。

使用 HTML <img><picture> 元素

語意式 HTML 標記可協助檢索器找到及處理圖片。如果使用 <picture> 元素,您還能針對回應式圖片指定多種不同螢幕大小的選項。此外,建議您一併在圖片中使用 loading="lazy" 屬性,藉此加快使用者瀏覽時的網頁載入速度。

請避免:

  • 使用 CSS 顯示要建立索引的圖片。

使用 alt 屬性

請為圖片提供描述性的檔案名稱和 alt 屬性說明,alt 屬性能夠指定在圖片因故無法顯示時要使用的替代文字。

以插圖說明為圖片提供優良替代文字有哪些用處。

為什麼要使用這個屬性?第一個原因是,如果使用者透過螢幕閱讀器等輔助技術瀏覽您的網站,alt 屬性的內容能夠提供圖片的相關資訊。

另一個原因是,如果您把圖片設成連結,該圖片的替代文字就有類似文字連結錨定文字的作用。不過,我們不建議在網站導覽上使用太多圖片連結,因為文字連結就具備相同的功能。最後,將圖片的檔案名稱和替代文字最佳化,可讓 Google 圖片等圖片搜尋專案更容易瞭解您的圖片。

使用簡單明瞭的檔案名稱和替代文字

就像改進網頁上的許多其他部分,檔案名稱和替代文字同樣是以簡明扼要為佳。

  • 使用籠統的檔案名稱,例如 image1.jpgpic.gif1.jpg;如果您的網站中有數千張圖片,可以考慮為圖片採用自動命名機制。
  • 檔案名稱過長。
  • 在替代文字中堆砌關鍵字,或者複製並貼上完整的句子。

如想使用圖片連結,請提供圖片替代文字來協助 Google 進一步瞭解您要連結的網頁;您可以想成是在撰寫文字連結的錨定文字。

  • 撰寫過長的替代文字,否則可能會被視為垃圾內容。
  • 在網站導覽中僅使用圖片連結。

協助搜尋引擎找到您的圖片

圖片 Sitemap 可以讓 Googlebot 更瞭解在網站上找到的圖片,並讓這些圖片更有機會顯示在 Google 圖片搜尋結果中。這個檔案的結構類似網頁的 XML Sitemap 檔案。

使用標準圖片格式

使用普遍受支援的檔案類型;大部分瀏覽器都支援 JPEG、GIF、PNG、BMP 和 WebP 圖片格式。最好能夠使檔案名稱的副檔名與檔案類型相符。

讓網站適合透過行動裝置瀏覽

現今已經是行動裝置的天下,大多數使用者都會透過行動裝置在 Google 上執行搜尋作業。電腦版網站會造成行動裝置使用者在瀏覽和使用上的不便,因此,建立適合透過行動裝置瀏覽的網站是打造線上形象的重要手段。事實上,自 2016 年下半年起,Google 已經開始實驗以行動版網站的內容為主,進行排名、剖析結構化資料及產生網頁摘要。

選擇行動策略

有許多方法能讓網站適合透過行動裝置瀏覽,Google 支援的實作方法如下:

建立適合透過行動裝置瀏覽的網站後,您可以執行 Google 的行動裝置相容性測試,瞭解網站上的網頁是否符合標準,足以在 Google 搜尋結果網頁上標示為適合透過行動裝置瀏覽。此外,您也可以查看 Search Console 行動裝置可用性報告,修正對網站造成影響的行動裝置可用性問題。

如果您的網站在多個網頁上提供大量靜態內容,例如網誌文章或產品到達網頁,請考慮採用 AMP (Accelerated Mobile Pages) 格式。AMP 是 HTML 特殊的變種版本,不僅能確保網站保持高速運作且容易使用,還可在 Google 搜尋等多種平台上進一步提高載入速度。

妥善設定您的行動版網站,讓 Google 能正確建立網站索引

不管您選擇為行動版網站設置何種設定,都請注意下列幾點:

  1. 如果您採用「動態服務」或擁有獨立的行動版網站,無論是將網頁設定為行動裝置專用格式,還是提供支援行動裝置格式的對應網頁,都必須讓 Google 得知這項設定。如此一來,Google 就能在搜尋結果中將您的內容準確提供給使用行動裝置的搜尋者。
  2. 如果您採用「回應式網頁設計」,請使用 meta name="viewport" 標記指示瀏覽器如何調整內容。如果採用「動態服務」,請使用 Vary HTTP 標頭,依據使用者代理程式指明變更。至於採用獨立網址時,請在網頁中加入內含 rel="canonical"rel="alternate" 元素的 <link> 標記,指明兩個網址間的關係。
  3. 保持資源可供檢索。封鎖網頁資源會讓 Google 無法完整解讀您的網站內容。會出現這種情況,通常是因為您的 robots.txt 檔案封鎖了對您的部分或所有網頁資源的存取權限。如果 Googlebot 無法存取網頁資源 (例如 CCS、JavaScript 或圖片),系統可能就無法偵測出這是專為行動瀏覽器所建立的網頁,換句話說,我們可能無法偵測出網頁是否適合行動裝置瀏覽,也就無法適時地將網頁提供給使用行動裝置的搜尋者。
  4. 避免出現會對行動裝置訪客造成困擾的常見錯誤,例如無法播放的影片。
  5. 如果行動版網頁無法提供令人滿意的搜尋體驗,在行動搜尋結果中的排名就會下滑,或者在搜尋結果中附帶顯示警告訊息。這類情形包括但不限於在行動版網頁上顯示妨礙使用體驗的整頁插頁式廣告
  6. 在所有裝置上都提供完整功能。行動裝置的使用者在瀏覽您的行動版網站時,都期待能使用和其他裝置版本網站一樣的功能 (例如留言和結帳) 及內容。除了文字內容外,行動版網站也必須嵌入所有重要的圖片和影片,並確保使用者可以在行動裝置上存取這些內容。對於搜尋引擎,您需要提供所有網頁版本的結構化資料,以及標題、說明、link 元素等其他中繼資料。
  7. 確認行動版網站具備電腦版網站中所有的結構化資料、圖片、影片及中繼資料。

最佳做法

  • 透過行動裝置相容性測試對行動版網頁進行測試,瞭解 Google 是否認為您的網站能在行動裝置上良好運作。
  • 如果您的行動版網頁有專門的網址,請務必對行動版網址和電腦版網址都進行測試,以便確認 Google 可以識別並檢索相關重新導向。

詳情請參閱 Google 的行動版網站指南

宣傳網站

隨著使用者透過搜尋或其他方式發現了您的內容,連至網站的連結也逐漸增加,而 Google 明白您希望大家知道您對內容投注的心血。您可以藉由有效的宣傳,讓自己的新內容更快地受到對該主題有興趣的人關注。不過就和本文件中大部分的建議做法一樣,如果沒有拿捏好分寸,您的網站信譽反而可能受到傷害。

將網站有新內容的資訊透過網誌文章告訴訪客,是宣傳新內容或服務的好方法。如果其他網站擁有者追蹤了您的網站或 RSS 動態消息,他們也可能會接力幫您宣傳。

此外,投入心力在線下宣傳您的公司或網站也很有成效。舉例來說,如果您有公司網站,請務必在名片、信件信頭、海報等處列出這個網站的網址,也可以定期傳送電子報給客戶,介紹公司網站的最新內容。

如果您是當地商家的業主,只要在 Google 我的商家上登錄商家資訊,就能觸及使用 Google 地圖和 Google 搜尋功能的客戶。

Google 搜尋結果範例,顯示實體商店的複合式搜尋結果。

瞭解社群媒體網站

透過以使用者互動和分享為主軸的網站,可以更輕鬆地為將人們與他們感興趣的內容建立連結。

請避免:

  • 鉅細靡遺地宣傳每項新內容;建議著重宣傳能夠引起關注的重大新增項目。
  • 使用連結配置手法人為提升內容在服務中的排名。

或許有不少網站和您的網站擁有相似的主題內容,與這些網站溝通交流往往大有裨益。您的小眾使用者或社群中的熱門主題可以為您帶來靈感,從而協助您創作出更豐富的內容,或建立起優秀的社群資源。

請避免:

  • 針對與您的主題相關的所有網站濫發連結請求。
  • 向其他網站購買連結,企圖取得 PageRank。

分析搜尋成效和使用者行為

分析搜尋成效

各家主流搜尋引擎都為網站擁有者提供了免費的分析工具,可用來分析特定網站在搜尋引擎中的搜尋成效,Google 也不例外,我們所提供的工具就是 Search Console

Search Console 提供了兩類重要資訊:Google 是否能找到我的內容?我的網站在 Google 搜尋結果的成效表現如何?

使用 Search Console 無法讓您的網站獲得特殊待遇,但可以協助找出問題。解決這些問題後,網站在搜尋結果中的排名就能有所提升。

網站擁有者可以利用這項服務:

  • 查看 Googlebot 檢索網站的哪個部分時發生了問題
  • 測試及提交 Sitemap
  • 分析或產生 robots.txt 檔案
  • 移除 Googlebot 已檢索的網址
  • 指定偏好網域
  • 找出 titledescription 這兩個中繼標記的問題
  • 瞭解使用者最常使用哪些搜尋關鍵字找到網站
  • 瞭解 Googlebot 看到的網頁內容
  • 在違反品質指南時收到通知,並提出網站重審要求

Microsoft 的 Bing 網站管理員工具也為網站擁有者提供了免費工具。

分析網站上的使用者行為

如果您已透過 Google Search Console 或其他服務提升了網站的檢索和索引成效,應該會想瞭解自家網站的流量情形。Google Analytics (分析) 等網路分析程式可提供寶貴的相關深入分析。這些程式可以協助您:

  • 深入分析使用者是如何連上您的網站以及他們在網站上的行為方式
  • 找出網站上最受歡迎的內容
  • 衡量在網站上執行的最佳化調整帶來了哪些影響。舉例來說,修改 titledescription 中繼標記是否讓來自搜尋引擎的流量提高了?

如果您是進階使用者,有了分析套件提供的資訊,再加上伺服器記錄檔中的資料,就能更全面地瞭解訪客和文件的互動情形,例如搜尋者可能使用哪些其他關鍵字找到您的網站。

其他資源

Google 搜尋中心網誌
從 Google 搜尋中心網誌取得最新資訊。這裡提供 Google 搜尋的最新消息、最新 Search Console 功能及更多資訊。

Google 搜尋中心說明論壇
這是專為網站擁有者設立的產品論壇,您可以就網站上的問題發文詢問,還能查看各種打造優質網站的提示。許多經驗豐富的人士都會在這裡貢獻文章,包括幾位產品專家,Google 員工有時也會出現。

Google 搜尋中心 Twitter 專頁
隨時掌握 Google 的最新動態,以及有助於建立優質網站的實用資源。

Google 搜尋中心 YouTube 頻道
觀看上百部專為網站擁有者社群製作的實用影片,讓 Google 員工為您解答疑問。

搜尋服務的運作方式
瞭解使用者進行搜尋時,Google 搜尋服務在幕後的運作情形。您可以在這裡瞭解一些很酷的事情!

Get Your Business Online (GYBO)
小型公司經營者可以在這裡免費註冊網站。GYBO 是 Google 和 Homestead 合作推出的服務,能協助小型公司免費註冊網站一年。