Co to jest Meta Tag?

Popularne typy metatagów

1. Opis meta

Zawiera krótkie podsumowanie zawartości strony internetowej, używane przez wyszukiwarki do wyświetlania w wynikach wyszukiwania.

<meta name=”description” content=”To jest strona internetowa poświęcona metatagom HTML i ich funkcjom.” >

2. Meta słowa kluczowe

Określa słowa kluczowe związane z zawartością strony. (Mniej ważne dla SEO w dzisiejszych czasach.)

<meta name=”słowa kluczowe” content=”HTML, meta tagi, strona internetowa, SEO”>

3. Rzutnia

Określa sposób wyświetlania strony internetowej na urządzeniach przenośnych.

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

4. Zestaw znaków

Określa kodowanie znaków dla strony internetowej (często używany jest UTF-8).

<meta charset=”UTF-8″>

5. Autor

Określa imię i nazwisko autora zawartości.

<meta name=”autor” content=”Jan Kowalski”>

Przykład metatagów w HTML

<! DOCTYPE html>
< html>
< głowę>
<meta charset=”UTF-8″>
<meta name=”description” content=”Dowiedz się wszystkiego o metatagach HTML i o tym, jak poprawiają one SEO i funkcjonalność strony.” >
<meta name=”słowa kluczowe” content=”HTML, meta tagi, SEO”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta name=”autor” content=”Jane Smith”>
<title>Opis metatagów</title>
</głowę>
<ciało>
<h1>Witamy w samouczku dotyczącym metatagów</h1>
</ciało>
</html>

Znaczenie meta tagów

– SEO: Metatagi, zwłaszcza opis i słowa kluczowe, pomagają wyszukiwarkom zrozumieć zawartość strony.
– Wrażenia użytkownika: tagi takie jak „widoczny obszar” zwiększają responsywność na urządzeniach mobilnych.
– Metadane: Zawiera dodatkowe informacje (autor, kodowanie) przydatne dla przeglądarek i wyszukiwarek.