驅動數位行銷
協助中小企業提升網站在搜尋結果頁上的能見度,以便獲取更多流量進而增加成交機率。
為什麼要加入本社團?好處如下:
將內容分享至社群媒體是推廣網站的重要策略之一。想要提升貼文的點閱率,就必須先讓貼文具有吸引力,「OG 標籤」可以完成這項任務。本篇文章將為你解釋什麼是 OG 標籤、如何新增及檢查。
「OG 標籤」全名是 Open Graph Protocol,中文翻譯為「開放社交關係圖」,是由 Facebook 推出的技術,會出現在 開始與結束標籤中間。程式碼範例如下:
<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" />
儘管 OG 標籤不是搜尋引擎排名因素,但仍有其它好處,如下:
如果你使用 WordPress 架設網站,設定 OG 標籤的方法很簡單,以本站推薦的 Slim SEO 外掛為例,你可以在單篇內容編輯頁面中進行設定。常見的 OG 標籤如下:
標籤 | 說明 |
---|---|
og:type | article 套用在單篇頁面/文章上,而 website 則套用在其他頁面上。 |
og:title | 繼承中繼資料標題。 |
og:description | 繼承中繼資料內容說明。 |
og:url | 單篇文章/頁面的永久連結。 |
og:image | 繼承精選圖片,但你可以自行上傳 Facebook 圖片及 Twitter 圖片 (僅適用於單篇文章/頁面)。 |
其它 Slim SEO 外掛支援的標籤可以參考官方文件。
除了可以直接檢視網頁原始碼外,也能利用線上工具檢查。依照社群平台的不同,常見的有 Meta (Facebook)、LINE、LinkedIn 三種。
你可以使用 Meta 分享偵錯工具檢查內容的 OG 標籤是否設定正確,只需輸入網址並按下「偵錯」按鈕就能檢測。圖片的建議尺寸為 1,200×630 像素。