","err_audit_input_required":"Najprej prilepite HTML, ki vsebuje vaše meta oznake.","mockups_heading":"Kako je videti kot predogled povezave","mockups_disclaimer":"Te štiri kartice so oblikovani približki resničnega kroma za predogled povezav vsake platforme, ustvarjeni samo za namene načrtovanja – niso prenos v živo ali posnetek zaslona Twitter/X, Facebook, LinkedIn ali Discord, platforme pa lahko sčasoma preoblikujejo svoj uporabniški vmesnik za predogled.","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":"Ni slike","mockup_no_image_short":"Brez slike","domain_default_fallback":"example.com","audit_missing_title":"Manjka og:title — večina platform prikazuje splošen ali prazen naslov brez njega.","audit_missing_description":"Manjka og:description — kartica za predogled ne bo prikazala besedila povzetka.","audit_missing_image":"Manjka og:image — večina platform ne prikazuje nobene slike ali pa se vrne na prvo sliko, najdeno na strani.","audit_missing_url":"Manjka og:url — brez njega se skupne rabe nadomestnih URL-jev (s parametri sledenja, različicami AMP itd.) morda ne bodo združile v kanonično stran.","audit_title_too_long":"og:naslov je {length} znakov — čez ~{max}-znakovno točko, kjer ga bo večina platform skrajšala.","audit_title_long":"og:naslov je {length} znakov — čez ~{max}-znakovno točko, kjer ga nekatere platforme začnejo prikrajšati, čeprav se lahko drugje še vedno prikaže v celoti.","audit_title_ok":"og:naslov je {length} znakov — znotraj varnega obsega za večino platform.","audit_description_too_long":"og:opis je {length} znakov — čez ~{max}-znakovno točko, kjer ga večina platform prekine.","audit_description_long":"og:description je {length} znakov — čez ~{max}-znakovno točko, kjer ga nekatere platforme začnejo prikrajšati.","audit_description_ok":"og:opis je {length} znakov — znotraj varnega obsega za večino platform.","audit_url_not_absolute":"Vrednost og:url »{value}« ni absolutni URL http(-ov) — mora biti polni kanonični URL strani.","audit_image_not_absolute":"og:vrednost slike »{value}« ni absolutni URL http(s) — večina platform zahteva popolnoma kvalificiran URL slike.","audit_image_dims_small":"Deklarirano og:image:width/height je {w}×{h} — pod splošno priporočenim minimumom 1200×630 za predogled povezav.","audit_image_dims_ok":"Deklarirano og:image:width/height je {w}×{h} — ustreza splošno priporočenemu minimumu 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height so prisotne, vendar niso veljavne številke.","audit_image_dims_unknown":"Ni deklarirane og:image:width/og:image:height — dejanskih dimenzij slikovnih pik ni mogoče preveriti, ne da bi pridobili sliko, česar to orodje zaradi zasebnosti nikoli ne naredi. Priporočen minimum: 1200×630.","audit_twitter_card_missing":"Brez oznake twitter:card – Twitter/X se bo na splošno vrnil k enakovrednim oznakam og:, vendar je eksplicitna oznaka twitter:card bolj zanesljiva.","audit_twitter_card_invalid":"twitter:vrednost kartice »{value}« ni ena od štirih vrednosti, ki jih sprejema Twitterjev validator kartice: summary, summary_large_image, app, player.","audit_twitter_card_ok":"twitter:card je \"{value}\", veljavna vrednost.","audit_large_image_needs_image":"twitter:card je summary_large_image, vendar ni bilo mogoče najti og:image ali twitter:image — ta vrsta kartice potrebuje sliko za pravilno upodobitev.","audit_twitter_title_fallback":"Ni nastavljen twitter:title — Twitter/X se bo vrnil na og:title.","audit_twitter_description_fallback":"Ni nastavljen twitter:description — Twitter/X se bo vrnil na og:description.","audit_twitter_image_fallback":"twitter:image ni nastavljen — Twitter/X se bo vrnil na og:image.","audit_duplicate_tag_item":"»{tag}« je razglašen {count}-krat — dejansko bo veljal samo zadnji, ki ga večina platform razčleni."};
⭐ 0
🔍
Besedilo Slika PDF in dokumenti Avdio Glasba elektronika Čas Pripomočki Validatorji Ezoterika igre

Generator kartic OG & Twitter — graditelj meta oznak, revizor in predogled

Iz obrazca sestavite <meta> oznake Open Graph in Twitter Card, ki sta pripravljeni za lepljenje, ali prilepite obstoječo <head>, da pregledate manjkajoče oznake, dolžino naslova/opisa in veljavnost twitter:card — nato si predoglejte oboje v resnično preoblikovanih modelih povezovalnih kartic Twitter/X, Facebook, LinkedIn in Discord.

Buy Me a Coffee at ko-fi.com
Obdelava ... 0%
Bralni vnos
Gradnja/revizijske oznake
Predogled upodabljanja
Končano

Rezultat

Metaoznaki Open Graph in Twitter Card odločata o tem, kako izgleda povezava v trenutku, ko je prilepljena v Slack, iMessage, tweet ali kanal Discord – naslov, opis in slika, ki jih izbere lasten <head> strani, ne kar koli, kar platforma postrga iz vidnega telesa besedila. To orodje je hkrati graditelj in nadzornik, ne generično polnilo predloge. V načinu BUILD izpolnite naslov, opis, URL slike, kanonični URL, vrsto vsebine in vrsto kartice Twitter in sestavi natančen blok oznak <meta property="og:..."> in <meta name="twitter:...">, pripravljen za lepljenje v <head> vaše strani, pri čemer preskočite vsa polja, ki jih pustite prazna, namesto da bi oddali prazne oznake s prazno vsebino.

