跳到主要內容區塊

別再浪費粉專的最大版面了!Facebook粉專封面照片設計策略與訣竅

封面照片是 Facebook 粉絲專頁中最大版面的主視覺,但它的重要性似乎一直被低估了。進入粉專頁面,第一眼絕對會被封面照吸引,因此擁有一個具設計感、富有巧思的封面照一定能為你的粉專大大加分;它會從一開始就緊抓粉絲的視覺動線,還會讓你的粉絲眼睛為之一亮。還再浪費粉專的最大版面?不知道封面照要怎麼設計嗎?快來看看以下的一些策略與訣竅吧!

段落:
一、封面照片簡介
二、策略與訣竅
三、相關工具推薦


2017/7/3更新:Facebook 封面照片可以放影片了!

 

ㄧ、封面照片簡介

在FB的粉專頁面之中,有兩個主要的視覺:大頭貼照與封面照片。大頭照通常會放 logo 或其他有代表性的 icon,但講到封面照,很多小編就不知道要怎麼利用這個區塊了。封面照是紛專中擁有最大版面的視覺(在電腦上的面積大約比大頭照多九倍),如果你有精心設計它,用戶點進你的粉專時,直覺上第一個看的地方絕對是你的封面照。這時,封面照的整體風格、傳達的訊息就至關重要;它等於是人們對你的第一印象。有好的第一印象,用戶才會想要探索更多關於你的資訊。一個好的封面照片除了要與品牌形象相符之外,最好還能傳達重要資訊,並用充滿創意的設計去驚艷所有拜訪你粉專的用戶,進而降低跳出率。

Facebook官方三不五時就會調整大頭照跟封面照的尺寸大小。以這個時間點來說(2017/5),封面照在電腦版上的顯示尺寸為820×312、行動版是640×360。可以發現,兩者的寬高比例不同(行動版比較高),但由於 Facebook 無法按裝置提供不同的封面照版本,所以在此建議小編們設計封面照時採用1200×675這個尺寸:它跟行動版的比例相同,也可以套用在電腦版上(不過會被切掉一點點)。請見圖一,原本1200×675的圖在行動版上會等比例縮小成640×360,然而因為比例不同的關係,在電腦版上只會顯示到原圖中段的1200×456,上下約109像素將會被切割掉,這一點需注意一下。如果往後 Facebook 官方公佈的數字又變了,只要照著這個邏輯就可以找到最適的封面照尺寸了。

FB粉專封面照片尺寸示意圖(原圖尺寸 -> 顯示尺寸)

圖一:FB粉專封面照片尺寸示意圖(原圖尺寸 -> 顯示尺寸)

電腦版上的封面照片

電腦版上的封面照片

行動版上的封面照片

行動版上的封面照片

其他顯示方式(1):滑鼠hover移到粉專連結上時

其他顯示方式(1):滑鼠hover移到粉專連結上時

其他顯示方式(2):貼文中的預覽方塊

其他顯示方式(2):貼文中的預覽方塊

二、策略與訣竅

大致介紹完封面照後,那它有什麼設計的策略跟訣竅呢?一般最常見的就是把封面照當作品牌形象宣傳用,但其實它還可以放上很多其他資訊,例如宣傳特定產品、促銷等等。以下整理了幾個設計封面照的策略:

策略NO.1 品牌形象

就如同很多大品牌都會很阿莎力的在整個廣告版面上只放 logo 跟 slogan,你可以只在封面照片上放上你大大的 logo、標語、價值主張,或是任何可以加強品牌形象的文案與視覺。為了讓用戶ㄧ進來就能了解你的業務(或者認識你),你也可以選擇放上你的核心服務項目(或來一段簡短有力的自我介紹)。純圖片是個很好的選擇,可以放上你的產品展示、顧客正在使用你服務的照片或者活動照片等。最後,放上團隊合照也是常見的選項;讓用戶看見品牌背後的團隊的真實樣貌,可以拉近彼此的距離,營造出一個社群的大家庭感。團隊照可以走專業、溫馨、幽默多種風格。

Pinkoi:放上Slogan

Pinkoi:放上Slogan

Canva:Slogan

Canva:Slogan

Patagonia:大自然的照片,貼近合品牌形象

Patagonia:大自然的照片,貼近合品牌形象

紐約時裝周:活動照片

紐約時裝周:活動照片

Buffer:溫馨團隊照

Buffer:溫馨團隊照

策略NO.2 宣傳季節性的產品/促銷/活動/HASHTAG

第一種策略是屬於比較常態性的;如果你有一個季節性的宣傳體,何不好好利用封面照這個顯眼的版面呢?不論是產品、促銷、活動、甚至是 hashtag,都可以把它放上封面照片,增加曝光度!快來看看知名品牌是如何操作的:

Slack:宣傳新產品

Slack:宣傳新產品

Lars&Rosa:宣傳新產品

Lars&Rosa:宣傳新產品

Somersby:宣傳hashtag (friendsie = selfie with friends)

Somersby:宣傳hashtag (friendsie = selfie with friends)

燦坤快3:宣傳活動

燦坤快3:宣傳活動

策略NO.3 慶祝某節日/對某議題表達支持

這個也是屬於季節性的封面照。作為小編,一定要對節日跟時事特別敏感。很多粉專都會在節日當天po出相關的圖文;其實,若你想要更彰顯自己對於該節日的重視,或是有搭配節日的行銷活動要宣傳,你可以特地設計一張結合品牌與節日元素的封面照,並在一週前就把它換上去,提早炒熱氣氛。若社會上有重大時事(例如同志遊行、恐怖攻擊等),你也可以選擇將你的封面照版面用來支持特定議題、宣揚理念(例如換上彩虹圖騰、prayforxxxx等)。

