WhatsApp-keskusteluihin
Katso otsikko, kuvaus ja pikkukuva, jotka WhatsApp näyttää, kun linkki liitetään keskusteluun.
Maksukorttia ei tarvita · Free-paketti on pysyvästi ilmainen
WhatsApp lukee sivun HTML:n head-osasta tavalliset Open Graph -tagit og:title, og:description ja og:image. WhatsAppilla ei ole omia tagejaan, joten sivu, jonka esikatselu toimii muualla, toimii yleensä myös WhatsAppissa.
Esikatselu muodostetaan lähettäjän puhelimessa sillä hetkellä, kun URL-osoite liitetään, eli ennen viestin lähettämistä, ja se lähtee viestin mukana. Vastaanottajat näkevät sen, minkä lähettäjän laite haki. Jos lähettäjä liitti linkin, kun tagisi olivat vielä väärin, koko ryhmä näkee sen vanhentuneen kortin.
Kuvien käsittely on WhatsAppin tärkein oma sudenkuoppa. Useimmille linkeille WhatsApp näyttää pienen neliön muotoisen pikkukuvan, joka rajataan og:image-kuvan keskeltä, joten reunoilla oleva aihe tai teksti katoaa. Hyvin pienet kuvat jätetään kokonaan pois: og:image-kuvan pitäisi olla vähintään noin 300 pikseliä leveä. Kun tiedosto pidetään pienenä (selvästi alle megatavun), kuva ei putoa esikatselusta huomaamatta hitailla yhteyksillä.
WhatsApp hakee sivut omalla käyttäjäagentillaan (se esittäytyy nimellä WhatsApp). Bottisuojaussäännöt tai CDN-palomuurit, jotka estävät tuntemattomat käyttäjäagentit, palauttavat sille virhesivun, ja esikatselu tulee ilman kuvaa tai jää kokonaan pois. Tarkista, että URL-osoite palauttaa tilakoodin 200 myös muille kuin selaimille.
WhatsAppilla ei ole julkista debuggeria, ja esikatselut ovat välimuistissa laitekohtaisesti. Jos haluat pakottaa uuden haun tagien korjaamisen jälkeen, lisää osoitteeseen kertakäyttöinen kyselyparametri (esimerkiksi ?v=2), jolloin URL-osoitetta käsitellään uutena. Voit myös liittää linkin uudelleen, kun korjaus on ehtinyt levitä.
Jos kortti näyttää väärältä, syy on yleensä sivun tageissa tai sen edessä olevassa uudelleenohjauksessa. Open Graph -esikatselujen korjaaminen käy läpi tagit, joita kukin alusta lukee. Uudelleenohjausten tarkistus näyttää, kierrätetäänkö hakurobottia välivaiheiden kautta ennen kuin se pääsee sivullesi, ja linkin luotettavuuspisteet kertovat, onko itse kohde merkitty epäilyttäväksi. Termit (og:image, canonical, unfurl) on selitetty sanastossa. Yksinkertaisempi linkin esikatselun tarkistus näyttää valmiin kortin kahdeksalla alustalla kerralla.
Tarkista kortti kerran, ennen kuin linkki lähtee WhatsApp-yhteisöön. Kaikki näkevät sen kortin, jonka lähettäjän laite haki, kun linkki liitettiin ensimmäisen kerran.
Varmista, että og:image-kuvan keskiosa säilyy pienessä neliön muotoisessa pikkukuvassa, jota WhatsApp käyttää useimmissa linkeissä.
Löydä og:image-tagit, joiden kuva on liian pieni, liian raskas tai palvelimella, joka estää WhatsAppin käyttäjäagentin.
Varmista, että ohjekeskuksen ja tilauksen tilan URL-osoitteet näkyvät luotettavana korttina kahdenkeskisissä keskusteluissa.
Valmiiksi määritetyt versiot tietyille alustoille ja käyttökohteille.
LinkedIn-jakoihin
Näe, miltä URL-osoitteesi näyttää LinkedInissä, ennen kuin julkaiset.
Avaa versioSlackin linkkiesikatseluihin
Tarkista, miltä URL-osoitteesi esikatselu näyttää Slackin viesteissä ja kanavilla.
Avaa versioX:n Twitter Card -kortteihin
Katso, miltä URL-osoitteesi näyttää Twitter Card -korttina X:ssä.
Avaa versioFacebook-jakoihin
Tarkista, miltä URL-osoitteesi näyttää Facebook-julkaisussa tai -jaossa.
Avaa versioDiscord-upotuksille
Näe, miten Discord upottaa URL-osoitteesi kanavalle tai yksityisviestiin.
Avaa versioTelegram-viesteihin
Katso, miten Telegram näyttää URL-osoitteesi keskusteluissa, ryhmissä ja kanavilla.
Avaa versioiMessagen rich link -korteille
Näe rich link -kortti, jonka Applen Viestit-sovellus muodostaa og:title- ja og:image-tageistasi.
Avaa versio