網站與行動應用程式的分享最佳作法

網站:

我們希望所有網站,特別是新聞網站、雜誌、部落格以及其他媒體網站,不僅便於現有粉絲輕鬆存取,而且還能夠擴大粉絲團。請遵循這些最佳作法,為用戶提供最引人入勝的 Facebook 體驗。

  1. 使用 Facebook 洞察報告衡量您的內容成效
  2. 確定 Facebook 網路爬蟲可以存取您的網站
  3. 使用適當的開放社交關係圖標籤促進內容散佈
  4. 將圖像最佳化以產生絕佳的預覽畫面
  5. 使用分享偵錯工具對您的開放社交關係圖標籤進行偵錯
  6. 建議您的內容建立者開啟追蹤
  7. 實作 JavaScript 事件追蹤以即時追蹤外掛程式的使用情況

行動應用程式:

我們還要協助行動應用程式開發人員,讓用戶快速成為開發人員的支持者。建立用戶瞭解並信賴的應用程式使用體驗,是成功使用「Facebook 分享」的關鍵。以下是一些我們強烈建議您遵循的最佳作法:

  1. 在用戶進行分享時要求權限以明確發佈
  2. 使用應用程式連結,從 Facebook 連結至您應用程式的特定位置以實現無縫體驗
  3. 使用「訊息」對話方塊進行私人分享
  4. 使用 Facebook 分析工具追蹤您的指標
  5. 使用 HTTP 用戶代理程式標頭 - 為您的網站計算來自 iOS 和 Android 裝置的行動轉介流量。

網站的分享最佳作法

1.使用 Facebook 洞察報告衡量您的內容成效

Facebook 洞察報告可將內容的相關指標提供給開發人員和網站擁有者。您可以檢視特定動態的觸及人數、追蹤內容片段的建立和使用,以及檢視您的內容分享者與互動者的人口統計。透過瞭解和分析這些趨勢,將能大幅改善您的網站,並為您的用戶建立最佳的分享體驗。

此資料為線上提供,開發人員可透過 API 取得。請參閱洞察報告指南以深入瞭解如何宣告您的網域和開始追蹤。

部分外掛程式還具備 ref 參數,可用來追蹤您的網站產生的流量。如果朋友點擊某人對您某個網頁按讚的動態,我們會將 ref 參數傳回至您的網站,您可以使用自己的分析軟體追蹤此參數。如需詳細資訊,請參閱社交外掛程式的參數。


2.Facebook 網路爬蟲存取

Facebook 網路爬蟲可從您的網站擷取內容,並為 Facebook 上的用戶產生預覽。當用戶在 Facebook 上分享網址以及在您使用外掛程式的網站上對網頁「按讚」或「推薦」時,將會啟動 Facebook 網路爬蟲。如果您的內容供公開存取,那麼我們應該可以存取您的內容。

您可以參閱 Facebook 網路爬蟲指南,深入瞭解如何確保 Facebook 網路爬蟲可以存取您的網站。


3.使用正確的開放社交關係圖標籤

用戶從您的網站分享內容至 Facebook 時,我們的網路爬蟲會抓取所分享網址的 HTML。在一般的 HTML 網頁上,此為基本內容而且可能不正確,這是因為抓取程式必須猜測哪個內容重要,哪個內容不重要。

請使用「開放社交關係圖」中繼標籤來控制 Facebook 網路爬蟲從每個網頁選擇的內容。這些標籤提供網頁相關結構化資訊,例如標題、說明、預覽圖像等。

優良範例

標題

沒有品牌或提及網域本身的明確標題。

網址

沒有工作階段編號或不相關參數的網址。Facebook 上的所有分享都將使用此網址作為此文章的識別網址。

說明

至少有兩個句子長度的明確說明。

Facebook 應用程式編號

供 Facebook 識別您網站的 Facebook 應用程式編號。

物件類型

物件的類型:

本地化

本文章有部分翻譯:

作者與發佈者

本文章有作者和發佈者:


錯誤範例

錯誤標題

標題不應包含品牌或不相關的資訊。

錯誤網址

此網址具有隨用戶而改變的不相關資訊,導致在多個網址產生按讚/分享,而沒有針對分享此文章的所有用戶進行匯總。

一般性說明

