Co to są Tagi Nagłówkowe?

Tagi nagłówków HTML są używane do różnicowania różnych poziomów nagłówków i podnagłówków na stronie.

Możesz myśleć o tagach nagłówka jak o spisie treści w książce, pomaga to określić, o czym jest każda konkretna sekcja lub rozdział. Tagi nagłówka są podobne, ponieważ są używane do zapewnienia organizacji takiej jak nawigacja, kontekst i struktura w ramach stron wyników wyszukiwania zarówno dla użytkowników, jak i wyszukiwarek.

Oni również identyfikują treść poprzedzającą wcześniejszą treść, tworząc hierarchiczne struktury.

Poziomy nagłówków

Nagłówek h1 / Nagłówek h1

Nagłówek h2 / Nagłówek h2

Nagłówek h3 / Nagłówek h3

Nagłówek 4 h4 / Nagłówek 4 h4

Nagłówek h5 / Nagłówek h5

 

Na podstawie szablonu Twojej strony lub projektanta stron internetowych, Twoje tagi nagłówkowe mogą różnić się lokalizacją, czcionką i rozmiarem.

Różnica między tagami H1 a title

Tagi tytułowe to to, co widzą wyszukiwarki i wyświetlają na stronach wyników wyszukiwania.

Tag H1 jest jednak elementem HTML dla nagłówka pierwszego poziomu w tekście głównym strony internetowej.

H1 tags są w większości przypadków uważane za drugi „tag tytułu”. Wiele osób jest zdezorientowanych, gdy używa CMS takiego jak WordPress, w którym tytuł posta jest używany zarówno w tagu <title>, jak i <h1>.

Jednak wyszukiwarki przywiązują większą wagę do tagów tytułowych; dlatego będziesz chciał użyć jednego tagu tytułowego i jednego nagłówka H1 na stronę internetową.

Zastosowania różnych tagów nagłówkowych

H1 tags: Są one głównie kojarzone z tytułem twojego posta. Według Johna Muellera z Google, używanie więcej niż jednego tagu H1 na stronie nie będzie miało negatywnego wpływu na SEO twojej strony.

H2 tagi: Możesz używać tagów H2 dla podtytułów tytułu głównego, i możesz również mieć więcej niż jeden tag H2.

H3 tagi: Są używane, gdy masz podtematy w obrębie tematu H2.

H4, H5 i H6 tagi: Są rzadko używane, ale dostępne w razie potrzeby.

Im bardziej semantyczne i uporządkowane są dane dla twoich czytelników, tym lepsze mogą być te tagi nagłówkowe dla wyszukiwarek.

Dlaczego znaczniki nagłówków są ważne?

Jeśli przejrzysz kilka książek i znajdziesz ich spis treści, zauważysz, że niektóre są bardziej opisowe niż inne. Dla większości książek, spis treści jest używany do opisania przepływu książki, prowadząc czytelników od wprowadzenia do zakończenia.

Wszystkie treści, które są pisane w internecie, powinny mieć początek, środek i koniec. Na przykład, jeśli napisałeś artykuł na temat „Top 10 narzędzi SEO, których potrzebujesz dla swojego biznesu eCommerce”, możesz mieć następujące sekcje:

• Wprowadzenie
• Dlaczego możesz potrzebować narzędzi dla swojego biznesu
• Top 10 narzędzi SEO dla sklepów eCommerce
• Recenzje lub opisy każdego z tych 10 narzędzi
• Podsumowanie, zakończenie i wezwanie do działania (CTA)

Tagi nagłówków mogą pomóc wyróżnić każdą sekcję, tak aby czytelnicy mogli łatwo zrozumieć zakres treści, zamiast czytać każdy akapit i próbować zrozumieć, kiedy wszystko się zaczyna lub kończy.

Jak tagi nagłówkowe mogą być wykorzystane do oceny treści wideo

Oglądanie 10–40 minutowego filmu na YouTube może być zarówno zabawą, jak i kompletną stratą czasu. Zamiast oglądać całe wideo, warto rzucić okiem na jego opis, przeczytać kilka akapitów, punkty podziału treści i znaczniki czasu, aby dowiedzieć się więcej o filmie przed zmarnowaniem swojego cennego czasu.

