Facebook 話我個 Post 太多字唔畀我落Ads,點算好?

製作簡單Motion Graphics吸引用戶,並突破Facebook廣告文字量限制

Fung
13 min readAug 19, 2017

而家任何商戶或組織都會建立自己嘅 Facebook Page,相信好多人都有管理Facebook Page嘅經驗,有冇發現帖文愈來愈難得到 user engagement,好多Post都石沉大海,reach 少得可憐。

你知道嗎:

以下我會教大家用平時用開嘅工具,將現成嘅簡單 Social Media 圖片轉換為更吸引用戶嘅動態內容。

唔好諗住有 Facebook Like 就有免費宣傳,冇得你唔課金

隨住大眾 Follow 嘅 Page 愈來愈多,要爭取到用戶嘅 News Feed 嘅一個版位日趨艱鉅。尤其小企業唔無法投放大量資源去製作維持 User Engagement 嘅 Post,結果發文就似石沉大海,冇人睇到。根據Ogilvy 喺 2014 年嘅報告,分析咗100 個品牌專頁,每個 post 嘅 organic reach 平均只有 page Like 人數 6.15%;如果Followers愈多,reach 嘅比例就愈少,大形品牌甚至只有2.11%;嚟到 2017,哩個數值只見持續下降。

5000個Fans只有274個Reach

以一個我管理嘅品牌專頁為例,Page like 嘅人數大約為 5000,一個介紹新產品嘅帖文喺唔落廣告嘅情況下Organic reach 只有 274,即係每100個 Fans 只有5個人能夠見到我新推出嘅產品。

所以 各位要記住,世上冇免費嘅午餐,Facebook 係世上第二大嘅網上廣告平台公司,要推廣自己嘅品牌訊息,就要課金畀Facebook — — “Boost Post”。

好似有聽過甚麼20%法則? 過時啦!

當你決定抌錢 Boost Post 時,又會發現遇上以下問題:

您的加強推廣帖子可能無法發佈
Your Boosted Post May Not Run

相信資深用家一定聽過20%法則 (20% rule),即係將張圖平均𠝹成5x5方格後,字不能佔多於 5個格,擲界當兩格,真係考起一眾Advertisers!不過喺 2016 年 6 月嘅時候Facebook更改咗哩項政策。

新政策下,Facebook 將會將你嘅廣告圖像文字含量判定為:

  • 合適

愈高嘅話廣告嘅接觸人數將會愈低,甚至完全無法傳達。

Facebook認為”理想的文字量”

你估真係下下有靚相啱用咩大佬,攝影好貴㗎。所以好多時我哋臨急會就咁 lay 啲字喺張圖就出Post。

一個挑戰Facebook容忍極限嘅Post。

Facebook 亦有提及特殊情況下,你嘅廣告可能被判定為合格;例如:書籍封面、遊戲畫面、演唱會海報等,此不詳述,有興趣請閱 Facebook Help Center 嘅說明。

總言之,冇咗 20% Rule,一切 Facebook 自己說了算。

難以觸摸嘅裁判: 文字覆蓋率工具 Text Overlay Tool

出咗Post先知唔畀Boost咁好麻煩啫,咁一眾小編們點先知張圖過唔過限制呀。Facebook 提供咗一個 “文字覆蓋率工具” 等大家可以預先知到個Post 嘅文字量,等設計師可以慢慢改到張圖合格先Post出街。

以上圖文純屬虛構 (Photo: Niklas Rhöse / Unsplash)

我哋係咁而用一張常見嘅簡單宣傳圖試一下

You may reach fewer people because there’s too much text in the ad image. / 因為廣告圖像中的文字過多,所以您的接觸人數可能會較少。

圖片被判定為 “低文字量”,可見我如果喺哩個 Post 落廣告,將會花上更貴嘅費用。你可以選擇不斷修改圖像直至合格,不過Facebook 嘅演算法難以觸摸,經常出現令人摸不着頭腦嘅結果。

善用小動畫