此為不會吸引用戶點擊的一般性說明。

一般性圖像

此為看起來和所有動態相同的一般性圖像。 圖像解析度僅 100x100 像素,在更高解析度顯示器上並不適用。

遺漏 Facebook 應用程式編號

請勿忽略 fb:app_id、article:author 和 article:publisher 標籤!


4.將圖像最佳化以產生絕佳的預覽畫面

圖像尺寸

請對高解析度裝置使用至少 1200 x 630 像素以獲得最佳顯示。您應該至少使用 600 x 315 像素的圖像來顯示具有更大圖像的連結網頁貼文。 圖像大小最大可為 8 MB。

小型圖像

如果您的圖像小於 600 x 315 像素,該圖像仍會顯示在連結網頁貼文中,但尺寸會變得更小。

我們已經重新設計連結網頁貼文,如此圖像在桌面版和行動版動態消息上便能夠有相同的長寬比。 請嘗試將圖像長寬比盡可能保持為 1.91:1,以便在動態消息顯示未經裁切的完整圖像。

最小圖像尺寸

最小圖像尺寸為 200 x 200 像素。如果您嘗試使用小於這個尺寸的圖像,將會在分享偵錯工具中看到錯誤。

遊戲應用程式圖像

遊戲應用程式使用兩個不同尺寸的圖像:

  • 開放社交關係圖動態圖像以正方形格式顯示。這些應用程式的圖像比例應該是 600 x 600 像素。
  • 非開放社交關係圖動態圖像以長方形格式顯示。您應該使用 1.91:1 圖像比例,例如 600 x 314 像素。

請深入閱讀遊戲的開放社交關係圖

預先快取圖像

第一次分享內容時,Facebook 網路爬蟲會從分享的網址抓取和快取中繼資料。網路爬蟲必須至少看過圖像一次才能夠轉譯圖像。這表示第一個分享內容片段的用戶看不到轉譯的圖像:

有兩種方法可避免這種情況,並且在第一次按讚或分享動作時轉譯圖像:

1.使用分享偵錯工具預先快取圖像

透過網址偵錯工具執行網址以預先擷取網頁的中繼資料。如果您更新內容片段的圖像,也應該這麼做。

2.使用 og:image:widthog:image:height 開放社交關係圖標籤

使用這些標籤會將圖像尺寸指定給網路爬蟲,以便立即轉譯圖像,而不必等待非同步下載及處理圖像。


5.使用分享偵錯工具對您的開放社交關係圖標籤進行偵錯

中繼標籤和社交外掛程式需要做一些調整,才能確保正確無誤,為此我們提供偵錯工具供您測試網頁在我們的抓取程式中的外觀。您只要輸入網頁的網址,便能夠得到有用的網頁相關資訊,例如,從您的網頁獲得的中繼標籤,以及您的內容中可能影響社交外掛程式的任何錯誤或警告。

偵錯工具還能夠重新整理我們從您網頁抓取的任何內容,因此,如果您需要比標準 24 小時更新期間更頻繁地更新網頁,這個工具非常有用。


6.建議您的內容建立者開啟追蹤

「追蹤」功能允許內容建立者將公開更新分享給追蹤者,並將私人更新只保留給朋友。例如,記者可以允許讀者或檢視者追蹤公開內容,例如現場拍攝的相片或已發佈文章的連結。「追蹤」功能方便您的內容分享對象和您聯繫,以及持續關注內容,這種方法既簡單又有效,而且不需要將您加為朋友。

開始使用「追蹤」功能:

  • 啟用「追蹤」功能 - 前往您的「帳號設定」,然後點擊「追蹤者」頁籤。勾選方塊以允許追蹤者,如果您認為有需要,還可以調整追蹤者留言和通知的設定。
  • 填寫您的動態時報 - 確定您的動態時報看起來富有專業感:新增封面相片、您的職稱和工作經歷、重要職涯成就,以及人生大事。
  • 觀察 – 追蹤其他記者、攝影師、作者以及已經擁有大批追蹤者的其他任何用戶。瀏覽他們的動態時報和查看他們分享的內容類型。
  • 向您的追蹤者發佈貼文 - 分享趣味相片、您的內容連結以及您手邊工作的最新進展等。所有您設定為「公開」的貼文都將顯示在追蹤者的動態消息中。

