Семантика — это ядро сайта, содержащий ключи, которые отвечают запросам пользователей. Ключи состоят из связанной структуры слов, которые обеспечивают максимальный объем запросов, которые пользователь вводит в поисковую систему.
Особенности семантики
Во время структурирования семантического ядра необходимо учитывать различные типы запросов, которые по сложности отличаются между собой, но помогают получить максимальный трафик с поисковых систем.
Условно запросы делятся на три группы:
- Низкочастотные.
- Среднечастотные.
- Высокочастотные.
Семантика сайта основывается на грамотном применении 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>.