Версткою ресурсу є створення структури документа у вигляді розмітки HTML.
Відкриваючи будь-який сайт, Ви можете бачити частину з основною інформацією, а також блок із контактами, меню та інше. Це і досягається за допомогою верстки, а саме структуризація, логічний поділ на блоки, зручне розміщення елементів на сторінці та інше.
Але мета семантичної верстки трохи відрізняється. Вона розрахована не тільки на те, щоб створити комфортні умови для користувача, а й на створення потрібної структури сторінок для пошукових роботів. Для роботів будь-яка сторінка – це просто рядки коду. Якщо його правильно не оформити, то пошукачам просто не вдасться розібратися, де знаходиться той чи інший елемент, який текст на сторінці є важливим, а який допоміжний, яку інформацію відображати у видачі, а яку не варто навіть індексувати. У сьогоднішньому матеріалі ми детально розберемо поняття семантичної верстки та її ролі.
Семантична верстка
Семантичною версткою називають спосіб створення розмітки сторінки, який має на увазі перенесення акценту зі змістом на смислове призначення кожного окремого блоку.
Наприклад:
Суть у тому, що два ці текстові матеріали можуть виглядати абсолютно однаково і користувач навіть не помітить жодної різниці між ними. Тільки перший варіант для семантичної верстки взагалі не підходить.
Семантичні теги
Далі виділимо основні теги, які допомагають при семантичній верстці.
- <header>. Цей тег відповідає за створення так званої шапки сторінки. На ній розміщуються, як правило, меню з посиланнями на розділи ресурсу, вибором мови та інше.
- <nav>. Тег, що виконує роль навігації. Він може бути вкладеним, наприклад, в <header>, і бути самостійним тегом.
- <main>. Сюди входить ключовий зміст сторінки, який дублюється на інших. До того ж, цей тег можна використовувати лише один раз на сторінці.
- <arcticle>. Як правило, виділяє статтю на сторінці.
- <section>. У цей тег входять смислові блоки, які об’єднавшись, створюють логічну область.
- <footer>. Аналог хедера тільки для нижньої частини сторінки.
Важливість семантичної верстки
Семантична верстка дозволяє пошуковим роботам зрозуміти Вашу сторінку, оскільки вона є текстовим документом, на якому немає можливості виявити основну інформацію та якісно використовувати пошукові алгоритми.
Семантика необхідна виходячи з таких причин:
-
Підвищення позицій сайту у видачі.
Структурованість дозволяє краще розуміти пошукові системи, що розташовується на сайті. Користуючись правилами семантичної верстки, є можливість виділити та показати пошуковим роботам важливість блоку, і що саме його потрібно показувати у видачі.
-
Доступність ресурсу.
Інтернетом також користуються люди з поганим зором чи взагалі незрячі. Вони використовують спеціально створені скринрідери, які вимовляють текст на сторінці. Для коректної роботи скринридера необхідно робити роботу над семантичною версткою, використовуючи спеціальні теги, описані вище.
Висновки
Семантична верстка важливий інструмент для SEO просування. Вона дозволяє виділити важливі елементи на сторінці та зробити їх зрозумілими для пошукових роботів. Це сприятливо позначається ранжуванні сторінок.
КОНТАКТЫ
НАШ ОФИС
Украина, г. Киев, ул. Бальзака 2А, 02000
info@goodwayinc.com
ТЕЛЕФОН
+38 (050) 139 82 72
Понравилась статья? Расскажи о ней друзьям:
