Tagi HTML w SEO: które mają znaczenie, z przykładami

Wyszukiwarki i asystenci AI czytają Twoją stronę jako kod, zanim ktokolwiek zobaczy ją na ekranie. Garstka tagów HTML w SEO decyduje o tym, jak ten kod jest rozumiany: który adres URL zostanie zaindeksowany, jaki tytuł pojawi się w wynikach, o czym jest strona i jak wygląda po udostępnieniu. Google wymienia obsługiwane znaczniki meta i atrybuty na jednej stronie swojej dokumentacji Search Central, a wszystko spoza tej listy nie ma wpływu na wyszukiwarkę Google. Ten poradnik omawia każdy użyteczny tag z przykładem, błędy do uniknięcia i tagi, o których możesz zapomnieć.

Które tagi HTML mają znaczenie dla SEO?

Poniższa tabela to lista referencyjna. Tagi w sekcji head opisują stronę maszynom; tagi w body strukturyzują to, co czytają ludzie.

Które tagi w head kontrolują sposób, w jaki Google pokazuje Twoją stronę?

Znacznik title

Znacznik title to najważniejszy tag na stronie. Google twierdzi, że długość elementu title nie jest ograniczona, ale link tytułowy jest skracany do szerokości urządzenia, co w praktyce oznacza około 50 do 60 znaków na komputerze. Google może go też przepisać: jego dokumentacja wymienia źródła, z których korzysta, od elementu title i głównego widocznego tytułu, przez nagłówki H1 i znacznik og:title, po tekst anchorów linków prowadzących do strony. Tytuł zgodny z H1 i treścią strony to ten, który Google zachowuje. Napisz unikalny title dla każdej strony, z głównym słowem kluczowym blisko początku i marką na końcu.

Meta description

Meta description nie zmienia pozycji, ale często dostarcza opis pod tytułem, a więc wpływa na kliknięcia. Google może go zastąpić fragmentem strony, który lepiej pasuje do zapytania. Napisz go jako krótką odpowiedź, po której następuje korzyść, w granicach od 120 do 160 znaków, i nigdy nie powielaj tego samego opisu na kilku stronach.

Znacznik meta robots

Znacznik meta robots mówi robotom, co mogą zrobić ze stroną. Najczęściej używana wartość to noindex, która wyklucza stronę z wyników; inne to nofollow, nosnippet i max-snippet, który ogranicza długość opisu tekstowego. W przypadku plików bez sekcji head, takich jak PDF, te same dyrektywy trafiają do nagłówka HTTP X-Robots-Tag. Noindex pozostawiony na działającym szablonie to jedna z najczęstszych przyczyn utraty ruchu, więc sprawdzaj go po każdym wdrożeniu.

Viewport i charset

Google zaznacza w swojej dokumentacji, że obecność znacznika viewport wskazuje na stronę przyjazną urządzeniom mobilnym. Ponieważ Google indeksuje wersję mobilną witryn, ten tag należy do każdej strony. Deklaracja charset (UTF-8 to zalecenie Google) zapobiega zepsutym znakom w tytułach i opisach, co ma znaczenie w witrynach wielojęzycznych.

Które tagi mówią Google, który adres URL zaindeksować?

Dwa tagi link w sekcji head zarządzają duplikatami i językami. Znacznik canonical wskazuje preferowaną wersję, gdy ta sama treść jest dostępna pod kilkoma adresami URL (filtry, parametry śledzące, HTTP i HTTPS). Google traktuje go jako silną wskazówkę, obok przekierowań i linków wewnętrznych, więc działa najlepiej, gdy wszystkie sygnały wskazują ten sam adres URL. Użyj bezwzględnego adresu URL, utrzymuj jeden canonical na stronę i nigdy nie kieruj go na stronę zablokowaną lub oznaczoną noindex.

Atrybut hreflang mówi Google, którą stronę pokazać w jakim języku lub regionie. Według poradnika Google o wersjach lokalnych każda wersja musi wymieniać siebie i wszystkie pozostałe, a wartość x-default może wskazywać stronę dla użytkowników, których język nie jest objęty. Brakujące linki zwrotne to najczęstszy błąd hreflang: jeśli strona A wskazuje stronę B, strona B musi wskazywać z powrotem stronę A.

Które tagi w body pomagają wyszukiwarkom zrozumieć treść?

Nagłówki od H1 do H6

Nagłówki tworzą zarys strony. Użyj jednego H1 określającego temat, tagów H2 dla głównych sekcji i tagów H3 dla kroków lub elementów wewnątrz sekcji, bez przeskakiwania poziomów dla efektu wizualnego. Google twierdzi, że kilka tagów H1 nie powoduje kary, ale pojedynczy wyraźny H1 pozostaje najprostszą strukturą dla użytkowników i technologii asystujących. Nagłówki H2 w formie pytań („Jak działa X?”) pasują też do tego, jak ludzie formułują wyszukiwania i prompty.

Tekst alternatywny obrazów

Google wyjaśnia w swoich wytycznych SEO dla obrazów, że wykorzystuje tekst alternatywny razem z widzeniem komputerowym i treścią strony, by zrozumieć obraz, oraz że wypełnianie atrybutów alt słowami kluczowymi może sprawić, że witryna zostanie uznana za spam. Opisz krótką frazą, co przedstawia obraz. Google zaznacza też, że nie indeksuje obrazów tła z CSS, więc każdy obraz, który ma się pozycjonować, potrzebuje prawdziwego elementu img.

