[Q&A no. 1] Semantyka HTML w kontekście SEO / Piotr Cichosz
Q&A12 kwietnia 2016
Jaki wpływ na pozycjonowanie ma prawidłowe użycie kodu HTML? Ogromne! Zachęcamy do zapoznania się z pierwszą sesją pytań i odpowiedzi od użytkowników SeoStation, zadawanych ekspertom związanym z branżą SEO.
Zaczynamy od Piotra Cichosza.
***
Pierwsze pytanie
Czy można używać kilku nagłówków h1 na jednej podstronie?
Tak, może być ich kilka. Jeżeli używamy markupu HTML5 to nagłówków najwyższego rzędu może dowolna ilość (oczywiście w ramach rozsądku i semantyki). Aby nie przegiąć z tą ilością należy pamiętać, że H1
można wrzucać do takich tagów jak: head, article, nav, main. Jeżeli na stronie są sekcje, które są różne i niezależne, to w takiej sekcji można użyć H1
.
Jeżeli mi nie wierzycie, to posłuchajcie Matta Cuttsa, który odpowiada na to pytanie. Dla bardziej dociekliwych, polecam lekturę wpisu na tuts+ o ilości H1
na stronie. Bardzo dokładnie zostało wszystko opisane (uwzględniając przykłady).
Co jeśli Twoja strona ma markup inny niż HTML5 (starszy)? Nic się nie stanie - Google Cię nie ukarze, a przeglądarka poprawie zinterpretuje i wyświetli. U siebie na blogu nawet poruszałem temat H1
.
Ze swojego doświadczenia wiem, że barierą nie do przeskoczenia są systemy do zarządzania sklepami, stronami czy blogami. Szablony są tak skonstruowane, że modyfikacja takich rzeczy jest trudna i wymaga dużych nakładów czasu (a przez to pieniędzy).
Drugie pytanie
Prowadzę portal rowerowy bikeground.pl, [...]. Całość informacji (na stronie głównej i podstronach) jest podzielona tematycznie (wiadomości, porady, galerie, sprzęt itp.) Czy na tego typu stronach można z powodzeniem stosować nagłówki H1 (i co w nich umieszczać), skoro w większości są to raczej linki do podstron z zajawkami treści? Linki do przykładowych stron: http://bikeground.pl/ http://bikeground.pl/porady/ http://bikeground.pl/sprzet/
I jeszcze jedno pytanie czy układ H2 i H3 na tych stronach jest właściwy - chodzi mi o to, że główny nagłówek sekcji (np. porady rowerowe) to H2 a linki do artykułów z tej sekcji mają nagłówki H3. Czy nie lepiej z punktu widzenia SEO byłoby dać wszystkim nagłówkom znacznik H2 (chyba jest mocniejszy)? Pozdrawiam, Adrian
Adrian, zadeklarowałeś doctype HTML5, więc dlaczego nie korzystasz z jego dobrodziejstw? Masz logo w H1
i na wszystkich podstronach. Jest to poważny, semantyczny, błąd, gdyż najważniejszą treścią na podstronach nie jest logo lecz treść tej podstrony. Jeżeli chcesz dać logo w H1
to powinieneś zamienić div.header-main-section
na header.header-main-section
. Kolejne zmiany jakie należało by wprowadzić, to:
-
Element
div.containermain-section
powinien byćmain.containermain-section
. Dzięki temu oznaczasz najważniejszą część stron. -
Każda sekcja na stronie głównej np. „porady”, „wiadomości”, itp. może być w elemencie
section
, dzięki temu zamiast nagłówkaH2
możesz użyćH1
. Wtedy każdy link/news w tej sekcji mógłby być wH2
zamiastH3
. -
Strony kategorii np. http://bikeground.pl/porady/ powinien wyglądać jak treść artykułu. Nagłówek
H1
. Dlaczego tutaj nie używasz taguarticle
?
Jak widzicie, problem istnieje i nie dla wszystkich jest jasne co, i jak używać. Sama specyfikacja HTML5 opisuje dużo więcej nowych tagów HTML jakie można użyć na stronie. Jest tego naprawdę dużo. Zrozumienie tego trochę czasu zajmie, ale dzięki temu Twój kod strony będzie łatwiejszy do ogarnięcia.
_________
Jeśli profesjonalnie zajmujesz się SEO i chciałbyś wziąć udział w projekcie "Pytań do eksperta" jako specjalista, odpowiadający na kwestie interesujące użytkowników - napisz do nas!
Stare komentarze: 5
Bardzo ciekawa dyskusja. Nauczyłe się coś nowego. Bardzo dziękuję.
Google Struktured Data Testing pokazuje 297 błędów na stronie bikeground.pl.
Proszę o informacje jak to naprawić?
tak się składa że też mam ten sam błąd i nie znalazłem jeszcze nikogo, kto ma wystarczającą wiedzę by to wyjaśnić. Jeśli Piotr Cichosz tego nie obejmuje, Może szanowna Pani Marta Gryszko?
proszę o pomoc w tym zakresie.
Jeżeli można umieszczać więcej H1 to czy czasem nie ma on już takiego wpływu jak kiedyś ?
To Q&A powinno się nazywać semantyka HTML w kontekście spadku pozycji w SEO ... xD
Nawalisz tyle nietematycznych H1, to baju baju pozycje :D Do tego powołanie się na film Matta z 5 Marca 2009 niekoniecznie świadczy o świeżości tego podejścia. Oczywiście, można dywagować na temat tego, czy nagłówki (zwłaszcza H1) są nadal ważne w SEO - oczywiście, że są. Co do artykułu Tuts+ z 17 grudnia 2013, czy branża SEO uznaje akurat Tuts+ za znamienity autorytet jeśli chodzi o porady SEO - NIE! Reasumując, jeśli chcesz powpychać H1 w każdą grupę elementów HTML5, która może mieć <hgroup> i nagłówki, to śmiało, firma SEO do której się zgłosisz, bo spadną Ci pozyje chętnie to poprawi ;)
@marecku - nie, bo tutaj chodzi o semantykę. Sprawdź tag <main>
@Foka - chętnie poznam przypadek strony, która poleciała w SERPach przez x H1 ;)
Z punktu widzenia SEO nie ma jakiś jasnych informacji na ten temat. Można by rzec, że obecnie temat tabu - ciężko ogarnąć coś na jasno z jakimś potwierdzeniem ze strony Google.
Jesli chodzi inne wytyczne to troche tego już jest, np.: https://developer.mozilla.org/pl/docs/Web/Guide/HTML/Sekcje_oraz_konspekt_dokumentu_HTML5
Jak dla mnie strony mają być zgodne z najnowszymi standardami w co wlicza się m.in. HTML 5 i jego sekcje. Nie oszukując się, takie sekcje i tak w większości będą tylko na głównej i listingach.
Zreszta z Google nikt nie zabrania Ci używania wielu h1.. a są strony, które ich nie mają albo mają kilka a i tak świetnie rankują. Sa serwisy, w ktorych globalna zmiana i optymalizacja <h1> da tyle co nic. Bo jest to tylko składowa.