","err_audit_input_required":"Nejprve vložte HTML obsahující vaše meta značky.","mockups_heading":"Jak to vypadá jako náhled odkazu","mockups_disclaimer":"Tyto čtyři karty jsou stylizovaná přiblížení skutečného vzhledu náhledu odkazu každé platformy, vytvořená pouze pro plánovací účely – nejedná se o živé stažení nebo snímek obrazovky Twitteru/X, Facebooku, LinkedInu nebo Discordu a platformy mohou v průběhu času změnit vzhled svého náhledového uživatelského rozhraní.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Discord","mockup_image_alt":"Náhledový obrázek odkazu","mockup_no_image":"Není zadán žádný obrázek","mockup_no_image_short":"Žádný obrázek","domain_default_fallback":"example.com","audit_missing_title":"Chybí og:title – většina platforem bez něj zobrazí obecný nebo prázdný titulek.","audit_missing_description":"Chybí og:description – karta náhledu nezobrazí žádný souhrnný text.","audit_missing_image":"Chybí og:image – většina platforem nezobrazí žádný obrázek, nebo se vrátí k prvnímu obrázku nalezenému na stránce.","audit_missing_url":"Chybí og:url – bez něj se sdílení alternativních URL (se sledovacími parametry, AMP verzemi atd.) nemusí sloučit do kanonické stránky.","audit_title_too_long":"og:title má {length} znaků – přesahuje hranici ~{max} znaků, při které ho většina platforem ořízne.","audit_title_long":"og:title má {length} znaků – přesahuje hranici ~{max} znaků, při které ho některé platformy začínají ořezávat, i když jinde se může zobrazit celý.","audit_title_ok":"og:title má {length} znaků – v bezpečném rozsahu pro většinu platforem.","audit_description_too_long":"og:description má {length} znaků – přesahuje hranici ~{max} znaků, při které ho většina platforem ořízne.","audit_description_long":"og:description má {length} znaků – přesahuje hranici ~{max} znaků, při které ho některé platformy začínají ořezávat.","audit_description_ok":"og:description má {length} znaků – v bezpečném rozsahu pro většinu platforem.","audit_url_not_absolute":"Hodnota og:url „{value}“ není absolutní http(s) URL – měla by to být úplná kanonická URL stránky.","audit_image_not_absolute":"Hodnota og:image „{value}“ není absolutní http(s) URL – většina platforem vyžaduje plně kvalifikovanou URL obrázku.","audit_image_dims_small":"Deklarovaný og:image:width/height je {w}×{h} – pod široce doporučovaným minimem 1200×630 pro náhledy odkazů.","audit_image_dims_ok":"Deklarovaný og:image:width/height je {w}×{h} – splňuje široce doporučované minimum 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height jsou vyplněny, ale nejsou to platná čísla.","audit_image_dims_unknown":"Není deklarováno og:image:width/og:image:height – skutečné rozměry v pixelech nelze ověřit bez stažení obrázku, což tento nástroj záměrně nikdy nedělá kvůli soukromí. Doporučené minimum: 1200×630.","audit_twitter_card_missing":"Žádná značka twitter:card – Twitter/X obvykle sáhne po ekvivalentních og: značkách, ale explicitní twitter:card je spolehlivější.","audit_twitter_card_invalid":"Hodnota twitter:card „{value}“ není jednou ze čtyř hodnot, které validátor karet Twitteru akceptuje: summary, summary_large_image, app, player.","audit_twitter_card_ok":"twitter:card je „{value}“, platná hodnota.","audit_large_image_needs_image":"twitter:card je summary_large_image, ale nebyl nalezen žádný og:image ani twitter:image – tento typ karty potřebuje ke správnému vykreslení obrázek.","audit_twitter_title_fallback":"Není nastaven twitter:title – Twitter/X použije og:title.","audit_twitter_description_fallback":"Není nastaven twitter:description – Twitter/X použije og:description.","audit_twitter_image_fallback":"Není nastaven twitter:image – Twitter/X použije og:image.","audit_duplicate_tag_item":"„{tag}“ je deklarováno {count}krát – uplatní se pouze ta poslední, kterou většina platforem zpracuje."};
⭐ 0
🔍
Text Obrázek PDF a Dokumenty Audio Hudba Elektronika Čas Užitečné programy Validátory Ezoterika Hry

Generátor OG a Twitter Card – tvůrce, auditor a náhled meta značek

Vytvořte z formuláře <meta> značky Open Graph a Twitter Card připravené k vložení, nebo vložte existující <head> a zkontrolujte, zda nechybí značky, délku titulku/popisku a platnost twitter:card – a poté si obě varianty prohlédněte ve věrně stylizovaných maketách odkazových karet Twitter/X, Facebooku, LinkedIn a Discordu.

🔒 Zpracováno výhradně ve vašem prohlížeči – nic, co zde zadáte, se nikdy nenahraje.

Zpracovává se... 0%
Načítání vstupu
Sestavování/audit značek
Vykreslování náhledů
Hotovo

Výsledek

Meta značky Open Graph a Twitter Card rozhodují o tom, jak odkaz vypadá v okamžiku, kdy ho vložíte do Slacku, iMessage, tweetu nebo kanálu Discordu – titulek, popisek a obrázek vybraný z vlastního <head> stránky, nikoli z toho, co platforma náhodně vytěží z viditelného textu. Tento nástroj je zároveň tvůrce i auditor, ne jen obecná šablonovačka. V režimu BUILD vyplňte titulek, popisek, URL obrázku, kanonickou URL, typ obsahu a typ karty Twitter a on sestaví přesný blok značek <meta property="og:..."> a <meta name="twitter:..."> připravený k vložení do <head> vaší stránky, přičemž jakékoli prázdné pole přeskočí, místo aby vydával prázdné značky s prázdným obsahem.

