Czym są meta-tagi?

Meta-tagi to tagi HTML, które dostarczają metadanych o dokumencie HTML. Znajdują się one wewnątrz <head> i nie są bezpośrednio wyświetlane na stronie.

Główne zastosowania meta-tagów:

Opis zawartości: Podanie tytułu strony (<title>) i krótkiego opisu (<meta name="description">).
Słowa kluczowe: Wypisanie słów kluczowych związanych z treścią (<meta name="keywords"> - mniej istotne dla nowoczesnego SEO).
Kodowanie: Określenie zestawu znaków dokumentu (<meta charset="utf-8">).
Autor: Podanie autora strony (<meta name="author">).
Viewport: Zarządzanie skalowaniem i rozmiarami obszaru widoku na urządzeniach mobilnych (<meta name="viewport">).
Robots: Instrukcje dla robotów wyszukiwarek (czy indeksować, czy nie, czy podążać za linkami, czy nie) (<meta name="robots">).
Open Graph i Twitter Cards: Dostarczanie informacji dla mediów społecznościowych podczas udostępniania strony (<meta property="og:...">, <meta name="twitter:...">).

Przykłady:

<meta charset="utf-8">
<meta name="description" content="Opis mojej strony internetowej.">
<meta name="keywords" content="html, css, javascript">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Tytuł dla mediów społecznościowych">

Są ważne dla SEO, poprawnego wyświetlania na różnych urządzeniach i do udostępniania treści w mediach społecznościowych.