Czy tagi nagłówków mają wpływ na SEO?

W roku 2000, tagi nagłówków były faktycznie ważnym czynnikiem rankingowym. Jeśli webmasterzy chcieli, aby ich strony internetowe zajmowały najwyższe miejsce w wynikach wyszukiwania Google'a, to konieczne było dodanie docelowych słów kluczowych do nagłówków.

Przewiń szybko do roku 2022, tagi nagłówków nie są już częścią listy czynników rankingowych Google.

Google oraz inne wyszukiwarki chcą widzieć Twoją stronę tak samo, jak użytkownik, aby móc zapewnić lepsze doświadczenie użytkownika. Oznaczanie i dzielenie treści za pomocą tagów nagłówków sprawi, że będą one łatwiejsze do przyswojenia i czytelniejsze dla odwiedzających stronę internetową.

Oto niektóre informacje, które zebraliśmy na temat tagów nagłówkowych z powyższych Hangouts dla Webmasterów Google:

„Myślę, że ma sens używanie semantycznego znacznika, więc różne poziomy nagłówków, aby lepiej podzielić treść i ułatwić jej zrozumienie. Czasami pomaga to wyszukiwarkom lepiej zrozumieć, które fragmenty tekstu należą do siebie, czasami również pomaga to użytkownikom lepiej to zrozumieć.” — John Mueller 2018

Chociaż tagi nagłówkowe nie mają bezpośredniego wpływu na SEO, nadużywanie tych tagów będzie miało negatywny wpływ na pozycję w wyszukiwarkach. Wyszukiwarki będą wiedzieć, jeśli nadużywasz swoich tagów nagłówkowych poprzez wypełnianie ich słowami kluczowymi, co następnie wpłynie na ranking Twojej treści.

Tagi nagłówków mogą mieć pozytywny wpływ na SEO, gdy wyróżnione fragmenty, takie jak słowa kluczowe wyszukiwania głosowego i nagłówki, jasno definiują różne elementy listy, takie jak przepisy kulinarne i poradniki.

Jak napisać idealne tagi nagłówków

Jeśli zapoznałeś się z naszym przewodnikiem „Jak stworzyć SEO Friendly Title Tag”, najprawdopodobniej zastosujesz najlepsze praktyki tam wspomniane do pisania nagłówków dla postów.

Najważniejszą zasadą pisania idealnych tagów nagłówkowych jest stworzenie semantycznej struktury dla twojej strony. John Mueller z Google powiedział:

…więc te tagi nagłówków w HTML pomagają nam zrozumieć strukturę strony, ale to nie tak, że masz jakąś fantastyczną premię w rankingu tylko dlatego, że tekst znajduje się w tagu h2…. to nie tak, że automatycznie znajdziesz się o jedno lub dwa miejsca wyżej w rankingu tylko dlatego, że użyłeś nagłówka, więc poleciłbym używanie go do nadania strukturze strony semantycznego znaczenia, ale nie powiedziałbym, że jest to wymóg do prawidłowego rankingu w wyszukiwarce.” —John Mueller, Google

Dlatego stworzenie idealnych tagów nagłówkowych dla każdej strony/posta można uprościć do dwóch celów:

• Struktura strony dla czytelności
• Znaczenie dla słów kluczowych

Aby uniknąć problemów z wyszukiwarkami i doświadczeniem użytkownika, oto kilka rzeczy, które należy robić i których nie robić.

Najlepsze praktyki pisania tagów nagłówkowych

Wyobraź sobie pisanie zarysu dla twojej treści, punkty dyskusji, które wymieniasz w zarysie treści, mogą być użyte jako tagi nagłówków. Gdzie są punkty podziału? Może pomóc zdefiniowanie każdego podpunktu używając <em> i <strong>.

Chociaż używanie wielu tagów h1 jest dozwolone, staraj się trzymać tylko jednego tagu <h1> na stronę. Możesz używać wielu tagów H1 do definiowania kluczowych funkcji na stronach, ale używaj tylko jednego tagu H1 w postach i artykułach.

