Generator Open Graph

Właściciele witryn i twórcy treści mogą użyć tego przed publikacją strony albo przygotowaniem jej do udostępnienia. Przygotuj udostępnianie strony w mediach społecznościowych.

Przygotuj udostępnianie strony w mediach społecznościowych. Wszystko pozostaje w przeglądarce, bez wysyłania i zapisywania danych.

Jak używać

Zbierz tytuł, opis, adres strony i adres obrazu, które mają się pojawić, gdy link zostanie udostępniony.
Wprowadź te wartości w polu, zachowując kolejność pokazaną w interfejsie narzędzia.
Uruchom generowanie, aby utworzyć pasujące znaczniki Open Graph gotowe do skopiowania.
Skopiuj wynikowy kod i umieść go w sekcji head strony docelowej.
Wyczyść pola, aby przygotować kolejną stronę lub porównać alternatywne wersje przed publikacją.

Przykład

W dostarczonym przykładzie generator tworzy znaczniki z tytułu, opisu, adresu strony i adresu obrazu. Sprawdź, czy każda wartość rzeczywiście należy do strony, nad którą pracujesz, przed skopiowaniem kodu do swojej witryny, zwłaszcza link do obrazu i kanoniczny adres strony.

Dane wejściowe

Page title
Short description for sharing
https://example.com/page
https://example.com/image.jpg

Wynik

<meta property="og:type" content="website">
<meta property="og:title" content="Page title">
<meta property="og:description" content="Short description for sharing">
<meta property="og:url" content="https://example.com/page">
<meta property="og:image" content="https://example.com/image.jpg">

Ograniczenia i formaty

Narzędzie tworzy tylko znaczniki do skopiowania; nie publikuje niczego na Twojej stronie za Ciebie.
Wartości muszą być dokładne, ponieważ błędny adres spowoduje uszkodzony podgląd w mediach społecznościowych.
Ostateczny wygląd zależy od każdej platformy społecznościowej i jej zasad buforowania.
Sprawdź rozmiar i format obrazu bezpośrednio na platformie, na której planujesz udostępnić link.
Przetestuj wynik na kilku platformach, ponieważ każda z nich może stosować własne zasady wyświetlania.

Gdzie odbywa się przetwarzanie

Generowanie odbywa się w Twojej przeglądarce. Wpisywane informacje pozostają na Twoim urządzeniu i nie są wysyłane do żadnej usługi zewnętrznej. Nie potrzebujesz konta, aby utworzyć lub skopiować wynik.

Częste pytania

Gdzie powinienem umieścić wygenerowany kod?

Umieść znaczniki w sekcji head strony docelowej, najlepiej przed innymi skryptami. Informują one platformy społecznościowe, jaki tytuł, opis i obraz mają pokazać, gdy ktoś udostępni link.

Czy mogę użyć lokalnego pliku obrazu?

Nie, platformy społecznościowe muszą pobrać obraz z publicznie dostępnego adresu. Użyj obrazu, który jest już online w Twojej witrynie lub w dozwolonej usłudze hostingowej.

Dlaczego podgląd nie aktualizuje się po mojej zmianie?

Platformy społecznościowe często buforują stare dane. Po opublikowaniu nowych znaczników użyj ich narzędzia do debugowania, aby odświeżyć pamięć podręczną, albo poczekaj, aż wygaśnie ona naturalnie.