Ohjelmistokehitys
JWT-dekooderi
Lue JWT:n otsake, hyötykuorma ja päivämäärät ja tarkista sen allekirjoitus.
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.
Täytä lomake tai tuo tiedot sivun koodista.
JPG, PNG, WebP tai GIF. Valittua kuvaa käytetään vain esikatseluun: anna koodia varten myös sen verkko-osoite.
Simulaatio kustakin palvelusta: lopputulos voi poiketa hieman, mutta katkaisukohdat vastaavat todellisuutta melko tarkasti.
Pinterest näyttää koko kuvan rajaamatta sitä. Pystykuva (2:3, esimerkiksi 1000 × 1500 px) vie siellä enemmän tilaa, mutta muualla se rajataan.
Mitä korjata, ja sitten sivullesi liitettävät tagit.
Liitä se sivusi head-osioon.
Täytä lomake, niin koodi luodaan.
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.
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.
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.
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.
Esikatselut simuloidaan selaimessasi. Kuvaasi ja tekstejäsi ei lähetetä minnekään. Ainoa verkkopyyntö on se, jonka selaimesi tekee kirjoittamaasi kuvan osoitteeseen.
Ohjelmistokehitys
Lue JWT:n otsake, hyötykuorma ja päivämäärät ja tarkista sen allekirjoitus.
Ohjelmistokehitys
Muunna aikaleimoja ja kestoja ja laske päivämäärien välisiä eroja.
Ohjelmistokehitys
Muunna SVG HTML-, JSX- tai React-muotoon.
Apuohjelmat
Luo QR-koodi ja lataa se.