2012年12月29日

優化 Blogger 文章分享至 Facebook 的摘要內容

將發表在 Blogger 的文章連結轉貼至 Facebook,會自動擷取標題、圖片及簡介等,但是到目前為止,Blogger 內建的佈景主題(樣板),並沒有支援 Facebook 的 Open Graph 標籤,所以轉貼連結後,一直都是沒有簡介文字。


目前要做到內文摘要比較困難,但是應急的方式就是自訂一段固定的介紹文字;作法是直接修改 Blogger 的樣板 HTML 原始碼,在 <head> 之後加入 Open Graph 的相關設定:

    <!--open graph-->
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <meta content='blog' property='og:type'/>
        <meta expr:content='data:blog.title' property='og:title'/>
    <b:else/>
        <meta content='article' property='og:type'/>
        <meta expr:content='data:blog.pageName' property='og:title'/>
    </b:if>
    <meta expr:content='data:blog.url' property='og:url'/>
    <meta expr:content='data:blog.title' property='og:site_name'/>
    <meta content='玩物尚誌是一個內容多元的部落格,分享閱讀、輕旅行及軟體創作的心得筆記。' property='og:description'/>

如果想要檢查設定結果是否符合期待,可以用  Facebook 提供的 Debugger 服務:

http://developers.facebook.com/tools/debug

將網誌的網址輸入後,進行偵錯就可以得到這些訊息:


更直接簡單的測試方法,就是直接將網址貼到 Facebook 的塗鴉牆;不過要注意到可能有快取(cache)的問題,所以盡量選一個沒貼過的網址來測試會比較準確。



沒有留言:

張貼留言

lyhcode by lyhcode
歡迎轉載,請務必註明出處!