","err_audit_input_required":"Liitä ensin sisällönkuvauskenttisi sisältävä HTML.","mockups_heading":"Miltä se näyttää linkin esikatseluna","mockups_disclaimer":"Nämä neljä korttia ovat tyylillisiä likiarvoja kunkin alustan todellisesta linkkiesikatselukromista, ja ne on rakennettu vain suunnittelutarkoituksiin – ne eivät ole Twitter/X:n, Facebookin, LinkedInin tai Discordin livehaku tai kuvakaappaus, ja alustat voivat muuttaa oman esikatselun käyttöliittymänsä ajan myötä.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Ristiriita","mockup_image_alt":"Linkin esikatselukuva","mockup_no_image":"Ei kuvaa","mockup_no_image_short":"Ei kuvaa","domain_default_fallback":"esimerkki.fi","audit_missing_title":"Puuttuu og:title – useimmat alustat näyttävät yleisen tai tyhjän otsikon ilman sitä.","audit_missing_description":"Puuttuu og:description – esikatselukortissa ei näy yhteenvetotekstiä.","audit_missing_image":"Puuttuva og:image – useimmat alustat eivät näytä kuvaa tai ne palaavat ensimmäiseen sivulta löytyvään kuvaan.","audit_missing_url":"Puuttuva og:url – ilman sitä vaihtoehtoisten URL-osoitteiden (seurantaparametreineen, AMP-versioineen jne.) jakoja ei välttämättä yhdistetä ensisijaiselle sivulle.","audit_title_too_long":"og:title on {length} merkkiä — yli ~{max} merkkikohdan, jossa useimmat alustat lyhentävät sen.","audit_title_long":"og:title on {length} merkkiä — yli ~{max} merkkikohdan, jossa jotkin alustat alkavat lyhentää sitä, vaikka se saattaa silti näkyä kokonaan muualla.","audit_title_ok":"og:title on {length} merkkiä – useimpien alustojen turvallisella alueella.","audit_description_too_long":"og:description on {length} merkkiä — yli ~{max} merkkikohdan, josta useimmat alustat leikkaavat sen pois.","audit_description_long":"og:description on {length} merkkiä — yli ~{max} merkkikohdan, jossa jotkin alustat alkavat lyhentää sitä.","audit_description_ok":"og:description on {length} merkkiä – useimpien alustojen turvallisella alueella.","audit_url_not_absolute":"og:url-arvo \"{value}\" ei ole absoluuttinen http-URL-osoite – sen tulee olla sivun täydellinen ensisijainen URL-osoite.","audit_image_not_absolute":"og:image-arvo \"{value}\" ei ole absoluuttinen http-URL-osoite – useimmat alustat vaativat täydellisen kuvan URL-osoitteen.","audit_image_dims_small":"Ilmoitettu og:image:width/height on {w}×{h} – alle yleisesti suositeltua 1200×630 vähimmäiskokoa linkkien esikatseluille.","audit_image_dims_ok":"Ilmoitettu og:image:width/height on {w}×{h} — täyttää yleisesti suositellut 1200×630 vähimmäismitat.","audit_image_dims_unparseable":"og:image:width/og:image:height ovat mukana, mutta eivät kelvollisia numeroita.","audit_image_dims_unknown":"Ei ilmoitettu og:image:width/og:image:height — todellisia pikselien mittoja ei voida tarkistaa ilman kuvan hakemista, mitä tämä työkalu ei koskaan tee yksityisyyden vuoksi. Suositeltu vähimmäiskoko: 1200×630.","audit_twitter_card_missing":"Ei twitter:card-tunnistetta – Twitter/X palaa yleensä vastaaviin og:-tageihin, mutta selkeä twitter:kortti on luotettavampi.","audit_twitter_card_invalid":"twitter:kortin arvo \"{value}\" ei ole yksi neljästä arvosta, jotka Twitterin korttitarkistus hyväksyy: summary, summary_large_image, app, player.","audit_twitter_card_ok":"twitter:card on \"{value}\", kelvollinen arvo.","audit_large_image_needs_image":"twitter:card on summary_large_image, mutta og:image- tai twitter:image-tiedostoa ei löytynyt – tämä korttityyppi tarvitsee kuvan hahmontaakseen oikein.","audit_twitter_title_fallback":"Ei twitter:titleä asetettua — Twitter/X palaa og:titleen.","audit_twitter_description_fallback":"Ei twitter:description -asetusta – Twitter/X palaa takaisin muotoon og:description.","audit_twitter_image_fallback":"Ei twitter:image settiä — Twitter/X palaa muotoon og:image.","audit_duplicate_tag_item":"\"{tag}\" ilmoitetaan {count} kertaa – vain viimeinen useimpien alustojen jäsennys tulee voimaan."};
⭐ 0
🔍
Teksti Kuva PDF & Docs Ääni Musiikki Elektroniikka Aika Apuohjelmat Validaattorit Esoteerinen Pelit

