","err_audit_input_required":"Nejprve vložte HTML obsahující vaše metaznačky.","mockups_heading":"Jak to vypadá jako náhled odkazu","mockups_disclaimer":"Tyto čtyři karty jsou stylizované aproximace skutečného chrome náhledu odkazů na každé platformě, vytvořené pouze pro účely plánování – nejedná se o živé načtení nebo snímek obrazovky Twitter/X, Facebook, LinkedIn nebo Discord a platformy mohou časem změnit styl vlastního uživatelského rozhraní náhledu.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Nesoulad","mockup_image_alt":"Obrázek náhledu odkazu","mockup_no_image":"Nebyl poskytnut žá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 zobrazuje obecný nebo prázdný název bez něj.","audit_missing_description":"Chybí og:description — na kartě náhledu se nezobrazí žádný souhrnný text.","audit_missing_image":"Chybí og:image – většina platforem nezobrazuje žá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 nemusí podíly alternativních adres URL (s parametry měření, verzemi AMP atd.) konsolidovat na kanonickou stránku.","audit_title_too_long":"og:title je {length} znaků – nad bodem ~{max} znaků, kde jej většina platforem zkrátí.","audit_title_long":"og:title je {length} znaků – nad bodem ~{max} znaků, kde jej některé platformy začnou zkracovat, i když jinde se může stále zobrazovat plně.","audit_title_ok":"og:title je {length} znaků – v bezpečném rozsahu pro většinu platforem.","audit_description_too_long":"og:description je {length} znaků – nad bodem ~{max} znaků, kde jej většina platforem přeruší.","audit_description_long":"og:description je {length} znaků – nad bodem ~{max} znaků, kde jej některé platformy začínají zkracovat.","audit_description_ok":"og:description je {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á adresa URL stránky.","audit_image_not_absolute":"Hodnota og:image „{value}“ není absolutní http(s) URL – většina platforem vyžaduje plně kvalifikovanou adresu URL obrázku.","audit_image_dims_small":"Deklarovaná hodnota og:image:width/height je {w}×{h} – méně než obecně doporučované minimum 1200×630 pro náhledy odkazů.","audit_image_dims_ok":"Deklarovaná hodnota 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 přítomny, ale nejsou platná čísla.","audit_image_dims_unknown":"Není deklarováno žádné og:image:width/og:image:height – skutečné rozměry v pixelech nelze ověřit bez načtení obrázku, což tento nástroj nikdy nedělá, kvůli ochraně soukromí. Doporučené minimum: 1200×630.","audit_twitter_card_missing":"Žádná značka twitter:card – Twitter/X se obecně vrátí k ekvivalentním značkám og:, ale explicitní twitter:card je spolehlivější.","audit_twitter_card_invalid":"twitter:hodnota karty „{value}“ není jednou ze čtyř hodnot, které validátor karet Twitteru přijímá: souhrn, souhrnný_velký_image, aplikace, přehrávač.","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 nebo twitter:image — tento typ karty potřebuje obrázek, aby se správně vykreslil.","audit_twitter_title_fallback":"Žádná sada twitter:title — Twitter/X se vrátí zpět na og:title.","audit_twitter_description_fallback":"Není nastaven žádný twitter:description — Twitter/X přejde zpět na og:description.","audit_twitter_image_fallback":"Není nastaven žádný twitter:image — Twitter/X se vrátí zpět na og:image.","audit_duplicate_tag_item":"„{tag}“ je deklarováno {count}krát – skutečně se projeví pouze to poslední, které většina platforem analyzuje."};
⭐ 0
🔍
Text Obrázek PDF a Dokumenty Audio Hudba Elektronika Čas Užitečné programy Validátory Ezoterika Hry

OG & Twitter Card Generator — Meta Tag Builder, Auditor & Preview

Vytvořte připravené k vložení Open Graph a Twitter Card tagy <meta> z formuláře nebo vložte existující <head> a zkontrolujte, zda v něm chybí tagy, délka názvu/popisu a platnost twitter:card – poté si oba prohlédněte ve skutečně přepracovaných maketách odkazových karet Twitter/X, Facebook, LinkedIn a Discord.

Buy Me a Coffee at ko-fi.com
Zpracování... 0%
Vstup pro čtení
Stavební/auditové značky
Vykreslování náhledů
Hotovo

Výsledek

Metaznačky Open Graph a Twitter Card rozhodují o tom, jak bude odkaz vypadat v okamžiku, kdy je vložen do Slacku, iMessage, tweetu nebo kanálu Discord – název, popis a obrázek, který zvolí vlastní <head> stránky, nikoli cokoliv, co platforma náhodou seškrábe z viditelného hlavního textu. Tento nástroj je zároveň tvůrcem a auditorem, nikoli obecným vyplňováním šablon. V režimu BUILD vyplňte název, popis, adresu URL obrázku, kanonickou adresu URL, typ obsahu a typ karty Twitter a vytvoří se přesný blok značek <meta property="og:..."> a <meta name="twitter:...">, který je připraven k vložení do <head> vaší stránky, přičemž místo toho, aby se generovaly prázdné značky s prázdným obsahem, přeskočíte všechna pole, která necháte prázdná.

V režimu AUDIT vložte své stávající označení <head> nebo HTML celé stránky a nástroj je analyzuje s nativním DOMParserem prohlížeče, aby extrahoval všechny již přítomné meta tagy og: a twitter:, poté spustí kontroly, na kterých skutečně záleží: čtyři běžně požadované značky (og:title, og:description, og:image, ogged if missing); og:title se měří proti zhruba 60znakovému bodu, kde jej některé platformy začínají zkracovat, a zhruba 90znakovému bodu, kde to většina platforem udělá; og:description se měří proti rozsahu zhruba 155 až 200 znaků, který většina platforem umožňuje, než jej odřízneme; twitter:card je porovnána se skutečnými čtyřmi hodnotami, které akceptuje validátor karet Twitteru – souhrn, souhrnný_obrázek, aplikace, přehrávač – a označen, pokud jde o něco jiného; a duplicitní značky (stejná vlastnost deklarovaná dvakrát, překvapivě běžná chyba kopírování a vkládání) jsou volány jménem.

S rozměry obrázku se zachází poctivě: tento nástroj nemůže ověřit skutečnou velikost obrázku v pixelech, aniž by jej načetl, a záměrně to nikdy nedělá, což odpovídá zásadě tohoto webu bez externích požadavků. Pokud vaše HTML již deklaruje og:image:width a og:image:height, jsou tato deklarovaná čísla kontrolována podle široce doporučovaného minima 1200×630; pokud ne, dostanete jasnou naváděcí poznámku namísto vymyšleného průchodu nebo selhání. Oba režimy vykreslují stejné čtyři makety náhledu odkazu – Twitter/X (přepínání mezi kompaktním „souhrnným“ rozvržením miniatur a rozvržením „summary_large_image“ s plnou šířkou v závislosti na hodnotě twitter:karty), Facebook, LinkedIn a Discord – každý skutečně přepracován tak, aby odpovídal vlastní typografii dané platformy a spíše než jeden štítek a pole s logem, každý je odlišný. aproximace pro účely plánování, protože skutečné platformy v průběhu času mění svůj náhledový chróm a tento nástroj je nikdy nenačte ani neseškrábe ke kontrole.

🛡️
Spuště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řijaté 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řičemž vynechá všechna pole, která zůstanou prázdná, s kopií bloku připraveného k vložení na jedno kliknutí.
  • Režim AUDIT extrahuje každou značku og:/twitter: <meta> z vloženého HTML pomocí DOMParseru prohlížeče, označí chybějící požadované značky (og:title/description/image/url), duplicitní značky a neplatné hodnoty twitter:card.
  • Navádění délky používá skutečné běžně uváděné prahové hodnoty: og:title asi 60 znaků, než je některé platformy začnou zkracovat (až zhruba 90 na nejtolerantnějších), og:description asi 155-200 znaků.
  • Vykreslí kartu Twitter/X ve správném rozložení pro deklarovaný typ karty – kompaktní „souhrnnou“ kartu s malou čtvercovou miniaturou nebo rozvržení „summary_large_image“ v celé šířce – spolu s náhledy Facebook, LinkedIn a Discord.

Hlavní výhody

✓ Dva skutečné nástroje v jednom: režim BUILD, který generuje přesné HTML značky og: a twitter: <meta> z formuláře, a režim AUDIT, který analyzuje vložený kód HTML, aby našel a ohodnotil vaše stávající značky.
✓ Skutečné ověření, nikoli kosmetický kontrolní seznam: chybí požadované značky, délka og:title/og:description se kontroluje podle skutečných limitů, na kterých jsou platformy zkráceny, a twitter:card se kontroluje podle skutečných čtyř povolených hodnot.
✓ Upřímně řečeno, co nelze ověřit offline: rozměry obrázku v pixelech jsou pouze orientační, pokud vaše HTML již nedeklaruje og:image:width/og:image:height, protože tento nástroj nikdy nenačte váš obrázek – záměrně, kvůli soukromí.
✓ Čtyři skutečně odlišné modely platforem (souhrn Twitter/X vs rozvržení souhrnného_obrázku, Facebook, LinkedIn, Discord) vytvořené ze stejného názvu/popisu/obrázku, jasně označené jako ilustrativní.

Případy použití

  • • Odešlete nový blogový příspěvek se správnými sociálními kartami: vyplňte název, popis a hostovaný titulní obrázek, vygenerujte blok tagu og:/twitter: a vložte jej přímo do <head> stránky.
  • • Po migraci CMS zkontrolujte <head> stávající vstupní stránky, abyste zachytili chybějící og:image, og:title, který je dostatečně dlouhý na to, aby byl na některých platformách zkrácen, nebo zbývající neplatnou hodnotu twitter:card.
  • • Než se rozhodnete, který typ twitter:karty deklarovat, porovnejte, jak se stejný název a obrázek čte na kompaktní souhrnné kartě Twitter/X s jejím rozvržením souhrnného_obrázku v plné šířce.