Meta tagi

Meta tagi to elementy HTML umieszczane w sekcji nagłówkowej (head) dokumentu HTML strony internetowej. Pełnią one różnorodne funkcje, od opisu treści strony, przez kontrolę indeksacji przez wyszukiwarki, po dostarczanie informacji o autorze czy innych metadanych. Poniżej znajduje się opis kilku popularnych meta tagów i ich zastosowań:

1. Meta Description:

• Funkcja: Opisuje zawartość strony w kilku zdaniach.
• Przykład:
  htmlCopy code

  <meta name="description" content="Opis treści strony dla wyszukiwarek i użytkowników.">


2. Meta Keywords:

• Funkcja: Kiedyś używane do określania słów kluczowych związanych z treścią strony, obecnie przez większość wyszukiwarek są ignorowane ze względu na nadużycia.
• Przykład:
  htmlCopy code

  <meta name="keywords" content="słowo kluczowe 1, słowo kluczowe 2, itp.">


3. Meta Robots:

• Funkcja: Kontroluje indeksację strony przez roboty wyszukiwarek i określa zasady dostępu do treści.
• Przykład:
  htmlCopy code

  <meta name="robots" content="index, follow">


4. Meta Charset:

• Funkcja: Określa kodowanie znaków używane przez stronę.
• Przykład:
  htmlCopy code

  <meta charset="UTF-8">


5. Meta Viewport:

• Funkcja: Ustala, jak strona powinna być wyświetlana na urządzeniach mobilnych, kontrolując zoom i skalowanie.
• Przykład:
  htmlCopy code

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


6. Meta Author:

• Funkcja: Informuje o autorze strony.
• Przykład:
  htmlCopy code

  <meta name="author" content="Imię Nazwisko">


7. Meta Refresh:

• Funkcja: Automatycznie przekierowuje użytkownika na inną stronę po określonym czasie.
• Przykład:
  htmlCopy code

  <meta http-equiv="refresh" content="5;url=http://example.com">


8. Meta OG (Open Graph):

• Funkcja: Umożliwia dostosowanie wyglądu linków do strony na platformie społecznościowej, np. na Facebooku.
• Przykład:
  htmlCopy code

  <meta property="og:title" content="Tytuł Strony">
<meta property="og:description" content="Opis strony dla mediów społecznościowych">
<meta property="og:image" content="link-do-obrazka.jpg">


9. Meta Canonical:

• Funkcja: Wskazuje na kanoniczną (preferowaną) wersję strony w przypadku treści powielonej.
• Przykład:
  htmlCopy code

  <link rel="canonical" href="https://example.com/strona-kanoniczna">


Używanie odpowiednich meta tagów jest kluczowe dla optymalizacji SEO, poprawy doświadczenia użytkownika i lepszego zrozumienia zawartości strony przez wyszukiwarki internetowe. Celem jest dostarczenie klarownych informacji o treści strony oraz kontrola tego, jak strona jest interpretowana i wyświetlana przez różne platformy i narzędzia.