Linki i ich atrybuty rel

Element a to sposób, w jaki roboty odkrywają strony, więc linki wewnętrzne muszą być prawdziwymi linkami z href, a nie przyciskami obsługiwanymi przez JavaScript. Atrybut rel kwalifikuje linki wychodzące: sponsored dla płatnych umieszczeń, ugc dla komentarzy i postów na forach, nofollow dla linków, których nie chcesz polecać. Google traktuje te wartości jako wskazówki od 2020 roku. Opisowy tekst anchora pomaga zarówno użytkownikom, jak i wyszukiwarkom.

Semantyczne elementy HTML5

Elementy takie jak main, article, nav, header, footer i section mówią maszynom, która część strony jest główną treścią, a które części powtarzają się na każdej stronie. Same nie podnoszą pozycji, ale ułatwiają wyodrębnienie głównej treści, zarówno wyszukiwarkom, jak i czytnikom ekranu oraz narzędziom AI. Nasz poradnik o semantycznym HTML opisuje każdy element. W tekście strong i em oznaczają wyróżnienie; używaj ich do kluczowych terminów, a nie do całych akapitów.

Które tagi kształtują podglądy w mediach społecznościowych i wyniki rozszerzone?

Protokół Open Graph, stworzony przez Facebooka i obecnie odczytywany przez większość sieci społecznościowych i komunikatorów, definiuje tagi og:title, og:description, og:image i og:url, które budują kartę podglądu po udostępnieniu strony. Bez nich platformy zgadują, często z błędnym obrazem. Wynik możesz przetestować narzędziem do podglądu Open Graph przed publikacją.

Dane strukturalne w formacie JSON-LD, umieszczone w znaczniku script, opisują stronę słownikiem Schema.org: artykuł, produkt, organizacja, breadcrumb, FAQ. Google używa ich do wyników rozszerzonych, a systemom AI dają jawne fakty o encji stojącej za stroną. Znaczniki muszą opisywać to, co widoczne na stronie. Ich rolę dla odpowiedzi AI omawiamy w poradniku o danych strukturalnych i wyszukiwaniu AI.

Które tagi HTML Google ignoruje?

Lista obsługiwanych przez Google tagów mówi też, czego możesz przestać pielęgnować:

• Meta keywords: Google stwierdza, że znacznik meta keywords nie jest używany przez wyszukiwarkę Google i nie ma wpływu na indeksowanie ani pozycje.
• Nieznane znaczniki meta: Google ignoruje znaczniki meta, których nie obsługuje, takie jak meta author czy meta revisit-after.
• Atrybut lang: Google rozpoznaje język strony na podstawie jej tekstu, a nie atrybutu lang. Zachowaj ten atrybut dla dostępności i innych narzędzi, a do łączenia wersji językowych używaj hreflang.
• Meta refresh jako przekierowanie: działa, ale Google zaleca zamiast niego przekierowanie 301 po stronie serwera.

Czy tagi HTML mają znaczenie dla odpowiedzi AI?

Tak, z prostego powodu: ChatGPT, Claude, Gemini i Perplexity wyodrębniają fragmenty ze stron, a czysty HTML ułatwia ich znalezienie. Kilka robotów AI pobiera surowy HTML bez uruchamiania JavaScriptu, więc title, canonical lub blok tekstu wstrzyknięty przez skrypty może nigdy do nich nie dotrzeć. Wyraźna hierarchia nagłówków dzieli stronę na samodzielne odpowiedzi, listy i tabele trzymają fakty razem, a dane strukturalne podają fakty bez dwuznaczności. To techniczna strona optymalizacji pod silniki generatywne: te same tagi, które pomagają Google, pomagają też asystentom AI cytować Cię dokładnie.

Jak sprawdzić tagi HTML strony?

1. Przeczytaj surowy kod źródłowy. Otwórz kod źródłowy (Ctrl+U) i wyszukaj tagi title, meta description, robots, canonical i hreflang. Jeśli tag pojawia się tylko na wyrenderowanej stronie, zależy od JavaScriptu.
2. Porównaj z widokiem Google. Narzędzie do inspekcji adresów URL w Google Search Console pokazuje HTML wyrenderowany przez Google i wybrany przez niego canonical.
3. Audytuj stronę po stronie. Darmowe rozszerzenie Sorank do Chrome wypisuje brakujące lub zduplikowane tagi i poprawki dla oglądanej strony.
4. Audytuj całą witrynę. Robot indeksujący znajduje zduplikowane tytuły, brakujący tekst alternatywny i błędne canonicale w tysiącach adresów URL; nasz wybór narzędzi do technicznego SEO porównuje opcje.
5. Sprawdzaj ponownie po każdym wdrożeniu. Zmiany szablonów to miejsce, w którym pojawiają się tagi noindex, zepsute canonicale i puste tytuły.

Poprawne ustawienie tuzina powyższych tagów pokrywa niemal wszystko, co HTML może zrobić dla SEO; reszta pracy to treść i linki. Jeśli chcesz stron, które od razu mają czyste tytuły, nagłówki, linki wewnętrzne i ustrukturyzowaną treść, generator artykułów blogowych Sorank pisze je i publikuje w trybie autopilot, od 49€ miesięcznie przy rozliczeniu rocznym (zobacz cennik).