Семантика – це ядро сайту, що містить ключі, які відповідають запитам користувачів. Ключі складаються зі зв’язаної структури слів, що забезпечують максимальний обсяг запитів, які користувач вводить у пошукову систему.
Особливості семантики
Під час структуризації семантичного ядра необхідно враховувати різні типи запитів, які за складністю відрізняються між собою, але допомагають отримати максимальний трафік із пошукових систем.
Умовно запити поділяють на три групи:
- Низькочастотні.
- Середньочастотні.
- Високочастотні.
Семантика сайту ґрунтується на грамотному застосуванні SEO-тегів, що дозволяють просувати ресурс, не втрачаючи якість у пошуковій системі.
Навіщо потрібна семантика html
Що таке семантика html? Це створення сторінок сайту з використанням тегів html, які відповідають семантиці та забезпечують послідовну і логічну ієрархію веб-сторінок. Елементи семантики здатні детально описувати призначення і сенс вмісту сайту для розробників і для пошукових систем. Відображатися елементи можуть в будь-якому порядку, але за своєю специфікою кожен з них належить до певної категорії:
- Мета.
- Потік.
- Секція.
- Тема.
- Текст.
- Вбудований.
- Інтерактивний.
Семантика html має певні теги, які можуть належати до однієї або до декількох категорій, у такий спосіб прописуючи в ядрі структуру тексту.
Елементи в семантики html і їхнє призначення
У семантиці використовуються основні елементи html:
- <header> – групує навігаційні та вступні елементи, містить заголовок, розділ веб-сторінки, логотип і форму пошукової системи. Тег не вписується в середину елементів <footer> і <address>.
- <nav> – використовується як навігаційний блок для сторінки (сайту), може не перебувати в середині тега <header>, а також не замінює <ОL> і <ul>. Найчастіше <nav> застосовують для розділів, що входять в головний навігаційний блок.
- <article> – використовують для групування записів. Блок використовується багаторазово і починається з заголовка, також його можна дублювати на інших сторінках ресурсу. Якщо на сторінці розміщується одна стаття, то тег не використовується.
- <section> – є універсальним елементом, містить в собі заголовок і групує вміст за тематикою.
- <aside> – використовується як бічна колонка і містить тег <nav>. Доцільно застосовувати для цитат з книг, архівних і цифрових записів, рекламних блоків.
- <footer> – застосовується в кореневому елементі або в нижньому колонтитулі. Найчастіше використовують для відображення автора статті та контактної інформації. На сторінці може використовуватися кілька разів.
- <address> – застосовують для відображення контактів і вказівки автора статті та документа.
- <main> – позначає основний вміст сторінки і не використовується для відображення навігаційних посилань, логотипів і систем пошуку.
- <figure> – автономний елемент, який не впливає на основний вміст сторінки та може переміщатися в додаток або колонку. За допомогою цього тега на сторінку вбудовують діаграми, фотографії та ілюстрації.
Також семантика html може використовувати такі елементи: <figcaption>, <time>, <mark “,” bdi>, <wbr>, <rb>, <rt>, <rtc>, <rp> і <ruby>.