OG Image (Open Graph Image): vizuální vizitka vašeho webu a vládce sociálních sítí

Rychlá definice

Zkratka OG Image vychází z anglického termínu pro Open Graph Image. Jedná se o velmi specifický a neviditelný kousek zdrojového kódu vložený v hlavičce vašeho webu. Tento kód dává sociálním sítím a chatovacím aplikacím naprosto jasný pokyn, jaký konkrétní náhledový obrázek mají lidem automaticky zobrazit ve chvíli, kdy někdo nasdílí váš odkaz do zprávy nebo na svou zeď. Jde o vaši hlavní vizuální zbraň v boji o lidskou pozornost mimo samotné vyhledávače.

Příklad z praxe: náhodný zmatek versus vizuální dominance

Představte si vydání zásadního článku o nové revoluční technologii ve vašem oboru.

náhodný zmatek a ztracená pozornost: napíšete fantastický článek, ale nenastavíte mu žádný speciální obrázek pro sdílení. Váš nadšený čtenář pošle odkaz na váš web svým kolegům na profesní síť LinkedIn. Systém si v zoufalství náhodně vybere z webu třeba ikonu lupy z horního menu nebo oříznutou fotku autora z patičky webu. Váš průlomový článek vypadá ve feedu naprosto amatérsky a nikdo z oboru na něj neklikne.
vizuální dominance a lavina kliknutí: k článku pečlivě vygenerujete unikátní grafiku s velkým poutavým nadpisem a vaší firemní barvou. Když pak čtenář odkaz nasdílí, okamžitě se roztáhne obrovský, ostrý a perfektně oříznutý obrázek dominující celé obrazovce mobilního telefonu. Odkaz působí nesmírně profesionálně, křičí o pozornost a okamžitě přivádí na váš web stovky nových čtenářů.

Jak OG Image ovlivňuje váš byznys a proč ho musíte řešit

Tento jediný grafický prvek dokáže mnohonásobně zvýšit efektivitu vašeho obsahového marketingu na sociálních sítích.

rozhoduje o prvním dojmu a míře prokliku: lidé na sociálních sítích velmi rychle rolují obsahem a texty čtou jen minimálně. Rozhodnutí o kliknutí padá během jediné zlomky vteřiny pouze na základě přitažlivosti vašeho sdíleného náhledu.
buduje silné povědomí o vaší značce: i když uživatel na váš odkaz rovnou neklikne, vaše firemní barvy a logo v náhledu se mu neustále podvědomě vrývají do paměti. Když vás pak uvidí znovu, bude k vám cítit mnohem větší důvěru.
ovlivňuje i soukromé zprávy: tento obrázek se nenačítá jen na velkých sítích, ale i v aplikacích jako je WhatsApp, Messenger nebo iMessage. Krásný náhled ve skupinovém chatu dokáže vyvolat mnohem živější diskuzi než jen obyčejný modrý kus textového odkazu.

Nejčastější chyby: kdy svá vizuální data posíláte do koše

Nastavení náhledových obrázků má svá přísná grafická i technická pravidla, jejichž porušení znamená vizuální katastrofu.

ignorování správných poměrů stran: sociální sítě milují formát naležato. Pokud jako svůj sdílecí obrázek nastavíte čtvercovou fotku z Instagramu nebo vysoký portrét, systém fotku nemilosrdně ořízne. Důležité tváře nebo texty tak budou napůl uříznuté a nečitelné.
použití jednoho obrázku pro celý web: spoléhat se na to, že vám pro celou doménu stačí jedno univerzální logo firmy, je obrovská chyba. Pokud člověk sdílí konkrétní detail produktu, chce vidět fotografii daného produktu, nikoliv obecné logo vašeho eshopu.
příliš mnoho drobného textu v grafice: majitelé webů často zapomínají, že většina lidí uvidí jejich sdílený odkaz na velmi malém displeji telefonu. Pokud do obrázku vložíte dlouhá souvětí malým písmem, vznikne jen nečitelná šmouha.

Jak to vidíme v UNIKUM?

V naší agentuře vnímáme správně nastavené open graph tagy jako nezbytný vizuální kabát celého vašeho webu. Můžeme mít perfektně vyladěné texty i skvělou rychlost načítání, ale pokud váš odkaz vypadá při sdílení odpudivě, přicházíte o obrovský potenciál takzvaného virálního šíření.

Při tvorbě webů a kampaní vždy úzkostlivě hlídáme, aby každá důležitá kategorie a každý článek měly svůj vlastní originální obrázek ve správném rozlišení. U velkých eshopů s tisíci produkty navíc rádi nasazujeme chytré automatické systémy, které dokážou tyto krásné náhledové karty s fotkou, cenou a názvem generovat naprosto samy bez nutnosti lidských zásahů. Tím vám šetříme obrovské množství času a zároveň děláme naprosté maximum pro to, aby vaše značka na internetu působila vysoce profesionálně a konzistentně. Zásadně tak minimalizujeme riziko zobrazení rozbitých nebo nechtěných náhledů, ačkoliv občasné technické vrtochy samotných sociálních sítí pochopitelně nelze vždy stoprocentně vyloučit.

Mini FAQ

Jaký je přesný a ideální rozměr pro tento obrázek?

Zlatým oborovým standardem je aktuálně rozlišení tisíc dvě stě pixelů na šířku a šest set třicet pixelů na výšku. Tento konkrétní poměr stran naprosto bezpečně zaručí, že se váš obrázek zobrazí krásně a bez jakéhokoliv nepříjemného oříznutí napříč drtivou většinou dnešních platforem.

Co vůbec znamená ten pojem open graph protokol?

Jde o technický standard, který původně vytvořila společnost Facebook pro sjednocení toho, jak weby komunikují se sociálními sítěmi. Dnes se z něj stal naprostý celosvětový standard, který ochotně a rády převzaly téměř všechny ostatní sítě včetně sítě LinkedIn nebo Pinterest.

Proč se mi na sociální síti po úpravě webu stále ukazuje můj starý obrázek?

Platformy jako Facebook si obrázky kvůli rychlosti načítání ukládají do své vlastní vyrovnávací paměti. Pokud na webu obrázek vyměníte, Facebook o tom ještě nějakou dobu neví. Musíte využít jejich speciální bezplatný vývojářský nástroj, který sítím vnutí okamžité načtení vašich nejnovějších dat.