Hienoa työtä! Olet päässyt kurssin viimeiseen osioon, mikä tarkoittaa, että olet oppinut paljon käsitteitä ja olet nyt valmis soveltamaan tietojasi käytännössä.

Nyt kun osaamme rakentaa HTML-dokumentin elementit, keskitytään asiaan, joka usein jää käyttäjiltä huomaamatta, mutta on erittäin tärkeä hakukoneille. Tätä kutsutaan semanttiseksi HTML:ksi, ja se auttaa verkkosivustoasi sijoittumaan paremmin hakutuloksissa.

Teoria

Semanttiset elementit HTML:ssä ovat tageja, jotka auttavat välittämään sisällön merkityksen. Näihin elementteihin kuuluvat esimerkiksi <header>, <nav>, <section>, <article>, <footer> ja monet muut. Näiden tagien käyttö tekee verkkosivustasi järjestelmällisemmän ja rakenteellisemman, parantaen sen luettavuutta ja saavutettavuutta.

Semanttisen HTML:n hyödyt

• Semanttinen HTML parantaa saavutettavuutta tarjoamalla merkityksellistä kontekstia avustaville teknologioille, kuten ruudunlukijoille, mikä parantaa selauskokemusta vammaisille käyttäjille;
• Hakukoneet priorisoivat sisältöä semanttisissa elementeissä, mikä helpottaa sisällön merkityksen ja hierarkian ymmärtämistä. Tämä voi parantaa verkkosivustosi sijoitusta hakutuloksissa.