Znacznik HTML (tag HTML)

Znaczniki albo tagi są elementami języka HTML zawierającymi informacje o strukturze i sposobie prezentacji zawartości strony internetowej. Mówiąc precyzyjniej, znacznik HTML to rodzaj komendy, na podstawie której przeglądarka interpretuje, z jakim rodzajem treści ma do czynienia i jak powinien on być wyświetlany. W kodzie źródłowym w uproszczeniu prezentuje się tak: <znacznik>treść</znacznik>.

Ostatnia aktualizacja: 19-07-2024
Spis treści

Znaczniki HTML – kategorie

HTML (HyperText Markup Language) to język ustandaryzowany; każdy znacznik pełni w nim określoną funkcję. Możemy wyróżnić 4 główne kategorie tagów HTML:

  1. Znaczniki w sekcjach <head> oraz <body>
  • Tagi zawarte w sekcji <head> definiują nagłówek strony. Należą do nich np. <title>, <meta>, <style>, <link>, <script>, <noscript>, <base>.
  • <Body> to widoczna dla użytkowników treść dokumentu. Kategoria ta obejmuje tagi służące do formatowania tekstu (nagłówki od <h1> do <h6>, <p>, <strong>) i zamieszczania multimediów (<img>, <video>, <audio>).
  1. Znaczniki semantyczne i niesemantyczne
  • Tagi semantyczne są powiązane z warstwą znaczeniową treści (<article>, <header>, <footer>, <section>, <aside>, <summary>, <nav> itd.).
  • Znaczniki niesemantyczne służą przede wszystkim organizowaniu i formatowaniu treści, ale nie informują o jej charakterze, np. <div>, <span>, <br>.
  1. Znaczniki podwójne i pojedyncze
  • Znaczniki podwójne otaczają treść i z tego względu wymagają otwarcia: <em> i zamknięcia: </em>.
  • Tagi pojedyncze dotyczą samodzielnych elementów i występują pojedynczo, bez tagu zamykającego, np. <img>, <hr>.
  1. Znaczniki blokowe i liniowe
  • Tagi blokowe zgodnie z nazwą służą wyodrębnieniu bloków treści, takich jak nagłówki, paragrafy <p> czy listy uporządkowane <ol> i nieuporządkowane <ul>.
  • Znaczniki liniowe nie oddzielają zawartej w nich treści od reszty i zajmują tylko tyle miejsca, ile potrzeba, jak <a>, <i>, <b>, <q>, <label>, <button> itd.

W zależności od kontekstu jeden znacznik HTML możesz należeć do różnych kategorii, np. tag <h2> należy do sekcji <body>, jest znacznikiem podwójnym i blokowym.

 

Co to jest znacznik HTML

 

Tagi HTML a SEO

Niektóre znaczniki HTML mają istotne znaczenie dla optymalizacji treści na stronie internetowej, a co za tym idzie – ich prawidłowa implementacja wspiera pozycjonowanie. Które z tagów są szczególnie ważne pod kątem SEO?

  • Tag robots meta – służy do udzielania instrukcji botom wyszukiwarek. Może np. informować, czy strona lub zamieszczone na niej grafiki mają zostać zaindeksowane (atrybuty noindex, noimageindex), czy roboty powinny podążać za znajdującymi się na niej linkami (nofollow) lub jak ma się wyświetlać w wynikach wyszukiwania (nosnippet, max-snippet).
  • Tagi meta – meta title oraz meta description to elementy wyświetlające się w wynikach wyszukiwania, które mogą zachęcić lub zniechęcić użytkownika do odwiedzenia witryny. Pozwalają też algorytmom lepiej zrozumieć, co strona zawiera.
  • Nagłówki <h1> do <h6> – porządkują tekst i nadają mu logiczną strukturę, która poprawia czytelność z perspektywy zarówno ludzi, jak i robotów.

Z perspektywy pozycjonowania dużo zmienić mogą też atrybuty takie jak <alt> w znaczniku <img>, pozwalający na wyszukiwanie obrazów w Google Grafika, <nofollow> czy <sponsored> w <a>, które blokują przekazywanie link juice do strony docelowej, lub <canonical> używany przy tagu <link>, umożliwiający określenie „kanonicznego” adresu URL w celu zapobiegania duplikacji treści.

 

Znacznik HTML – najczęściej zadawane pytania

Autorzy
  • Senior Content SEO Specialist. Absolwentka filologii polskiej na Uniwersytecie Warszawskim i Jagiellońskim, redaktorka i korektorka. Wcześniej związana z branżą wydawniczą, obecnie zajmuje się content marketingiem. Interesuje się sztuczną inteligencją i LLM. Lubi książki, podcasty i swojego psa.

Wymieńmy się doświadczeniami
Opowiedz nam o potrzebach twojej firmy, a my z pasją zajmiemy się ich wdrożeniem.

Bartosz Kastelik
Global Chief Sales Officer

Jesteśmy częścią grupy