","err_audit_input_required":"Prvo zalijepite HTML koji sadrži vaše meta oznake.","mockups_heading":"Kako to izgleda kao pregled veze","mockups_disclaimer":"Ove četiri kartice stilizirane su aproksimacije stvarnog kroma za pregled poveznica svake platforme, napravljene samo u svrhe planiranja — one nisu dohvaćanje uživo ili snimka zaslona Twittera/X, Facebooka, LinkedIna ili Discorda, a platforme mogu s vremenom preoblikovati vlastito korisničko sučelje za pregled.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Razdor","mockup_image_alt":"Slika za pregled veze","mockup_no_image":"Nije navedena slika","mockup_no_image_short":"Nema slike","domain_default_fallback":"primjer.com","audit_missing_title":"Nedostaje og:title — većina platformi prikazuje generički ili prazan naslov bez njega.","audit_missing_description":"Nedostaje og:description — kartica pregleda neće prikazivati tekst sažetka.","audit_missing_image":"Nedostaje og:slika — većina platformi ne prikazuje sliku ili se vraća na prvu sliku pronađenu na stranici.","audit_missing_url":"Nedostaje og:url — bez njega se dijeljenja alternativnih URL-ova (s parametrima praćenja, AMP verzijama itd.) možda neće konsolidirati na kanonskoj stranici.","audit_title_too_long":"og:naslov ima {length} znakova — iznad ~{max}-znakova gdje će ga većina platformi skratiti.","audit_title_long":"og:naslov ima {length} znakova — preko ~{max}-znakovne točke gdje ga neke platforme počnu skraćivati, iako se još uvijek može prikazati u potpunosti negdje drugdje.","audit_title_ok":"og:naslov ima {length} znakova — unutar sigurnog raspona za većinu platformi.","audit_description_too_long":"og:opis ima {length} znakova — preko ~{max}-znakovne točke gdje će ga većina platformi prekinuti.","audit_description_long":"og:opis ima {length} znakova — preko ~{max}-znakovne točke gdje ga neke platforme počinju skraćivati.","audit_description_ok":"og:opis ima {length} znakova — unutar sigurnog raspona za većinu platformi.","audit_url_not_absolute":"og:url vrijednost \"{value}\" nije apsolutni http(s) URL — trebao bi biti puni kanonski URL stranice.","audit_image_not_absolute":"og:vrijednost slike \"{value}\" nije apsolutni http(s) URL — većina platformi zahtijeva potpuno kvalificirani URL slike.","audit_image_dims_small":"Deklarirani og:image:width/height je {w}×{h} — ispod široko preporučenog minimuma od 1200×630 za preglede veza.","audit_image_dims_ok":"Deklarirani og:image:width/height je {w}×{h} — zadovoljava široko preporučeni minimum od 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height postoje, ali nisu valjani brojevi.","audit_image_dims_unknown":"Nema deklarirane og:image:width/og:image:height — stvarne dimenzije piksela ne mogu se provjeriti bez dohvaćanja slike, što ovaj alat nikada ne čini, prema dizajnu, radi privatnosti. Preporučeni minimum: 1200×630.","audit_twitter_card_missing":"Nema twitter:card oznake — Twitter/X će se općenito vratiti na ekvivalentne og: oznake, ali eksplicitna twitter:card je pouzdanija.","audit_twitter_card_invalid":"twitter:vrijednost kartice \"{value}\" nije jedna od četiri vrijednosti koje prihvaća Twitterov validator kartice: sažetak, sažetak_velika_slika, aplikacija, igrač.","audit_twitter_card_ok":"twitter:card je \"{value}\", važeća vrijednost.","audit_large_image_needs_image":"twitter:card je summary_large_image, ali nije pronađen nijedan og:image ili twitter:image — ovoj vrsti kartice potrebna je slika da bi se pravilno prikazala.","audit_twitter_title_fallback":"Nije postavljen twitter:title — Twitter/X će se vratiti na og:title.","audit_twitter_description_fallback":"Nije postavljen twitter:description — Twitter/X će se vratiti na og:description.","audit_twitter_image_fallback":"Nije postavljen twitter:image — Twitter/X će se vratiti na og:image.","audit_duplicate_tag_item":"\"{tag}\" je deklariran {count} puta — samo posljednji koji većina platformi analizira stvarno će stupiti na snagu."};
⭐ 0
🔍
Tekst Slika PDF i dokumenti Audio Glazba Elektronika Vrijeme Komunalije Validatori Ezoterija Igre

OG & Twitter Card Generator — Izrada meta oznaka, revizor i pregled

Izradite <meta> oznake Open Graph i Twitter kartice spremne za lijepljenje iz obrasca ili zalijepite postojeći <head> kako biste provjerili nedostajuće oznake, duljinu naslova/opisa i valjanost twitter:card — zatim pregledajte oboje u originalno redizajniranim modelima karata poveznica za Twitter/X, Facebook, LinkedIn i Discord.

Buy Me a Coffee at ko-fi.com
Obrada... 0%
Čitanje unosa
Izrada/revizija oznaka
Pregledi renderiranja
Gotovo

Rezultat

Meta oznake Open Graph i Twitter Card odlučuju o tome kako poveznica izgleda čim se zalijepi u Slack, iMessage, tweet ili Discord kanal — naslov, opis i slika koju odabire vlastiti <head> stranice, a ne ono što platforma izvuče iz vidljivog tijela teksta. Ovaj alat je i alat za izradu i nadzor, a ne generički alat za popunjavanje predložaka. U BUILD modu, ispunite naslov, opis, URL slike, kanonski URL, vrstu sadržaja i vrstu Twitter kartice, i to sastavlja točan <meta property="og:..."> i <meta name="twitter:..."> blok oznaka spreman za lijepljenje u <head> vaše stranice, preskačući svako polje koje ostavite praznim umjesto emitiranja šupljih oznaka s praznim sadržajem.

