（FB上面分享網址，希望自動出現文章相關資訊時，需要自行設定OG）
最近改版，上網買了個範本為底，自己再來各處裝潢，這樣比從頭開墾程式碼有效率，適合有夠忙沒時間不想花太多錢外包又想客製化的人。
昨天大致改好後試發一篇文章，由於事先已勾選Blogger裡面的『張貼文章後自動分享』
所以文章一發佈之後，在Google+上面就自動出現『文章摘要』、『網站標頭的圖片』、『文章標題加網站名稱』與『網址』。
（在Google+自動出現的訊息）
但是在Facebook上面就是一個慘，除了一個意義不明的『網址』，其他所有該有的通通沒有，之前在翻教學的時候，一直覺得OG很難搞，很久沒碰覺得忘記了慘了又要從頭研究了，抱著碰碰運氣的方式在大神求救，於是出現第一個網址，拿來拷貝貼上，就變成第一張圖，已經包含『縮圖』、『文章標題』、『網址』、『網站名稱』，至於『文章摘要』還在找怎麼樣比較快。
兩分鐘幫Blogger設定好Facebook的OG（Open Graph）
首先看看範本的前幾行是不是已經有這一大段類似格式的程式碼，一般來說都已經有了，只是小細節不同，這沒有關係。
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>
還沒設定過Facebook的OG的話，只要把這一串
<!-- Open Graph Meta Tags BEGIN --> <meta expr:content='data:blog.pageName' property='og:title'/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> </b:if> <meta expr:content='data:blog.title' property='og:title'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' property='og:description'/> </b:if> <!-- Open Graph Meta Tags END -->
貼在</head>之前，就一次搞定了以下的
- 標題og:title
- 縮圖og:image
- 網址og:url
- 描述og:description -->應該是文章摘要，但我這邊欄位出現的是標題家網站名稱，還要再爬爬文
結果如下圖，還不壞
在發布之前就可以先行檢查，免得在實驗階段一直PO無用訊息挺惱人的。
檢查是否正確抓到訊息
Facebook官方提供的工具網址
舉例，尚未安裝OG之前，檢查出來的結果如下，紅框框為提示什麼都沒有
安裝本文的OG之後，檢查結果如下，紅框框顯示抓到了許多正確的欄位
比起以前找到的方法，要在每一項OG後面填上資訊，這一次程式碼更加懶人，也達到了八九成目的了。
我來回報進度囉!! 跟你你這篇的懶人包語法然後我再自行爬文找到這一篇 在範本內第二個處前後加上分享文章就可以直接抓到文章內文了!
回覆刪除以上報告完畢^^
留言板好像好了，但目前出現的是blogger的留言板，Google+的不見惹~~
刪除