Discord-upotuksille
Näe, miten Discord upottaa URL-osoitteesi kanavalle tai yksityisviestiin.
Maksukorttia ei tarvita · Free-paketti on pysyvästi ilmainen
Discord lukee Open Graph -tagit ja oEmbed-metatiedot ja kokoaa niistä upotuskortin, jonka näet kanavilla. Tämä työkalu tarkistaa, miten linkki upotetaan Discord-viestiin. Se ei esikatsele Discord-palvelimia eikä niiden kutsulinkkejä.
Upotukset tallennetaan välimuistiin palvelinkohtaisesti. Muokkaa viestiä, niin Discord hakee metatiedot uudelleen.
Discord käyttää metatietolähteitä tietyssä järjestyksessä: ensin oEmbed niillä sivustoilla, jotka julkaisevat sen (näin YouTube- ja Spotify-linkit saavat toistettavat upotukset), sitten Open Graph ja lopuksi pelkkä HTML. Tavallisella verkkosivustolla hallitset OG-tageja: og:title, og:description, og:image ja halutessasi og:site_name, jonka Discord näyttää upotuskortissa otsikon yläpuolella.
Yleisessä käytössä on yksi tagi, joka on aidosti Discordin oma: theme-color. Tagin meta name='theme-color' arvosta tulee upotuksen vasemman reunan korostusraita, pieni pystypalkki, joka saa upotuksen näyttämään brändätyltä. Se vaatii yhden HTML-rivin, ja se on halvin tapa viimeistellä linkit, joita jaetaan Discord-yhteisöissä.
Kuvat käsitellään toisin kuin muilla alustoilla, ja siitä on hyötyä: og:image näkyy suurena kuvana upotuksen rungossa, mutta twitter:card=summary saa Discordin näyttämään kuvan pienenä pikkukuvana tekstin vieressä. Jos linkeissäsi näkyy valtava kuva, vaikka halusit tiiviin kortin (tai päinvastoin), syy on yleensä näiden kahden tagiperheen yhteisvaikutuksessa.
Useimmat käyttäjät näkevät Discordin upotukset tummalla taustalla (vaalea teema on olemassa, mutta Discordissa tumma on vallitseva). Valkoisille syötteille suunnitellut jakokuvat, joissa on tummaa tekstiä läpinäkyvällä tai valkoisella pohjalla, voivat näyttää upotuksessa haaleilta tai jäädä näkymättömiin. Jos Discord-yhteisöt ovat sinulle oikea kanava, tarkista og:image tummaa taustaa vasten.
Peli-, kehitystyökalu- ja yhteisötuotteissa Discord on usein paikka, jossa linkkejä jaetaan eniten, ja suuren osan jakamisesta tekevät botit ja webhookit. Bottien julkaisemat linkit avautuvat korteiksi samojen OG-sääntöjen mukaan kuin ihmisten julkaisemat. Botit voivat kuitenkin myös rakentaa API:n kautta omia rikkaita upotuksia, jotka ohittavat OG-tagisi kokonaan. Selvitä, kumpaa tapaa integraatiosi käyttää, ennen kuin alat etsiä vikaa väärästä paikasta.
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.
Varmista, että julkaisulinkit näyttävät viimeistellyiltä #announcements-kanavalla. Monessa yhteisössä upotuskortin näkee useampi ihminen kuin itse verkkosivuston.
Tarkista, että bottisi jakamissa linkeissä näkyvät oikea kuva ja teksti, ja selvitä, käyttääkö botti OG-tageista muodostettuja kortteja vai API:n kautta rakennettuja upotuksia.
Huomaa harhaanjohtavat tai rikkinäiset esikatselut, ennen kuin ne leviävät. Jäsenet arvioivat linkin ensimmäiseksi upotuksen perusteella.
Tarkista og:image-kuvan luettavuus Discordin tummaa taustaa vasten. Valkoisille syötteille optimoidut kuvat eivät siinä usein toimi.
Varmista, että theme-color on asetettu, jotta upotuksissasi näkyy brändisi korostusraita jokaisella palvelimella, jolla niitä jaetaan.
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 versioWhatsApp-keskusteluihin
Katso otsikko, kuvaus ja pikkukuva, jotka WhatsApp näyttää, kun linkki liitetään keskusteluun.
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