Rozważ przeniesienie wszystkich kluczowych funkcji do nagłówków H2 zamiast kojarzenia ich z H1. Jeśli H1 i H2 nie mają rzeczywistego czynnika rankingowego, struktura i semantyka są ważniejsze.

Nie używaj tego samego nagłówka <h1> na całej treści. Każdy tag nagłówka powinien zawierać unikalny i opisowy tekst. Jeśli <title> i <h1> twojego posta to “Co to jest Tag Nagłówka”, unikaj używania tego samego tekstu w innym tagu.

Zachowaj nagłówki krótkie i zwięzłe. Mimo że nie ma limitu długości, zalecamy trzymać się 10–70 znaków przy tworzeniu nagłówków.

Pamiętaj, tagi nagłówków nie powinny być używane do stylizacji, więc unikaj tworzenia nagłówków tylko dlatego, że wyglądają dobrze.

Zawsze pamiętaj, aby przestrzegać wytycznych H1–H6. W3C stwierdza, "Sześć elementów nagłówkowych, od H1 do H6, oznacza nagłówki sekcji. Chociaż kolejność i występowanie nagłówków nie są ograniczone przez DTD HTML, dokumenty nie powinny pomijać poziomów (na przykład, od H1 do H3), ponieważ konwersja takich dokumentów na inne reprezentacje jest często problematyczna."

Na koniec, zachowaj spójną strukturę nagłówków na całej swojej stronie, aby zapewnić lepszą użyteczność dla wyszukiwarek oraz pomóc użytkownikom w identyfikacji i nawigacji po Twoich treściach.

Ile znaczników nagłówka jest uważanych za nadmierne?

Niezależnie od tego, czy twój content jest krótki i zwięzły, czy w formie długiego tekstu, kluczowe jest stworzenie równowagi tagów nagłówkowych.

Dla krótkich treści:

• Jeden H1 na stronę/post
• Dwa lub Trzy H2
• Użyj H3 do łączenia grup w ramach H2 lub powiązanych źródeł i odniesień

Z dłuższymi treściami możesz dodać więcej tagów H2 oraz tagów H3–H6 w zależności od struktury, którą chcesz zapewnić użytkownikowi.

Źródło obrazu: Diggity Marketing

Włączanie słów kluczowych w tagach nagłówków

Nie powtarzaj się, ale używaj tagów nagłówków, aby opisać treść omawianą w każdej sekcji.

Jeśli piszesz na temat „Najlepsze praktyki pisania tagów nagłówkowych”, nie chcesz zaczynać od „Co to jest SEO”,

Lub

Krok 1

Krok 2

Krok 3

Poniżej znajduje się przykład dobrych tagów nagłówkowych:

Tytuł: „Najlepsze praktyki pisania tagów nagłówkowych”

H1: “Twój przewodnik po tagach nagłówkowych SEO” (To wyjaśnia, jaki jest cel tego artykułu. Jest to dla SEO, a nie przewodnik po clickbaitach czy konwersji.)

H2: “Jaki jest tag nagłówka” (W zależności od persony Twoich czytelników, możesz to dodać lub usunąć i przejść dalej.)

