HedgieTools

Közösségi megosztás előnézete

Nézd meg, hogyan jelenik meg az oldalad megosztáskor (Google, Facebook, X, LinkedIn, WhatsApp, Slack, Discord, Pinterest), javítsd, ami levágódik, és másold ki a beillesztésre kész Open Graph-címkéket.

1. Az oldalad adatai

Töltsd ki az űrlapot, vagy importáld az adatokat egy oldal kódjából.

0 / 60
0 / 155
Oldaltípus
Megosztási kép

JPG, PNG, WebP vagy GIF. A kiválasztott kép csak az előnézethez kell: a kódhoz add meg az online URL-címét is.

2. Előnézetek

Az egyes platformok szimulációja: a tényleges eredmény kissé eltérhet, de a levágások jól közelítik a valóságot.

Google

Eexample.comhttps://example.com › …
OldalcímItt jelenik meg az oldal leírása.

Facebook

example.comOldalcímItt jelenik meg az oldal leírása.

X

Oldalcím
Forrás: example.com

LinkedIn

Oldalcímexample.com

WhatsApp

OldalcímItt jelenik meg az oldal leírása.example.com
https://example.com10:24

Slack

example.comOldalcímItt jelenik meg az oldal leírása.

Discord

example.comOldalcímItt jelenik meg az oldal leírása.

Pinterest

OldalcímEexample.com

A Pinterest a teljes képet mutatja, vágás nélkül. Egy álló kép (2:3, például 1000 × 1500 px) ott több helyet kap, máshol viszont levágják.

3. Ellenőrzések és kód

Előbb a javítanivalók, aztán az oldaladba illesztendő címkék.

  • ProblémaHiányzó címCím nélkül minden hálózat maga talál ki egyet az oldal alapján.
  • ProblémaHiányzó leírásA hálózatok kiemelnek egy szövegrészt az oldalról, gyakran nem túl jól választva.
  • ProblémaNincs képA kép nélküli linkekre sokkal kevesebben kattintanak. Készíts egy 1200 × 630 px méretű képet.
  • JavítandóHiányzik az oldal URL-címeAz og:url megadja az oldal hivatalos URL-címét, így a megosztások egy helyen gyűlnek össze.

Illeszd be az oldalad head részébe.

Töltsd ki az űrlapot a kód létrehozásához.

A közösségi megosztás előnézetéről

Valahányszor valaki megosztja az oldaladat, a közösségi hálózat egy kártyát jelenít meg a címével, a leírásával és a képével. Ez az eszköz még közzététel előtt megmutatja ezeket a kártyákat, és megírja a hozzájuk szükséges címkéket.

Mutassanak jól a linkjeid

Amikor megosztják az oldaladat, minden hálózat egy kártyát mutat címmel, leírással és képpel. Ezek az adatok az oldal kódjában elhelyezett Open Graph-címkékből származnak. Nélkülük a kártya üres, vagy rosszul választott tartalmat mutat.

A megfelelő hosszúság

A Google a címet nagyjából 60, a leírást 155 karakter körül vágja le. Egy 1200 × 630 pixeles (1,91:1) kép mindenhol jól mutat: a lényeg legyen középen, mert egyes platformok vágnak belőle. A Pinterest az álló képeket kedveli.

Beillesztésre kész kód

Másold ki az oldalad head részébe illesztendő HTML-címkéket, vagy Next.js-webhelyhez a metaadat-objektumot. Élesítés után a hálózatok néha néhány napig a gyorsítótárukban tartják a régi előnézetet.

Semmi sem kerül feltöltésre

Az előnézetek a böngésződben készülnek. A képed és a szövegeid sehová nem kerülnek. Az egyetlen kérés a beírt kép URL-címére irányul, és azt a böngésződ indítja.

Kapcsolódó eszközök

Fejlesztés

JWT-dekódoló

Olvasd ki egy JWT fejlécét, payloadját és dátumait, és ellenőrizd az aláírását.

Fejlesztés

SVG-ből HTML

SVG konvertálása HTML-, JSX- és React-kódra.