","err_audit_input_required":"Najprv prilepte kód HTML obsahujúci vaše metaznačky.","mockups_heading":"Ako to vyzerá ako ukážka odkazu","mockups_disclaimer":"Tieto štyri karty sú štylizovanými aproximáciami skutočného chrómu ukážok odkazov každej platformy, ktoré boli vytvorené iba na účely plánovania – nejde o živé načítanie ani snímku obrazovky zo služieb Twitter/X, Facebook, LinkedIn alebo Discord a platformy môžu časom zmeniť štýl vlastného používateľského rozhrania ukážky.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Nesúlad","mockup_image_alt":"Obrázok ukážky odkazu","mockup_no_image":"Nebol poskytnutý žiadny obrázok","mockup_no_image_short":"Žiadny obrázok","domain_default_fallback":"example.com","audit_missing_title":"Chýba og:title – väčšina platforiem zobrazuje všeobecný alebo prázdny názov bez neho.","audit_missing_description":"Chýba og:description – na karte ukážky sa nezobrazí žiadny súhrnný text.","audit_missing_image":"Chýba og:image – väčšina platforiem nezobrazuje žiadny obrázok alebo sa vracia k prvému obrázku nájdenému na stránke.","audit_missing_url":"Chýba og:url – bez neho sa nemusia podiely alternatívnych webových adries (s parametrami sledovania, verziami AMP atď.) skonsolidovať na kanonickú stránku.","audit_title_too_long":"og:title má {length} znakov – nad bodom ~{max} znakov, kde ho väčšina platforiem skráti.","audit_title_long":"og:title má {length} znakov – nad bodom ~{max} znakov, kde ho niektoré platformy začínajú skracovať, hoci inde sa môže stále zobraziť úplne.","audit_title_ok":"og:title má {length} znakov – v bezpečnom rozsahu pre väčšinu platforiem.","audit_description_too_long":"og:description je {length} znakov – nad bodom ~{max} znakov, kde väčšina platforiem preruší.","audit_description_long":"og:description je {length} znakov – nad bodom ~{max} znakov, kde ho niektoré platformy začínajú skracovať.","audit_description_ok":"og:description je {length} znakov — v bezpečnom rozsahu pre väčšinu platforiem.","audit_url_not_absolute":"Hodnota og:url „{value}“ nie je absolútna http(s) URL – mala by to byť úplná kanonická adresa URL stránky.","audit_image_not_absolute":"Hodnota og:image „{value}“ nie je absolútna http(s) URL – väčšina platforiem vyžaduje plne kvalifikovanú adresu URL obrázka.","audit_image_dims_small":"Deklarovaná hodnota og:image:width/height je {w}×{h} – menej ako všeobecne odporúčané minimum 1200×630 pre ukážky odkazov.","audit_image_dims_ok":"Deklarovaná hodnota og:image:width/height je {w}×{h} – spĺňa široko odporúčané minimum 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height sú prítomné, ale nie sú platné čísla.","audit_image_dims_unknown":"Nie je deklarované žiadne og:image:width/og:image:height – skutočné rozmery v pixeloch nie je možné overiť bez načítania obrázka, čo tento nástroj nikdy nerobí z dôvodu ochrany súkromia. Odporúčané minimum: 1200×630.","audit_twitter_card_missing":"Žiadna značka twitter:card – Twitter/X sa vo všeobecnosti vráti späť k ekvivalentným značkám og:, ale explicitná twitter:card je spoľahlivejšia.","audit_twitter_card_invalid":"twitter:hodnota karty „{value}“ nie je jednou zo štyroch hodnôt, ktoré akceptuje validátor kariet Twitteru: súhrn, súhrnný_veľký_obrázok, aplikácia, prehrávač.","audit_twitter_card_ok":"twitter:card je \"{value}\", platná hodnota.","audit_large_image_needs_image":"twitter:card je súhrnný_veľký_obrázok, ale nenašli sa žiadne og:image ani twitter:image — tento typ karty potrebuje na správne vykreslenie obrázok.","audit_twitter_title_fallback":"Nie je nastavený twitter:title — Twitter/X sa vráti späť na og:title.","audit_twitter_description_fallback":"Nie je nastavený žiadny twitter:description – Twitter/X sa vráti späť na og:description.","audit_twitter_image_fallback":"Nie je nastavený žiadny twitter:image – Twitter/X sa vráti späť na og:image.","audit_duplicate_tag_item":"„{tag}“ je deklarované {count}-krát – v skutočnosti sa prejaví iba posledný, ktorý analyzuje väčšina platforiem."};
⭐ 0
🔍
Text Obrázok PDF a Dokumenty Audio Hudba Elektronika Čas Užitočné programy Validátory Ezoterika Hry

