Optymalizacja strony internetowej składa się z wielu elementów, jednym z nich jest zastosowanie odpowiedniej struktury, którą można uzyskać przy pomocy nagłówków HTML. Jak zastosować nagłówki na stronie, aby jej struktura była prawidłowa?
Nagłówki na stronie internetowej i ich rola
Nagłówki HTML na stronie internetowej sprawiają, że teksty są czytelne dla ludzi oraz zapewniają strukturę, która jest łatwa w interpretacji dla robotów przeglądarek internetowych.
Wyróżniamy 6 rodzajów tagów nagłówka od H1 do H6. Litera H oznacza angielskie słowo Heading, czyli nagłówek, zaś liczby od 1 do 6 określają jego hierarchiczną ważność.
Ile nagłówków można użyć na jednej stronie?
Nagłówek H1 jest jak tytuł książki, ma za zadanie przekazać czytelnikowi informację czego dotyczy dana treść, dlatego powinniśmy stosować na jednej stronie tylko jeden tag tego typu. Poza wymienionym już pojedynczym użyciem tagu H1, nie ma zasady co do ilości użycia innych tagów, lecz ze względu na znaczenie poszczególnych rodzajów nagłówków, powinniśmy zachować umiar i brać przykład z uporządkowanego układu gazet czy prac naukowych, gdzie tytuł (nasze H1) jest tylko jeden, następnie widzimy podtytuły lub tytuły rozdziałów (H2), a rozwijające temat śródtytuły oznaczone są mniejszą czcionką (H3), rzadko zaś mamy do czynienia z kolejnymi poziomami zagłębienia tematu (H4-H6).
Ile H1 można użyć na stronie?
W kwietniu 2017 roku, na Twitterze, John Mueller z Google, zapytany w aspekcie SEO o to jak wiele tagów H1 powinno być użyte na jednej stronie, odpowiedział: "As many as you want.", czyli tak dużo jak chcesz. Oczywiście nikt nie zabroni nam wstawienia dowolnej ilości nagłówków H1, lecz straci on wówczas na znaczeniu i może zostać nieprawidłowo zinterpretowany przez przeglądarki internetowe. Microsoft w wytycznych dla swojej przeglądarki - Bing (wytyczne Bing) wyraźnie zaznaczył, że tagi nagłówków służą do pokazania struktury dokumentu oraz na jednej stronie powinien znaleźć się tylko jeden tag H1. Stosując nagłówek H1 powinniśmy skupić się na podkreślaniu ważnych rzeczy i do tego ograniczyć użycie tego tagu, a z pewnością pomoże nam on nie tylko w aspekcie SEO naszej strony, lecz również odbioru prezentowanych treści przez użytkowników.
Jak stosować nagłówki HTML?
W kodzie strony każdemu typowi nagłówka można przypisać dowolną wielkość i styl czcionki. Zwyczajowo największy jest H1, a najmniejszy H6, ten aspekt wizualny pomaga w zrozumieniu ich hierarchii. Wykorzystując tagi do uporządkowania i wyróżnienia treści wskazane jest używanie nagłówków zgodnie z ich rangą, czyli jeśli chcemy zastosować nagłówek H6, przed nim powinny wystąpić nagłówki H1 do H5. Najczęściej jednak używa się tylko trzech typów nagłówka HTML, czyli tych, które mają największe znaczenie dla zbudowania struktury strony: H1, H2, H3.
Należy pamiętać, że tagi nagłówka są jak tytuły i rozdziały, tytuł (H1) powinien być jeden, lecz rozdziałów (H2) i ich rozwinięć (H3) może być więcej. Ze względu na to, że nagłówki są jak tytuły nie powinny być bardzo długie, warto zawrzeć w H1 frazę kluczową, która określa treść, o której będzie mowa na stronie, jednak nie należy słów kluczowych używać w sztuczny sposób – nikt nie lubi czytać bzdur, które nie mają nic wspólnego z tematem.
Warto jeszcze podkreślić, że nagłówek H1 powinien zawierać unikalną treść, nie powinno się go powtarzać na stronie w innym tagu, np. w sklepie internetowym nagłówek H1 można wykorzystać na stronie produktu, aby podkreślić rangę nazwy towaru, lecz powtórzenie go w opisie w tagu H2 może zostać źle odebrane przez roboty indeksujące.
Ważne, aby nie stosować tagów nagłówków HTML jeśli nie wystąpi po nich wartościowa treść, czyli nie powinno się stosować ich do wypunktowania, czy graficznego wyróżnienia tekstu, który nie ma znamion "tytułu" – lepiej wykorzystać do tego style, które zostały w tym celu stworzone, czyli powiększyć czcionkę, nadać jej inny kolor lub zastosować pogrubienie. Zasada ta dotyczy również wstawiania całych bloków tekstu w nagłówki, może to jedynie przynieść skutki odwrotne do oczekiwanych i utrudnić pozycjonowanie strony.
Dlaczego warto używać nagłówki na stronie?
Wprowadzają naturalny podział tekstu na sekcje, które ułatwiają czytanie długich artykułów - odbiorcy coraz częściej "skanują" tekst, jeśli ich wzrok szybko nie uchwyci ważnych dla nich informacji, opuszczają stronę.
Roboty również skanują treść, gdy napotkają nagłówki, wiedzą, że dana treść jest ważniejsza od innych – nagłówki są korzystne dla SEO, pozwalają robotom indeksującym lepiej zrozumieć strukturę strony internetowej.
Ułatwiają powracanie do czytania artykułu i zapamiętywanie istotnych elementów.
Pozwalają w naturalny sposób wykorzystać i podkreślić słowa kluczowe.
Nagłówki na pewno wspomagają działania SEO, lecz ich używanie na stronie nie jest konieczne, rangę tekstu można określić innymi tagami np. <strong> czy <em>. Warto jednak je zastosować, gdyż struktura stworzona przy pomocy tagów nagłówka z pewnością ułatwi Google zrozumienie jaka jest zawartość danej strony, a odbiorcom naszych treści uprzyjemni lekturę.
Jeśli potrzebujesz pomocy przy stworzeniu strony - Napisz do nas!
Ocena użytkowników: 0 / 5
