Nejspíš už jste zaznamenali, že odkaz na firemní web vypadá na sociálních sítích úplně jinak než v prohlížeči. Místo pěkného náhledu s obrázkem a titulkem se občas zobrazí jen holá adresa, náhodný obrázek z webu či úplně prázdné pole místo popisku. Příčinou bývá chybějící či špatně vyplněný Open Graph tag, případně jeho protějšek pro platformu X, takzvaná Twitter Card. Kontrola Twitter Cards a Open Graph nevyžaduje žádné programování ani zásah do zdrojového kódu stránky.
Stačí jen vědět, kam se podívat a co v náhledu hledat. Rozdíl mezi oběma standardy je přitom v praxi malý – oba popisují stejný obsah stránky, jen ho čtou jiné platformy.
Proč se náhled odkazu vůbec kontroluje
Když někdo sdílí odkaz na firemní web, sociální síť si sama stáhne z hlavičky stránky sadu meta tagů a podle nich sestaví náhledovou kartu s obrázkem, titulkem a krátkým popisem. Pokud tyto tagy chybí, případně obsahují nesmyslné hodnoty, výsledný náhled odrazuje od prokliku, i kdyby byl samotný obsah stránky kvalitní. Firma tak může přicházet o návštěvnost jen kvůli pár řádkům v hlavičce, o kterých nikdo z týmu neví, že vůbec existují.
Podobný problém potká i firmy, které web spravují přes redakční systém s výchozí šablonou, protože ta často generuje obrázek nebo titulek automaticky a výsledek se s reálným obsahem stránky vůbec nemusí shodovat, třeba když se u produktové stránky zobrazí logo firmy místo fotky konkrétního produktu.
Pravidelná kontrola firemního profilu na sociálních sítích by tudíž měla patřit k základním úkonům stejně jako průběžná analýza webu a funkčnosti odkazů.
Jak zkontrolovat Open Graph a Twitter Card bez zásahu do kódu
Nejrychlejší cestou je vložit adresu stránky do online nástroje, který meta tagy sám vyčte a zobrazí je v přehledné podobě, včetně náhledu karty tak, jak by ji viděl uživatel na sociální síti.
Obvykle stačí do nástroje pouze zadat příslušné URL a během chvíle se ukáže, jestli stránka vůbec nějaké tagy obsahuje a zda mají správný formát. Výhodou takového přehledu je, že se všechny hodnoty zobrazí najednou vedle sebe, takže je hned vidět, jestli chybí obrázek, titulek, nebo popisek, aniž by bylo nutné procházet zdrojový kód řádek po řádku.
Řešení s pomocí online nástroje ušetří čas a sníži i chybovost. Při ručním prohledávání kódu stránky se jednotlivé značky snadno přehlédnou mezi stovkami dalších řádků, obzvlášť pokud stránku spravuje více lidí a hlavička postupně naroste do nepřehledné podoby.
Co všechno při kontrole zohlednit
Samotné zobrazení náhledu ještě neznamená, že je vše v pořádku. Pozornost si zaslouží i jednotlivé hodnoty jednotlivě:
- obrázek by měl mít doporučený poměr stran a dostatečné rozlišení, jinak se ořízne nebo rozmaže,
- titulek nesmí být příliš dlouhý, jinak se na některých platformách zkrátí uprostřed věty,
- popisek by měl stručně vystihovat obsah stránky, ne opakovat titulek jinými slovy,
- adresa obrázku musí být veřejně dostupná a nesmí vyžadovat přihlášení, jinak si ji sociální síť vůbec nestáhne.
Rozdíl mezi Open Graph a Twitter Cards
Chybu často způsobí i to, že web má vyplněný jen Open Graph pro Facebook a chybí mu samostatné twitter:tagy, takže se na X zobrazí neúplný, popřípadě generický náhled i přesto, že na Facebooku vypadá odkaz v pořádku.
Platforma X totiž bez vlastních twitter:tagů částečně přebírá hodnoty z Open Graph, ne vždy ale ve stejné podobě, jakou by měl mít optimalizovaný náhled přímo pro tuto síť.
Proč se náhled nezmění, i když je vše opravené
Sociální sítě si informace o odkazu po prvním sdílení uloží do vlastní mezipaměti a dál je znovu nenačítají při každém dalším sdílení stejné adresy. Pokud tedy firma tagy opraví, ale odkaz už byl dříve sdílený, starý náhled se může zobrazovat ještě dlouho po opravě, klidně i několik dní.
Řešením bývá vynucené znovunačtení přes nástroj pro ladění dané platformy, který si adresu stránky vyžádá znovu a mezipaměť aktualizuje. Bez tohoto kroku může tým chybně usoudit, že oprava nezabrala, přestože je hlavička stránky už v pořádku a chyba zůstává jen v uložené kopii na straně sociální sítě.
Stejná situace nastává i po přesunu webu na novou adresu, kdy starý náhled zůstává viditelný u všech dříve sdílených odkazů, dokud si je někdo znovu nevyžádá.
Kdy zařadit kontrolu do pravidelné rutiny
Kontrola se hodí vždy po redesignu webu, migraci na novou doménu, popřípadě po úpravě šablony, protože právě při těchto zásazích se meta tagy nejčastěji ztratí a přepíší výchozí hodnotou z šablony.
Stejně užitečná je i před spuštěním placené kampaně na sociálních sítích, kde neatraktivní náhled snižuje míru prokliku a prodražuje celou kampaň, protože platformy hůře hodnocené kreativy penalizují vyšší cenou za proklik.
Je tudíž vhodné zkontrolovat i jednotlivé podstránky, ne jen hlavní stránku webu, protože šablona s výchozími hodnotami se často aplikuje na celý web najednou a konkrétní produktová nebo blogová stránka pak nemá vlastní obrázek ani popisek.
Jako u jakékoliv jiné kontroly, i u kontroly Twitter Cards a Open Graph platí pravidelnost nadevše. Jednorázová kontrola rychle ztrácí smysl, neboť chyby se do webu vrací spolu s každou další úpravou šablony.