7.實作 JavaScript 事件追蹤以即時追蹤外掛程式的使用情況

您可能想要透過社交外掛程式追蹤您網站上用戶發生的互動。Facebook JavaScript SDK 可以訂閱用戶點擊「讚」按鈕的事件、使用「發送」按鈕傳送訊息,或者留言。FB.Event.subscribe 參考指南顯示如何追蹤這些事件。

行動版的分享最佳作法

透過簡單的「Facebook 分享」,方便用戶告訴他們的朋友有關您應用程式的消息,讓用戶成為您的粉絲。

建立用戶瞭解並信賴的應用程式使用體驗,是成功使用「Facebook 分享」的關鍵。對於使用您應用程式的用戶,分享可協助他們和朋友討論自己的想法與價值,並提升他們在應用程式中的體驗。如果您是開發人員,您可藉由「分享」增加貼文在用戶 Facebook 動態消息的曝光次數,進而提升應用程式知名度;再者,當用戶與發自您應用程式的張貼內容互動,系統會將用戶導向您的應用程式或您應用程式的「應用程式商店」網頁,從而提升流量和應用程式安裝次數。

您的用戶有四種方式可在行動裝置上進行分享:

遵循這些最佳作法的應用程式有助於用戶自在地分享內容,同時為開發人員和用戶創造雙贏的局面。

以下是我們強烈建議您遵循的最佳作法:

  1. 在用戶進行分享時要求權限以明確發佈
  2. 使用應用程式連結,從 Facebook 連結至您應用程式的特定位置以實現無縫體驗
  3. 使用開放社交關係圖讓您的動態更引人入勝和別具特色
  4. 使用「訊息」對話方塊進行私人分享
  5. 使用 Facebook 分析工具追蹤您的指標

1.在用戶進行分享時要求權限以明確發佈

用戶嘗試在您的應用程式中完成需要特定權限的動作時,您應該觸發權限要求。當您的應用程式要求取得發佈權限,在相關內容中要求權限格外重要。建議等用戶在您的應用程式中點擊「分享」、「貼文」或「發佈」選項之後,才要求發佈權限。如果您的應用程式只需要基本分享功能(亦即,一次分享一個項目,沒有自訂撰寫工具),可以使用我們的 iOSAndroid 專用的「分享」對話方塊。


從您的應用程式分享內容至 Facebook 有許多有趣的層面,其中之一是當用戶與從您的應用程式張貼的動態消息互動,那些動態可以將用戶轉至您的應用程式或您應用程式的「應用程式商店」網頁,從而提升流量和應用程式安裝次數。您可以使用應用程式連結來實作此行為。應用程式連結是一個標準,可以藉此在您的應用程中進行深層內容連結。當用戶使用您的應用程式透過 Facebook(或另一個啟用應用程式連結的應程式)分享內容,您可以建立可跳回至您的應用程式該內容片段的連結。


3.使用「訊息」對話方塊進行私人分享

「訊息」對話方塊允許透過 Facebook Messenger,以更私密的方式將內含您應用程式內容的動態明確分享給有限的特定對象。應用程式連結能順暢地轉移至您的應用程式中的正確位置。


4.使用 Facebook 分析工具追蹤您的指標

Facebook 分析工具可將內容相關指標提供給開發人員和粉絲專頁擁有者。您可以透過瞭解和分析使用狀況及人口統計相關趨勢與使用和建立內容來獲得更強的能力,以提升您的業務發展和建立更美好的 Facebook 體驗。瀏覽 Facebook 分析工具瞭解詳情。


5.使用 HTTP 用戶代理程式標頭

您可能會希望為您的網站追蹤來自 iOS 或 Android 裝置的 Facebook 行動轉介流量。用戶將您網站的連結分享至動態消息以及用戶的聯絡人在行動裝置上點擊這些連結時,通常就會產生這些流量。您的應用程式應該:

  • 監視 HTTP 參照位址標頭是否具有 facebook.com

  • 查看轉介流量是否來自 iOS、Android 裝置或這些管道上行動版網頁瀏覽器的 Facebook。檢查 HTTP User-Agent 在 Android 裝置是否具有 FB_IAB/FB4A 值,以及在 iOS 裝置是否具有 FBAN/FBIOS 值。