HedgieTools

Förhandsvisning för sociala medier

Se hur din sida ser ut när den delas på Google, Facebook, X, LinkedIn, WhatsApp, Slack, Discord eller Pinterest, åtgärda det som klipps av och kopiera Open Graph-taggar som är klara att klistra in.

1. Uppgifter om din sida

Fyll i formuläret eller importera uppgifterna från koden på en sida.

0 / 60
0 / 155
Sidtyp
Delningsbild

JPG, PNG, WebP eller GIF. Den valda bilden används bara för förhandsvisningen: ange även bildens webbadress, för koden.

2. Förhandsvisningar

En simulering av varje plattform: det verkliga resultatet kan skilja sig något, men det som klipps av stämmer väl med verkligheten.

Google

Eexample.comhttps://example.com › …
SidrubrikSidans beskrivning visas här.

Facebook

example.comSidrubrikSidans beskrivning visas här.

X

Sidrubrik
Från example.com

LinkedIn

Sidrubrikexample.com

WhatsApp

SidrubrikSidans beskrivning visas här.example.com
https://example.com10:24

Slack

example.comSidrubrikSidans beskrivning visas här.

Discord

example.comSidrubrikSidans beskrivning visas här.

Pinterest

SidrubrikEexample.com

Pinterest visar hela bilden utan att beskära den. En stående bild (2:3, till exempel 1 000 × 1 500 px) tar mer plats där, men beskärs på andra ställen.

3. Kontroller och kod

Vad du bör åtgärda, och sedan taggarna att klistra in på din sida.

  • ProblemTitel saknasUtan titel hittar varje nätverk på en egen utifrån sidan.
  • ProblemBeskrivning saknasNätverken tar då en bit text från sidan, ofta ett dåligt val.
  • ProblemIngen bildLänkar utan bild får betydligt färre klick. Planera för en bild på 1 200 × 630 px.
  • Kan förbättrasSidadress saknasog:url anger sidans officiella adress, så att delningarna samlas ihop.

Klistra in den i head-delen av din sida.

Fyll i formuläret för att skapa koden.

Om förhandsvisningen för sociala medier

Varje gång någon delar din sida visar nätverket ett kort med sidans titel, beskrivning och bild. Verktyget visar dessa kort innan du publicerar och skriver taggarna som förser dem med innehåll.

Få dina länkar att se bra ut

När din sida delas visar varje nätverk ett kort med en titel, en beskrivning och en bild. Uppgifterna kommer från Open Graph-taggarna i sidans kod. Utan dem blir kortet tomt eller illa valt.

Rätt längder

Google kortar en titel vid cirka 60 tecken och en beskrivning vid cirka 155. En bild på 1 200 × 630 pixlar (1,91:1) ser bra ut överallt: håll det viktigaste i mitten, eftersom vissa plattformar beskär den. Pinterest föredrar en stående bild.

Kod klar att klistra in

Kopiera HTML-taggarna som ska in i sidans head, eller metadataobjektet för en Next.js-webbplats. Efter publiceringen kan nätverken behålla den gamla förhandsvisningen i sin cache i några dagar.

Inget laddas upp

Förhandsvisningarna simuleras i din webbläsare. Din bild och dina texter skickas ingenstans. Den enda förfrågan är den som din webbläsare gör för att hämta en bildadress du skriver in.

Relaterade verktyg

Utveckling

JWT-avkodare

Läs en JWT:s header, payload och datum och kontrollera signaturen.