Generátor kariet OG a Twitter – nástroj na tvorbu metaznačiek, audítor a náhľad

Zostavte hotové značky Open Graph a Twitter Card <meta> z formulára alebo prilepte existujúcu <head>, aby ste v nej mohli skontrolovať chýbajúce značky, dĺžku názvu/popisu a platnosť twitter:karty – potom si pozrite obe značky v skutočne upravených maketách odkazových kariet Twitter/X, Facebook, LinkedIn a Discord.

Buy Me a Coffee at ko-fi.com
Spracovanie... 0%
Vstup na čítanie
Budovanie/audit tagov
Vykresľovanie ukážok
Hotovo

Výsledok

Metaznačky Open Graph a Twitter Card rozhodujú o tom, ako bude odkaz vyzerať v momente, keď je vložený do Slacku, iMessage, tweetu alebo kanála Discord – názov, popis a obrázok, ktorý vyberie stránka <head>, nie čokoľvek, čo platforma náhodou zoškrabne z viditeľného hlavného textu. Tento nástroj je zároveň tvorcom aj audítorom, nie všeobecnou šablónou. V režime BUILD vyplňte názov, popis, adresu URL obrázka, kanonickú adresu URL, typ obsahu a typ karty Twitter a vytvorí sa presný blok <meta property="og:..."> a <meta name="twitter:...">, ktorý je pripravený na prilepenie do <head> vašej stránky, pričom sa preskočí akékoľvek pole, ktoré necháte prázdne, namiesto toho, aby sa vygenerovali prázdne značky s prázdnym obsahom.

V režime AUDIT prilepte svoje existujúce označenie <head> alebo celý kód HTML stránky a nástroj ho analyzuje s natívnym DOMParserom prehliadača, aby extrahoval všetky už prítomné metaznačky og: a twitter:, potom spustí kontroly, na ktorých skutočne záleží: štyri bežne požadované značky (og:title, og:description, og:image, ogged if missing); og:title sa meria oproti približne 60-znakovému bodu, kde ho niektoré platformy začínajú skracovať, a zhruba 90-znakovému bodu, kde to väčšina platforiem urobí; og:description sa meria v porovnaní s rozsahom približne 155 až 200 znakov, ktorý väčšina platforiem umožňuje pred jeho odrezaním; twitter:card sa skontroluje oproti skutočným štyrom hodnotám, ktoré akceptuje validátor kariet Twitteru – sumár, sumárny_veľký_obrázok, aplikácia, hráč – a ak ide o čokoľvek iné, označí sa; a duplicitné značky (rovnaká vlastnosť deklarovaná dvakrát, prekvapivo bežná chyba kopírovania a vkladania) sa volajú podľa mena.

S rozmermi obrázka sa zaobchádza čestne: tento nástroj nemôže overiť skutočnú veľkosť obrázka v pixeloch bez toho, aby ho načítal, a zámerne to nikdy nerobí, pretože je v súlade so zásadami tejto lokality bez externých požiadaviek. Ak váš HTML už deklaruje og:image:width a og:image:height, tieto deklarované čísla sa skontrolujú podľa všeobecne odporúčaného minima 1200×630; ak nie, dostanete jasnú navádzaciu poznámku namiesto vymysleného pasu alebo zlyhania. Oba režimy vykresľujú rovnaké štyri makety ukážky odkazu – Twitter/X (prepínanie medzi kompaktným rozložením miniatúr „summary“ a rozložením „summary_large_image“ s plnou šírkou v závislosti od hodnoty twitter:karty), Facebook, LinkedIn a Discord – každý skutočne preštylizovaný tak, aby zodpovedal vlastnej typografii platformy a skôr ako jedno rozloženie s iným logom, každý s iným rozložením a logom aproximáciu na účely plánovania, pretože skutočné platformy časom menia svoj náhľadový chróm a tento nástroj ich nikdy nenačíta ani nezoškrabuje na kontrolu.

