Co jsou to Meta Tagy (Open Graph a Twitter Cards)?
Představte si, že napíšete skvělý článek a někdo ho nasdílí na Facebook nebo pošle kolegovi přes LinkedIn či iMessage. Pokud váš web nemá správně nastavené meta tagy, sociální síť se pokusí obrázek a text "uhodnout". Často tak vybere ošklivé logo ze zápatí a text ze sušenkové lišty (Cookies). To zabíjí takzvané CTR (míru prokliku).
1. Open Graph (og:) tagy
Tento standard vytvořil původně Facebook, ale dnes jej čte prakticky celý internet (LinkedIn, Pinterest, WhatsApp, iMessage, Slack, Discord...). Pomocí tagů jako og:title, og:description a především og:image diktujete sítím, jak přesně má náhledová karta vypadat.
2. Twitter Cards (twitter:) tagy
Sociální síť X (dříve Twitter) používá svůj vlastní formát tagů. Pokud na webu máte pouze Open Graph, Twitter je většinou dokáže přečíst jako zálohu. Nicméně pro 100% jistotu a vynucení velkého náhledového obrázku (což generuje mnohem více kliknutí) je nutné přidat tag twitter:card s hodnotou summary_large_image.
Správná velikost obrázku (og:image)
Aby byl obrázek krásně ostrý na Retina displejích i velkých monitorech a aby ho sítě ořízly správně (neusekly vám hlavu nebo text), dodržujte poměr stran 1.91:1. Ideální a bezpečné rozlišení pro export obrázků (např. z Canvy nebo Photoshopu) je 1200 × 630 pixelů. Obrázek musí být veřejně dostupný na internetu a jeho adresu vložíte do tagu content.