Vizuální obsah na Facebooku přináší dvakrát až třikrát víc interakcí než příspěvky jen s textem, ale tato výhoda se projeví jen tehdy, když jsou vizuály vytvořené pro platformu. Obrázek, který na počítači vypadá vyleštěně, může v mobilním feedu působit oříznutě, rozmazaně nebo přeplněně. Video, které funguje na jiné platformě, může na Facebooku zaostávat, protože nebylo naformátované podle toho, jak ho Facebook šíří a zobrazuje. Správně zvládnout vizuální obsah na Facebooku je méně o designérském talentu a víc o pochopení konkrétních omezení prostředí, kde se obsah skutečně uvidí.
Tento článek popisuje specifikace obrázků a videí, na kterých záleží, zásady designu, které se promítají do interakcí, a rozhodnutí o formátu, která ovlivňují, jak daleko se obsah dostane.
Proč na vizuálních specifikacích Facebooku záleží víc, než si většina značek uvědomuje
Většina uživatelů je v mobilu
Přes 85 procent uživatelů Facebooku používá platformu na mobilním zařízení, což znamená, že každý vizuál, který značka zveřejní, se uvidí především na malé obrazovce v něčí ruce. Obrázek navržený v rozměru 1200 na 628 pixelů vypadá na 6palcové obrazovce telefonu úplně jinak než v designovém programu, kde vznikl. Text, který se na počítači zdá čitelný, může být v mobilní velikosti nečitelný. Pozadí, které na velkém monitoru vypadá čistě, může po zmenšení působit rušivě. Navrhovat nejdřív pro mobil a pak zkontrolovat, jak to vypadá na počítači, dává lepší výsledky než opačný postup.
Facebook obrázky automaticky ořezává
Facebook na obrázky uplatňuje automatické ořezávání podle toho, kde se zobrazují: ve feedu, na stránce, v náhledech nebo v reklamách. Obrázek, který nemá správnou velikost pro umístění, do kterého jde, se ořízne způsobem, který značka nezamýšlela: uřízne tváře, odstraní klíčový text nebo nechá obrázek vizuálně nevyvážený. Znalost toho, které rozměry platí pro které umístění, předchází nejčastějším vizuálním problémům, z nichž většina je pro značku neviditelná, ale každému, kdo příspěvek vidí ve svém feedu, okamžitě bije do očí.
Specifikace obrázků podle umístění
Příspěvky ve feedu
Čtvercové obrázky o rozměru 1080 na 1080 pixelů jsou nejspolehlivějším formátem pro příspěvky ve feedu na Facebooku, protože se zobrazují konzistentně v mobilu i na počítači bez výrazného ořezu. Obrázky na šířku o rozměru 1200 na 628 pixelů fungují dobře pro náhledy odkazů a příspěvky, kde dává smysl horizontální kompozice. Obrázky na výšku o rozměru 1080 na 1350 pixelů zabírají ve feedu víc svislého místa, což obvykle zvyšuje dobu zdržení, když uživatelé při rolování zpomalí u vyššího obrázku. U každého obrázku do feedu zajistí rychlé načítání bez ztráty kvality velikost souboru pod 8 megabajtů a formát JPEG nebo PNG.
Úvodní fotky a profilové obrázky
Úvodní fotka stránky se zobrazuje v rozměru 820 na 312 pixelů na počítači a 640 na 360 pixelů v mobilu, přičemž v mobilu se nahoře a dole automaticky ořezává. Veškerý text nebo klíčové vizuální prvky v úvodní fotce by měly být vystředěné vodorovně i svisle, s bezpečnou zónou zhruba 80 pixelů ponechanou volnou u horního a dolního okraje, aby se na menších obrazovkách neořízly. Profilový obrázek se na počítači zobrazuje jako kruh o rozměru 170 na 170 pixelů, což znamená, že loga s jemnými detaily nebo textem mohou být v této velikosti nečitelná. Zjednodušená verze loga nebo ikona loga bez nápisu jako profilový obrázek obvykle obstojí lépe.
Stories a Reels
Stories a Reels používají svislý poměr stran 9:16 v rozměru 1080 na 1920 pixelů. Tento svislý formát na celou obrazovku je celý postavený kolem sledování v mobilu a obsah vytvořený na šířku nebo ve čtverci se zobrazí s prázdným místem nahoře a dole, což vypadá neprofesionálně a snižuje vizuální dopad obsahu. Veškerý text nebo klíčové vizuální prvky ve Stories nebo Reels držte v centrální bezpečné zóně, mimo horních a dolních 15 procent snímku, kam Facebook překrývá prvky rozhraní, například jméno profilu, tlačítka líbí se mi a titulky.
Specifikace videa a co znamenají v praxi
Formát a rozlišení
Facebook podporuje širokou škálu formátů videa, ale soubory MP4 a MOV kódované kompresí H.264 dávají nejlepší kombinaci kvality a velikosti souboru pro nahrání na platformu. Rozlišení 1080p, tedy 1920 na 1080 pixelů u videa na šířku a 1080 na 1920 pixelů u svislého videa, je standard, který se ostře zobrazuje na většině mobilních obrazovek. Nižší rozlišení se nahrají rychleji, ale na novějších displejích telefonů mohou vypadat měkce nebo pixelovaně. Zvuk by měl být stereo minimálně 128 kilobitů za sekundu, protože Facebook ve výchozím nastavení přehrává video automaticky bez zvuku a mnoho uživatelů sleduje s vypnutým zvukem, ale kvalita zvuku záleží, když ho zapnou.
Délka a míra dokončení
U Reels fungují z hlediska míry dokončení nejlépe videa do devadesáti sekund a míra dokončení je jedním ze signálů, podle kterých algoritmus určuje dosah. U běžných videí ve feedu je jedna až tři minuty použitelný rozsah pro vzdělávací nebo ukázkový obsah, s vědomím, že většina diváků nedokouká do konce. Úvodní tři sekundy rozhodují o tom, zda většina diváků vůbec pokračuje. Video, které začíná titulní kartou, logem nebo pomalým úvodním záběrem, ztratí značnou část potenciálního publika dřív, než skutečný obsah začne. Začít nejpoutavějším vizuálním nebo informačním momentem a od něj stavět udrží pozornost účinněji.
Titulky a sledování bez zvuku
Facebook přehrává video ve feedu automaticky bez zvuku, což znamená, že značná část diváků zažívá videoobsah mlčky. Přidání titulků k videím není jen opatření pro přístupnost, je to strategie dosahu. Videa s titulky mají výrazně vyšší míru dokončení než videa bez nich, protože diváci, kteří by jinak němé video přerolovali, mohou obsah sledovat přes text. Nástroj Facebooku pro nahrávání videa obsahuje funkci automatického generování titulků, ale automaticky vytvořené titulky je třeba před zveřejněním vždy zkontrolovat a opravit, protože chyby v titulcích mohou podkopat profesionalitu obsahu.
Zásady designu, které se promítají do interakcí
Držte text na obrázcích na minimu
Obrázky plné textu zaostávají na Facebooku u algoritmu i u publika. Facebook historicky penalizoval obrázky s víc než 20 procenty textu v placených umístěních, a i když se toto pravidlo zmírnilo, důvod, proč existovalo, trvá: publikum přeroluje husté příspěvky s textem na obrázku rychleji než čisté vizuální příspěvky. Omezte text na obrázku na krátký nadpis nebo jedinou klíčovou frázi. Držte velikost písma dost velkou, aby se dala přečíst v mobilu, aspoň 30 bodů u čehokoli, co se má číst ve feedu, a používejte vysoký kontrast mezi textem a pozadím, aby byla slova čitelná, aniž by divák musel přibližovat.
Vizuální soudržnost napříč příspěvky
Stránka na Facebooku, kde každý příspěvek vypadá jinak stylem, barvami i formátem, nebuduje vizuální identitu, kterou by sledující se značkou spojovali. Soustavná paleta dvou až tří barev značky, jednoho nebo dvou typů písma a rozpoznatelný styl obrázků znamená, že sledující začnou obsah značky poznávat, ještě než přečtou slovo. Toto rozpoznání je jednou z tichých výhod, které značky se silnou vizuální soudržností časem budují: jejich obsah zastaví rolování ne proto, že je hlasitější, ale protože je povědomý. Šablony vytvořené v designových nástrojích tuto soudržnost umožňují bez nutnosti mít designéra na každý příspěvek.
Kontrast a jas v mobilu
Mobilní obrazovky se sledují v širokém rozsahu světelných podmínek, od jasného venkovního slunce po tlumené vnitřní prostředí. Obrázek, který na kalibrovaném monitoru vypadá dobře osvětlený a vyvážený, může na mobilní obrazovce na jasném slunci vypadat vybledle nebo v tlumené místnosti příliš tmavě. Mírné zvýšení kontrastu nad to, co vypadá přirozeně na obrazovce počítače, často dává obrázek, který je čitelnější napříč podmínkami, které mobilní uživatelé zažívají. Vyzkoušet obrázky na skutečném mobilním zařízení před zveřejněním, místo spoléhání jen na náhled na počítači, zachytí nejčastější problémy s viditelností dřív, než dorazí k publiku.
Výběr správného formátu pro každý kus obsahu
Kdy použít statické obrázky
Statické obrázky fungují nejlépe pro obsah, který sděluje jedinou jasnou myšlenku: produkt, citát, oznámení, srovnání před a po nebo vizuál, který podporuje textový příspěvek. Je to nejrychlejší formát na výrobu a nejsnáze se udržuje pravidelně, což z něj dělá praktickou páteř pravidelného rozvrhu publikování. Dosahem obvykle zaostávají za videem kvůli současným preferencím algoritmu, ale silný obrázek spárovaný s hodnotným textem soustavně předčí slabé video. Volba formátu je méně důležitá než kvalita obsahu.
Kdy použít video
Video funguje nejlépe, když obsahu skutečně prospívá pohyb, ukázka nebo vyprávění. Produkt, který funguje lépe, když se ukáže při používání, než když se popíše v popisku, postup, který se snáze sleduje než čte, nebo značka založená na osobnosti, kde je hlas zakladatele a způsob jeho mluvy součástí přitažlivosti značky, jsou silnými kandidáty na video. Video pro video, kde pohyblivý formát nepřidává nic, co by statický obrázek nebo textový příspěvek nesdělil stejně dobře, často zaostává jak ve výrobním úsilí, tak ve skutečných výsledcích.
Kdy použít karusely
Karusely se nejlépe hodí pro obsah s přirozeným pořadím: návody krok za krokem, sérii souvisejících tipů, produktovou řadu nebo příběh, který se odvíjí přes několik snímků. Interakce přejetím udrží uživatele zapojené déle než jediný obrázek a formát s více snímky umožňuje sdělit víc informací, aniž by se musely tísnit v jediném vizuálu. Každý snímek by měl fungovat jako samostatný vizuál s jednou jasnou myšlenkou, aby divák, který uvidí jen první snímek, dostal něco hodnotného, zatímco divák, který přejede všechny, získá úplný obrázek.
Jak vizuální obsah souvisí s širší strategií obsahu na Facebooku, popisuje Strategie obsahu na Facebooku. Jak formát obsahu ovlivňuje algoritmické šíření, vysvětluje Jak funguje algoritmus Facebooku. Organické růstové strategie, které na silném vizuálním obsahu staví, najdete v článku Marketing na Facebooku a organický růst.
Jak váš web souvisí s vizuálním obsahem na Facebooku?
Vizuální obsah na Facebooku vytváří první dojem. Web je místo, kde se tento dojem mění v něco měřitelného. Vizuálně silná přítomnost na Facebooku, která posílá lidi na web, jenž nedosahuje stejné úrovně kvality, ztrácí důvěryhodnost, kterou si ve feedu vybudovala. Vizuální soudržnost mezi tím, co značka ukazuje na Facebooku, a tím, co člověk najde po prokliku na webu, buduje důvěru, která mění sledujícího v zákazníka.
Tvůrce webů od WEMASY dává značkám profesionální cíl, který obstojí vedle standardu nastaveného silným vizuálním obsahem na sociálních sítích. Analytika a přehledy ve WEMASY ukazují, které příspěvky na Facebooku přivádějí návštěvy webu a co tito návštěvníci po příchodu dělají. Co je v tarifech zahrnuto, zjistíte v ceníku.
Často kladené otázky
Jaká velikost obrázku funguje nejlépe pro příspěvky ve feedu na Facebooku?
Čtvercové obrázky o rozměru 1080 na 1080 pixelů jsou nejspolehlivější velikostí pro příspěvky ve feedu na Facebooku, protože se zobrazují konzistentně v mobilu i na počítači bez výrazného automatického ořezu. Obrázky na šířku o rozměru 1200 na 628 pixelů fungují dobře pro náhledy odkazů a příspěvky, kde horizontální kompozice obsahu vyhovuje. Obrázky na výšku o rozměru 1080 na 1350 pixelů zabírají ve feedu víc svislého místa, což obvykle prodlužuje dobu, kterou divák příspěvku věnuje, než ho přeroluje. Kterýkoli z těchto rozměrů dá čistý výsledek, když je obrázek navržený přímo pro danou velikost, ne zvětšený z menšího originálu. S Tvůrcem webů od WEMASY si to můžete nastavit přímo na svém webu.
Měla by videa na Facebooku obsahovat titulky?
Ano. Facebook přehrává video ve feedu automaticky bez zvuku, což znamená, že mnoho diváků zažívá videoobsah v úplném tichu. Titulky těmto divákům umožní sledovat obsah, aniž by museli zapínat zvuk, což zvyšuje míru dokončení a zlepšuje přístupnost pro diváky se sluchovým postižením. Videa s titulky soustavně předčí stejná videa bez titulků v míře dokončení. Nástroj Facebooku pro nahrávání videa obsahuje automatický generátor titulků, ale výstup je třeba před zveřejněním ručně zkontrolovat a opravit, protože chyby v automaticky vytvořených titulcích mohou působit neprofesionálně.
Jak dlouhá by měla být videa na Facebooku?
U Reels dává nejlepší míru dokončení rozsah do devadesáti sekund a míra dokončení je významným algoritmickým signálem. U běžných videí ve feedu s vzdělávacím nebo ukázkovým obsahem je jedna až tři minuty použitelných, pokud obsah udrží zájem po celou dobu. Nejdůležitější jsou úvodní tři sekundy: pokud video během těchto prvních sekund nedá divákovi jasný důvod dál sledovat, většina z nich přeroluje. Začít nejzajímavějším nebo vizuálně nejpoutavějším momentem a od něj stavět udrží víc diváků než pomalý úvod.
Snižuje příliš mnoho textu na obrázku na Facebooku dosah?
Ano, u algoritmu i u publika. Facebook historicky penalizoval obrázky s velkým podílem textu v placených umístěních a i u organických příspěvků publikum obvykle přeroluje husté příspěvky s textem na obrázku rychleji než čistší vizuály. Omezit text na obrázku na krátký nadpis nebo jedinou klíčovou frázi ve velikosti písma dost velké pro čtení v mobilu funguje lépe než brát obrázek jako místo, kam se vejde co nejvíc informací. Lepším místem pro vysvětlující text je pole popisku.
V jakém poměru stran by se měly natáčet Reels na Facebooku?
Reels by se měly natáčet a exportovat ve svislém poměru stran 9:16 v rozměru 1080 na 1920 pixelů. Tento svislý formát na celou obrazovku je vytvořen pro sledování v mobilu a obsah natočený na šířku nebo ve čtverci se v rámu Reels zobrazí s prázdným místem nahoře a dole, což působí nedokončeně a snižuje vizuální dopad. Klíčový text, tváře a důležité vizuální prvky držte uprostřed snímku, mimo horních a dolních 15 procent, kam Facebook překrývá prvky svého rozhraní, například jméno profilu a tlačítka interakce.
Jak může značka udržet vizuální soudržnost na Facebooku bez designéra?
Šablonové designové nástroje umožňují vizuální soudržnost bez vyhrazeného designéra. Vytvoření sady tří až pěti opakovaně použitelných šablon příspěvků, každé s jednotnou barevnou paletou, typem písma a rozvržením, znamená, že nový obsah lze vyrábět rychle výměnou obrázků nebo textu, aniž by se design pokaždé stavěl od začátku. Použití stejných dvou až tří barev značky a nejvýše dvou typů písma napříč všemi šablonami určuje vizuální identitu. Kontrola, zda nové příspěvky působí rozpoznatelně podobně jako předchozí, před zveřejněním udržuje soudržnost v čase.