Znaczniki nagłówka

Czym są tagi nagłówka?

Znaczniki nagłówków to znaczniki HTML używane do oddzielania nagłówków i podnagłówków od reszty treści na stronie internetowej, w porządku malejącym od H1 do H6.

Najczęściej będziesz potrzebować tylko H1 do H4, gdzie:

• H1 to główny nagłówek i tytuł strony.
• H2 to podtytuł i punkt pomocniczy
• H3 to podsekcja lub element listy pod H2
• H4 jest podsekcją lub pozycją listy pod H3

Należy również pamiętać, że znacznik H1 i znacznik tytułu nie są tymi samymi elementami w HTML. Wszystkie znaczniki nagłówka opisują to, co pojawia się na samej stronie, ale znacznik tytułu przekazuje tytuł strony dla okna przeglądarki i fragmentu strony wyników wyszukiwania.

Tak więc, gdy przeglądasz konkretną stronę internetową, znajdziesz H1 u góry samej strony, podczas gdy "tytuł" jest widoczny w oknie lub karcie przeglądarki.

Dlaczego tagi nagłówka są ważne dla SEO?

Tagi nagłówka pomagają użytkownikom w nawigacji i przeglądaniu strony. Rozdzielają one informacje, dzięki czemu czytelnicy mogą je zeskanować i szybko znaleźć to, czego szukają.

Jednak korzystanie z nagłówków jest również pomocne w uczynieniu witryny bardziej przyjazną dla wyszukiwarek. Wyszukiwarki polegają na nagłówkach, aby lepiej zrozumieć sekcje strony.

Ogólnie rzecz biorąc, znaczniki nagłówka pomagają utrzymać strukturę treści i są łatwe w użyciu zarówno dla wyszukiwarek, jak i czytelników.

Najlepsze praktyki dotyczące tagów nagłówka

1. Nie przepełniaj tagów nagłówka słowami kluczowymi

Jeśli stosujesz najlepsze praktyki SEO od ponad kilku lat, prawdopodobnie jesteś przyzwyczajony do umieszczania docelowych słów kluczowych w tagach H1, H2 i H3.

Nagłówki te były kiedyś ważnymi czynnikami rankingowymi, ale teraz algorytm Google stał się mądrzejszy. W rezultacie słowa kluczowe w nagłówkach nie mają takiego samego wpływu jak kiedyś.

Mając to na uwadze, nadal dobrym pomysłem jest umieszczanie słów kluczowych w tagach nagłówka. W dzisiejszych czasach należy jednak skupić się na dodawaniu ich w sposób bardziej rozsądny i naturalny. Ostatnią rzeczą, jakiej chcesz, jest przepełnienie tagów nagłówka do punktu, w którym Google odczyta Twoją stronę jako spamerską.

Niedawno zauważyliśmy dodatkowy powód, dla którego warto rozważnie używać słów kluczowych w tagach nagłówka: dobre, intuicyjne podtytuły mogą zapewnić wyróżniony fragment, zwłaszcza w poradnikach lub listach.

2. Nagłówki powinny być krótkie i spójne

Innym ważnym nawykiem związanym z nagłówkami jest utrzymywanie ich w miarę możliwości krótkich i spójnych. Postaraj się ograniczyć długość nagłówków do 3-5 słów i nadaj im spójną strukturę, aby ułatwić czytelnikom ich skanowanie.

Pamiętaj, że nagłówki mają na celu podzielenie ściany tekstu na schludne i uporządkowane sekcje, więc ma sens, dlaczego zbyt długie nagłówki i podtytuły po prostu nie wyglądają dobrze na stronach.

Oprócz ułatwienia czytelnikom, te szybkie nagłówki pomagają również Google lepiej zrozumieć zawartość stron.

3. Używaj znaczników nagłówka dla właściwej hierarchii treści

Czy wiesz, po co w ogóle istnieją znaczniki nagłówka? Pierwotnym celem znaczników nagłówka jest utrzymanie właściwej hierarchii treści na stronie HTML.

Ponownie, H1 to główny nagłówek, H2 to podnagłówki, H3 w H2 to podnagłówki dla danej sekcji i tak dalej. W każdej sekcji w porządku malejącym należy zacząć od najważniejszych i najistotniejszych informacji, a następnie przejść dalej.

4. Sprawdź, czy projekt nagłówka w CSS jest spójny

Domyślnie HTML dobrze radzi sobie z ustalaniem wizualnej hierarchii strony internetowej.

Zazwyczaj zobaczysz większe rozmiary czcionek i większe grubości dla tagów H1 i H2 (odpowiednio około 32 pikseli i 24 pikseli), z mniejszymi czcionkami dla tagów H3 i H4 (odpowiednio 18 pikseli i 16 pikseli).

Chociaż nie ma co do tego sztywnej reguły, czasami widzieliśmy motywy stron internetowych, które powiększały swoje H3 i H4 w stosunku do H2.

W swojej witrynie możesz wprowadzić zmiany w arkuszu stylów CSS, aby skonfigurować spójny projekt nagłówka z odpowiednim kodem formatowania czcionki lub dodać selektory do niestandardowego pola CSS jako dodatkowy arkusz stylów.

Zdarza się również, że nagłówki H3 są używane tam, gdzie powinny być H2. Jest to powszechne, jeśli projekt nagłówka nie jest prawidłowo skonfigurowany. Chociaż nie jest to kluczowy krok, zapewni to najlepsze możliwe wrażenia użytkownika i uzyska maksymalną wartość SEO w Google.

Najczęściej zadawane pytania

Czy mogę używać wielu tagów H1?

Tak, możesz. Google twierdzi, że nie ma z tym problemu. Mimo to najlepszą praktyką SEO jest posiadanie jednego H1 na stronę.

Nawet jeśli nie jest to korzystne dla Google, trzymanie się tylko jednego tagu H1 na stronę pomaga zachować spójność stron i jest łatwe do zrozumienia, jeśli inni użytkownicy kiedykolwiek będą musieli wprowadzić zmiany.

Tagi H1 i Title - czy mogą się różnić?

Domyślnie H1 i tytuł będą identyczne podczas publikowania nowego posta. Możesz jednak napisać różne tytuły i H1, jeśli chcesz.

Na przykład, możesz chcieć, aby tytuł był krótszy, aby dobrze wyglądał w SERP, podczas gdy H1 może być nieco dłuższy dla odwiedzających Twoją stronę - lub możesz zdecydować się na uwzględnienie roku w tytule, pozostawiając go poza H1.

Bez względu na powód, dla celów SEO całkowicie w porządku jest, aby tag H1 i tag tytułowy były różne.

Ile jest poziomów tagów nagłówka?

HTML obsługuje łącznie sześć nagłówków: H1-H6. Oznacza to, że nie można mieć nagłówków H7, H8 itd.

Rzadko jednak potrzebne są dodatkowe podsekcje poza H4. Jeśli okaże się, że potrzebujesz H5 i H6 na stronie, warto zastanowić się, czy nie upychasz zbyt wielu informacji na jednej stronie.

Zamiast tego można utworzyć osobną stronę dla treści, aby ułatwić jej czytanie.