驅動數位行銷

協助中小企業提升網站在搜尋結果頁上的能見度,以便獲取更多流量進而增加成交機率。


PRO 達人網
Shopping Cart

購物車內沒有任何商品。

加入 WordPress 學習交流社團

為什麼要加入本社團?好處如下:

  1. 問題解答
  2. 免費教學
  3. 好用工具推薦
  4. 最新資訊
  5. 秘訣分享
  6. 100+參考指引
立即加入
快速、安全及穩定的主機空間能提升網站 SEO 排名與使用者體驗

Open Graph (OG 標籤) 是什麼?提升貼文點閱率的方法

分享內容至社群媒體是推廣網站的重要策略之一,想要提升貼文的點閱率,就必須先讓貼文看起來吸睛誘人,而 Open Graph 標籤就是達成此目的的關鍵工具。本篇文章將為你解釋什麼是 Open Graph、如何新增及檢查。

Open Graph 是什麼?

Open Graph 簡稱 OG,全名是 Open Graph Protocol,中文翻譯為開放社交關係圖,是由 Facebook 推出的技術,會出現在 <haed> 開始與結束標籤中間,程式碼範例如下:

<meta property="og:type" content="article"/>
<meta property="og:title" content="Open Graph 是什麼?"/>
<meta property="og:description" content="分享內容至社群媒體是推廣網站的重要策略之一,想要提升貼文的點閱率,就必須先讓貼文看起來吸睛誘人,而 Open Graph 標籤就是達成此目的的關鍵工具。本篇文章將為你解釋什麼是 Open Graph、如何新增及檢查。"/>
<meta property="og:url" content="https://wpelectrinc.com/seo-open-graph/" />
<meta property="og:image" content="https://wpelectrinc.com/wp-content/uploads/seo-open-graph.jpg" />

為什麼 Open Graph 很重要?

儘管 Open Graph 不是搜尋引擎排名因素,但仍有其它好處,如下:

  1. 提升點閱率:視覺化的預覽畫面比超連結還要有吸引力。根據研究統計指出,有圖片的 Facebbok 貼文的參與度是沒有圖片的貼文的 2.3 倍。
  2. 擁有主動權:你可以自訂想要呈現在社群平台上的預覽內容,而非由社群平台自動抓取。

如何設定 Open Graph?

如果你使用 WordPress 架設網站,設定 Open Graph 標籤的方法很簡單,以本站推薦的 Slim SEO 外掛為例,你可以在單篇內容編輯頁面進行設定。常見的 OG 標籤如下:

標籤說明
og:typearticle 套用在單篇頁面/文章上,而 website 則套用在其他頁面上。
og:title繼承中繼資料標題
og:description繼承中繼資料內容說明
og:url單篇文章/頁面的永久連結
og:image繼承精選圖片,但你可以自行上傳 Facebook 圖片及 Twitter 圖片 (僅適用於單篇文章/頁面)。

其它 Slim SEO 外掛支援的標籤可以參考官方文件

如何檢查 Open Graph?

除了可以直接檢視網頁原始碼外,也能利用線上工具檢查。依照社群平台的不同,常見的有 Meta (Facebook)、LINE、LinkedIn 三種。

Twitter Card Validator

你可以使用 Meta 分享偵錯工具檢查內容的 OG 標籤是否設定正確,只需輸入網址並按下 [偵錯] 按鈕就能檢測。圖片的建議尺寸為 1,200×630 px。

加入 Facebook 社團
瀏覽次數: 185
全方位學 Wordpress – 從架站到整合行銷 2.0
  • 講師 24 小時內親自回覆問題,安心有保障
  • 優先推薦免費工具,幫你省荷包
  • 只推自己正在用的付費工具,不會為了傭金讓你繞遠路,真實誠懇
  • 注重效能,畢竟這會影響使用者體驗與 SEO 排名
  • 數 10 種學習資料,非常豐富
  • N 個獨家資源
  • 定期分享最新資訊
  • 300+參考指引
  • 內容 & 範本資料庫 (獨創)
  • AI 驅動,有效提高工作效率
開啟目錄