TF

Narzędzia dla programistów

Generator metatagów z podglądem Open Graph

Pisz tagi SEO, Open Graph i karty X oraz zobacz, jak linki wyglądają w Google, na Facebooku, X, LinkedIn i Slacku.

Zacznij od istniejącej strony
44/60
113/160
TToolForgehttps://toolforge.example/

ToolForge — Free Online Tools That Just Work

Fast, private browser tools for developers and everyday tasks: JSON, encoders, generators, calculators, and more.

Podglądy przybliżają wygląd linku na każdej platformie. Platformy przechowują karty w pamięci podręcznej, więc zmiany mogą pojawić się z opóźnieniem.

Czym jest to narzędzie?

Linki udostępniane w mediach społecznościowych i komunikatorach używają tagów Open Graph, by pokazać tytuł, opis i obraz. Wypełnij pola — albo wklej HTML strony, aby odczytać jej obecne tagi — i zobacz, jak link będzie wyglądał w Google, na Facebooku, X, LinkedIn i Slacku, zanim go opublikujesz.

Generator tworzy standardowe tagi tytułu i opisu, link kanoniczny, tagi Open Graph (używane przez Facebooka, LinkedIn, WhatsApp, Slacka, Discorda i inne) oraz tagi kart Twitter/X. Wartości są automatycznie zabezpieczane dla HTML.

Użyj obrazu 1200 × 630 pikseli z bezwzględnym adresem https://. Podglądy to wierne przybliżenia; platformy zmieniają układ i zapamiętują karty, więc do odświeżenia już udostępnionego linku użyj debugera danej platformy.

Jak używać: Generator metatagów i podgląd OG

  1. Wpisz tytuł, opis, adres URL i obraz do udostępniania — albo wklej istniejący HTML w sekcji „Zacznij od istniejącej strony”.
  2. Pilnuj liczników: tytuły ponad 60 znaków i opisy ponad 160 zwykle są ucinane.
  3. Przełączaj podglądy Google, Facebooka, X, LinkedIn i Slacka.
  4. Skopiuj wygenerowane tagi do sekcji <head> strony.

Przykłady

Tagi Open Graph

<meta property="og:title" content="My Page" />
<meta property="og:description" content="What the page is about" />
<meta property="og:image" content="https://example.com/og.png" />

Najczęstsze pytania

Czy odczyta tagi działającej strony?

Przeglądarki nie pozwalają stronom pobierać innych witryn, więc wklej HTML: otwórz stronę, wybierz Pokaż źródło, skopiuj całość i wklej w sekcji „Zacznij od istniejącej strony”.

Jaki rozmiar powinien mieć obraz Open Graph?

1200 × 630 pikseli (proporcje 1,91:1) działa na wszystkich dużych platformach. Trzymaj ważny tekst z dala od krawędzi, bo niektóre aplikacje przycinają obraz.

Czy potrzebuję tagów Open Graph i Twittera?

X korzysta z Open Graph dla większości pól, ale twitter:card decyduje o stylu karty, dlatego generator dodaje oba.

Czy metatagi wpływają na pozycję w Google?

Tytuł mocno wpływa na pozycję i kliknięcia, opis głównie na kliknięcia. Tagi Open Graph nie wpływają na pozycję, ale sprawiają, że udostępniane linki są dużo bardziej klikalne.

Potrzebujesz w przyszłości więcej możliwości?

Narzędzia premium, wyższe limity i dostęp przez API są w planach. Wersja 1 pozostaje darmowa i prywatna w Twojej przeglądarce.