- Jakaś teoria
- Jak zoptymalizować nagłówki dla SEO
- Logiczna sekwencja nagłówków
- Audyt nagłówków
- Tagi nagłówka HTML5
Optymalizacja techniczna SEO obejmuje wiele tagów i metatagów: <title>, <meta name = "description">, <link rel = "canonical"> i inne. Prawidłowe użycie tych tagów, ich atrybutów i treści w dużej mierze wpływa na to, jak wyszukiwarka rozpoznaje twoją treść, jak wysoko zostanie uszeregowana, w jaki sposób fragment będzie wyglądał w wynikach wyszukiwania oraz jaka wersja strony zostanie pokazana określonym użytkownikom.
Znaczniki nagłówków są również ważne dla optymalizacji wyszukiwarek. Ponadto przemyślane nagłówki na stronie mogą sprawić, że będzie znacznie wygodniejszy dla użytkowników, a także zwrócić ich uwagę na niezbędne informacje lub skłonić ich do podjęcia ukierunkowanych działań. W tym artykule przyjrzymy się, jak używać nagłówków, aby „zaspokoić” zarówno wyszukiwarki, jak i użytkowników witryny lub strony docelowej.
Jakaś teoria
W HTML jest sześć tagów nagłówka - od <h1> do <h6>. Liczba w znaczniku pokazuje względne znaczenie następującej sekcji: <h1> jest najbardziej znacząca, podczas gdy <h6> jest najmniej znacząca. Zgodnie z tym, HTML wyświetla domyślnie nagłówki różnych poziomów z czcionkami o różnych rozmiarach: <h1> będzie największy, a każdy kolejny będzie nieco mniejszy.
Tagi nagłówka są elementami bloku: są zawsze umieszczane w nowej linii. Elementy następujące po nich są również rozmieszczone na nowej linii.
Jak zoptymalizować nagłówki dla SEO
Jednym z najsilniejszych sygnałów dla wyszukiwarek jest nagłówek pierwszego poziomu <h1>. Jest nieco słabszy niż tag <title>; jednak słowa kluczowe w nim również mają silny wpływ na ranking wyszukiwania.
Na tej podstawie stosujemy następujące podejście do tworzenia nagłówków w agencji internetowej Arto. Umieszczamy ważne i ważne słowa kluczowe w tagu <title>, a następne według ważności umieszczamy w <h1>. Możesz użyć tych samych słów w tych dwóch znacznikach. Jednak w celu optymalizacji lepiej jest je zmienić: można użyć więcej słów kluczowych i ich synonimów.
Nagłówki niższego poziomu (<h2>, <h3> itd.) Są słabszymi sygnałami dla robota wyszukiwania. Mogą zawierać słowa kluczowe o niskiej częstotliwości i mniej ważne. Słowa kluczowe, które nie mieszczą się w nagłówkach, powinny być używane bezpośrednio w tekście. Tutaj możesz zobaczyć przykładowe zadanie techniczne dla copywriter.
Klaster wniosków o optymalizację artykułu. Druga kolumna pokazuje częstotliwość każdego żądania miesięcznie w Google Ukraine
Przykładowa strona z zadania technicznego dla copywriter ze strukturą nagłówka opartą na zapytaniach wyszukiwania
Ważne jest, aby nie spamować słowami kluczowymi w nagłówkach. Jeśli to możliwe, powinieneś używać każdego słowa kluczowego tylko raz w każdym nagłówku. Jeśli kontekst wymaga kilkukrotnego użycia, lepiej jest uwzględnić różne formy słów.
Tagi tytułów mają ważną wartość semantyczną. Dlatego używanie zwykłego tekstu ze stylami jako nagłówkiem jest niepoprawne. Z drugiej strony nie powinieneś używać tagów <h1> - <h6> jako elementów projektu, na przykład zaznacz znaczniki semantycznie nieistotne za pomocą tych tagów, takie jak link do koszyka w sklepie internetowym lub wyrażenie „Nasz blog” w bocznym panelu katalogu produktów.
Upewnij się, że nagłówek jest odpowiedni dla tekstu, który następuje po nim, a także czytelny i zrozumiały dla użytkowników. Pomoże to uczynić zawartość bardziej wygodną i użyteczną, a zatem - bardziej zaufaną przez wyszukiwarki. Czasami można zignorować niektóre słowa kluczowe na rzecz czytelności nagłówka i przenieść te słowa kluczowe do tekstu strony.
Ważne jest również, aby nagłówki były chwytliwe i intrygujące, jeśli to możliwe. Po przeczytaniu tytułu użytkownicy powinni przeczytać następujący po nim tekst. Jest to ważne dla artykułów informacyjnych. W przypadku stron komercyjnych nagłówek może również motywować użytkownika do podjęcia ukierunkowanych działań lub zapoznania się z informacjami, które go do niego popchną.
Logiczna sekwencja nagłówków
Umieszczając nagłówki na stronie, powinieneś upewnić się, że znajdują się we właściwej kolejności hierarchicznej. Zgodnie ze standardami HTML4 na stronie powinien być tylko jeden nagłówek pierwszego poziomu (ta zasada może zostać złamana w HTML5, jak omówiono poniżej). W tekście oznaczonym <h1> może znajdować się kilka sekcji, z których każda zaczyna się nagłówkiem <h2>; z kolei każdy z nich można podzielić na podsekcje nagłówkami <h3> i tak dalej. Jednak niektóre sekcje mogą nie mieć podsekcji. Na przykład będzie wyglądać prawidłowa struktura logiczna nagłówków:
I tak będzie wyglądać zło:
Nagłówki trzeciego poziomu są mniej popularne niż drugi poziom. W przypadku małego artykułu o długości do 5000 znaków można zwykle używać tylko tagów <h1> i <h2>. Nagłówki czwartego i niższego poziomu są rzadko używane. Mogą mieć sens dla dużych tekstów złożonych struktur, na przykład dokumentacji prawnej lub technicznej. Jednak takie dokumenty będą często wygodniejsze w przesyłaniu w formacie PDF, zamiast tworzyć dla nich osobną stronę HTML.
Audyt nagłówków
Aby szybko sprawdzić nagłówki w całej witrynie, możesz użyć Screaming Frog SEO Spider lub innego oprogramowania do audytu SEO. Po sprawdzeniu będziesz mógł zobaczyć strony, na których brakuje nagłówków pierwszego poziomu lub są duplikowane, są za długie i tak dalej.
Aby sprawdzić strukturę nagłówków na jednej stronie, możesz użyć HeadingsMap rozszerzenie przeglądarki. Pokazuje wszystkie nagłówki na stronie, ich poziomy, tekst, który zawierają, i automatycznie tworzy drzewo ich hierarchii.
Przykład struktury strony w HeadingsMap
Oprócz prawidłowej sekwencji znaczników <h1> - <h6> należy pamiętać, że rozmiar czcionki powinien być zgodny ze znaczeniem nagłówka. Na przykład, jeśli strona ma trzy poziomy nagłówków, to jej struktura jest już dość skomplikowana; jeśli nagle okaże się, że nagłówek trzeciego poziomu jest wyświetlany większą czcionką niż drugi poziom, użytkownik może łatwo się pomylić.
Tagi nagłówka HTML5
Standard HTML5 wprowadził nowe elementy semantyczne: <section>, <article> i inne. Użycie tych elementów pozwala umieścić oddzielną hierarchię nagłówków w każdym z nich. Na stronie może być więcej niż jeden nagłówek <h1>. Może to być wygodne, na przykład w przypadku kanału blogu, gdzie ogólny nagłówek pierwszego poziomu strony to „Nasz blog”, a nagłówki poszczególnych sekcji to tytuły artykułów. Z drugiej strony, możesz zachować jednolitą strukturę nagłówków dla całej strony. Oznacza to, że obie opcje są dopuszczalne:
Google też roszczenia że nie ma nic złego w używaniu wielu <h1> na stronie: wyszukiwarka poprawnie rozpoznaje ten znacznik.
Tak więc podsumowując to, co wszyscy przewidzieli, możemy podać kilka głównych wskazówek.
- Zawsze używaj nagłówka pierwszego poziomu <h1> na stronie, jednego dla całej strony lub osobnego dla każdej sekcji. Używaj innych nagłówków tylko wtedy, gdy naprawdę potrzebujesz ich do uporządkowania treści.
- Używaj słów kluczowych w nagłówkach. Im wyższy poziom kursu, tym ważniejsze i częstsze słowa kluczowe powinny się w nim pojawić. Nie nadużywaj słów kluczowych, aby uniknąć nadmiernej optymalizacji.
- Zwróć uwagę na znaczenie nagłówków: powinny one krótko wyrazić, o czym jest tekst.
- Postępuj zgodnie z logiczną sekwencją tagów nagłówka.
- Nie używaj nagłówków jako elementów projektu.
- Staraj się, aby nagłówki były chwytliwe, aby przyciągnąć użytkowników.
