Meta Sharing Debugger
https://developers.facebook.com/tools/debug/Hae uudelleen ja tarkista Open Graph -jäsennyksen tulokset Meta-alustoilla.
OGP-tagien generaattori (automaattinen tuloste og:titlelle, og:imagelle ja muille)
Syötä URL, otsikko, kuvaus ja kuvan URL. Luo Open Graph- ja Twitter Card -meta-tagit yhdessä paikassa.
Valmis kopioitavaksi ja liitettäväksi
Sisäänrakennettu esikatselu
Kuva- ja välimuistiohjeet
Käyttöohje
- Avaa työkalu ja syötä canonical-URL, otsikko ja kuvan URL.
- Lisää halutessasi kuvaus, sivuston nimi ja Twitter-asetukset.
- Kopioi luodut meta-tagit ja liitä ne sivusi headiin.
- Tarkista esikatselu ja huomautukset ja säädä sitten kuvasuhdetta tai välimuististrategiaa tarvittaessa.
Mikä OGP on?
Open Graph Protocol (OGP) on metatietoa, jota sosiaalisen median alustat ja chat-sovellukset käyttävät linkkiesikatselujen renderöintiin.
Asettamalla og:title-, og:description-, og:image- ja niihin liittyvät tagit voit vaikuttaa siihen, miltä jaetut URL-osoitteet näyttävät.
OGP:n yhdistäminen Twitter Card -tageihin auttaa pitämään esikatselukäytöksen yhtenäisempänä eri alustoilla.
Kuvan kokosuositukset (vakaan esikatselun renderöinnin tueksi)
Meta-alustojen ohjeistus (viite)
- Vähimmäisviite: 200×200.
- Usein vakaa: 1200×630 tai suurempi, vähintään 600×315.
- Tavoitekuvasuhde noin 1.91:1.
- Kuvatiedoston koko-ohje sisältää 8 Mt tai vähemmän.
X-kortin ohjeistus (viite)
- summary_large_image tähtää yleensä noin 2:1-kuvasuhteeseen.
- Viitealue: vähintään 300×157, enintään 4096×4096.
- Kokosuositus sisältää alle 5 Mt tiedostot.
- Käytä JPG/PNG/WEBP/GIF-muotoja, kun ne ovat tuettuja.
Kun muutokset eivät näy (välimuisti ja uudelleenhaku)
- Sosiaalisten alustojen crawlerit voivat välimuistittaa haetut metatiedot. Pyydä uusi haku kunkin alustan debugger/inspector-työkalulla.
- Jos kuvan korvaaminen ei näy, kuvan URL:n muuttaminen voi auttaa (tiedostonimen päivitys tai query string).
- og:image:width- ja og:image:height-arvojen asettaminen voi joissain tapauksissa parantaa renderöinnin vakautta.
LinkedIn Post Inspector
https://www.linkedin.com/post-inspector/Päivitä ja tarkista URL-esikatselun tiedot LinkedInissä.
X Card Validator
https://cards-dev.twitter.com/validatorValidoi X-kortin metatiedot ja pakota kortin haku siellä, missä se on mahdollista.
FAQ
Voiko tämä luoda myös Twitter Card -tagit?
Kyllä. Se voi tulostaa twitter:card-tagit ja niihin liittyvät tagit yhdessä. Saatavilla on myös minimaalinen tila.
Minkä kokoista kuvaa kannattaa käyttää?
Käytä kohdepalvelulle käytännöllistä suositusta. Meta-painotteiset esikatselut käyttävät usein noin 1.91:1-kuvasuhdetta (esimerkiksi 1200×630), kun taas X summary_large_image käyttää usein noin 2:1-suhdetta (esimerkiksi 1200×600).
Miksi muutokset eivät näy?
Useimmiten syynä on välimuisti. Pyydä alustan työkaluilla uusi haku ja harkitse kuvan URL:n muuttamista kuvan vaihdon jälkeen.