近來有冇發現見到愈來愈多動態嘅Post呢,有時係短片,有時只係一啲小動畫。動態嘅Content的確比起靜態嘅文字更容易於茫茫Feed海中吸引到user嘅眼球!你知道嗎:

可惜拍攝一段高質素嘅宣傳片成本非常昂貴,器材、人手、製作動輒數萬元!對於財力不多嘅小企業來說,製作小動畫係比較可行嘅Alternative。

動態嘅Content更容易於茫茫Feed海中吸引到user眼球

“邊有咁多時間整段新片呀,有冇辦法將平時啲圖轉換成動畫呀…”

“學完Photoshop同Ai,仲要學埋整動畫,又要買Adobe After Effects/Animate,哪有錢!”

其實製作簡單動畫嘅成本唔高,利用我哋平時用開嘅工具已經可以做出見得下人嘅效果㗎喇!

運用Photoshop嘅 Timeline 功能製作動畫

按 Photoshop 入面 Window -> Workspace -> Motion,就可以打開Timeline功能。可以Keyframe調較 Layers 嘅 Opacity, Position 同 Style。

Photoshop 提供 Timeline 功能製作簡單動畫

發揮些少創意就可以將已有嘅Design轉換成小動畫,相信有用過吓動畫/剪片軟件嘅人好快就能夠摸熟此功能,此不詳述。

小Tips: 記住留一格冇咁多字嘅frame做Thumbnail呀!(詳見下段第一步)

唔使用劍嘅,用Powerpoint 就夠喇

"我真係對動畫一頭霧水喎,咩係Keyframe都未聽過喎…
有冇簡單啲嘅工具呀…"

我又實驗咗一下其他大家常用嘅Tools,結果發現無論Windows 定Mac 用家都必備嘅 Powerpoint 可以非常容易地做出不俗嘅效果。Powerpoint 提供一系列嘅預設動畫特效,只需要一個制就可以套用花巧嘅特效。上面嘅漢堡包小動畫就係用 Powerpoint 製作㗎喇!

以下講解一下我如何用Powerpoint將已有嘅Design轉換成小動畫:
(如果你用開Powerpoint設計圖片(我真係見過),請直接到第五步)

一、計劃首圖 (Thumbnail)

上面提及,Thumbnail係我哋繞過 Facebook 文字量限制嘅秘密武器。所以我哋嘅影片頭半秒只需要含有最吸睛嘅畫面同埋 Key message,盡量少字。

只保留 Key Message 以繞過 Facebook 文字量

本例子入面最吸睛嘅畫面係漢堡包, Key message係買一送一,所以哩兩個部件將會喺thumbnail出現。我哋用 Text Overlay Tool 測試一下,証實通過Facebook 嘅限制。

二、將你嘅AI檔案分拆成唔同Layer

將每組需要Animate嘅Object都獨立放入一個Layer 入面,例如以下例子我打算將 “21/7國際分享日” 同 “只限一天” 同時animate,所以我將佢哋放入同一個Layer (黃色)。
如果你用 Photoshop 設計,將要animate 嘅組件分別Flatten 成較簡單嘅 Layer,然後跳至第四步。

三、滙出成PSD

Files-> Export -> Export As…-> Format: Photoshop (psd)

記住要剔Use Artboards,然後按下圖設置Options,記住要”Write Layers” 同埋唔好剔”Preserve Text Editability” 同埋 “Maximum Editability”。Resolution 用72ppi 就ok。

四、於Photoshop將Layers滙出成檔案

如果你用 Photoshop 設計,將要animate 嘅組件分別Flatten 成較簡單嘅 Layer。如果用AI,以Photoshop 打開前一步滙出嘅PSD檔。

Files -> Export -> Export Layers To Files

然後按下圖設置,按”Run” 滙出圖層。

Visible Layers Only, PNG-24, Transparency, 唔好剔 Trim Layers

你會得到一堆PNG 檔案

五、Setup 好 Powerpoint

喺Powerpoint 建立一個新檔案,去 Design-> Slide Size 設置影片比例,例如我哋今次例子係正方形,我就Set 成 30x30 cm,

