Tagi nagłówka: czym są i jak z nich korzystać

Kiedy zaczynałem blogować, nie miałem pojęcia, jak uporządkować swoje posty, aby zapewnić ich ranking w wyszukiwarkach, ani nawet dlaczego jest to ważne.

Po prostu dodałem pogrubione słowa i frazy, które wyglądały dobrze i miały zostać losowo wybrane na strony wyników wyszukiwania (SERP).

Teraz wiem, że jest to nauka optymalizacja bloga, a to, co dodawałem do moich postów na blogu, aby wyglądały profesjonalnie, nazywało się tagami nagłówka/nagłówka i jest ważnym narzędziem do zrozumienia i SEO.

Oto krótki przewodnik na temat tagów nagłówka i ich zastosowania:

• H1 — Tytuł postu. Zazwyczaj skupiają się na słowach kluczowych, skupiają się na „głównym pomyśle” strony lub wpisu i są tworzone tak, aby przyciągnąć uwagę czytelnika.
• H2 — Są to podtytuły, które klasyfikują główne punkty akapitów i oddzielne sekcje. Rozważ użycie semantycznych słów kluczowych związanych z „wielkim pomysłem” w H1, jednocześnie pomagając czytelnikowi łatwo znaleźć sekcje, które chce przeczytać.
• H3 — Są to podsekcje, które dokładniej wyjaśniają kwestie poruszone w H2. Alternatywnie można ich używać do formatowania list lub wypunktowań.
• H4 — Są to podrozdziały, które dokładniej wyjaśniają kwestie poruszone w H3. Alternatywnie można ich używać do formatowania list lub wypunktowań.

Litera „H” w H1, H2 itp. oficjalnie oznacza „element nagłówka”, choć społeczność SEO często nazywa te tagi „tagami nagłówka”.

Jak można się domyślić z powyższego przewodnika, cyfra wskazuje hierarchiczną relację między każdym z nich (przy czym H1 jest najważniejszy, H2 jest mniej ważny itd.).

Oto przykład tego, jak ta hierarchiczna struktura może objawiać się w zarysie bloga:

Teraz, gdy już wiesz, że tagi nagłówka zapewniają strukturę strony, porozmawiajmy o nich bardziej szczegółowo, zaczynając od tagu H1. 

Nie popełniaj błędu, używając tagów nagłówka jako jedynie elementów stylistycznych. W końcu mają one charakter strukturalny. Pomyśl o H1 jak o tytule książki. Zwykle książka ma tylko jeden tytuł, więc Twoja strona lub post powinien mieć tylko jeden tytuł. 

Ponadto tagi H1 powinny zawsze znajdować się na górze strony przed resztą treści, tak jak tytuł książki znajduje się na zewnętrznej okładce, zanim zagłębisz się w tekst w środku.

Aby to zilustrować, tagiem nagłówka w poniższym przykładzie jest tytuł „Kompletny przewodnik po marketingu produktów w 2021 r".

Tytuł jest oznaczony jako H1 strony przy użyciu kodu HTML. Ten kod może pojawić się w kodzie źródłowym strony internetowej w następujący sposób:

Zobacz pióro H1 Przykład 1 autorstwa Christiny Perricone (@hubspot) Na CodePen.

Jednakże, jak wspomnieliśmy wcześniej, istnieją inne znaczniki nagłówków, które również pomagają w tworzeniu struktury strony.

Ile tagów nagłówka obsługuje HTML?

HTML obsługuje do sześciu znaczników nagłówka (H1-H6), których możesz użyć do ustrukturyzowania strony według potrzeb. Można je stylizować wizualnie zgodnie z Twoją marką i z wyjątkiem H1 możesz mieć dowolną liczbę tych tagów na stronie. 

Twoje nagłówki powinny nawiązywać do tematu, o którym piszesz, ponieważ mogą pomóc czytelnikowi (i wyszukiwarkom) znaleźć główne punkty treści i poprowadzić go przez przepływ strony. Podczas formatowania kieruj się najlepszą oceną przy dzieleniu sekcji.

Poniżej znajduje się zrzut ekranu posta na blogu HubSpot z przykładami tagów nagłówka oznaczonych strzałkami:

Jak widać, każdy tag nagłówka wygląda inaczej wizualnie, a każdy tag nagłówka służy do nowego pomysłu.

Teraz, gdy wiesz już trochę więcej o tym, czym są tagi nagłówka, przejdźmy do tego, jak są one wykorzystywane w SEO.

Tagi nagłówka i SEO

Możesz pomyśleć, że tagi nagłówka są nieistotne w ogólnym planie rzeczy związanych ze stroną internetową. Jednakże tagi nagłówka mogą pomóc nadać strukturę treści i zwrócić uwagę na najważniejsze pomysły, motywy i (w efekcie) słowa kluczowe w tej treści. W rezultacie tagi nagłówka utrzymują wagę, jeśli chodzi o trafność i czytelność słów kluczowych. 

Rozważ następującą kwestię: Google wyszukuje treści, które może udostępnić użytkownikom indeksowanie stron internetowych. Robiąc to, analizuje tekst, obrazy i inne znalezione elementy zrozumieć, o czym jest ta strona.

