Jak używać
- Wpisz tytuł strony i opis składający się z jednego lub dwóch zdań.
- Dodaj kanoniczny URL i wybierz, czy wyszukiwarki mogą indeksować stronę oraz podążać za jej linkami.
- Wpisz obraz Open Graph i uzupełnij pola, których wartości mają różnić się od tytułu i opisu, a następnie wybierz typ karty Twitter.
- Skopiuj wygenerowany kod HTML lub pobierz go i wklej do elementu <head> strony.
Jak to działa
Generator tworzy tylko potrzebne tagi. Każda wartość jest zabezpieczana przed wstawieniem do HTML (& < > " i ' są zamieniane na encje), więc tytuł zawierający cudzysłowy lub nawiasy ostrokątne nie uszkodzi znaczników.
Do czego służą poszczególne tagi: charset określa kodowanie tekstu używane przez przeglądarkę i powinien znajdować się na początku sekcji head; viewport sprawia, że strona na telefonach jest wyświetlana na szerokość ekranu urządzenia; title pojawia się na kartach przeglądarki i w wynikach wyszukiwania; meta description może być użyty jako opis w wynikach wyszukiwania, ale nie wpływa na pozycję strony; link canonical wskazuje wyszukiwarkom główny URL strony, jeśli jej duplikaty są dostępne pod innymi adresami; robots z noindex wyklucza stronę z wyników wyszukiwania, a nofollow instruuje roboty, by nie podążały za jej linkami. Tag robots działa tylko wtedy, gdy roboty mogą pobrać stronę, dlatego nie blokuj jej jednocześnie w robots.txt.
Tagi Open Graph (og:…) odpowiadają za podgląd linków w wielu aplikacjach społecznościowych i czatach. Jeśli pola og:title, og:description lub og:url są puste, narzędzie użyje odpowiednio tytułu, opisu i kanonicznego URL-a. Platformy obsługujące tagi Twitter Card używają wartości Open Graph jako tytułu, opisu i obrazu, dlatego generowany jest tylko tag twitter:card.
Przykłady
Wpis na blogu
Tytuł, opis, kanoniczny URL, og:image o wymiarach 1200×630 i summary_large_image tworzą około dziesięciu wierszy tagów, które obejmują wyniki wyszukiwania i podgląd linku.
Strona z podziękowaniem wykluczona z wyszukiwania
Odznacz „Zezwalaj na indeksowanie”, aby dodać <meta name="robots" content="noindex, follow">. Strona nadal będzie dostępna dla odwiedzających, ale nie powinna pojawiać się w wynikach wyszukiwania.
Tytuł z cudzysłowami
Tytuł Ask "Anything" & <Learn> zostanie zapisany jako Ask "Anything" & <Learn>, a przeglądarki wyświetlą go dokładnie w podanej postaci.
Często zadawane pytania
Czy tag meta keywords pomaga w SEO?
Nie. Duże wyszukiwarki od wielu lat nie uwzględniają meta keywords przy ustalaniu pozycji, dlatego generator nie dodaje tego tagu.
Czy potrzebuję tagów Open Graph i Twitter Card?
Zwykle oprócz Open Graph wystarczy dodać tylko twitter:card, ponieważ tytuł, opis i obraz są pobierane z odpowiednich wartości og:.
Gdzie umieścić te tagi?
W elemencie <head> każdej strony. W frameworkach takich jak Next.js, motywach WordPressa czy generatorach stron statycznych użyj ustawień metadanych, aby wygenerować te same tagi.
Czy każda strona powinna mieć tag canonical?
To dobra praktyka, zwłaszcza gdy ta sama treść jest dostępna pod kilkoma adresami URL (parametry śledzące, opcje sortowania, http i https). Strona może wskazywać samą siebie jako kanoniczną.
Prywatność
Tagi są generowane w przeglądarce. Wpisane dane nie są przesyłane ani przechowywane.