V režimu AUDIT vložte své stávající <head> označení nebo HTML celé stránky a nástroj je zpracuje nativním DOMParserem prohlížeče, aby extrahoval všechny přítomné meta značky og: a twitter:, a poté provede kontroly, na kterých skutečně záleží: čtyři běžně vyžadované značky (og:title, og:description, og:image, og:url) jsou označeny, pokud chybí; og:title je změřen oproti hranici zhruba 60 znaků, kde ho některé platformy začínají ořezávat, a hranici zhruba 90 znaků, kde ho ořeže většina platforem; og:description je změřen oproti rozsahu zhruba 155 až 200 znaků, který většina platforem povoluje, než jej ořízne; twitter:card je zkontrolován oproti skutečným čtyřem hodnotám, které validátor karet Twitteru akceptuje – summary, summary_large_image, app, player – a je označen, pokud je cokoli jiného; a duplicitní značky (stejná vlastnost deklarovaná dvakrát, překvapivě častá chyba při kopírování a vkládání) jsou jmenovitě upozorněny.

S rozměry obrázku zacházíme poctivě: tento nástroj nemůže ověřit skutečnou velikost vašeho obrázku v pixelech, aniž by ho stáhl, a záměrně to nikdy nedělá, v souladu se zásadou těchto stránek nepoužívat externí požadavky. Pokud vaše HTML již deklaruje og:image:width a og:image:height, jsou tato deklarovaná čísla zkontrolována oproti široce doporučovanému minimu 1200×630; pokud ne, dostanete místo vykonstruovaného vyhovění či nevyhovění jasnou instrukční poznámku. Oba režimy vykreslují stejné čtyři makety náhledu odkazu – Twitter/X (přepínající mezi kompaktním rozvržením s náhledem „summary“ a celošířkovým rozvržením „summary_large_image“ v závislosti na hodnotě twitter:card), Facebook, LinkedIn a Discord – každá věrně přestylizovaná tak, aby odpovídala typografii a rozvržení dané platformy, spíše než jen jeden rámeček s jiným logem, a každá je jasně označena jako ilustrativní přiblížení pro plánovací účely, protože skutečné platformy v průběhu času mění vzhled svých náhledů a tento nástroj je nikdy nestahuje ani z nich nezískává data pro ověření.

Líbí se vám tento nástroj? Přijde vám tento produkt užitečný? Vidíte v něm potenciál a chcete ho podpořit?

🛡️
Zpracováno v prohlížeči

Vaše soubory a vstupy nikdy neopustí toto zařízení. Zpracování probíhá zcela offline. 100% bezpečné.

Přijímané formáty a pravidla

  • Režim BUILD sestavuje og:title, og:description, og:image, og:url, og:type, og:site_name a odpovídající značky twitter:card/twitter:site/twitter:title/description/image, přeskakuje jakékoli pole ponechané prázdné, s možností zkopírovat blok připravený k vložení jedním kliknutím.
  • Režim AUDIT extrahuje všechny <meta> značky og:/twitter: z vloženého HTML pomocí DOMParseru prohlížeče, upozorňuje na chybějící povinné značky (og:title/description/image/url), duplicitní značky a neplatné hodnoty twitter:card.
  • Kontrola délky používá skutečné běžně uváděné hranice: og:title kolem 60 znaků, než ho některé platformy začnou ořezávat (až zhruba 90 u těch nejbenevolentnějších), og:description kolem 155-200 znaků.
  • Vykresluje kartu Twitter/X ve správném rozvržení podle deklarovaného typu karty – kompaktní kartu „summary“ s malým čtvercovým náhledem, nebo celošířkové rozvržení „summary_large_image“ – spolu s náhledy pro Facebook, LinkedIn a Discord.

Klíčové výhody

✓ Dva opravdové nástroje v jednom: režim BUILD, který z formuláře vygeneruje přesné HTML <meta> značky og: a twitter:, a režim AUDIT, který analyzuje vložené HTML a najde a ohodnotí vaše stávající značky.
✓ Skutečná validace, ne kosmetický kontrolní seznam: chybějící povinné značky, délka og:title/og:description kontrolovaná podle skutečných limitů, při kterých platformy text ořezávají, a twitter:card kontrolovaná podle svých čtyř povolených hodnot.
✓ Upřímnost v tom, co nelze ověřit offline: rozměry obrázku v pixelech jsou pouze orientační, pokud vaše HTML již neuvádí og:image:width/og:image:height, protože tento nástroj nikdy nestahuje váš obrázek – záměrně, kvůli soukromí.
✓ Čtyři věrně odlišené makety platforem (rozvržení Twitter/X summary vs. summary_large_image, Facebook, LinkedIn, Discord) postavené ze stejného titulku/popisku/obrázku, jasně označené jako ilustrativní.

Případy užití

  • • Nový článek na blogu s hotovými social cards: vyplňte titulek, popisek a URL obrázku, vygenerujte blok og:/twitter: značek a vložte ho přímo do <head> stránky.
  • • Audit <head> existující vstupní stránky po migraci redakčního systému – odhalte chybějící og:image, og:title, který je příliš dlouhý a na některých platformách se ořízne, nebo neplatnou hodnotu twitter:card, jež tam omylem zůstala.
  • • Porovnejte, jak stejný titulek a obrázek vypadají v kompaktní kartě summary na Twitteru/X a v celošířkovém layoutu summary_large_image, a teprve pak se rozhodněte, který typ twitter:card použít.