Do czego służą HTML meta tagi?
HTML meta tagi najczęściej spotkasz w meta description, czyli krótkim opisie, który pojawia się pod tytułem w wynikach wyszukiwania. Dobrze napisany opis zwiększa szansę na kliknięcie, ale nie podbija pozycji sam z siebie.
Natomiast meta robots ustala zasady indeksowania, np. noindex dla koszyka czy wyników wyszukiwania wewnętrznego, żeby nie trafiały do Google. Co ważne, jeśli zablokujesz adres w robots.txt, robot może w ogóle nie odczytać noindex.
meta charset="UTF-8" gwarantuje poprawne wyświetlanie polskich znaków.
meta viewport dba o wygodę na telefonach (content="width=device-width, initial-scale=1"), bez niego strona będzie wyglądać jak zrzut ekranu.
Na potrzeby udostępnień działają też znaczniki Open Graph i Twitter Cards (np. og:title, og:description, og:image). To właśnie dzięki nim po wklejeniu linku na Facebooku czy LinkedIn pojawia się właściwy tytuł, opis i miniatura.
Z kolei historyczny już meta keywords możesz pominąć, ponieważ współczesne wyszukiwarki go ignorują.
Jak używać HTML meta tagów?
Każda podstrona powinna mieć własny tytuł i własny opis zgodny z treścią. Dlatego nie kopiuj jednego opisu na pół serwisu, ponieważ przez to w wynikach zrobi się bałagan. Strony techniczne oznacz jako noindex, strony ofertowe zostaw jako index, follow. Dla social media wskaż konkretną grafikę w og:image (odpowiednia rozdzielczość, najlepiej w poziomie), ponieważ to ona sprzedaje kliknięcie w podglądzie.
Pamiętaj też o elementach, które często myli się z meta tagami, ale działają w tym samym miejscu: link rel="canonical" (wskazuje właściwą wersję adresu) i atrybut języka lang="pl" na elemencie <html>. Po każdej większej zmianie treści warto sprawdzić, czy opis nadal odpowiada temu, co użytkownik zobaczy po wejściu, i czy podgląd linku w social mediach ładuje aktualną miniaturę. Dzięki temu metadane pomagają ludziom podjąć decyzję, w który wynik kliknąć, a jednocześnie nie przeszkadzają robotom zrozumieć strony.