HedgieTools

Podgląd udostępniania linku

Zobacz, jak twoja strona będzie wyglądać po udostępnieniu w serwisach Google, Facebook, X, LinkedIn, WhatsApp, Slack, Discord lub Pinterest, popraw to, co zostaje ucięte, i skopiuj gotowe do wklejenia tagi Open Graph.

1. Dane twojej strony

Wypełnij formularz albo zaimportuj dane z kodu strony.

0 / 60
0 / 155
Typ strony
Obraz do udostępniania

JPG, PNG, WebP lub GIF. Wybrany obraz służy tylko do podglądu: do kodu podaj też jego adres online.

2. Podglądy

Symulacja każdej platformy: rzeczywisty wynik może się nieco różnić, ale miejsca ucięcia są bliskie rzeczywistości.

Google

Eexample.comhttps://example.com › …
Tytuł stronyTutaj pojawi się opis strony.

Facebook

example.comTytuł stronyTutaj pojawi się opis strony.

X

Tytuł strony
Z example.com

LinkedIn

Tytuł stronyexample.com

WhatsApp

Tytuł stronyTutaj pojawi się opis strony.example.com
https://example.com10:24

Slack

example.comTytuł stronyTutaj pojawi się opis strony.

Discord

example.comTytuł stronyTutaj pojawi się opis strony.

Pinterest

Tytuł stronyEexample.com

Pinterest pokazuje cały obraz, bez przycinania. Pionowy obraz (2:3, np. 1000 × 1500 px) zajmuje tam więcej miejsca, ale gdzie indziej zostanie przycięty.

3. Kontrola i kod

Co poprawić, a potem tagi do wklejenia na twoją stronę.

  • ProblemBrak tytułuBez tytułu każdy serwis wymyśla własny na podstawie strony.
  • ProblemBrak opisuSerwisy wezmą fragment tekstu ze strony, często źle dobrany.
  • ProblemBrak obrazuLinki bez obrazu dostają znacznie mniej kliknięć. Przygotuj obraz o wymiarach 1200 × 630 px.
  • Do poprawyBrak adresu stronyog:url podaje oficjalny adres strony, dzięki czemu udostępnienia są grupowane razem.

Wklej go w sekcji head swojej strony.

Wypełnij formularz, aby wygenerować kod.

O podglądzie udostępniania linku

Za każdym razem, gdy ktoś udostępnia twoją stronę, serwis społecznościowy pokazuje kartę z jej tytułem, opisem i obrazem. To narzędzie pokazuje te karty przed publikacją i tworzy tagi, z których one korzystają.

Niech twoje linki dobrze wyglądają

Gdy ktoś udostępnia twoją stronę, każdy serwis pokazuje kartę z tytułem, opisem i obrazem. Te informacje pochodzą z tagów Open Graph umieszczonych w kodzie strony. Bez nich karta jest pusta lub źle dobrana.

Właściwa długość

Google ucina tytuł w okolicy 60 znaków, a opis w okolicy 155. Obraz 1200 × 630 pikseli (1,91:1) wygląda dobrze wszędzie: najważniejsze elementy umieść na środku, bo niektóre platformy go przycinają. Pinterest woli obrazy pionowe.

Kod gotowy do wklejenia

Skopiuj tagi HTML do umieszczenia w sekcji head strony albo obiekt metadanych dla witryny w Next.js. Po publikacji serwisy czasem przez kilka dni trzymają stary podgląd w pamięci podręcznej.

Nic nie jest wysyłane

Podglądy są symulowane w twojej przeglądarce. Twój obraz i teksty nie są nigdzie wysyłane. Jedyne zapytanie to pobranie obrazu spod adresu, który wpiszesz, i wykonuje je twoja przeglądarka.

Podobne narzędzia

Programowanie

Dekoder JWT

Odczytaj nagłówek, payload i daty tokena JWT oraz sprawdź jego podpis.

Programowanie

SVG na HTML

Konwertuj SVG na HTML, JSX i React.