Käyttöohje
- Kirjoita og:title ja og:description, joita käytät tai aiot käyttää sivulla.
- Liitä og:image-kuvan koko URL-osoite. Työkalu lataa sen ja ilmoittaa sen todellisen pikselikoon.
- Lisää sivun URL-osoite tai verkkotunnus ja vertaa sitten ison ja pienen kortin esikatseluja ja korjaa mahdolliset varoitukset.
Näin se toimii
Kun joku jakaa linkin, useimmat sosiaaliset verkostot ja keskustelusovellukset hakevat sivun ja lukevat sen Open Graph -tunnisteet: og:title, og:description, og:image ja og:url. Näiden perusteella ne muodostavat kortin. Noin 1,91:1-kuvasuhteella varustettu leveä kuva tuottaa yleensä suuren kortin, jossa kuva on ylhäällä; pieni tai neliömäinen kuva tuottaa usein tiiviin kortin, jossa pikkukuva on tekstin vieressä.
Tämä työkalu näyttää kaksi yleistä korttityyliä, jotta voit arvioida tekstin pituutta ja kuvan rajausta. Se tarkistaa kuvan luonnollisen koon sen jälkeen, kun selain on ladannut sen: alle 200 × 200 px monet sovellukset jättävät kuvan pois, alle 600 × 315 px ne käyttävät yleensä pientä asettelua, ja kuvasuhde kaukana 1,91:1:stä tarkoittaa rajausta. 1200 × 630 px on yleisesti suositeltu koko, koska se pysyy terävänä korkean pikselitiheyden näytöillä.
Esikatselu ei voi näyttää tarkasti, mitä tietty sovellus näyttää. Sovellukset eroavat siinä, kuinka monta riviä otsikkoa ja kuvausta ne näyttävät, jotkin jättävät kuvauksen huomiotta, ja useimmat tallentavat esikatselun välimuistiin hetkeksi ensimmäisen jakamisen jälkeen, joten tunnisteiden muutokset eivät välttämättä näy heti. Monet alustat tarjoavat oman virheenkorjaustyökalunsa välimuistin päivittämiseen.
Esimerkit
Kuvakaappaus og:image-kuvana
1440 × 900 -kuvakaappauksen kuvasuhde on 1,6:1. Työkalu varoittaa kuvasuhteesta: isossa kortissa ylä- ja alaosa leikkautuisivat pois. 1200 × 630 -version vienti välttää yllätykset.
Logo ainoana kuvana
180 × 180 -logo on alle 200 × 200 px, joten monet sovellukset eivät näyttäisi kuvaa lainkaan. Käytä sen sijaan suurempaa, leveää banner-kuvaa, jossa logo on mukana.
Otsikon pituuden tarkistaminen
90 merkin og:title rivittyy kolmelle riville ison kortin esikatselussa. Lyhentäminen noin 60 merkkiin pitää kortin siistinä useimmissa sovelluksissa.
Usein kysytyt kysymykset
Miksi linkkini näyttää erilaiselta Facebookissa, LinkedInissä ja X:ssä?
Kukin alusta piirtää kortit omalla asettelullaan, rajauksellaan ja tekstirajoituksillaan, ja jotkin näyttävät kuvauksen, kun taas toiset eivät. Tämä esikatselu on yleinen arvio, ei kopio minkään alustan ulkoasusta.
Vaihdoin og:image-kuvan, mutta vanha kuva näkyy edelleen. Miksi?
Alustat tallentavat linkkien esikatselut välimuistiin. Käytä alustan omaa jakamisen debuggeria hakeaksesi sivun uudelleen tai odota välimuistin vanhenemista. Myös kuvatiedoston nimen vaihtaminen auttaa.
Voinko käyttää SVG- tai WebP-kuvaa?
Useimmat alustat eivät tue SVG:tä. WebP toimii monissa sovelluksissa mutta ei kaikissa; JPG tai PNG on varmin valinta.
Miksi työkalu ei voi ladata kuvaani?
URL voi vaatia kirjautumisen, osoittaa kuvan sijaan HTML-sivulle tai palvelin voi estää pyynnöt muilta sivustoilta. Jos selain ei voi ladata sitä täällä, ei sosiaalisen alustan hakurobottikaan välttämättä voi.
Tietosuoja
Syöttämäsi teksti pysyy selaimessasi. Kuvan tarkistamiseksi selaimesi hakee sen suoraan antamastasi URL-osoitteesta (ilman viittaajaa), jolloin palvelin näkee tavallisen kuvapyynnön. Mitään ei lähetetä TIG Toolsille.