Pojęcie semantyki wywodzi się z dziedziny językoznawstwa. To dosłownie oznacza „badanie znaczenia”. Tak więc semantyka to dyscyplina polegająca na znajdowaniu powiązań między różnymi znacznikami, takimi jak słowa, symbole i znaki. Ponieważ HTML jest językiem znaczników, a nie językiem programowania, semantyka jest bardzo ważną jego częścią. Jeśli mądrze używasz semantyki HTML5, możesz uczynić swoją stronę www bardziej dostępną, poprawić wrażenia użytkowników i uzyskać lepsze rankingi wyszukiwarek.
Czym jest semantyka HTML5?
Semantyka była integralną częścią HTML od samego początku języka. Jednak został zauważony dopiero po wprowadzeniu HTML5. Mniej znane jest to, że HTML4.01 i wcześniejsze wersje zawierały także znaczniki semantyczne, a przede wszystkim znaczniki <html>, <head> i <body>, które są wymagane na wszystkich stronach HTML.
Poza tym wszystkie znaczniki HTML, które mają jakieś znaczenie, takie jak nagłówki (<h1>, <h2>, <h3>, <h4>, <h5>, <h6>), listy uporządkowane i nieuporządkowane (<ol>, <ul>, <li>), akapity (<p>), obrazy (<img>), tabele (<table>, <thead>, <tbody>, <tfoot>, <tr>, <td>), elementy formularza (<form>, <fieldset>, <label>, <input>, <textarea>) oraz łącza (<a>) również są elementami semantycznymi.
HTML5 dodało do języka wiele nowych znaczników semantycznych, takich jak <figure>, <header>, <footer> oraz <strong>, <em> i <mark>. Jednak naprawdę dużą rzeczą było wprowadzenie czterech tagów podziału: <article>, <aside>, <nav> i <section>. Pozwalają stworzyć znaczący zarys dokumentu dla każdej strony HTML.
Jak semantyka poprawia SEO?
Ranking wyszukiwarek zależy od wielu różnych czynników. Algorytm Google kładzie coraz większy nacisk na jakość treści w ciągu ostatnich kilku lat. W rezultacie, jeśli chcesz zająć wysoką pozycję w Google i innych wyszukiwarkach, musisz napisać wyraźną kopię, którą mogą właściwie zrozumieć. Tutaj pojawia się semantyka HTML5.
Domyślnie roboty wyszukiwarek nie rozumieją struktury Twoich treści. Możesz myśleć o nich jako o niewidomej osobie, która nie widzi obrazów, układu ani elementów stylizacji. Chociaż potrafią czytać tekst (dlatego optymalizacja słów kluczowych jest nadal ważna), nie widzą, jak różne części Twoich treści są ze sobą powiązane. Możesz dodać znaczenie do tej pozbawionej znaczenia struktury na dwa różne sposoby:
- używając semantyki HTML,
- za pomocą uporządkowanych danych.
Jeśli chcesz tworzyć wysokiej jakości treści, które dobrze sytuują się w wyszukiwarkach, musisz zastosować obie techniki.