新頭殼:勞動節

新頭殼:勞動節

綠黨:同志(同婚)

綠黨:同志(同婚)

Evernote:如果不知道要放什麼也可以放當時年/月份

Evernote:如果不知道要放什麼也可以放當時年/月份

訣竅NO.1 放上商店資訊

如果你是一個地方商店,你會希望用戶一進到粉專就能快速知道你的營業時間、電話、地理位置等(就如同 Google 搜尋結果中會顯示的那些商家資訊)。何不把這些都放上封面照,讓用戶們一目了然呢?上方燦坤快3的封面照就是個例子;它包含的資訊除了活動優惠之外,還貼心地附了個小地圖。

訣竅NO.2 放上CTA (CALL TO ACTION)

Call to Action 是一段可以促使讀者進一步動作的文案,常見的例如「立即購買」、「馬上訂閱」等。封面照是個很適合放CTA的地方,附帶CTA的封面照等於多出一個額外的導購管道,可以用來加強點擊率和轉換率。如果封面照是有關正在進行的行銷活動,加上CTA絕對是個好選擇。記得,帶有CTA的封面照一定要有 caption,否則用戶點了封面照之後卻看不到任何資訊,是會森77的喔。上方 Lars&Rosa 的封面照是個例子;”Shop Now”兩個大字配上亮眼的綠色會,相信抓住不少人的目光,可惜點進去之後什麼資訊都沒有。幸好,我找到了一個更好的例子跟大家分享:

端傳媒:CTA=「下載端App」

端傳媒:CTA=「下載端App」

雖然CTA不是那麼搶眼,但端傳媒的封面照有附上caption,可以把用戶導去下載頁面

訣竅NO.3 放上用戶內容/媒體或權威機構評價

User-generated content(用戶產出內容)是社群行銷領域的一項絕活,它一方面可以讓品牌更貼近用戶,另一方面可以讓用戶的真實體驗為品牌做背書。常見的方法例如「上傳照片即可參加抽獎」的行銷活動;活動結束後,你可以把中獎的用戶照片放上封面照。你也可以用媒體或是相關權威機構的評語來發揮背書的功用,請看下方的例子:

Manchester by the Sea:兩個小金人+權威媒體機構的評語

Manchester by the Sea:兩個小金人+權威媒體機構的評語

訣竅NO.4 與大頭貼相輝映

意思是指設計上以大頭貼和封面照為一體的創意表現手法。講成這樣有點複雜,直接上圖好了:

圖片來源:hughsclues.com

圖片來源:hughsclues.com

這種手法以前比較常見,但現在 Facebook 粉專頁面的版面設計不同了(你可以注意到上圖的版面設計跟現在不一樣),所以比較難有好的效果。不過如果之後又改了版面,或者有神人現在就想試試看的話,這種設計在視覺上會是個很大的賣點。

訣竅NO.5 附上 CAPTION

事實上,不是帶有CTA的封面照才需要 caption,所有的封面照都應該要有 caption;原因是,總會有些具好奇心的用戶會點入你的封面照,這時,如果你有在那邊埋入文案與連結,就是多一次導流量的機會。不知道要放些什麼的話,你可以附上現成的某一小段文案,並放上你產品連結或官方網站連結。

Wallpaper*:五月的專題(雖然看不太出來)

Wallpaper*:五月的專題(雖然看不太出來)

點進去之後,有一小段文案還有連結(會連到官網某篇關於該專題的文章)

點進去之後,有一小段文案還有連結(會連到官網某篇關於該專題的文章)

訣竅NO.6 勤換封面照片

雖然製作大頭貼素材有點費工,但成效卻很值得:只要是「更換封面照片」的貼文,粉絲觸及率都接近100%!(也就是說,幾乎全部的粉絲都會看到你換了封面照片)可以好好利用這個機會宣傳季節性的促銷、活動。目前大家都建議最好兩個禮拜更換一次。

 

總之,無論你的封面照設計要採取哪一種策略,一定要記得它要有明確的目標,無論是單純branding,或是宣傳活動、慶祝節日都好,就是不要隨隨便便、漫無目的地放了張意義不明的封面照在上頭,這樣就可惜了這個粉專的最大版面了。如果你有更好的封面照點子,或者對本篇文章有疑問,非常歡迎你提出來跟大家分享,可以在下方留言或者寄信/私訊。喜歡這篇文章的話,也拜託不吝地跟身旁辛苦的小編們分享呦!

 

三、相關工具推薦

Landscape by Sprout Social
很方便的線上裁圖工具,可以選擇幾乎任何一種社群媒體的圖片尺寸,隨拖隨切。

Always Up-To-Date Guide to Social Media Image Sizes | Sprout Social
Sprout Social 發布的一張線上表格,裡面記載著幾乎所有社群媒體的圖片只寸規範,並會隨時更新。

Canva
很好用的線上設計編輯工具,內建很多版型以應付不同社群媒體的圖片尺寸(還可以用來設計履歷、電子報、infographic等)。

Snappa
與 Canva 相似。

befunky
線上修圖、組圖與設計工具,不錯用。

 

參考資料
Ingenious! Facebook Cover Photo Mobile/Desktop Template
17 Wicked Ways to Use Your Facebook Cover Photo
The Perfect Facebook Cover Photo Size & Best Practices

康育祺 Kang YuChi

經濟系畢業,目前正在數位行銷領域努力學習,並一邊嘗試當個專業部落客兼寫手。平時嗜從線上學習新知,認為網路世界就是最大最便宜的圖書館。

原文出處;政府網站營運交流平台授權轉載