OG & Twitter Card Generator — sisällönkuvauskenttien rakennustyökalu, tarkastaja ja esikatselu

Luo liitettäväksi valmiita Open Graph- ja Twitter-kortin <meta>-tunnisteita lomakkeesta tai liitä olemassa oleva <head> tarkistaaksesi puuttuvien tunnisteiden, otsikon/kuvauksen pituuden ja twitter:kortin voimassaolon – esikatsele sitten molemmat aidosti uudelleen muotoilluissa Twitter/X-, Facebook-, LinkedIn- ja Discord-linkkikorttimalleissa.

Buy Me a Coffee at ko-fi.com
Käsitellään... 0%
Lukusyöttö
Tunnisteiden rakentaminen/tarkastus
Esikatselun renderöinti
Valmis

Tulos

Open Graph- ja Twitter Card -sisällönkuvauskentät päättävät, miltä linkki näyttää heti, kun se liitetään Slackiin, iMessageen, twiittiin tai Discord-kanavaan – otsikon, kuvauksen ja kuvan valitsee sivun oma <head>, ei sen mukaan, mitä alusta sattuu kaappaamaan näkyvästä runkotekstistä. Tämä työkalu on sekä rakentaja että tarkastaja, ei yleinen mallin täyttö. Täytä BUILD-tilassa otsikko, kuvaus, kuvan URL-osoite, ensisijainen URL-osoite, sisältötyyppi ja Twitter-korttityyppi, ja se muodostaa tarkan <meta property="og:...">- ja <meta name="twitter:...">-tunnistelohkon, joka on valmis liitettäväksi sivusi <head>-kohtaan, ohittaen kaikki tyhjäksi jättämäsi kentät sen sijaan, että lähettäisit onttoja tageja, joissa on tyhjää sisältöä.

Liitä AUDIT-tilassa olemassa oleva <head>-merkintäsi tai koko sivun HTML-koodi, ja työkalu jäsentää sen selaimen alkuperäisellä DOMParserilla poimiakseen kaikki jo olemassa olevat og:- ja twitter:-sisällönkuvauskentät ja suorittaa sitten todelliset merkitykselliset tarkistukset: neljä yleisesti vaadittua tunnistetta (og:title, og:description, ogged:ull; puuttuu). og:title mitataan noin 60 merkin pisteestä, jossa jotkin alustat alkavat katkaista sitä, ja noin 90 merkin pistettä, jossa useimmat alustat tekevät; og:description mitataan suurin piirtein 155–200 merkin valikoimaa vastaan, jonka useimmat alustat sallivat ennen sen katkaisemista; twitter:card tarkistetaan neljän todellisen arvon suhteen, jotka Twitterin korttivalidaattori hyväksyy – yhteenveto, summary_large_image, app, player – ja merkitään, jos se on jotain muuta; ja päällekkäiset tagit (sama ominaisuus ilmoitettu kahdesti, yllättävän yleinen kopioi-liitä-virhe) kutsutaan nimellä.

Kuvan mitat saavat rehellisen käsittelyn: tämä työkalu ei voi vahvistaa kuvasi todellista pikselikokoa noutamatta sitä, eikä se tietoisesti koskaan tee niin, mikä vastaa tämän sivuston ei-ulkoista pyyntöä koskevaa käytäntöä. Jos HTML-koodisi ilmoittaa jo og:image:width ja og:image:height, nämä ilmoitetut luvut verrataan yleisesti suositeltuun 1 200 × 630 vähimmäiskokoon. jos ei, saat selkeän ohjeilmoituksen tekosyötön tai epäonnistumisen sijaan. Molemmat tilat renderöivät samat neljä linkin esikatselumallia – Twitter/X (vaihtaa kompaktin "yhteenveto"-pikkukuvaasettelun ja kokoleveän "summary_large_image" -asettelun välillä twitter:kortin arvosta riippuen), Facebook, LinkedIn ja Discord - jokainen on aidosti muotoiltu uudelleen vastaamaan selvästi kyseisen alustan omaa typografiaa ja logoa, ja ne on pikemminkin erilainen kuin yksi laatikko. havainnollistavana likiarvona suunnittelua varten, koska todelliset alustat muokkaavat esikatselukromiaan ajan myötä, eikä tämä työkalu koskaan nouta tai raaputa niitä tarkistaakseen.

