# Sémantické HTML (article, section, nav, aside)

> Sémantické HTML používa elementy, ktoré hovoria, čo obsahujú, napríklad article, section, nav, aside a main, namiesto všeobecných blokov div.

- **Číslo kontroly:** A20
- **Oblasť:** [AI Pripravenosť webu](https://be1st.ai/sk/glossary/ai-readiness)
- **Nástroj:** [AI Pripravenosť webu](https://be1st.ai/sk/tools/ai-readiness)
- **Stránka:** https://be1st.ai/sk/glossary/ai-readiness/semantic-html

## Prečo na tom záleží

AI crawlery používajú sémantické HTML elementy na identifikáciu hlavného obsahu stránky. Element article označuje primárny obsah, nav navigáciu a aside vedľajší obsah: toto pomáha AI ignorovať šum a extrahovať relevantný obsah.

## V praxi

Web.dev (Google) dôsledne používa sémantické HTML: hlavný obsah je v article, navigácia v nav a súvisiace linky v aside. AI crawlery tak môžu efektívne extrahovať len edukačný obsah bez navigačného šumu.

## Ako to be1st kontroluje

Kontrola používania sémantických HTML5 elementov: article, section, nav, aside, main, figure a figcaption. Tri a viac rôznych elementov znamenajú, že kontrola prejde. Tieto elementy poskytujú AI modelom kontextové informácie o úlohe jednotlivých častí stránky.

[AI Pripravenosť webu](https://be1st.ai/sk/tools/ai-readiness), záložka Technika.

Každá kontrola skončí ako: V poriadku, Varovanie, Chyba.

## Zdroje

- [Google Search Essentials](https://developers.google.com/search/docs/essentials) (Google)

## Súvisiace pojmy

- [Markdown pre AI agentov](https://be1st.ai/sk/glossary/ai-readiness/markdown-for-ai-agents): Markdown pre AI agentov znamená, že web vie poslať stránku ako čistý Markdown, cez adresu .md alebo content negotiation, namiesto celého HTML.
- [Pomlčky v texte (stopa AI)](https://be1st.ai/sk/glossary/ai-readiness/dashes-in-text): Dlhé pomlčky v texte (em dash a en dash mimo číselných rozsahov) sú najznámejšou stopou textu, ktorý napísal jazykový model.
- [Schéma Organization](https://be1st.ai/sk/glossary/ai-readiness/organization-schema): Schéma Organization sú štruktúrované dáta Schema.org, ktoré opisujú firmu za webom: jej názov, logo, kontakty a profily na sociálnych sieťach.
- [Schéma Product](https://be1st.ai/sk/glossary/ai-readiness/product-schema): Schéma Product sú štruktúrované dáta Schema.org, ktoré opisujú produkt alebo službu: názov, cenu, dostupnosť a recenzie.
- [Schéma FAQ](https://be1st.ai/sk/glossary/ai-readiness/faq-schema): Schéma FAQ sú štruktúrované dáta Schema.org (FAQPage), ktoré strojovo čitateľne označia otázky a odpovede na stránke.
- [Schéma Review a Rating](https://be1st.ai/sk/glossary/ai-readiness/review-rating-schema): Schémy Review a AggregateRating sú štruktúrované dáta Schema.org, ktoré opisujú recenzie a priemerné hodnotenie produktu alebo služby.