Generator meta tagów

Jak korzystać z generatora meta tagów

1. Wpisz Tytuł strony i Meta opis. Pod każdym polem licznik pokazuje liczbę znaków i zalecany zakres.
2. Dodaj Adres kanoniczny (canonical), jeśli strona jest dostępna pod kilkoma adresami (z parametrami śledzącymi, z ukośnikiem na końcu i bez niego itp.).
3. Opcjonalnie wypełnij Autor (opcjonalnie) i Kolor motywu (opcjonalnie) w zapisie szesnastkowym, np. #1e40af – niektóre przeglądarki mobilne barwią nim pasek adresu.
4. W sekcji Wyszukiwarki zdecyduj, czy strona ma być indeksowana i czy roboty mają podążać za jej linkami, oraz zaznacz potrzebne dodatkowe dyrektywy.
5. Zostaw zaznaczone Kodowanie znaków (UTF-8) i Viewport dla urządzeń mobilnych, chyba że twój szablon już je zawiera.
6. Przeczytaj listę Kontrola, a potem Kopiuj lub Pobierz kod i wklej go w sekcji <head> strony.

Do czego służy każdy tag

• <title>: nazwa strony na karcie przeglądarki i najczęściej klikalny nagłówek w wynikach wyszukiwania. Główny temat umieść na początku, a każdej stronie nadaj unikalny tytuł.
• Meta opis: podsumowanie, które wyszukiwarki często, choć nie zawsze, pokazują pod tytułem. Nie jest czynnikiem rankingowym, ale jasny opis dopasowany do zapytania może przynieść więcej kliknięć.
• Link kanoniczny: wskazuje wyszukiwarkom preferowany adres URL, gdy ta sama treść jest dostępna pod kilkoma adresami. Musi być bezwzględnym adresem URL.
• Meta tag robots: kontroluje indeksowanie tylko tej strony. noindex wyklucza ją z wyników, nofollow prosi roboty, by nie podążały za linkami, noarchive – by nie przechowywały kopii w pamięci podręcznej, nosnippet ukrywa fragment tekstu, a max-image-preview:large pozwala na duże miniatury obrazów.
• Viewport: width=device-width, initial-scale=1 sprawia, że strona wykorzystuje szerokość telefonu zamiast pomniejszonego układu komputerowego. Google indeksuje najpierw mobilną wersję stron, więc ten tag ma znaczenie.
• Charset: utf-8 pozwala poprawnie wyświetlać polskie znaki, symbole i emoji. Powinien być pierwszym elementem w <head>.

Jeśli zostawisz domyślne „Indeksuj stronę i podążaj za linkami”, narzędzie w ogóle pomija tag robots, bo index, follow to i tak domyślne zachowanie wyszukiwarek.

Zalecane długości

Wyszukiwarki ucinają tytuły i opisy według szerokości w pikselach, a nie stałej liczby znaków, więc poniższe liczby to wskazówki, a nie sztywne zasady:

Aby zobaczyć, jak tekst będzie naprawdę wyglądał – łącznie z szerokością w pikselach – użyj podglądu wyniku wyszukiwania. Wyszukiwarki mogą też przepisać tytuł lub opis, jeśli uznają, że inny tekst ze strony lepiej pasuje do zapytania.

Escapowanie i bezpieczeństwo

Każda wartość jest escapowana przed wstawieniem: &, ", ', < i > stają się encjami HTML, a przejścia do nowej linii zamieniają się w spacje. Opis z cudzysłowami czy tytuł ze znakiem & daje więc poprawny HTML, który nie zepsuje strony. Wszystko dzieje się w twojej przeglądarce – nic, co wpiszesz, nie jest nigdzie wysyłane.