網站與流動應用程式的分享最佳操作實例

對於網站

我們希望所有網站,特別是新聞網站、雜誌、網誌以及其他媒體網站,不僅便於現有粉絲輕鬆存取,而且還能夠擴大粉絲團。請遵循這些最佳操作實例,為用戶提供最引人入勝的 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 像素的圖像來顯示具有更大圖像的連結網頁帖子。 圖像大小以 8MB 為限。

小型圖像

如果您的圖像小於 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