H2: “Dlaczego tagi nagłówków są ważne” lub “Dlaczego jest to ważne” (Ważne jest, aby dodawać wartość i dostarczać powody, które przekonają czytelników, chyba że Twoim zamiarem jest skierowanie treści do zaawansowanej publiczności, w takim przypadku możesz odnieść się do studiów przypadków, jak zmienił się algorytm Google'a i co teraz muszą zrobić.)

H3: „Co mają do powiedzenia eksperci ” lub „Ekspercka opinia na temat tagów nagłówkowych” lub „What experts have to say”.

H2: “Zasady najlepszych praktyk dla tagów nagłówkowych” (Odniesienie dlaczego i jak posiadanie listy kontrolnej lub przewodnika może pomóc uniknąć błędów SEO.)

H3: “Jak stworzyć idealne tagi nagłówkowe”, “Dobre przykłady nagłówków”, “Rzeczy, których należy unikać tworząc tagi nagłówkowe” lub “Przykłady złych tagów nagłówkowych” (Czy dodajesz słowa kluczowe, czy nie, struktura musi dostarczać jasnego zamiaru.)

H2: "Jak dodać tagi nagłówków do WordPressa"

H2: "Podsumowanie" lub "Na zakończenie".

Nadaj to strukturę i bądź konsekwentny

Jeśli przeszukałeś swoje tagi nagłówków i zauważyłeś, że jest zbyt wiele tych samych słów kluczowych, będzie to wyglądało na powtarzające się i tak, jakby były pisane tylko dla wyszukiwarek.

To nie problem wyrazić i wyjaśnić twój artykuł bez używania docelowych słów kluczowych, które pomagają wyszukiwarkom i czytelnikom zrozumieć, o czym jest nagłówek.

Pierwszy przykład H3, „Wco eksperci mają do powiedzenia”, mogą być wyraźnie zrozumiałe, jeśli znajdują się w H2, “Dlaczego tagi nagłówków są ważne”.

Jeśli natomiast dodasz "Dlaczego to jest ważne", odnosisz się do faktycznego tytułu, dlatego możesz powtórzyć i pomóc użytkownikom oraz wyszukiwarkom wspólnie zrozumieć i odnieść się do tego, co wydarzy się dalej, i napisać "Czego eksperci mają do powiedzenia na temat tagów nagłówkowych".

Zachowaj spójną strukturę na przestrzeni wszystkich stron. Nagłówki służą stworzeniu określonego rodzaju przepływu dla Twoich czytelników. Nagłówki są również wskaźnikami, które pomagają czytelnikom zdecydować, czy chcą kontynuować czytanie, czy szukać innego rozwiązania na innej stronie.

Jak dodać tag nagłówka w WordPress

Istnieją dwa sposoby na zmianę tagów nagłówków w WordPress. Możesz zaznaczyć słowa, które chcesz zmienić i użyć skrótów klawiaturowych:

Na Macu:

CTRL + ALT + 2/3/4/5/6 – Stosuje odpowiedni tag nagłówka (<h2>, <h3> itd.)

Na PC:

SHIFT + ALT + 2/3/4/5/6 – Stosuje odpowiedni tag nagłówka (<h2>, <h3> itd.)

Lub wybierz menu rozwijane i wybierz nagłówek, który odpowiada Twoim potrzebom:

Jak dodać tagi nagłówków w Wix

Aby wprowadzić zmiany na swojej stronie Wix, wystarczy zaznaczyć słowa lub frazy i wybrać menu rozwijane pod zakładką Motywy.

Jeśli chcesz zmienić tagi nagłówków w poście na blogu, przejdź do edytora postów bloga Wix. Następnie po prostu zaznacz nagłówek, który chcesz edytować i wybierz odpowiednią opcję, klikając na Akapit.

Jak dodać tagi nagłówków w Shopify

Zmiana tagu nagłówka w Shopify jest tak prosta, jak zaznaczenie słowa lub frazy i kliknięcie przycisku "A", aby wybrać, który tag nagłówka chcesz przypisać.

Zmiana tagów nagłówka na stronie głównej jest trochę trudna. Dokonanie zmian może być osiągnięte poprzez edycję kodu w pliku theme.liquid lub w zależności od tego, z jakiego pliku pobierane są dane.

Jeśli jedna sekcja Twojej strony głównej ma dodaną listę kolekcji jak na poniższym zrzucie ekranu:

Pobierasz dane z pliku collection.liquid, który zaklasyfikuje nazwę kolekcji jako H1.

Jeśli dodałeś listę wielokolekcji na stronę główną, będziesz miał wiele H1. Zalecamy poproszenie twórcy motywu o dokonanie zmian za Ciebie.

Wnioski

Tagi nagłówków powinny być używane na wszystkich stronach twojej witryny, szczególnie na stronie głównej oraz we wszystkich artykułach blogowych twojej witryny. Te tagi HTML pomagają podzielić długie fragmenty tekstu i "dzielić" twój kontent na sekcje tematyczne.

Przestrzegając najlepszych praktyk, które przedstawiliśmy w tym artykule, będziesz w stanie stworzyć tagi nagłówków, które będą zrozumiałe zarówno dla ludzi, jak i robotów wyszukiwarek.