Serwuj najważniejsze treści w HTML, bez czekania na JavaScript
Opis
To kryterium sprawdza, co odczytuje robot, który nie wykonuje JavaScriptu. iPand porównuje kod HTML wysłany przez twój serwer ze stroną wyświetloną po wykonaniu skryptów, używając tego samego ekstraktora.
Surowy HTML musi już zawierać tytuł (i nagłówek H1, jeśli strona go ma), co najmniej 80% słów głównego tekstu, co najmniej 80% linków wewnętrznych, te same typy danych strukturalnych JSON-LD oraz widoczne dane kontaktowe: telefon, e-mail lub adres.
Dlaczego to ważne dla AI
Google przypomina: nie wszystkie roboty potrafią wykonywać JavaScript. Nawet Google, który to robi, umieszcza strony w kolejce przed ich wyrenderowaniem, co może trwać. Treść zapisana w serwowanym HTML jest czytelna dla każdego robota, który odwiedzi stronę, już przy pierwszej wizycie.
- Tekst dodany przez skrypt może pozostać niewidoczny dla robotów, które go nie wykonują: strona wydaje im się pusta lub niekompletna.
- Google wykrywa tylko linki zapisane jako elementy <a> z atrybutem href; przycisk, który zmienia stronę za pomocą skryptu, jest pomijany.
- W przypadku swoich funkcji AI Google zaleca udostępnianie ważnych treści w formie tekstu.
Jak to poprawić
- 1 Renderuj główny tekst po stronie serwera Jeśli twoja witryna jest aplikacją JavaScript (React, Vue, Angular…), włącz renderowanie po stronie serwera albo prerendering stron w momencie publikacji: serwer wysyła wtedy stronę już wypełnioną treścią. Oferują to najpopularniejsze frameworki. Ten punkt ma największą wagę w kryterium.
- 2 Zapisz tytuł i nagłówek H1 w HTML Znacznik <title> i nagłówek H1 muszą znajdować się w kodzie HTML wysłanym przez serwer, a nie być dodawane przez skrypt po załadowaniu.
- 3 Serwuj linki jako linki a href Linki nawigacyjne i linki do twoich stron wewnętrznych muszą być elementami <a href="…"> obecnymi w HTML. Przycisk lub klikalny element, który zmienia stronę za pomocą skryptu, nie jest dla robota linkiem.
- 4 Umieść JSON-LD i dane kontaktowe w serwowanym HTML Zapisuj bloki <script type="application/ld+json"> bezpośrednio w HTML, zamiast wstrzykiwać je menedżerem tagów. To samo dotyczy telefonu, e-maila i adresu: mają być zapisane jako tekst na stronie, a nie ładowane przez widżet.
- 5 Porównaj wersję z JavaScriptem i bez niego Wyświetl kod źródłowy strony (Ctrl+U w większości przeglądarek) lub wyłącz JavaScript, a potem sprawdź, czy są tam tekst, linki, JSON-LD i dane kontaktowe. Tak właśnie widzi stronę robot, który nie wykonuje skryptów.
Do zapamiętania
To, co pojawia się dopiero po wykonaniu skryptów, może pozostać niewidoczne dla części robotów. Serwuj w HTML wszystko, co asystenci AI mają odczytać: tytuł, tekst, linki, dane strukturalne i dane kontaktowe.
