一月 7, 2022 | 最新網頁設計

怎麼設計文章縮圖?OG Image設計的五個祕訣

用廣告成效的原理,設計點閱率高的OG Image!
在Facebook的觸及率如此低迷下,以Facebook官方提供的廣告創意範例來設計文章預覽圖,更有機會得到更高的點閱率,下面整理了幾個能幫助提高點閱率的OG Image設計概念,讓你的文章預覽圖在每次的曝光抓住讀者的眼球,得到更多的點擊流量。

OG Image設計的五個祕訣

OG Image是什麼?


OG image是能讓你的網頁在Facebook或社群媒體分享時有一個漂亮顯圖,Facebook官方建議的尺寸是1200*630pixel,已這個尺寸設計能在Facebook上顯示最大的尺寸,顯示的尺寸越大當然點閱率越高。

OG Image設計的5個秘訣

  • 簡潔的文字
  • 完整的產品形象圖
  • 描述真實性
  • 強調新產品新服務
  • 誠實的表達品牌

簡潔的文字

根據分析在廣告上使用簡短切入重點的文字,能有效降低廣告點擊的成本,在獲取名單的廣告目標中極為重要。因此在OG Image的文字設定可以歸納以下三點

  • 圖片上的文字不要超過10個字
  • 圖片不要擋到主視覺
  • 圖片文字不能過小

例如 : Google測速滿分的網站

完整的產品形象圖

在廣告上使用完整的產品形象圖(商品照片)的廣告點擊成本會比使用人物或情境的設計來的低,根據Facebook針對56組品牌指標的實驗分析中,汽車廣告中展現完整車輛更能增加購買意願。

  • 使用整個商品圖代替人物情境
  • 產品情境說明在貼文裡描述
  • 情境說明簡短扼要
案例(O)(X)
做圖文字通過Google測速,達成近乎滿分的網站體驗透過學習與了解 Google 的 Core Web Vital 六大指標,來幫助優化您的網站速度與使用者體驗
做圖內容【商品圖】
網站+Google測速
【情境圖】
人+電腦+網站+Google測速
貼文文案你知道被Google認證網站速度高分的網站,在SEO排名會比較好嗎?
Hellosant官網在Google開發的網站速度測試工具獲得98分的高分,通過Core Web vital六大指標!
通過Core Web Vital的六大指標測速,幫助你提升網站SEO排名!
OG Image設計的五個祕訣好範例
【商品圖】: 網站+Google測速
​​​​​​​【情境圖】:人+電腦+網站+Google測速
【情境圖】:人+電腦+網站+Google測速

描述真實性

FB有針對業配型廣告調查,廣告的真實性是影響購買跟互動的決定因素,當消費者認為代言人對其代言的產品是有興趣時,84%會的消費者會推薦這個產品,並且超過80%的人願意購買。一樣的概念可以轉換到OG Image的設計,將真實性設計在OG Image中,就有可能有80%的人願意點擊。

案例(O)(X)
做圖文字Google測速近乎滿分Google測速近乎滿分
做圖內容Google測速網站網站速度快示意圖
貼文文案你知道被Google認證網站速度高分的網站,在SEO排名會比較好嗎?
Hellosant官網在Google開發的網站速度測試工具獲得98分的高分,通過Core Web vital六大指標!
你知道被Google認證網站速度高分的網站,在SEO排名會比較好嗎?
描述真實性
描述真實性

強調新產品新服務

人們都喜歡了解新產品和新服務,定期更新文章內容並更新OG Image的日期文字,更能提升人們點擊了解更多的興趣。

誠實的表達品牌

Facebook從9項實驗中發現採用品牌識別度更高的廣告,廣告投資報酬(ROAS)高出71%,且廣告映像和記憶度高出67%,因此大方的在OG Image上放上Logo,當然你的Logo設計必須有高度的識別度。

如何檢查目前的OG Image

可以使用「OGraph Previewer」這個Google Chrome 套件來檢查,可以參考下方截圖。

OGraph Previewer

FB連結預覽圖更換方法