🛡️
Suoritetaan selaimessa

Tiedostosi ja syötteesi eivät koskaan poistu tältä laitteelta. Käsittely toimii täysin offline-tilassa. 100 % turvallinen.

Hyväksytyt muodot ja säännöt

  • BUILD-tila muodostaa og:title, og:description, og:image, og:url, og:type, og:site_name ja vastaavat twitter:card/twitter:site/twitter:title/description/image-tunnisteet ohittaen minkä tahansa tyhjäksi jätetyn kentän ja yhden napsautuksen kopion liitettävästä lohkosta.
  • AUDIT-tila poimii jokaisen og:/twitter: <meta>-tunnisteen liitetystä HTML-koodista selaimen DOMParserin kautta, merkitsee puuttuvat pakolliset tunnisteet (og:title/description/image/url), päällekkäiset tagit ja virheelliset twitter:card-arvot.
  • Pituusohjauksessa käytetään todellisia yleisesti lainattuja kynnysarvoja: og:title noin 60 merkkiä ennen kuin jotkin alustat alkavat lyhentää sitä (jopa noin 90 sallivaimmilla), og:description noin 155-200 merkkiä.
  • Muodostaa Twitter/X-kortin oikeassa asettelussaan ilmoitetulle korttityypille - kompakti "yhteenveto"-kortti, jossa on pieni neliönmuotoinen pikkukuva tai koko leveä "summary_large_image"-asettelu - Facebook-, LinkedIn- ja Discord-esikatselun rinnalla.

Tärkeimmät edut

✓ Kaksi todellista työkalua yhdessä: BUILD-tila, joka luo tarkan og:n ja twitter: <meta>-tunnisteen HTML:n lomakkeesta, ja AUDIT-tila, joka jäsentää liitetyn HTML-koodin olemassa olevien tunnisteiden löytämiseksi ja arvioimiseksi.
✓ Todellinen validointi, ei kosmeettinen tarkistuslista: puuttuvat pakolliset tunnisteet, og:title/og:description pituus tarkistetaan todellisten rajoitusten perusteella, ja twitter:card tarkistetaan sen todellisen neljän sallitun arvonsa mukaan.
✓ Rehellinen siitä, mitä ei voida vahvistaa offline-tilassa: kuvan pikselien mitat ovat vain ohjeellisia, ellei HTML-koodisi jo ilmoittaa og:image:width/og:image:height, koska tämä työkalu ei koskaan nouta kuvaasi – yksityisyyden vuoksi.
✓ Neljä aidosti erilaista alustamallia (Twitter/X:n yhteenveto vs summary_large_image layouts, Facebook, LinkedIn, Discord), jotka on rakennettu samasta otsikosta/kuvauksesta/kuvasta, merkitty selvästi havainnollisiksi.

Käyttötapaukset

  • • Lähetä uusi blogiviesti oikeilla sosiaalisilla korteilla: täytä otsikko, kuvaus ja isännöity kansikuva, luo og:/twitter:-tunnistelohko ja liitä se suoraan sivun <head>-kohtaan.
  • • Tarkista olemassa olevan aloitussivun <head> sisällönhallintajärjestelmän siirron jälkeen löytääksesi puuttuva og:image, og:title, joka on tarpeeksi pitkä lyhennettäväksi joillakin alustoilla, tai jäljelle jäänyt virheellinen twitter:card-arvo.
  • • Vertaa, kuinka sama otsikko ja kuva luetaan Twitter/X:n kompaktissa yhteenvetokortissa sen täysleveään summary_large_image-asetteluun, ennen kuin päätät, mikä twitter:korttityyppi ilmoitetaan.