Pro karty X / Twitter
Podívejte se, jak se vaše adresa URL zobrazí na síti X jako Twitter Card.
Bez platební karty · Tarif Free napořád
X hledá nejdřív značky twitter:* a teprve potom sáhne po Open Graph. Většině webů stačí OG. Značky twitter:* mají smysl tam, kde chcete mít na X jiný náhled.
Kliknutí přivádí typ karty summary_large_image. Výchozí karty summary mají malé ikony a vedou si hůř.
Pořadí záložních značek je dobré znát přesně. U každého pole X nejdřív zkontroluje značku twitter:* a pak její obdobu og:* (twitter:title nahrazuje og:title, twitter:image nahrazuje og:image a tak dále). Jediná značka bez obdoby v OG je samotná twitter:card, která určuje typ karty. Bez ní může X kartu z dat OG vykreslit i tak, ale spolehlivou cestou k rozvržení s velkým obrázkem je výslovně uvést twitter:card=summary_large_image.
Zobrazení karet na X se v posledních letech několikrát změnilo. Byla dokonce období, kdy karty odkazů na X ukazovaly obrázek bez titulku přes něj, takže ještě větší váha padá na samotný obrázek. Navrhujte obrázky og:image/twitter:image tak, aby sdělily příběh bez jakéhokoli popisku. Čitelný titulek vložený přímo do obrázku je praktická odpověď na platformu, která svůj vzhled kolem vašich metadat stále předělává. Aktuální podobu ověřte testovacím příspěvkem, protože se mění.
Twitterbot stejně jako každý robot čte jen HTML vykreslené na serveru. Jednostránkové aplikace (SPA), které přidávají meta značky až v prohlížeči, mají prázdné karty. Pomůže vykreslování na serveru nebo předvykreslení. Twitterbot se také řídí souborem robots.txt. Pravidlo disallow, které ho zachytí, je překvapivě častou příčinou chybějících karet na jinak dobře označených webech.
Problémy s kartami na X se dnes ladí hůř než dřív. Oficiální Card Validator přišel o funkci náhledu, takže praktickým postupem ověření je v roce 2026 kontrola značek nástrojem třetí strany, jako je tento, a skutečný testovací příspěvek ze soukromého nebo méně důležitého účtu.
X má mezipaměť, ale drží data kratší dobu než Facebook nebo LinkedIn. Pokud jste značky opravili a stará karta se pořád zobrazuje, počkejte, nebo vyzkoušejte jinou variantu adresy URL. Přidáním neškodného parametru dotazu vynutíte nové stažení, protože mezipaměť se řídí adresou URL. Tento trik funguje na většině platforem, když potřebujete opravenou kartu vidět hned.
Pokud karta nevypadá správně, příčinou bývají tagy stránky nebo přesměrování před ní. Článek Jak opravit náhledy odkazů v Open Graph prochází tagy, které čtou jednotlivé platformy, kontrola přesměrování ukáže, zda scraper prochází několika kroky, než se dostane na vaši stránku, a skóre důvěryhodnosti odkazu prozradí, zda je označen jako rizikový samotný cíl. Pojmy (og:image, canonical, unfurl) vysvětluje slovník pojmů. Srozumitelná kontrola náhledu odkazu ukazuje hotovou kartu pro osm platforem najednou.
Než o novince napíšete, ověřte, že se karty s velkým obrázkem vykreslí. Čistě textový příspěvek v kanálu zbytečně přichází o pozornost.
Zkontrolujte, že obrázek a titulek karty na X odpovídají článku a že obrázek dává smysl i tehdy, když ho X zobrazí bez textu.
Odhalte chybějící značku twitter:card dřív, než vás připraví o zobrazení. Nástroj ukáže přesně ty značky, které stránka právě teď vrací.
Ověřte, že weby vykreslované v prohlížeči posílají robotům meta značky. Na moderních frontendových technologiích je to nejčastější příčina prázdných karet na X.
Zkontrolujte, že případné přepisy twitter:* a základní značky og:* říkají totéž, aby sdílení vypadalo promyšleně na X, LinkedInu i ve Slacku.
Předem nastavené varianty pro konkrétní platformy a případy použití.
Pro sdílení na LinkedInu
Podívejte se, jak bude vaše URL vypadat při sdílení na LinkedInu, ještě než příspěvek zveřejníte.
Otevřít variantuPro náhledy ve Slacku
Zjistěte, jak se vaše adresa URL rozbalí do náhledu ve zprávách a kanálech Slacku.
Otevřít variantuPro sdílení na Facebooku
Zjistěte, jak se vaše URL zobrazí v příspěvku nebo sdílení na Facebooku.
Otevřít variantuPro embedy na Discordu
Podívejte se, jak Discord vloží vaši URL do kanálu nebo soukromé zprávy.
Otevřít variantuPro chaty ve WhatsAppu
Podívejte se, jaký titulek, popis a miniaturu WhatsApp ukáže, když odkaz vložíte do chatu.
Otevřít variantuPro zprávy v Telegramu
Podívejte se, jak Telegram zobrazí vaši adresu URL v chatech, skupinách a kanálech.
Otevřít variantuPro bohaté odkazy v iMessage
Podívejte se na kartu bohatého odkazu, kterou aplikace Zprávy od Applu sestaví z og:title a og:image.
Otevřít variantu