SEOMaster
DOM
Drzewo elementów strony w przeglądarce.
Co to jest DOM?
DOM (Document Object Model) to drzewo elementów strony, które przeglądarka buduje z HTML. Każdy nagłówek, akapit czy przycisk to węzeł, który JavaScript może odczytywać i zmieniać — i to właśnie zmiany w DOM widzi użytkownik.
„Renderowany DOM” to stan strony po wykonaniu JavaScriptu; bywa różny od surowego HTML wysłanego przez serwer. Wyszukiwarki oceniają zwykle ten renderowany.
Dlaczego to ważne dla SEO
To, co jest w DOM po renderowaniu, decyduje o tym, co widzi użytkownik i robot. Kosztowne, częste zmiany DOM mogą też spowalniać interfejs.
Jak to sprawdzić
Podgląd DOM masz w narzędziach deweloperskich (zakładka Elements). Porównaj go z surowym „źródłem strony”, by zobaczyć wpływ JavaScriptu.
Częste błędy
- Kosztowne, częste przebudowy DOM (spadek wydajności)
- Treść istniejąca tylko w renderowanym DOM, nie w HTML
- Manipulacja DOM bez uwzględnienia dostępności
Przykład
HTML → DOM (drzewo węzłów) → JS zmienia węzły