將發表在 Blogger 的文章連結轉貼至 Facebook,會自動擷取標題、圖片及簡介等,但是到目前為止,Blogger 內建的佈景主題(樣板),並沒有支援 Facebook 的 Open Graph 標籤,所以轉貼連結後,一直都是沒有簡介文字。
目前要做到內文摘要比較困難,但是應急的方式就是自訂一段固定的介紹文字;作法是直接修改 Blogger 的樣板 HTML 原始碼,在 <head> 之後加入 Open Graph 的相關設定:
<!--open graph-->
<b:if cond='data:blog.pageType == "index"'>
<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)的問題,所以盡量選一個沒貼過的網址來測試會比較準確。
訂閱:
張貼留言 (Atom)
-
▼
2012
(181)
-
▼
12月
(26)
- 利用 Groovy + Selenium 輕鬆進行批次網頁擷圖(Web Page ScreenSho...
- 續談 Groovy 輕鬆擷取網頁內容,使用 jsoup: Java HTML Parser
- Raspberry Pi 新手上路,安裝作業系統、設定無線網路與加裝 Node.js 筆記
- Mac OS X 電影字幕 SRT 檔案轉碼(BIG5 to UTF-8)使用 iconv
- 切換 Jekyll 的 Markdown 轉換引擎
- 開啟 Mac OS X 外接硬碟 NTFS 讀寫支援 OSXFUSE + NTFS-3G
- 優化 Blogger 文章分享至 Facebook 的摘要內容
- [Grails 開發筆記] 變更 Session Timeout 時間設定
- [記錄] 等待三個月終於收到 Raspberry Pi 超迷你電腦
- 使用 Groovy + NekoHTML 快速開發網頁原始碼資料分析程式
- 超簡易電器維修之超音波清洗機電容更換篇
- 新片推薦:人再囧途之泰囧(人在囧途)
- 美觀好用的免費資源下載工具 - 迅雷 for Mac OS X
- Grails / Groovy 使用 XmlParser 快速產生測試用的範例內容
- 使用 Sketch Up 及 Sweet Home 3D 建構室內設計模型
- Sweet Home 3D 免費室內設計軟體,適合初學者入門的好工具
- 2012第五屆iT邦幫忙鐵人賽...鐵人優選獎!
- Sublime Text 2 安裝 Zen Coding 外掛
- 「自己發包,小錢裝修夢想家」講座分享
- BootstrapCDN 來了!Twitter Bootstrap 開發者更方便了
- Zappa 懶人版 Node.js 程式開發(Node development for the lazy)
- IntelliJ IDEA 12 正式發佈,先進的 Java 整合開發工具
- 新書分享「2013幸福空間年鑑」
- 線上房屋貸款試算(土地銀行貸款分期攤還試算)
- HASUS MTB Explore 3 登山車卡鞋開箱
- Vert.x 非同步網站應用開發利器、Java 版本的 Node.js
-
▼
12月
(26)
沒有留言:
張貼留言