前言

在HTML&CSS日常中學到og系列的應用,想著是否也可應用在WordPress中,測試過後,可行。
這樣以後把自己的網站連結分享到FB上,就可以顯示自訂的網站圖片、標題、內容文字!

facebook-Open-Graph-Tags

有兩個方法可使用

  1. 寫在header.php中(本文用法)
  2. 用 WordPress 外掛 All in One SEO :可點選此看用法(文章生產中)

作法

  • 路徑 : 外觀 / 佈景主題編輯器 / header.php
  • 以防萬一 ,請先備份 ,避免過程手誤讓網站GG
  • <head></head>中貼入下方語法在 content 內自行設定
<meta property="og:title" content="網站標題" />
<meta property="og:description" content="網站描述"/>
<meta property="og:type" content='website' />
<meta property="og:url" content="網站網址" />
<meta property="og:image" content="網站圖片路徑"/>
<meta property="fb:app_id" content="填入Facebook for Developers ID" />

標籤說明

  • og:title : 文章標題
  • og:description : 內容說明,建議簡短
  • og:url : 網站的網址
  • og:image圖片大小: 1200x630px(比例1.91:1)
  • fb:app_id : 可至 Facebook洞察報告(Facebook for Developers)新增應用程式編號。洞察報告中可讓你從FB檢視網置的流量分析

參考資源

最後修改日期: 6 2 月, 2020

作者