Metatagi w HTML to elementy używane do dostarczania metadanych informacji o stronie internetowej. Nie wyświetlają się bezpośrednio na stronie internetowej, ale odgrywają kluczową rolę w dostarczaniu informacji do wyszukiwarek i przeglądarek internetowych. Oto kilka ważnych metatagów i ich funkcji:
Meta Title Etykietka
<title>
Funkcja: Określa tytuł strony internetowej, wyświetlany na pasku tytułowym przeglądarki.
Uwaga SEO: Tytuł strony powinien zawierać odpowiednie słowa kluczowe związane z zawartością strony, a jednocześnie być kuszący i zwięzły, aby przyciągnąć użytkowników.
Meta Description Etykietka
<meta name="description" content="Web page description">
Funkcja: Zawiera krótki opis zawartości strony internetowej.
Uwaga SEO: Opis powinien podsumowywać zawartość strony i zachęcać użytkowników do klikania w wyniki wyszukiwania. Ogranicz opis do około 150-160 znaków.
Meta Keywords Etykietka
<meta name="keywords" content="keyword1, keyword2, keyword3">
Funkcja: Wyświetla listę słów kluczowych związanych z zawartością strony internetowej.
Uwaga SEO: Słowa kluczowe powinny być ściśle związane z treścią strony i unikać nadmiernych powtórzeń. Należy jednak pamiętać, że tag Meta Keywords nie jest już uznawany za istotny przez wyszukiwarki.
Meta Robots Etykietka
<meta name="robots" content="value">
Funkcja: Określa zachowanie robotów indeksujących wyszukiwarek dla Twojej strony internetowej.
Typowe wartości: „index”(pozwala na indeksowanie w wyszukiwarkach), „nofollow”(nie podąża za linkami na stronie), „noindex”(nie indeksuje strony), „noarchive”(nie przechowuje kopii strony w pamięci podręcznej).
Meta Viewport Etykietka
<meta name="viewport" content="value">
Funkcja: Określa rozmiar wyświetlania i skalę widocznego obszaru dla Twojej strony internetowej na urządzeniach mobilnych.
Wspólna wartość: „width=device-width, initial-scale=1.0”(umożliwia dostosowanie strony internetowej do rozmiaru i skali ekranu urządzenia).
Meta Charset Etykietka
<meta charset="value">
Funkcja: Określa kodowanie znaków dla Twojej strony internetowej.
Wartość wspólna: „UTF-8”(najczęściej używane kodowanie znaków w wielu językach).
Meta Author Etykietka
<meta name="author" content="value">
Funkcja: Identyfikuje autora lub twórcę treści strony internetowej.
Wartość: nazwisko autora lub twórcy treści.
Meta Refresh Etykietka
<meta http-equiv="refresh" content="value">
Funkcja: Automatycznie odświeża lub przekierowuje stronę internetową po określonym czasie.
Wartość: liczba sekund i adres URL do przekierowania, na przykład: <meta http-equiv="refresh" content="5;url=https://example.com">(odświeża stronę po 5 sekundach i przekierowuje do adresu URL „ https://example.com ”).
Te metatagi dostarczają kluczowych informacji dla przeglądarek internetowych i wyszukiwarek, aby dokładnie zrozumieć i przetworzyć twoją stronę internetową. Używaj ich odpowiednio, aby zoptymalizować swoją witrynę i poprawić wrażenia użytkownika.
Dodatkowo, oto kilka ważnych kwestii, które pomogą zapewnić zgodność z SEO dla metatagów
-
Twórz atrakcyjne tytuły i opisy, które zachęcą użytkowników do klikania wyników wyszukiwania.
-
Używaj odpowiednich
keywordswtitle,description, i treści strony internetowej. -
Unikaj używania niepowiązanych lub nadmiernych powtórzeń słów kluczowych w metatagach.
-
Zadbaj o zwięzłość i rozsądną długość opisu, około 150-160 znaków.
-
Ogranicz użycie tagu Meta Keywords, ponieważ stracił on znaczenie w rankingach wyszukiwarek.
-
Zdefiniuj unikalne metatagi dla każdej strony internetowej i upewnij się, że dokładnie odzwierciedlają zawartość strony.
-
Korzystaj z narzędzi do analizy SEO, aby sprawdzać i ulepszać metatagi swojej strony internetowej.
Pamiętaj, że SEO opiera się nie tylko na metatagach, ale także na innych czynnikach, takich jak struktura adresów URL, jakość treści i linkowanie zewnętrzne.