PrestaShop podwójny H1 na stronie: jak znaleźć drugi nagłówek i go poprawić
Podwójny H1 w PrestaShop bierze się najczęściej z czterech miejsc: logo w nagłówku strony głównej, tytułu slajdu w sliderze, opisu produktu wklejonego od hurtowni albo szablonu motywu. Google radzi sobie z kilkoma H1, więc to nie pożar. Warto jednak, żeby główny nagłówek mówił, o czym jest strona: nazwa produktu, kategorii albo tytuł strony.
Autor: Zespół TellMyShop. Piszemy o PrestaShop na podstawie pracy z zapleczem prawdziwych sklepów i testów na własnym sklepie testowym.
Aktualizacja: · 5 min czytania
Skąd na stronie bierze się drugi H1?
Każdy typ strony ma inny szablon, więc drugi H1 pojawia się zwykle w jednym typie stron, a nie w całym sklepie.
| Gdzie | Typowa przyczyna | Gdzie poprawić |
|---|---|---|
| Strona główna | logo w H1 i do tego tytuł slajdu albo bloku tekstu w H1 | szablon modułu slidera lub bloku tekstu w motywie |
| Strona główna i reszta sklepu | motyw wstawia nazwę sklepu w H1 w nagłówku każdej strony | szablon nagłówka motywu |
| Kategoria | nazwa kategorii w H1 nad opisem i drugi raz nad listą produktów | szablon kategorii w motywie |
| Produkt | opis wklejony z H1 ze strony hurtowni albo z edytora | opis produktu |
| Strona informacyjna | tytuł strony w H1 i drugi H1 wpisany w treść | treść strony |
Część tych przyczyn zależy od wersji motywu. Motyw Classic na stronie głównej umieszcza logo w H1, a inne motywy robią to po swojemu. Zawsze sprawdzasz więc swój sklep, a nie opis z internetu.
Czy to w ogóle ważne dla Google?
Mniej, niż piszą narzędzia SEO, które oznaczają podwójny H1 na czerwono. John Mueller z Google powiedział, że kilka H1 nie przeszkadza w SEO, a nagłówki pomagają Google zrozumieć, o czym są części strony. Szersze omówienie jego wypowiedzi ma Search Engine Journal.
Poprawić warto z dwóch powodów. Po pierwsze, gdy H1 to logo albo hasło „Nowa kolekcja”, strona traci najważniejszy nagłówek z nazwą produktu lub kategorii. Po drugie, osoby korzystające z czytników ekranu poruszają się po stronie nagłówkami. W materiałach W3C o strukturze strony nagłówki od H1 do H6 opisują układ treści, a jeden jasny H1 ułatwia orientację.
Na liście poprawek SEO podwójny H1 nie jest pierwszy. Najpierw produkty niewidoczne w Google, błędy 404 z ruchem i puste opisy. Kolejność opisujemy w poradniku o pozycjonowaniu sklepu PrestaShop.
Jak powinny wyglądać nagłówki na stronach sklepu?
Prosta zasada: jeden H1 z tym, czego strona dotyczy, a pod nim H2 dla większych części strony. Logo, menu i stopka nie potrzebują nagłówków H1.
- Strona główna: H1 z tym, co sprzedajesz, na przykład „Lampy i lampiony do domu i ogrodu”. Slider, polecane produkty i nowości jako H2.
- Kategoria: H1 z nazwą kategorii. Śródtytuły w opisie kategorii jako H2 lub H3, a nie kolejny H1.
- Produkt: H1 z nazwą produktu. Zakładki Opis i Szczegóły produktu oraz śródtytuły w opisie jako H2 lub H3.
- Strona informacyjna: H1 z tytułem strony, na przykład Dostawa i płatności. Kolejne części jako H2.
Jeśli strona główna po usunięciu H1 z logo nie ma żadnego H1, dodaj krótki nagłówek w bloku tekstu na górze strony. To lepsze niż zostawienie logo w H1, bo nagłówek z opisem sklepu mówi Google i klientowi więcej niż obrazek.
Jak znaleźć i poprawić drugi H1?
Sprawdź po jednej stronie z każdego typu, a poprawiaj tam, gdzie leży przyczyna.
- Otwórz stronę główną, jedną kategorię, jeden produkt i jedną stronę informacyjną.
- W każdej wyświetl źródło strony i wyszukaj
<h1. Zapisz, co jest w każdym nagłówku. - Jeśli drugi H1 jest w opisie produktu albo w treści strony, zmień go w edytorze na zwykły tekst albo nagłówek H2.
- Jeśli drugi H1 pochodzi z modułu, na przykład slidera, skopiuj szablon modułu do motywu i zmień w kopii H1 na H2 albo zwykły akapit.
- Jeśli H1 jest w szablonie motywu, zmień go w motywie potomnym, żeby aktualizacja motywu nie cofnęła poprawki. Dlaczego to ważne, opisujemy w tekście o aktualizacji motywu, która usunęła zmiany.
- Wyczyść pamięć podręczną sklepu i sprawdź stronę jeszcze raz. Jeśli nie widzisz zmiany, zajrzyj do tekstu o tym, czemu nie widać zmian.
Jak Claude poprawi nagłówki w twoim sklepie?
Claude otwiera strony sklepu tak, jak widzi je Google, i pokazuje listę nagłówków. Potem szuka, skąd bierze się drugi H1: z opisu, z modułu czy z motywu.
Narzędzie SEO pokazuje dwa H1 na stronie głównej i w kategoriach. Sprawdź, skąd się biorą.
Na stronie głównej pierwszy H1 to logo, drugi to tytuł pierwszego slajdu „Jesienna kolekcja”. W kategoriach drugi H1 jest w opisie kategorii Lampy, wklejony razem z tekstem. Proponuję dwie poprawki. Pierwsza w opisie kategorii:
było: <h1>Lampy do salonu i sypialni</h1>
będzie: <h2>Lampy do salonu i sypialni</h2>
Druga w kopii szablonu slidera w motywie: tytuł slajdu jako akapit zamiast H1. Do tego potrzebny jest przełącznik Motyw. Przed zapisem zrobię kopię pliku.
Zapisz opis kategorii. Motyw włączę jutro.
Zapisane. Kategoria Lampy ma teraz jeden H1. Zmianę szablonu slidera przygotuję w podglądzie, gdy włączysz Motyw.
Nazwy w przykładzie są przykładowe.
W darmowej wersji TellMyShop Free Claude sprawdzi nagłówki na stronach sklepu i wskaże przyczynę, ale niczego nie zmieni. W TellMyShop Pro poprawki w opisach produktów, kategorii i stron zapisują się od razu po aktywacji licencji, z podglądem i zgodą. Zmiany w szablonach motywu i w kopiach szablonów modułów wymagają przełącznika Motyw, który działa 24 godziny i wymaga dzisiejszej kopii bazy danych. Przed każdym zapisem pliku moduł robi kopię, więc poprzednią wersję przywrócisz z rozmowy, jak w zastosowaniu przywrócenie poprzedniej wersji wyglądu. Przykłady takich próśb są też w zastosowaniach nagłówki w sliderze na stronie głównej i zmiana wyglądu modułu, która przetrwa aktualizację. Plany są w cenniku.
Pytania i odpowiedzi
Czy dwa nagłówki H1 to kara od Google?
Nie. Google mówi, że jego systemy radzą sobie z kilkoma H1 na stronie. Kłopot jest inny: gdy pierwszy H1 to logo albo hasło ze slidera, główny nagłówek strony nie mówi, o czym ona jest. Poprawka porządkuje stronę dla Google i dla czytników ekranu.
Jak sprawdzić, ile H1 ma strona mojego sklepu?
Otwórz stronę, wyświetl jej źródło i wyszukaj tekst <h1. Każde trafienie to jeden nagłówek H1. Sprawdź stronę główną, kategorię, produkt i stronę informacyjną, bo każda korzysta z innego szablonu.
Czy po aktualizacji motywu poprawka zniknie?
Może, jeśli zmieniłeś pliki motywu bezpośrednio. Poprawkę w motywie potomnym albo w kopii szablonu modułu w motywie aktualizacja motywu nadrzędnego nie nadpisze. Dlatego warto zacząć od motywu potomnego.
Czy TellMyShop Free znajdzie podwójny H1?
Tak. Darmowa wersja TellMyShop Free otwiera strony sklepu tak, jak widzi je Google, i pokazuje nagłówki strony. Poprawkę opisu zapisuje TellMyShop Pro od razu, a poprawkę w motywie po włączeniu przełącznika Motyw.
PrestaShop jest zastrzeżonym znakiem towarowym PrestaShop SA. Claude jest znakiem towarowym Anthropic. TellMyShop nie jest powiązany z żadną z tych firm.