如何讓文章分享到 FACEBOOK 時,顯示作者專頁名稱

網站中加入 Facebook 分享按鈕,除了將文章標題、描述、分享圖片資訊調整正確之外;額外的,我們也可以讓文章分享到 FB 時,增加個人或網站的 FB 專頁及作者名稱連結。讓 FB 訪客,經由連結的來訪,而加增專頁曝光率


在實作時,我們會在網頁的「<head>」之內,增加一筆「meta」資料,用來對應文章分享至 FB 後顯示作者專頁名稱。另外,我們也會運用到 Facebook 的 Debugger 工具,這個工具則是用來刷新網站對應所屬的 FB 資料


步驟一 設置流程

  1. 網站的「<head>」之中加入「meta article:author」資訊
  2. 運用 Facebook URL Debugger 除錯更新文章分享資料

步驟二 前置準備

擁有一個 Facebook 帳號
已註冊申請一個 FB 專頁帳號

步驟三 連結偵錯

Facebook URL Debugger「https://developers.facebook.com/tools/debug/


要如何顯示作者相關資訊呢?請接續「Q1:如何讓標題及縮圖正常顯示?」→「2. 設定 Meta 標籤」的步驟,增加下面這行 META 標籤的內容:

<meta content='https://www.facebook.com/XiaoqingMeow' property='article:author'/>

備註:如果作者連結使用的是「FB 個人頁」的話,必須設定為公開,系統才能抓到 FB 個人頁的連結