以前在 G+ 分享文章時，縮圖的尺寸比較小。現在他們了解到，社群行銷大圖才是王道！因此我們漸漸可以發現，目前很多 G+ 貼文的縮圖，都是以 "滿幅" 的大圖呈現，能夠快速吸引讀者的目光。那麼需要具備哪些要件，才能在分享到 G+ 時，讓縮圖以大尺寸顯示呢？請見本文以下的說明。
一、G+ 大尺寸縮圖的原理
首先比較一下新、舊縮圖的差別，這是小縮圖的效果──
下面是大縮圖的貼文，效果一目了然──
G+ 貼文符合兩大要件的話，就能出現大尺寸縮圖──
1. Schema.org 微型資料
G+ 官方建議網頁內容使用「schema.org 微型資料」的註解，如此 G+ 就能抓取正確的網頁標題、說明、縮圖等資訊。
2. 圖片尺寸
成為縮圖的圖片，必須符合兩個要件，才能以大尺寸呈現：
- 寬度至少 400px
- 圖片不能過扁，寬高的比例要在 5:2 以內
官方文件還詳細提到了，當圖片大於多少 px 時，會以多大尺寸來呈現，有興趣可詳閱官方連結。不過其實沒有很重要，主要了解以上兩點就足夠了。以下分別針對 Blogger 平台與非 Blogger 平台，說明實作上要如何進行。
二、Blogger 平台的作法
1. 新範本
因為 Blogger 是 G+ 的關係企業，如果部落格使用新範本的話，範本內容已經幫我們把一切都打點好了，所以「Schema.org 微型資料」的部份不須操心，我們只要確保「文章中第一張圖(會成為縮圖)」的寬度大於 400px 即可。
2. 其他狀況
但還是有很多狀況可能讓 G+ 縮圖無法成為大尺寸，例如：
- 使用舊範本(例如 WFU BLOG)
- 非官方範本
- 使用新範本，但常改範本，不小心把關鍵內容改掉了
如果屬於以上狀況的話，請按以下步驟進行，來補全「Schema.org 微型資料」的內容──
A. 到後台 → 範本 → 編輯 HTML → 搜尋
<b:if cond='data:blog.pageType == "index"'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<meta expr:content='data:blog.title' itemprop='name' />
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description' />
</b:if>
</div>
</b:if>B. 接著搜尋
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url' />
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId' />
<meta expr:content='data:post.id' itemprop='postId' />存檔後即可，現在就找一篇有圖片的文章貼在 G+ 試試看吧！
三、非 Blogger 平台
其他平台的部落格，如果能修改範本的話(例如 wordpress)，可將「Schema.org 微型資料」放入範本中(<body>之後的位置)。
而無法修改範本的部落格，通常會幫站長在範本中建立好這些微型資料語法，例如 Xuite，所以也不用擔心貼文在 G+ 無法顯示大圖，只要圖片尺寸符合前述的規則。
而如果真的有某個平台無法改範本、又無法在 G+ 顯示大圖，那麼只能直接放在文章最前面的位置，加入以下程式碼：
<div itemscope='itemscope' itemtype='http://schema.org/BlogPosting' style='display: none;'>
<meta content='填入要顯示的標題' itemprop='name'></meta>
<meta content='填入要顯示的描述文字' itemprop='description'></meta>
<meta content='填入圖片網址' itemprop='image_url'></meta>
</div>這也就是說，每篇文章都要填一次這樣的內容，是有點麻煩，但對於無法修改範本的平台而言，這也是沒有辦法的事了。
上圖以 Xuite 為例，在文章最前面，填入微型資料語法，就能出現自訂的字串與指定顯示的大圖了。
Google+ 相關文章：
感謝分享~
回覆刪除這個問題困擾我超久的XD
原來分享文章大圖的原理是這樣啊!
回覆刪除平常都用特大尺吋照片的就這麼樣的誤打誤撞的「合乎」分享大圖規範了XD
<338113704445338327>(以上內容請勿刪除,從括號之後開始留言)我看到我踢在社群裡面的都是小圖耶
回覆刪除