Co to są meta tagi i czemu nadal warto je wpisywać?
Meta tagi to niewidoczne instrukcje w sekcji `<head>` Twojej strony. Mówią Google'owi jaki tytuł pokazać w wynikach wyszukiwania, Facebookowi jaki obrazek wziąć do podglądu, a przeglądarce w jakim języku jest treść. Bez nich Google sam wybierze sobie tytuł (zwykle gorszy niż Twój), a podgląd na Facebooku to link bez obrazka i z domeną zamiast tytułu.
Tu wypełniasz formularz, włączasz Switche dla sekcji których potrzebujesz (Basic, OpenGraph, Twitter Card, Article), a po prawej widzisz cztery podglądy dokładnie tego, jak Twój link będzie wyglądał w wynikach Google, na Facebooku, w X (Twitterze) i na LinkedIn. Skopiujesz gotowy blok HTML i wklejasz między `<head>` i `</head>` swojej strony.
Tytuł i opis dla wyszukiwarki to najbardziej opłacalna pojedyncza optymalizacja SEO. Dobrze napisany podnosi CTR o 20-50% bez żadnych zmian w treści strony.
Jak korzystać
- Zacznij od sekcji Basic: wpisz tytuł (max 60 znaków, Google ucina dłuższe) i opis (140-160 znaków). To pojawi się w wynikach Google.
- Włącz OpenGraph Switchem i wpisz og:image (URL do obrazka 1200×630 px). Bez tego Facebook, LinkedIn, Slack pokażą podgląd bez miniatury.
- Włącz Twitter Card, wybierz `summary_large_image` (duża karta z dużym obrazkiem). Wpisz handle (@twoja-firma) w pole site.
- Jeśli stronę nim jest wpis blogowy, włącz Article i wpisz daty publikacji/modyfikacji i autora.
- Po prawej widzisz podglądy live dla 4 platform. Skoryguj długość tytułu/opisu, sprawdź ostrzeżenia, skopiuj cały blok HTML i wklej w `<head>` swojej strony.
Do czego się przydaje
Najczęstsze sytuacje, w których warto wygenerować pełny zestaw meta tagów:
- Nowy wpis blogowy. Wpisujesz tytuł, opis, og:image, ustawiasz daty publikacji i kopiujesz blok HTML do swojego CMS-a (WordPress ma pola SEO Yoast / Rank Math, Next.js ma `generateMetadata`).
- Strona oferty pracy. Dział HR udostępnia link na LinkedIn, podgląd musi wyglądać profesjonalnie. Bez og:image LinkedIn pokazuje tylko domenę.
- Landing page produktu. Kampania reklamowa wymaga schludnych podglądów na Facebook Ads. Wpisujesz og:type=product, og:image z dobrym zdjęciem, og:price (przez og:price:amount + og:price:currency).
- Audyt SEO klienta. Sprawdzasz kluczowe strony, generujesz nowy zestaw meta tagów dla każdej, oddajesz blok HTML deweloperom do wrzucenia.
- Strona dla aplikacji mobilnej. Przed publikacją na App Store / Google Play sprawdzasz, jak link do app landing page wygląda gdy ktoś go wkleja w iMessage czy Slack.
- Międzynarodowy serwis. Dla każdej wersji językowej generujesz osobny blok z `og:locale=pl_PL` (lub `en_US`), żeby Facebook wiedział, którą wersję pokazać.
Po wklejeniu kodu na stronę sprawdź jak wygląda podglądem OpenGraph. Jeśli generujesz też dane strukturalne (JSON-LD), użyj generatora schemy JSON-LD.