[Blogger] 分享到 Facebook 卻發現文字抓錯？

因為最近發現 Facebook 按讚之後分享到您的 Profile 上的畫面，會像上圖那樣，會抓標題和摘要內文及圖片，就像按分享的效果一樣，所以，所抓的文字正不正確，大概也會影響朋友去點這篇文章的興趣吧。(以前是只顯示一條文字，內容是誰誰誰說那一個連結讚)

Facebook 的 URL Linter 工具

先介紹 Facebook 的 URL Linter 工具，可以用來 Debug 你分享到 Facebook 上的網址，Facebook 會抓取的內容。

先輸入您文章的網址，按下 Lint 鈕：

這支工具就會依照您的 OpenGraph 設定和網頁上的 META 去擷取資料，讓你檢測抓到的資料對不對。

解決文字抓錯的問題

這篇要談的是抓摘要文字的部份，Facebook 會抓的是第一個 <p></p> 符號之間所置放的文字或者 <description></description> 之間所置放的文字 (實測結果應該是優先抓 <description>)，由於，大家很可能都是抓現成的版型，有些版型會用到 <p> 符號在文章內文之前，那就很有可能抓到夾在該 <p></p> 之間的文字，而不是所想分享的文章的文字，因此最簡單的方法，大概是像底下這樣：

找到 <data:post.body/>，在前後加上 <description></description>，如下：

<description><data:post.body /></description>

然後，這篇所要的抓到正確文字就可以解決了，您可以用 URL Linter 去測試看看就知道。

Blogger, Facebook, 分享, 網路, 軟體