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

網站:

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

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

行動應用程式

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

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

網站的分享最佳作法

1.Facebook 網路爬蟲存取

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

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


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

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

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

優良範例

標題

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

網址

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

說明

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

Facebook 應用程式編號

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

物件類型

物件的類型:

本地化

本文章有部分翻譯:

作者與發佈者

本文章有作者和發佈者:


錯誤範例

錯誤標題

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

錯誤網址

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

一般性說明

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

一般性圖像

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

遺漏 Facebook 應用程式編號

別忘記使用 fb:app_idarticle:authorarticle:publisher 標籤!


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

圖像尺寸

請對高解析度裝置使用至少 1080 像素的寬度以獲得最佳顯示。您應至少使用寬度為 600 像素的圖像以顯示圖像連結廣告。我們建議在廣告創意中使用 1:1 的圖像,以提升圖像連結廣告的成效。

遊戲應用程式圖像

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

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

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

預先快取圖像

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

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

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

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

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

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


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

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

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


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

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

開始使用「追蹤」功能:

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

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

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

行動版的分享最佳作法

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

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

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

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

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

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

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


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

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


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

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


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

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

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

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