Shrnutí
Bezplatný nástroj pro náhled Open Graph ukáže, jak bude odkaz vypadat při sdílení na Facebooku, X, LinkedIn a WhatsAppu, ještě před publikací. Napište titulek, popis, adresu obrázku, název webu a adresu stránky, přepínejte mezi čtyřmi sítěmi a přečtěte si kontrolní seznam: titulek o délce 15 až 70 znaků, popis o délce 55 až 200 znaků a obrázek o rozměrech 1200 × 630 pixelů. Poté tyto hodnoty zkopírujte do značek og:.
Chcete jít dál? Zeptejte se
Náhled Open Graph odpoví na jednu otázku: co uvidí lidé, když někdo vloží váš odkaz do příspěvku nebo chatu? Odpověď pochází z několika meta značek v hlavičce stránky. Protokol Open Graph, zveřejněný na adrese ogp.me, uvádí čtyři vlastnosti povinné na každé stránce: og:title, og:type, og:image a og:url. Když chybějí, každá platforma hádá, a hádání bývá špatný obrázek nebo popisek z menu jako titulek.
Co nástroj pro náhled Open Graph ukazuje?
Nástroj vykresluje vždy jednu kartu sdílení s kartou pro každou síť a aktualizuje ji, jak píšete. Každá platforma rozvrhuje stejné značky jinak, a proto karta, která vypadá dobře na jedné síti, může být na jiné oříznutá.
| Síť | Co karta ukazuje v nástroji | Na co si dát pozor |
|---|---|---|
| Obrázek, doména, titulek a popis | Celá karta: počítá se každé pole | |
| X | Obrázek s titulkem přes něj, doména pod ním | Slabý obrázek zakryje dobrý titulek |
| Obrázek, titulek a doména | Popis se nezobrazuje, takže titulek musí nést sdělení | |
| Bublina v chatu s obrázkem, titulkem, popisem a doménou | Karta je malá: nejdůležitější jsou první slova titulku |
Pod kartou kontrolní seznam o třech řádcích zezelená nebo zčervená: délka titulku, délka popisu a to, zda je nastaven obrázek. Pokud se adresa obrázku nenačte, karta spadne na prázdný zástupný obsah, což přesně vypadá rozbitý og:image na skutečném kanálu.
Jak nástroj používat krok za krokem?
- Vyplňte titulek, který plánujete použít v og:title. Může se lišit od značky title stránky: pište ho pro člověka, který listuje kanálem, ne pro výsledek vyhledávání.
- Přidejte název webu (og:site_name) a popis (og:description).
- Vložte adresu obrázku, tedy absolutní adresu souboru, který umístíte do og:image, začínající na https://.
- Zadejte adresu stránky: nástroj z ní vytáhne doménu, kterou každá síť zobrazuje.
- Přepínejte karty a zkontrolujte Facebook, X, LinkedIn a WhatsApp jeden po druhém, a opravujte kontrolní seznam, dokud nebudou všechny tři řádky zelené.
Nic se neodesílá ani neukládá: náhled se vykresluje ve vašem prohlížeči, takže můžete volně testovat nepublikované stránky a koncepty obrázků.
Které značky Open Graph stránka potřebuje?
Protokol vyžaduje čtyři, a dvě další kartu doplní. Protokol Open Graph také žádá, aby stránka s og:image uváděla og:image:alt, tedy popis toho, co obrázek zobrazuje.
| Značka | Role | Příkladová hodnota |
|---|---|---|
| og:title | Titulek karty | Bezplatný nástroj pro náhled Open Graph |
| og:type | Typ objektu: website, article, product… | article |
| og:image | Absolutní adresa náhledového obrázku | https://example.com/og/cover.jpg |
| og:url | Kanonická adresa stránky | https://example.com/guide |
| og:description | Jedna nebo dvě věty pod titulkem | Podívejte se, jak vaše odkazy vypadají, než je sdílíte. |
| og:site_name | Název celého webu | Příklad |
| og:image:alt | Popis obrázku pro lidi, kteří ho nevidí | Notebook se zobrazeným prodejním grafem |
Adresa og:url by měla odpovídat kanonické adrese stránky, aby se sdílení různých verzí stejné adresy sčítala u jednoho objektu. Všechny tyto značky napíšete najednou pomocí generátoru meta značek a rozdíl mezi značkami SEO a sociálními značkami vysvětluje naše položka slovníku o meta značkách.
Jaká velikost obrázku funguje na každé síti?
1200 × 630 pixelů, poměr stran 1,91:1, funguje na hlavních sítích. Meta žádá obrázky alespoň 1200 × 630 pixelů pro nejlepší zobrazení na obrazovkách s vysokým rozlišením a poměr co nejblíže 1,91:1, aby nedocházelo k oříznutí; LinkedIn žádá alespoň 1200 × 627 pixelů se stejným poměrem.
| Platforma | Doporučená velikost | Minimum | Největší velikost souboru |
|---|---|---|---|
| Facebook (Meta for Developers) | 1200 × 630 px, poměr 1,91:1 | 200 × 200 px; 600 × 315 px pro velké příspěvky s odkazem | 8 MB |
| LinkedIn (Nápověda LinkedIn) | Poměr 1,91:1 | 1200 × 627 px | 5 MB |
| Google Discover (Google Search Central) | 16:9, alespoň 1200 px na šířku | Více než 300 000 pixelů celkem | Neuvedeno |
Předmět a případný text držte uprostřed obrázku, protože některá rozvržení okraje ořezávají. Soubor před publikací zkomprimujte kompresorem obrázků: lehčí soubor každá síť načte rychleji.
Jak dlouhé mají být og:title a og:description?
Cílte na titulek o délce 15 až 70 znaků a popis o délce 55 až 200 znaků. Tyto rozsahy používá kontrolní seznam: pod nimi karta působí prázdně, nad nimi většina rozvržení text ořízne výpustkou, zvlášť na mobilu a v malé bublině WhatsAppu.
- Klíčová slova dejte na začátek. Na LinkedIn se popis nezobrazuje a na X leží titulek přes obrázku: začátek titulku musí fungovat sám.
- Neopisujte meta popis slovo od slova. Úryvek ve vyhledávání odpovídá na dotaz; karta sdílení musí člověka zastavit při listování. Úryvky pro vyhledávání koncipujte v generátoru meta popisů a v náhledu výsledků a poté je upravte pro sociální sítě.
- Vyhněte se přehnanému lákání na kliknutí. Karta, která slibuje víc, než stránka splní, přivede návštěvy, které hned odejdou.
Pomáhají značky Open Graph SEO?
Jako faktor pořadí ne, ale Google některé z nich čte. Google uvádí obsah og:title mezi zdroji, z nichž sestavuje odkazy s titulkem ve výsledcích (Google, odkazy s titulkem). Jeho systém názvů webů bere v úvahu také og:site_name, až po strukturovaných datech WebSite (Google, názvy webů). A u Discover Google doporučuje uvést velký, reprezentativní obrázek pomocí označení schema.org nebo značky og:image a vyhnout se obecným obrázkům, jako je logo.
Nepřímé účinky také záleží. Přehledná karta získá více kliknutí, když se vaše stránka sdílí, a každé sdílení je šance, že ji někdo přečte, citují a odkážou. Naše položka slovníku o sociálních signálech vysvětluje, co Google z aktivity na sociálních sítích bere a co ne.
Proč síť stále ukazuje starý náhled?
Protože platformy ukládají to, co při prvním čtení načtou. Meta vysvětluje, že její crawler stáhne a uloží metadata adresy při prvním sdílení, že obrázky se ukládají podle své adresy a že změna obrázku nemění náhled starých sdílení. Stránku obnovíte průchodem přes Sharing Debugger; nový obrázek pojmenujte novým názvem souboru, místo abyste přepsali starý. LinkedIn nabízí stejné obnovení přes svůj Post Inspector.
Pokud se obrázek nikdy neobjeví, zkontrolujte, zda je soubor veřejný: LinkedIn upozorňuje, že web blokující jeho crawler nebo obrázek uložený v chráněné složce náhled znemožní.
Které chyby rozbijí kartu sdílení?
- Relativní adresa obrázku, například /img/cover.jpg. Sítě stahují obrázek zvenku a potřebují celou adresu začínající na https://.
- Žádný og:image. Síť vybere libovolný obrázek na stránce, často logo nebo ikonu.
- Dvě značky og:title nebo og:image přidané současně šablonou a zásuvným modulem. Ponechte vždy jednu z každé.
- Stejný obrázek na každé stránce. Logo celého webu udělá z každého sdílení totožnou kartu; Google také odrazuje od obecných obrázků pro Discover.
- Značky doplněné JavaScriptem až po načtení. Crawlery sdílení čtou HTML, které vrátí server; značky vložené později nemusí být nikdy vidět.
Jak karty sdílení zapadají do plánu obsahu?
Každý článek, který publikujete, bude někde sdílen: v newsletteru, příspěvku na LinkedIn, týmovém chatu nebo v odpovědi ve fóru. Naplánování karty spolu s článkem ušetří kolo oprav po spuštění. Generátor blogových článků Sorank píše články s podklady a úvodním obrázkem a publikuje je na vašem webu, a přehled GEO a SEO poté sleduje návštěvnost a zmínky, které tyto stránky získají v Google i v odpovědích AI.
Dobrá karta sdílení je obrázek 1200 × 630, jasný titulek a poctivý popis, zkontrolované na každé síti před publikací. Náhled vytvořte hned, poté se podívejte na tarify Sorank, které publikují obsah připravený ke sdílení na autopilot.