🛡️
Spustené v prehliadači

Vaše súbory a vstupy nikdy neopustia toto zariadenie. Spracovanie prebieha úplne offline. 100% bezpečné.

Prijaté formáty a pravidlá

  • Režim BUILD vytvára og:title, og:description, og:image, og:url, og:type, og:site_name a zodpovedajúce značky twitter:card/twitter:site/twitter:title/description/obrázok, pričom preskočí ľubovoľné pole, ktoré zostane prázdne, s kópiou bloku pripraveného na prilepenie jedným kliknutím.
  • Režim AUDIT extrahuje každú značku og:/twitter: <meta> z vloženého kódu HTML prostredníctvom DOMParsera prehliadača, označí chýbajúce požadované značky (og:title/description/image/url), duplicitné značky a neplatné hodnoty twitter:card.
  • Návod na dĺžku používa skutočné bežne uvádzané prahové hodnoty: og:title približne 60 znakov predtým, ako ho niektoré platformy začnú skracovať (až do zhruba 90 na najprijateľnejších), og:description približne 155 – 200 znakov.
  • Vykreslí kartu Twitter/X v správnom rozložení pre deklarovaný typ karty – kompaktnú „súhrnnú“ kartu s malou štvorcovou miniatúrou alebo rozloženie „summary_large_image“ s plnou šírkou – spolu s ukážkami Facebook, LinkedIn a Discord.

Hlavné výhody

✓ Dva skutočné nástroje v jednom: režim BUILD, ktorý generuje presné HTML značky og: a twitter: <meta> z formulára, a režim AUDIT, ktorý analyzuje prilepený kód HTML, aby našiel a ohodnotil vaše existujúce značky.
✓ Skutočné overenie, nie kozmetický kontrolný zoznam: chýbajú požadované značky, dĺžka og:title/og:description sa kontroluje oproti skutočným limitom, na ktorých sú platformy skrátené, a twitter:card sa kontroluje podľa skutočných štyroch povolených hodnôt.
✓ Úprimne povedané, čo nemožno overiť offline: rozmery obrázkov v pixeloch sú len orientačné, pokiaľ váš kód HTML už nedeklaruje og:image:width/og:image:height, pretože tento nástroj nikdy nenačíta váš obrázok – podľa návrhu, kvôli ochrane osobných údajov.
✓ Štyri skutočne odlišné modely platforiem (súhrn Twitter/X vs rozloženia Summary_large_image, Facebook, LinkedIn, Discord) vytvorené z rovnakého názvu/popisu/obrázku, jasne označené ako ilustračné.

Prípady použitia

  • • Pošlite nový blogový príspevok so správnymi sociálnymi kartami: vyplňte názov, popis a hosťovaný obrázok na obale, vygenerujte blok tagu og:/twitter: a vložte ho priamo do <head> stránky.
  • • Po migrácii CMS skontrolujte <head> existujúcej vstupnej stránky, aby ste zachytili chýbajúci og:image, og:title, ktorý je dostatočne dlhý na to, aby bol na niektorých platformách skrátený, alebo zvyšnú neplatnú hodnotu twitter:card.
  • • Pred rozhodnutím, ktorý typ twitter:karty deklarovať, porovnajte, ako sa rovnaký názov a obrázok čítajú na kompaktnej súhrnnej karte služby Twitter/X v porovnaní s jej rozložením súhrnnej_veľkej_obrázka s plnou šírkou.