然後將第四步嘅PNG檔拖入去Powerpoint 入面並拉放至填滿頁面,並且排好順序。

點選求其一張圖片,去 Picture Format -> Selection Pane,然後將啱啱放入去嘅圖層命名,記住要改個認得嘅名呀,唔係下一步會好痛苦㗎!

小Tips: 因為每個圖層都係佔據住全個頁面,難以點選每個組件命名。可以先㩒 “Hide All” 然後由最底嘅圖層㩒右邊眼仔顯示後命名上去。

先"Hide all"再由下至上改名

六、製作迷你Motion Graphics

仲記得小學時以為自己好_型嘅 Powerpoint 動畫嘛? 冇錯,我哋將會用佢嚟製作我哋嘅迷你 Text Motion Graphics!

㩒 Cmd+A 揀選所有圖層,㩒上面Animations 再揀一個入場動畫,打開Animation Pane,會發現所有圖層都已經 Set 好咗動畫喇。

可以將固定嘅圖案喺Animation Pane 移除,例如我哋嘅 “漢堡包買一送一” 同埋 “漢堡包圖片” 將會一直停止,可以交叉走佢哋。按左上角 Preview 可以即時預覽動畫

入場動畫建議用 Peek In 同 Wipe,比較冇咁浮誇,Duration 可以Set 1至3 秒,適當運用”Start”同”Delay”做出層次感。

久違嘅Powerpoint動畫

緊記要為第一個Step 加上 0.5 Seconds Delay(下一步有用)。

0.5 seconds Delay

最後去到 File -> Export -> File Format: MOV

將成品滙出成影片,”Seconds spent on each slide without a set timing” 將會決定我哋片段嘅最終長度,建議設為8至10秒。

Export 成影片格式

七、出Post喇!

將製作好嘅影片拖入Facebook,好似平時咁出 Post 就OK喇!不過記住要將 Thumbnail set 去第一格,如果唔係 Facebook 又話你太多字唔畀落 Ads 㗎喇。記住,影片嘅文字量 (Amount of overlay text) 係計你嘅Thumbnail圖㗎。

記住要將 Thumbnail set 去第一格

Facebook 預設影片喺手機度會 Autoplay 而且無限 Loop,勁吸 user 眼睛!

Autoplay 而且無限 Loop,勁吸 user 眼睛!

八、Boost Post!

最後緊係要Boost 出去啦!可以見到煩人嘅 “too much text “已經冇再出現喇!

煩人嘅 “too much text “已經冇再出現喇!

如果你個圖係好多字嘅,不妨放一個靜態嘅版本喺Comment Section 畀大家睇清楚。

動態內容係大勢所趨,高質嘅視覺體驗令內容更具傳染力

Facebook 係一個百花齊放嘅Channel,用戶嘅Follow嘅Page 愈多,注意力更分散,只有最精華嘅內容能夠吸引到用戶互動。高速移動網絡繼續普及化,用戶將會花更多時間觀看影片,精美嘅動態內容比起傳統貼文更能勾起用戶興趣,留下深刻印象。

用 Powerpoint 只能製作非常簡單嘅動畫,不妨多花時間學習其他工具。市面上亦有一啲工具可以製作小動畫,例如 Flixel。運用 iMovie 可以加入更多效果,例如影片、Pan and Zoom、過場特效等。Adobe After Effects 或 Adobe Animate 提供係製作動畫嘅最佳工具,提供極精準嘅Timing控制,令文字動畫更有力量、自然同人性化。

用 Flixel 製作的 Cinemagraph
運用更多工具製作更有感染力嘅文字動畫 (圖片來源: eleventy marketing group)
動態內容係大勢所趨

YouTube有不少值得觀看嘅 Motion Graphics tutorials,我覺得以下哩個叫 TipTut 嘅 channel 教得不錯:

不妨多留意最近能夠吸引你停下來嘅 Digital Ads,睇下佢哋用咗咩技巧。

--

--

Fung

Having an open relationship with code, design, marketing, and unconventional… || https://fungc.io/