Tag BODY
Część HTML zawierająca widoczną treść strony. To tu są nagłówki, tekst i elementy wpływające na SEO i UX.
Definicja: Tag BODY
Element <body> w specyfikacji HTML5 stanowi główny kontener dla całej renderowanej zawartości dokumentu. Jest to element, w którym umieszczana jest struktura strony (DOM), widoczna dla użytkownika końcowego oraz robotów indeksujących. W poprawnie sformatowanym dokumencie HTML może występować tylko jeden element <body>, będący bezpośrednim dzieckiem elementu <html> i następujący bezpośrednio po sekcji <head>.
Zawartość
Tag ten obejmuje wszystkie zasoby wizualne i interaktywne, w tym:
- Tekst, obrazy, wideo oraz elementy audio.
- Strukturę semantyczną (
<header>,<main>,<footer>,<article>). - Skrypty wykonywalne (JavaScript) oraz elementy sterujące interfejsem.
Kluczowe Atrybuty
- onload: Atrybut zdarzeniowy (legacy), uruchamiający skrypt natychmiast po całkowitym załadowaniu obiektu window. Z perspektywy wydajności (WPO), jego niewłaściwe użycie może opóźniać Time to Interactive (TTI).
- class / id: Atrybuty globalne służące do powiązania struktury HTML z arkuszami stylów (CSS) oraz manipulacji DOM przez JavaScript. Optymalne wykorzystanie klas pozwala na uniknięcie inline styles, co redukuje rozmiar kodu HTML.
Rola w SEO
Dla algorytmów wyszukiwarek (np. Googlebot), zawartość tagu <body> jest głównym źródłem informacji o tematyce strony.
- Indeksowanie Contentu: Tylko treść znajdująca się wewnątrz
<body>jest brana pod uwagę przy ocenie relewancji słów kluczowych (z wyłączeniem metadanych w<head>). - Semantyka i Dostępność: Poprawna hierarchia elementów wewnątrz body (np. unikalny
<h1>, logiczne sekcje) ułatwia botom zrozumienie struktury informacji, co wpływa na ranking.
Render Blocking i Wydajność
Sposób umieszczania zasobów wewnątrz <body> ma bezpośredni wpływ na wskaźniki Core Web Vitals. Skrypty JavaScript umieszczone w górnej części body (bez atrybutów defer lub async) działają jako "render-blocking resources", zatrzymując parsowanie HTML do momentu wykonania skryptu. Aby zminimalizować wpływ na First Contentful Paint (FCP) oraz Largest Contentful Paint (LCP), zaleca się umieszczanie ciężkich skryptów JS na samym końcu tagu <body>, tuż przed tagiem zamykającym.
Twoja strona ładuje się wolno przez błędy w <body>?
📞 Zadzwoń: +48 602 131 233