V načinu REVIZIJE prilepite svojo obstoječo oznako <head> ali HTML celotne strani in orodje jo razčleni z izvirnim DOMParserjem brskalnika, da izvleče vsako že prisotno metaoznako og: in twitter:, nato pa zažene preverjanja, ki so dejansko pomembna: štiri pogosto zahtevane oznake (og:title, og:description, og:image, og:url) so označene, če manjkajo; og:title se meri glede na približno 60-mestno točko, kjer ga nekatere platforme začnejo prikrajšati, in približno 90-mestno točko, kjer bo večina platform; og:description se meri glede na obseg od približno 155 do 200 znakov, ki ga večina platform dovoljuje, preden ga prekinejo; twitter:kartica se preveri glede na dejanske štiri vrednosti, ki jih sprejema Twitterjev validator kartice – povzetek, povzetek_velike_slike, aplikacija, predvajalnik – in označena, če gre za kaj drugega; in podvojene oznake (ista lastnost, deklarirana dvakrat, presenetljivo pogosta napaka kopiranja in lepljenja) so priklicane po imenu.

Mere slike so deležne poštene obravnave: to orodje ne more preveriti dejanske velikosti slikovnih pik vaše slike, ne da bi jo pridobilo, in tega namenoma nikoli ne stori, kar se ujema s politiko tega mesta o prepovedi zunanjih zahtev. Če vaš HTML že deklarira og:image:width in og:image:height, se te deklarirane številke preverijo glede na splošno priporočeni minimum 1200×630; če ne, prejmete jasno navodilo namesto izmišljenega uspeha ali neuspeha. Oba načina upodabljata iste štiri makete za predogled povezav – Twitter/X (preklapljanje med kompaktno postavitvijo sličic »povzetek« in postavitvijo polne širine »summary_large_image« glede na vrednost twitter:card), Facebook, LinkedIn in Discord – vsak resnično preoblikovan tako, da se ujema s tipografijo in konvencijami postavitve te platforme, namesto enega polja z drugačnim logotipom, in vsaka je jasno označena kot ilustrativen približek za namene načrtovanja, saj resnične platforme sčasoma preoblikujejo svoj predogledni krom in to orodje jih nikoli ne pridobi ali postrga za preverjanje.

🛡️
Izvedeno v brskalniku

Vaše datoteke in vnosi nikoli ne zapustijo te naprave. Obdelava poteka popolnoma brez povezave. 100 % varno.

Sprejeti formati in pravila

  • Način BUILD sestavlja og:title, og:description, og:image, og:url, og:type, og:site_name in ustrezne oznake twitter:card/twitter:site/twitter:title/description/image, pri čemer preskoči katero koli polje, ki ostane prazno, z enim klikom kopira blok, ki je pripravljen za lepljenje.
  • Način AUDIT ekstrahira vsako oznako og:/twitter: <meta> iz prilepljenega HTML-ja prek brskalnikovega DOMParserja, označi manjkajoče zahtevane oznake (og:title/description/image/url), podvojene oznake in neveljavne vrednosti twitter:card.
  • Navodila za dolžino uporabljajo dejanske pogosto navedene pragove: og:title okoli 60 znakov, preden ga nekatere platforme začnejo krčiti (do približno 90 na najbolj permisivnih), og:description okoli 155-200 znakov.
  • Upodablja kartico Twitter/X v pravilni postavitvi za deklarirano vrsto kartice – kompaktna kartica »povzetek« z majhno kvadratno sličico ali postavitev »summary_large_image« polne širine — skupaj s predogledi Facebook, LinkedIn in Discord.

Ključne prednosti

✓ Dve pravi orodji v enem: način BUILD, ki ustvari točno og: in twitter: <meta> oznako HTML iz obrazca, in način AUDIT, ki razčleni prilepljeni HTML, da poišče in oceni vaše obstoječe oznake.
✓ Pravo preverjanje, ne kozmetični kontrolni seznam: manjkajo zahtevane oznake, dolžina og:title/og:description je preverjena glede na dejanske omejitve, ki jih platforme skrajšajo, in twitter:card preverjen glede na dejanske štiri dovoljene vrednosti.
✓ Iskreno o tem, česa ni mogoče preveriti brez povezave: dimenzije slikovnih pik so samo orientacijske, razen če vaš HTML že navaja og:image:width/og:image:height, saj to orodje nikoli ne pridobi vaše slike – načrtno, zaradi zasebnosti.
✓ Štirje resnično različni modeli platform (Twitter/X's summary vs summary_large_image layouts, Facebook, LinkedIn, Discord), izdelani iz istega naslova/opisa/slike, jasno označeni kot ilustrativni.

Primeri uporabe

  • • Pošljite novo objavo v spletnem dnevniku z ustreznimi socialnimi karticami: izpolnite naslov, opis in gostujočo naslovno sliko, ustvarite blok oznake og:/twitter: in ga prilepite neposredno v <head> strani.
  • • Preglejte <head> obstoječe ciljne strani po selitvi CMS, da ujamete manjkajočo sliko og:image, naslov og:title, ki je dovolj dolg, da se na nekaterih platformah skrajša, ali ostanke neveljavne vrednosti twitter:card.
  • • Primerjajte, kako se isti naslov in slika bereta na kompaktni kartici s povzetkom Twitter/X v primerjavi s postavitvijo summary_large_image polne širine, preden se odločite, katero vrsto kartice twitter: navesti.