Umieszczając tekst w tagu nagłówka, sygnalizujesz, że ten tekst jest ważny, a Google użyje go do określenia kontekstu strony, co następnie pomoże Google wyświetlić wyniki istotne dla zapytań użytkowników.

Dlatego ważne jest, aby podczas korzystania z tagów nagłówka upewnić się, że prawidłowo pasują one do pliku intencja słowa kluczowego. Jeśli tag H1 postu nie zawiera słowa kluczowego lub jeśli w tagach H2 i H3 umieścisz nieistotny tekst, Google będzie miał trudności ze zrozumieniem strony. W rezultacie ta strona nie będzie miała tak dobrej pozycji w rankingu, jak mogłaby. 

Aby to zilustrować, załóżmy, że Twoim słowem kluczowym jest „eCommerce”. Chcesz, aby znalazło to odzwierciedlenie w tagu H1, więc tytuł taki jak „Przewodnik po rozpoczynaniu działalności w handlu elektronicznym” byłby idealny. To powie Google dokładnie, jak wysłać przeglądarki internetowe do Twojego postu.

Wyszukiwarki sprawdzają również tagi nagłówków w Twoim poście, więc dobrze jest, aby te również były skoncentrowane na słowach kluczowych. Możesz na przykład utworzyć sekcje H2 zawierające popularne słowa kluczowe z długim ogonem związane z eCommerce, takie jak „pięć kroków do stworzenia biznesu eCommerce” lub „najlepsze narzędzia mediów społecznościowych dla eCommerce”.

Nie musisz też samodzielnie wymyślać słów kluczowych – w rzeczywistości możesz to zrobić w prosty sposób badania słów kluczowych aby Ci pomóc lub zajrzeć do narzędzi do badania słów kluczowych, takich jak SEMrush or Ahrefs. Upewnij się tylko, że tagi nagłówka są przyjazne zarówno dla ludzi, jak i robotów wyszukiwarek.

Nagłówki ułatwiają także czytanie stron. Dzięki oddzieleniu różnych części strony internetowej informacje są uporządkowane i podzielone w zrozumiały sposób. Pomaga to czytelnikom znaleźć informacje, których szukają, ale także wyszukiwarkom, które również skanują.

Jeśli sekcje nie mają sensu, Twoja strona może nie mieć rankingu. Pomyśl o sekcjach w tym poście — czy uważasz, że zostały podzielone w czytelny sposób?

Jak dodać tagi nagłówka w formacie HTML

Dodawanie tagów nagłówka w HTML jest dość prostym procesem. Jeśli chcesz zanotować H1, możesz wpisać I , umieszczając tekst H1 pomiędzy tymi dwoma znacznikami. Jest to ta sama metoda dla dowolnego typu tagu nagłówka.

Na przykład, jeśli twoje h1 było „Przewodnik po rozpoczęciu handlu elektronicznego,” wyglądałoby to tak:

Zobacz pióro H1 Przykład 2 autorstwa Christiny Perricone (@hubspot) Na CodePen.

To zadziała w przypadku HTML4 lub starszych. Jeśli pracujesz z HTML5, być może będziesz musiał użyć nieco innej linii, aby uzyskać ten sam wynik. Zmiana polega na poinformowaniu Google o tym, czym jest H1:

Zobacz pióro H1 Przykład 3 autorstwa Christiny Perricone (@hubspot) Na CodePen.

Między dwoma tagami można także umieścić znaki interpunkcyjne. Na przykład możesz mieć:

Zobacz pióro H3 Przykład 1 autorstwa Christiny Perricone (@hubspot) Na CodePen.

Pamiętaj, że Google skanuje kod HTML tagów nagłówka, aby poinformować przeglądarki internetowe, czego dotyczy Twoja strona, dlatego ważne jest, aby je przejrzeć i sprawdzić, czy nagłówki w formacie HTML są poprawnie sformatowane.

Niektóre platformy blogowe, takie jak WordPress i HubSpot, mają na pasku narzędzi opcję tworzenia tagów nagłówka, więc za każdym razem, gdy chcesz je dodać, nie musisz w tym celu zagłębiać się w kod źródłowy lub HTML.

Następnym razem, gdy będziesz tworzyć post dla swojej witryny, sprawdź, czy dodanie odpowiednich tagów nagłówka wpływa na SEO i jak czytelnicy rozumieją informacje.

Dobrym testem, który lubię stosować, jest wysyłanie postów do bliskiego członka rodziny, który nie wie zbyt wiele o blogowaniu i marketingu. Korzystanie z opinii osób z zewnątrz i pytanie, czy mogą zrozumieć mój tekst przed publikacją, pomaga mi formatować posty tak, aby były zrozumiałe.

Ponieważ używanie nagłówków może poprawić czytelność dla użytkowników, a także łatwość indeksowania dla wyszukiwarek, nie ma powodu, aby nie używać ich podczas tworzenia stron i postów. Możesz nawet zauważyć skoki w rankingach wyszukiwarek, ruchu i czasie spędzonym na stronie.

Uwaga redaktora: ten post został pierwotnie opublikowany w styczniu 2020 r. I został zaktualizowany pod kątem kompleksowości.

Źródło: https://blog.hubspot.com/marketing/header-tags