Somejaon esikatselu

Katso, miltä sivusi näyttää jaettuna Googlessa, Facebookissa, X:ssä, LinkedInissä, WhatsAppissa, Slackissä, Discordissa tai Pinterestissä, korjaa katkeavat kohdat ja kopioi valmiit, suoraan liitettävät Open Graph -tagit.

1. Sivusi tiedot

Täytä lomake tai tuo tiedot sivun koodista.

0 / 60
0 / 155
Sivun tyyppi
Jakokuva

JPG, PNG, WebP tai GIF. Valittua kuvaa käytetään vain esikatseluun: anna koodia varten myös sen verkko-osoite.

2. Esikatselut

Simulaatio kustakin palvelusta: lopputulos voi poiketa hieman, mutta katkaisukohdat vastaavat todellisuutta melko tarkasti.

Google

Eexample.comhttps://example.com › …
Sivun otsikkoSivun kuvaus näkyy tässä.

Facebook

example.comSivun otsikkoSivun kuvaus näkyy tässä.

X

Sivun otsikko
Lähde: example.com

LinkedIn

Sivun otsikkoexample.com

WhatsApp

Sivun otsikkoSivun kuvaus näkyy tässä.example.com
https://example.com10:24

Slack

example.comSivun otsikkoSivun kuvaus näkyy tässä.

Discord

example.comSivun otsikkoSivun kuvaus näkyy tässä.

Pinterest

Sivun otsikkoEexample.com

Pinterest näyttää koko kuvan rajaamatta sitä. Pystykuva (2:3, esimerkiksi 1000 × 1500 px) vie siellä enemmän tilaa, mutta muualla se rajataan.

3. Tarkistukset ja koodi

Mitä korjata, ja sitten sivullesi liitettävät tagit.

  • OngelmaOtsikko puuttuuIlman otsikkoa jokainen somepalvelu keksii sellaisen sivun sisällöstä.
  • OngelmaKuvaus puuttuuSomepalvelut poimivat sivulta jonkin tekstinpätkän, usein huonosti valitun.
  • OngelmaEi kuvaaKuvattomat linkit saavat paljon vähemmän klikkauksia. Valmistele kuva, jonka koko on 1200 × 630 px.
  • ParannettavaaSivun osoite puuttuuog:url kertoo sivun virallisen osoitteen, jotta jaot ryhmitellään yhteen.

Liitä se sivusi head-osioon.

Täytä lomake, niin koodi luodaan.

Tietoa somejaon esikatselusta

Aina kun joku jakaa sivusi, somepalvelu näyttää siitä kortin, jossa on sivun otsikko, kuvaus ja kuva. Tämä työkalu näyttää kortit ennen julkaisua ja kirjoittaa tagit, joista niiden tiedot tulevat.

Tee linkeistäsi näyttäviä

Kun sivusi jaetaan, jokainen somepalvelu näyttää kortin, jossa on otsikko, kuvaus ja kuva. Tiedot tulevat sivun koodiin lisätyistä Open Graph -tageista. Ilman niitä kortti on tyhjä tai sen sisältö on huonosti valittu.

Oikeat pituudet

Google katkaisee otsikon noin 60 merkin ja kuvauksen noin 155 merkin kohdalla. Kuva, jonka koko on 1200 × 630 pikseliä (1,91:1), näyttää hyvältä kaikkialla: pidä olennainen keskellä, koska jotkin palvelut rajaavat kuvaa. Pinterest suosii pystykuvaa.

Suoraan liitettävä koodi

Kopioi HTML-tagit sivusi head-osioon tai metadata-objekti Next.js-sivustoa varten. Julkaisun jälkeen somepalvelut pitävät joskus vanhaa esikatselua välimuistissaan muutaman päivän.

Mitään ei lähetetä

Esikatselut simuloidaan selaimessasi. Kuvaasi ja tekstejäsi ei lähetetä minnekään. Ainoa verkkopyyntö on se, jonka selaimesi tekee kirjoittamaasi kuvan osoitteeseen.

Ohjelmistokehitys

JWT-dekooderi

Lue JWT:n otsake, hyötykuorma ja päivämäärät ja tarkista sen allekirjoitus.