U načinu rada AUDIT zalijepite svoju postojeću oznaku <head> ili HTML cijele stranice i alat će je analizirati izvornim DOMParserom preglednika kako bi izdvojio svaku već prisutnu og: i twitter: metaoznaku, a zatim pokreće provjere koje su zapravo važne: četiri najčešće potrebne oznake (og:title, og:description, og:image, og:url) označavaju se ako nedostaju; og:title mjeri se u odnosu na točku od otprilike 60 znakova gdje ga neke platforme počinju skraćivati ​​i točku od otprilike 90 znakova gdje će većina platformi; og:opis se mjeri u odnosu na raspon od otprilike 155 do 200 znakova koji većina platformi dopušta prije nego što ga isključe; twitter:kartica se provjerava u odnosu na stvarne četiri vrijednosti koje Twitterov validator kartice prihvaća — sažetak, sažetak_velike_slike, aplikacija, igrač — i označava se ako je nešto drugo; i duplicirane oznake (isto svojstvo deklarirano dva puta, iznenađujuće česta greška kopiraj-zalijepi) pozivaju se imenom.

Dimenzije slike dobivaju pošten tretman: ovaj alat ne može provjeriti stvarnu veličinu piksela vaše slike bez da je dohvati, a to namjerno nikada ne čini, što je u skladu s politikom zabrane vanjskih zahtjeva ove stranice. Ako vaš HTML već deklarira og:image:width i og:image:height, ti deklarirani brojevi se provjeravaju prema široko preporučenom minimumu od 1200×630; ako ne, dobit ćete jasnu napomenu umjesto izmišljenog prolaza ili pada. Oba načina iscrtavaju ista četiri modela za pregled veze — Twitter/X (prebacujući se između svog kompaktnog izgleda "sažetak" minijature i izgleda pune širine "sažetak_velike_slike" ovisno o vrijednosti twitter:card), Facebook, LinkedIn i Discord — svaki je istinski izmijenjen kako bi odgovarao vlastitoj tipografiji i konvencijama rasporeda te platforme umjesto jednog okvira s drugačijim logotipom, i svaki je jasno označen kao ilustrativna aproksimacija u svrhu planiranja, budući da stvarne platforme mijenjaju svoj pregled preglednog kroma tijekom vremena, a ovaj ih alat nikada ne dohvaća ili struže radi provjere.

🛡️
Izvršeno u pregledniku

Vaše datoteke i unosi nikada ne napuštaju ovaj uređaj. Obrada se odvija potpuno offline. 100% siguran.

Prihvaćeni formati i pravila

  • Način BUILD sastavlja og:title, og:description, og:image, og:url, og:type, og:site_name i odgovarajuće oznake twitter:card/twitter:site/twitter:title/description/image, preskačući sva polja koja su ostavljena prazna, uz kopiju bloka spremnog za lijepljenje jednim klikom.
  • Način rada AUDIT izvlači svaku oznaku og:/twitter: <meta> iz zalijepljenog HTML-a putem DOMParsera preglednika, oznake kojima nedostaju potrebne oznake (og:title/description/image/url), duple oznake i nevažeće vrijednosti twitter:card.
  • Smjernice za duljinu koriste stvarne često citirane pragove: og:title oko 60 znakova prije nego što ga neke platforme počnu skraćivati (do otprilike 90 na najpermisivnijim), og:description oko 155-200 znakova.
  • Prikazuje Twitter/X karticu u ispravnom rasporedu za deklariranu vrstu kartice — kompaktnu karticu "sažetak" s malom kvadratnom minijaturom ili izgled "sažetak_velike_slike" pune širine — uz Facebook, LinkedIn i Discord preglede.

Ključne prednosti

✓ Dva stvarna alata u jednom: način BUILD koji generira točnu og: i twitter: <meta> HTML oznaku iz obrasca i način AUDIT koji analizira zalijepljeni HTML kako bi pronašao i ocijenio vaše postojeće oznake.
✓ Prava provjera valjanosti, a ne kozmetički kontrolni popis: nedostaju potrebne oznake, duljina og:title/og:description provjerava se prema stvarnim ograničenjima na kojima platforme skraćuju, a twitter:card provjerava se prema svoje četiri stvarne dopuštene vrijednosti.
✓ Iskreno o onome što se ne može provjeriti izvanmrežno: dimenzije piksela slike samo su smjernice osim ako vaš HTML već ne deklarira og:image:width/og:image:height, budući da ovaj alat nikada ne dohvaća vašu sliku — prema dizajnu, radi privatnosti.
✓ Četiri istinski različita modela platforme (Twitter/X-ov sažetak u odnosu na izglede summary_large_image, Facebook, LinkedIn, Discord) izgrađene od istog naslova/opisa/slike, jasno označene kao ilustrativne.

Slučajevi upotrebe

  • • Pošaljite novi post na blogu s odgovarajućim društvenim karticama: ispunite naslov, opis i hostiranu naslovnu sliku, generirajte blok oznake og:/twitter: i zalijepite ga ravno u <head> stranice.
  • • Pregledajte <head> postojeće odredišne stranice nakon migracije CMS-a kako biste uhvatili og:image koji nedostaje, og:title koji je dovoljno dugačak da se skrati na nekim platformama ili zaostalu nevažeću vrijednost twitter:card.
  • • Usporedite kako se isti naslov i slika čitaju na Twitter/X-ovoj kompaktnoj kartici sa sažetkom u odnosu na njegov izgled pune širine summary_large_image prije nego što odlučite koju vrstu twitter:kartice deklarirati.