arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобраны семантические теги: основные (header, footer, nav, main, section, address) и опциональные (article, aside, figure). Показано, как назначить тег любому блоку в Taptop через раздел «Дополнительно», и как это влияет на читаемость кода и ранжирование. Поисковые роботы читают семантику для понимания структуры страницы: nav — это навигация, article — самостоятельный материал, header — шапка. Div везде работает визуально, но не даёт поисковику контекста. Один неправильный H1 или два H1 на странице — уже минус в ранжировании. Урок полезен при финальной проверке любого проекта перед публикацией. Знание HTML не обязательно — в Taptop теги назначаются через интерфейс. Понимание базовых SEO-принципов поможет правильно расставить приоритеты.

Секрет высокого SEO: семантические теги в Taptop

Сайт готов, SEO-тексты написаны, ключевые слова расставлены — а в Google почти не виден. Может, проблема в структуре HTML? Что такое семантические теги и почему они важны для поиска?
Семантические теги: основные (header, footer, nav, main, section) — ставятся всегда; опциональные (article, aside, figure) — только при наличии соответствующего контента. В Taptop тег назначается любому div через правую панель. Для всех, кто думает о SEO. После просмотра расставляешь семантические теги правильно и улучшаешь видимость сайта в поиске.
Тайминги видео
00:00 — Введение в семантические теги 00:25 — Где найти настройки тегов 00:59 — Обзор основных семантических тегов 01:30 — Обзор дополнительных опциональных тегов 02:03 — Практика: настраиваем семантику сайта 02:47 — Итоговый код и заключение

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока