","err_audit_input_required":"Najprej prilepite HTML, ki vsebuje vaše meta značke.","mockups_heading":"Kako je videti kot predogled povezave","mockups_disclaimer":"Te štiri kartice so oblikovno zasnovani približki resničnega videza predogledov povezav posameznih platform, ustvarjeni zgolj za namene načrtovanja – niso neposreden prenos ali zaslonski posnetek Twitterja/X, Facebooka, LinkedIna ali Discorda, platforme pa lahko svoj uporabniški vmesnik za predoglede sčasoma preoblikujejo.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Discord","mockup_image_alt":"Slika predogleda povezave","mockup_no_image":"Slika ni na voljo","mockup_no_image_short":"Ni slike","domain_default_fallback":"example.com","audit_missing_title":"Manjka og:title – večina platform bo brez njega prikazala generičen ali prazen naslov.","audit_missing_description":"Manjka og:description – na kartici predogleda ne bo prikazanega povzetka.","audit_missing_image":"Manjka og:image – večina platform ne bo prikazala slike ali pa bo uporabila prvo sliko, ki jo najde na strani.","audit_missing_url":"Manjka og:url – brez njega se delitve nadomestnih URL-jev (s parametri za sledenje, različicami AMP itd.) morda ne bodo združile s kanonično stranjo.","audit_title_too_long":"og:title ima {length} znakov – presega približno {max} znakov, pri kateri večina platform besedilo skrajša.","audit_title_long":"og:title ima {length} znakov – presega približno {max} znakov, pri kateri nekatere platforme začnejo krajšati besedilo, čeprav je drugje morda še vedno prikazano v celoti.","audit_title_ok":"og:title ima {length} znakov – znotraj varnega območja za večino platform.","audit_description_too_long":"og:description ima {length} znakov – presega približno {max} znakov, pri kateri ga večina platform odreže.","audit_description_long":"og:description ima {length} znakov – presega približno {max} znakov, pri kateri ga nekatere platforme začnejo krajšati.","audit_description_ok":"og:description ima {length} znakov – znotraj varnega območja za večino platform.","audit_url_not_absolute":"Vrednost og:url \"{value}\" ni absolutni URL http(s) – uporabiti je treba polni kanonični URL strani.","audit_image_not_absolute":"Vrednost og:image \"{value}\" ni absolutni URL http(s) – večina platform zahteva polno kvalificiran URL slike.","audit_image_dims_small":"Deklarirana og:image:width/height je {w}×{h} – pod splošno priporočeno najmanjšo velikostjo 1200×630 za predoglede povezav.","audit_image_dims_ok":"Deklarirana og:image:width/height je {w}×{h} – izpolnjuje splošno priporočeno najmanjšo velikost 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height sta prisotna, vendar nista veljavni številki.","audit_image_dims_unknown":"og:image:width/og:image:height nista deklarirani – dejanskih dimenzij v slikovnih pikah ni mogoče preveriti brez prenosa slike, česar to orodje načrtno, zaradi zasebnosti, nikoli ne stori. Priporočena najmanjša velikost: 1200×630.","audit_twitter_card_missing":"Ni značke twitter:card – Twitter/X bo na splošno uporabil enakovredne og: značke, vendar je eksplicitna twitter:card zanesljivejša.","audit_twitter_card_invalid":"Vrednost twitter:card \"{value}\" ni ena izmed štirih vrednosti, ki jih Twitterjev preverjevalnik kartic sprejema: summary, summary_large_image, app, player.","audit_twitter_card_ok":"twitter:card je \"{value}\", kar je veljavna vrednost.","audit_large_image_needs_image":"twitter:card je summary_large_image, vendar ni bila najdena nobena og:image ali twitter:image – ta vrsta kartice za pravilno upodabljanje potrebuje sliko.","audit_twitter_title_fallback":"twitter:title ni nastavljen – Twitter/X bo uporabil og:title.","audit_twitter_description_fallback":"twitter:description ni nastavljen – Twitter/X bo uporabil og:description.","audit_twitter_image_fallback":"twitter:image ni nastavljen – Twitter/X bo uporabil og:image.","audit_duplicate_tag_item":"\"{tag}\" je deklariran {count}-krat – samo zadnja deklaracija, ki jo večina platform razčleni, bo dejansko upoštevana."};
⭐ 0
🔍
Besedilo Slika PDF in dokumenti Avdio Glasba elektronika Čas Pripomočki Validatorji Ezoterika igre

OG & Twitter Card Generator – graditelj, pregledovalnik in predogled meta značk

Zgradite Open Graph in Twitter Card <meta> značke, pripravljene za lepljenje, iz obrazca ali prilepite obstoječi <head>, da preverite manjkajoče značke, dolžino naslova/opisa in veljavnost twitter:card – nato si vse skupaj oglejte v resnično preoblikovanih prikazih kartic povezav za Twitter/X, Facebook, LinkedIn in Discord.

🔒 V celoti obdelano v vašem brskalniku – nič, kar tukaj vnesete, ni nikoli naloženo.

Obdelava ... 0%
Branje vnosa
Gradnja/pregledovanje značk
Upodabljanje predogledov
Končano

Rezultat

Meta značke Open Graph in Twitter Card odločajo o tem, kako je povezava videti v trenutku, ko jo prilepite v Slack, iMessage, tvit ali kanal Discord – naslov, opis in sliko izbere <head> strani, ne pa tisto, kar platforma slučajno postrga iz vidnega besedila. To orodje je hkrati graditelj in pregledovalnik, ne pa generični izpolnjevalec predlog. V načinu ZGRADI izpolnite naslov, opis, URL slike, kanonični URL, vrsto vsebine in vrsto kartice Twitter, orodje pa sestavi natančen blok značk <meta property="og:..."> in <meta name="twitter:...">, pripravljen za lepljenje v <head> vaše strani, pri čemer preskoči vsako polje, ki ga pustite prazno, namesto da bi izpisalo prazne značke s prazno vsebino.

V načinu PREGLED prilepite svojo obstoječo oznako <head> ali celoten HTML strani, orodje pa ga razčleni z brskalnikovim vgrajenim DOMParserjem, da izvleče vse že prisotne og: in twitter: meta značke, nato pa izvede preverjanja, ki so resnično pomembna: štiri običajno obvezne značke (og:title, og:description, og:image, og:url) so označene, če manjkajo; og:title se izmeri glede na približno 60 znakov, kjer ga nekatere platforme začnejo krajšati, in približno 90 znakov, kjer ga bo večina; og:description se izmeri glede na približno 155–200 znakov, kolikor večina platform dovoli, preden ga odreže; twitter:card se preveri glede na štiri resnične vrednosti, ki jih Twitterjev preverjevalnik kartic sprejema – summary, summary_large_image, app, player – in je označen, če je karkoli drugega; podvojene značke (ista lastnost, deklarirana dvakrat, kar je presenetljivo pogosta napaka pri kopiranju in lepljenju) pa so izpostavljene poimensko.

Z dimenzijami slike ravnamo pošteno: to orodje ne more preveriti dejanske velikosti vaše slike v slikovnih pikah, ne da bi jo preneslo, in tega namenoma nikoli ne stori, v skladu s pravilnikom te strani o prepovedi zunanjih zahtev. Če vaš HTML že vsebuje og:image:width in og:image:height, se te deklarirane številke preverijo glede na splošno priporočeno najmanjšo velikost 1200×630; če ne, prejmete jasno opombo z navodili namesto izmišljene ocene 'opravljeno' ali 'ni opravljeno'. Oba načina upodobita iste štiri predoglede kartic povezav – Twitter/X (preklaplja med kompaktno postavitvijo s sličico 'summary' in postavitvijo 'summary_large_image' čez celotno širino, odvisno od vrednosti twitter:card), Facebook, LinkedIn in Discord – pri čemer je vsak resnično preoblikovan, da ustreza tipografiji in postavitvi posamezne platforme, ne pa eno polje z drugačnim logotipom, vsak pa je jasno označen kot ilustrativen približek za namene načrtovanja, saj resnične platforme sčasoma preoblikujejo svoj videz predogleda, to orodje pa jih nikoli ne pridobi ali postrga, da bi to preverilo.

Uživate v tem orodju? Se vam zdi izdelek uporaben? Vidite v njem potencial in ga želite podpreti?

🛡️
Izvaja se v brskalniku

Vaše datoteke in vnosi nikoli ne zapustijo te naprave. Obdelava poteka povsem brez povezave. 100-odstotno varno.

Sprejeti formati in pravila

  • Način ZGRADI sestavi značke og:title, og:description, og:image, og:url, og:type, og:site_name in ujemajoče se značke twitter:card/twitter:site/twitter:title/description/image, pri čemer preskoči vsako prazno polje, s klikom za kopiranje celotnega bloka, pripravljenega za lepljenje.
  • Način PREGLED s pomočjo brskalnikovega DOMParserja iz prilepljenega HTML-ja izvleče vse og:/twitter: <meta> značke, opozori na manjkajoče obvezne značke (og:title/description/image/url), podvojene značke in neveljavne vrednosti twitter:card.
  • Usmeritve glede dolžine uporabljajo resnične, splošno uveljavljene meje: og:title okoli 60 znakov, preden ga nekatere platforme začnejo krajšati (do približno 90 pri najbolj prizanesljivih), og:description okoli 155–200 znakov.
  • Kartico Twitter/X upodobi v pravilni postavitvi za deklarirano vrsto kartice – kompaktna kartica 'summary' z majhno kvadratno sličico ali postavitev 'summary_large_image' čez celotno širino – skupaj s predogledi za Facebook, LinkedIn in Discord.

Ključne prednosti

✓ Dve pravi orodji v enem: način ZGRADI, ki iz obrazca ustvari natančen HTML za <meta> značke og: in twitter:, in način PREGLED, ki razčleni prilepljen HTML in poišče ter oceni vaše obstoječe značke.
✓ Pravo preverjanje, ne zgolj kozmetični seznam: opozori na manjkajoče obvezne značke, preveri dolžino og:title/og:description glede na dejanske omejitve, pri katerih platforme krajšajo besedilo, in preveri twitter:card glede na štiri resnično dovoljene vrednosti.
✓ Pošteno glede tega, česar brez povezave ni mogoče preveriti: dimenzije slike v slikovnih pikah so zgolj okvirne, razen če vaš HTML že vsebuje og:image:width/og:image:height, saj to orodje nikoli ne prenese vaše slike – načrtno, zaradi zasebnosti.
✓ Štirje resnično različni prikazi platform (postavitev Twitter/X 'summary' proti 'summary_large_image', Facebook, LinkedIn, Discord), zgrajeni iz istega naslova, opisa in slike ter jasno označeni kot ilustrativni.

Primeri uporabe

  • • Objavite nov blog prispevek s pravilnimi karticami družbenih omrežij: izpolnite naslov, opis in gostujočo naslovno sliko, ustvarite blok oznak og: in twitter: ter ga prilepite neposredno v <head> strani.
  • • Po preselitvi CMS preverite <head> obstoječe pristajalne strani, da ujamete manjkajoč og:image, og:title, ki je predolg in ga bodo nekatere platforme obrezale, ali preostalo neveljavno vrednost twitter:card.
  • • Primerjajte, kako sta enaka naslov in slika videti v kompaktni kartici povzetka Twitter/X in v celozaslonski postavitvi summary_large_image, preden se odločite, katero vrsto twitter:card boste uporabili.