Semantyczny HTML do ekstrakcji
Semantyczny HTML pozwala robotowi znaleźć brzegi odpowiedzi: jedno drzewo nagłówków, sekcja na temat i elementy, które już znaczą listę, tabelę albo cytat.
Jedno drzewo nagłówków
Każda strona ma jedno h1. Następny nagłówek to h2. Pod nim jest h3. Proszę nie pomijać poziomów. Nagłówek ma być pytaniem albo tematem, nie zręczną etykietą.
<h1>Semantyczny HTML do ekstrakcji</h1>
<h2>Jedno drzewo nagłówków</h2>
<h3>Dobry temat dla sekcji</h3>Fragmenty, które model może wyciągnąć
Proszę użyć article dla całości, section dla każdego tematu, a aside tylko dla materiału, który nie jest odpowiedzią. Odpowiedź trafia do pierwszego akapitu albo listy. Wyjaśnienie jest po niej.
- ol dla kroków i rankingów
- ul dla zbioru faktów bez kolejności
- blockquote i cite dla źródła
- time z atrybutem datetime dla daty publikacji
Tabele, nie siatki CSS udające tabele
Porównanie jest tabelą z thead, tbody, th i td. Siatka divów nie ma wierszy, którym model może zaufać. Kolejność w źródle ma być zgodna z kolejnością czytania. Proszę nie przestawiać bloku wizualnie właściwością order.
Obrazy, które nie przesuwają strony
Każdy obraz dostaje rzeczowy alt, szerokość i wysokość. Proszę użyć picture, gdy jest AVIF albo WebP, i zostawić zapasowy JPEG lub PNG. Obraz główny ładuje się od razu, a wszystko poniżej pierwszego ekranu leniwie. Alt opisuje obraz. Nie powtarza listy słów kluczowych.
Warto zobaczyć jak roboty AI czytają HTML i techniczne SEO.
Pytania o semantyczny HTML
Czy można przejść z h2 od razu do h4, jeśli projekt wygląda ciaśniej?
Nie. Pominięte poziomy psują zarys, z którego korzystają ludzie i roboty. Proszę zmienić projekt, nie kolejność nagłówków.
Czy elementy div są zakazane?
Nie. Proszę używać ich jako zaczepów układu. Proszę nie używać ich zamiast nagłówka, listy, tabeli, linku ani akapitu.
Proszę o bezpłatny audyt ekstrakcji przez AI
Proszę wysłać publiczny URL. Osoba czyta HTML, który zwraca serwer, i odpisuje, co roboty AI mogą zacytować i czego nigdy nie widzą.