透過FB分享的連結顯示的預覽圖是被FB快取的圖片,因此想要換FB或Messenger的預覽圖,需要先更新網頁的OG image,並使用分享偵錯工具 - Meta for Developers在一次抓取網頁連結,大概半天時間FB就會提供新的預覽圖。

FB連結預覽圖更換方法

 

Line連結縮圖更新方法(Page Poker)

Line聊天室中的連結縮圖的更換方法步驟

  • 更新網頁連結的og image
  • 使用Line Page Poker
  • 設定語言,Clear Cache,並再次抓取

Line連結縮圖更新方法(Page Poker)

Line聊天室的連結分享縮圖會超過半天才會更新,因此可以在先使用Facebook分享連結,確認連結分享縮圖是正確的再透過Line分享。

Linkedin連結縮圖更新方法(Linkedin Post Inspector)

Linkedin分享貼文的連結縮圖的更換方法步驟

Linkedin連結縮圖更新方法(Linkedin Post Inspector)

資料參考來源

Creative Guidance Navigator(廣告創意指南導覽)
https://www.facebook.com/business/creative-guidance-navigator
 

常見問題

在圖片中使用簡潔的文字,參考自FB廣告創意指南導覽「有時言簡意賅的文字能帶來更多成果。我們在分析中發現,在名單型廣告上使用簡短文案與降低每位潛在顧客成本有關。」「我們的分析結果顯示,少用疊壓文字和縮短廣告文案在統計上都與降低單次點擊成本有很大的關係。因此,請嘗試使用簡單扼要且切中要點的疊壓文字和廣告文案。關於廣告圖像中的文字」

參考1: 想要獲得更多潛在顧客嗎?試試在廣告中使用簡短的文案

參考2: 若要降低單次點擊成本,請嘗試使用簡潔的文字

參考3: 關於廣告圖像中的文字

在圖片中使用完整的產品形象圖,參考自FB廣告創意指南導覽「實驗使用展示商品的圖像,而非展示模特兒或呈現生活型態的圖像。我們的分析結果顯示,沒有出現人物時,在統計上能顯著預測單次點擊成本會比較低。」「展現全車奔馳樣貌。根據一項對 56 組品牌指標提升實驗分析指出,在汽車廣告中,展現完整車輛與降低每增加一次購買意願成本有所關聯。」

參考1: 以商品帶頭來降低連結點擊成本

參考2: 若要提升購買意願,嘗試在汽車廣告中展現完整車輛

真實性高的文章且新鮮的內容被分享的機率更高,參考自FB廣告創意指南導覽「創作者合作夥伴關係必須值得信賴才能與廣告受眾建立連結。當消費者認為創作者個人對某個品牌感興趣時,84% 的消費者表示會推薦創作者精選的產品/服務,82% 表示會購買,79% 表示願意嘗試。」「對於品牌置入內容而言,誠實是最好的策略。四分之三(75%)的消費者表示,當品牌置入內容明確表達商業意圖時,他們會採取積極行動(例如嘗試使用該品牌的商品或向朋友推薦),比未明確表達商業意圖時高出 21%。」

參考1: 對於創作者內容的有效性來說,真實性至關重要

參考2: 誠實表達使用品牌置入內容的意圖

透過高度識別性的品牌LOGO搭配最新的資訊內容更能增加文章的記憶度,參考自FB廣告創意指南導覽「為了讓行銷活動獲得有效成果,請清楚凸顯您的品牌。我們從 9 項實驗研究中發現,與未採用強烈視覺識別度的廣告相比,具有強烈視覺識別度廣告的 ROAS 比同期廣告高出 71%,廣告回想提升成效比同期廣告高出 67%。」「人們喜歡看到新鮮事物。我們發現推出新產品、系列產品或其他創新的 CPG 廣告創意,在各類別的家庭滲透率都提升了 0.3%。」

參考1: 運用強烈的視覺識別度提高廣告投資報酬率

參考2: 嘗試強調新產品或系列產品以提高家庭滲透率

使用我們的服務即表示您同意Cookie政策。了解更多