よしのん的網站教室

《よしのん的網站教室》是一個以「教學為主、新聞為輔」的網誌,旨在為大家提供各種各樣的 IT 資訊和心得,其中特別聚焦於網站制作、SEO、社交媒體等議題。

主頁> SEO >很多網站已在用!如何在網站加入 Google 偏好來源按鈕?
留言
Google 偏好來源

很多網站已在用!如何在網站加入 Google 偏好來源按鈕?

在演算法主導內容傳播的大環境下,鼓勵人們主動選擇接收資訊的來源對很多網站而言已變得愈來愈重要。早前介紹了人們如何使用 Feedly 選擇要接收的資訊,而 Google 亦推出「偏好來源(Preferred Sources)」功能,讓人們更容易在 Google 上看到指定來源的網站。現在 Google 更推出一項功能,讓網站開發者能夠直接在網頁上使用 HTML 碼輕易地加入偏好來源按鈕,方便訪客關注。

Google 偏好來源是甚麼?

Google 於 2025 年率先在美國和印度推出「偏好來源」功能,讓用戶能夠把指定網站之內容優先出現在「焦點新聞」之中,並到 2026 年 4 月將功能拓展至更多語言;而到了同年 5 月,該功能更拓展至「AI 概覽」和「AI 模式」之中。

用戶除可在 Google 搜尋的「焦點新聞」選擇偏好來源之外,網站亦可主動鼓勵訪客將自己加入為 Google 的偏好來源。事實上,不少大型新聞網站已在做。

《HK01》的網頁鼓勵讀者在 Google 追蹤網站
《HK01》 的網頁鼓勵讀者在 Google 追蹤網站
《明報新聞網》加入在 Google 追蹤明報的按鈕
《明報新聞網》亦加入在 Google 追蹤明報的按鈕

如何在網站加入「偏好來源」按鈕?

現在 Google 已推出功能,讓網站直接以 HTML 碼加入「偏好來源」按鈕。當用戶點擊該按鈕時,便可將網站加入 Google 的偏好來源,提升在 Google「焦點新聞」、「AI 概覽」和「AI 模式」出現的機會。別以為只有大型媒體網站才可使用偏好來源功能,只要獲得 Google 支援,即使小至一般網誌如本網亦可使用。步驟如下:

1.檢查網站能否成為偏好來源

首先,在「來源偏好設定工具(需 Google 登入)」確認自己的網站能否成為偏好來源。只要輸入網址(可含子域名),看看網站有沒有出現在結果中,便知網站能否成為偏好來源。

登入 Google 後,在來源偏好設定輸入網址,如有顯示結果,即表示網站可成為偏好來源
登入 Google 後,在來源偏好設定輸入網址,如有顯示結果,即表示網站可成為偏好來源

2.加入 HTML 碼

確認網站能成為 Google 偏好來源後,只需加入以下 HTML 碼便可。詳細步驟可參考 Google 文件(可能需要參考英語版)。

在 <head> 內加入以下 Javascript:

<script async src="https://news.google.com/swg/js/v1/publisher.js"></script>

在需要按鈕出現的地方加入以下 HTML 碼:

<div google-add-preferred-source-btn></div>

根據預設,按鈕會採用淺色設計,並因應瀏覽器設定自動使用相應語言,但用戶可自訂該兩項設定。

  • 深色主題(加入 data-theme 屬性):
<div google-add-preferred-source-btn data-theme="dark"></div>
  • 自訂語言(加入 data-lang 屬性):
<div google-add-preferred-source-btn data-lang="en"></div>

效果如下:

Google「新增至偏好來源」按鈕外觀
Google「新增至偏好來源」按鈕外觀

其他自訂方式

除了使用 Google 的 Javascript 之外,網站亦可使用 deeplink,用戶點擊連結後便會跳轉至網站至偏好設定。這樣,網站便可自訂該功能的 UI 樣式。

https://www.google.com/preferences/source?q=Your_Website's_URL
よしのん的網站教室
《よしのん的網站教室》是一個以「教學為主、新聞為輔」的網誌,旨在為大家提供各種各樣的 IT 資訊和心得,其中特別聚焦於網站制作、SEO、社交媒體等議題。隨著時間發展,本網亦開始分享旅遊資訊,帶來更多元化的內容。