Семантическая разметка: что это такое и зачем она нужна
Содержание
Введение
Существует достаточно много различных способов продвижения сайтов, которыми активно пользуются SEO-оптимизаторы. Одним из таких действенных методов является микроразметка или, как ее еще называют, семантическая разметка.
Что такое семантическая разметка и зачем она нужна?
Семантическая разметка представляет собой особые параметры тегов, которые добавляют в код текста или файла.
С помощью этой разметки передается информация поисковым роботам о содержимом страницы.
Элементы семантической разметки добавляются в HTML-код, что позволяет роботу быстрее произвести анализ данной страницы, чтобы в дальнейшем составить наиболее подробное описание веб-ресурса в поисковых результатах. Такая разметка является своеобразной гарантией, что различная информация о статьях, фильмах, акциях и прочем содержимом страницы будет интерпретирована верно.
Получается, что семантическая разметка является своеобразной подсказкой роботу, чтобы он как можно быстрее проиндексировал сайт. Именно с помощью нее бот поймет, что определенный перечень букв и цифр является реальным адресом компании, к примеру.
Кроме того, добавление семантической разметки позволяет привлечь больше посетителей на сайт, которые в дальнейшем могут стать вашими потенциальными клиентами.
Это объясняется тем, что микроразметка лучше описывает ваш ресурс, причем не только по ключевым запросам, но и по картам, картинкам, а также поиску по видео. Кстати, с помощью семантической разметки происходит формирование сниппетов.
Если говорить упрощенно, то сниппет — это небольшое описание содержимого страницы, которое видят пользователи в результатах поиска. Это своеобразный анонс, побуждающий человека перейти на сам сайт.
Многие путают сниппеты и description, но это несколько разные вещи. Да, дескрипшн также кратко описывает содержимое страницы, чтобы пользователю и поисковому роботу было понятно, о чем данный ресурс.
Если дескрипшн не будет прописан в контейнере <head>, то поисковая система выберет случайный кусок из текста для выдачи в поисковой строке. Как правило, этот отрывок мало информативен, поэтому не может в полной мере описать содержимое страницы.
Сниппет как раз и представляет тот вырванный фрагмент из текста, необходимый для аннотации страницы.
Естественно, если его грамотно составить, добавив в него определенное количество ключевых слов, то система выделит их жирным шрифтом, что привлечет внимание пользователей.
Если сниппет не сформировать, то поисковая система выберет дескрипшн в качестве описания к ресурсу. В Яндексе description и вовсе может быть проигнорирован, поэтому правильное составление сниппета очень важно.
С помощью семантической разметки можно выделить сниппет, чтобы поисковая машина выдавала в строках поиска именно то, что вам нужно, а не произвольные части из текста. Но для того, чтобы овладеть этим безусловно полезным инструментом, необходимо знать основные способы создания такой разметки.
Какие способы создания микроразметки используют?
Чтобы не только создать семантическую разметку, но и правильно ее добавить, необходимо тщательно изучить http://Schema.org , а также научиться добавлять код на сайт. Schema.org является совместной разработкой многих поисковых систем, представляющих собой единый стандарт формирования микроразметки.
На сегодняшний день отмечают два способа создания семантической разметки:
- Использование специальных атрибутов в HTML-коде. Речь идет об атрибутах itemscope, itemtype и itemprop.
- Есть и более упрощенный вариант, не требующий особых знаний. Здесь имеется в виду специальный инструмент «Маркер» от Google. Это специальное приложение, в котором можно выделять курсором определенные данные, указывая их тип.
Первый способ отличается тем, что все приходится прописывать вручную. Возьмем для примера контакты какой-нибудь компании, которые мы выделим семантической разметкой:
<div itemscope itemtype="http://schema.org/Organization">
<span itemprop="name">Яндекс</span>
Контакты:
<div itemprop="address" itemscope itemtype="http://scema.org/PostalAdress">
Адрес:
<span itemprop="streeatAddress">Жукова, 4</span>
<span itemprop="postalCode">23678</span>
<span itemprop="addressLocality">Иркутск</span>,
</div>
Телефон:<span itemprop="telephone">+3 952 456 XXX XX</span>,
Факс:<span itemprop="faxNumber">+3 952 643 XXX XX</span>,
Электронная почта: <span itemprope="email">example@yandex.ru</span>
</div>
Что касается второго метода, то с помощью вышеуказанного инструмента можно сообщать о таких материалах на сайте, как «Мероприятия», «Приложения», «Телесериалы», «Книги», «Фильмы», «Рестораны», «Товары», «Местные организации» и т.д.
Как проверить, правильно ли сделана семантическая разметка сайта?
На сегодняшний день, самыми популярными поисковыми системами являются Яндекс и Google. Неудивительно, что каждый из них предлагает свои особые инструменты, с помощью которых можно работать в интернете.
В частности, у каждого из них есть собственный метод проверки правильно семантической разметки на сайте. Для Яндекса это Валидатор микроразметки, а для Google — Google Structured Data Testing Tool. Рассмотрим оба способа проверки микроразметки.
Проверка в Яндексе
Первым делом необходимо зайти в само приложение Валидатор. В соответствующую строку вводим любую интересующую вас ссылку на статью. Далее жмем кнопку «Проверить».
Если с разметкой все в порядке, то вы не увидите никаких предупреждений и ошибок. Если они есть, то Яндекс укажет на то, в чем именно заключается ошибка. Это очень удобно для дальнейшего исправления микроразметки. Также статья про чат бот и что это такое.
Проверка в Гугле
В принципе, особых различий в проверке здесь нет, ведь они обе автоматизированы. Также нужно войти в приложение https://search.google.com/structured-data/testing-tool, после чего в строку нужно вставить нашу ссылку. Далее жмем «Запустить тест». После проверки справа будет указано количество ошибок, если они все-таки присутствуют в разметке.
Анализ конкурентов является важным аспектом при продвижение своего сайта.
Узнай здесь, как проверить индексацию сайта.
Лендинг должен побуждать посетителя к действию, как правильно его создать, читай в нашей статье.
Заключение
Семантическая разметка не является обязательным атрибутом сайта в интернете. Но если ее внедрить, то пользователи в сети будут лучше проинформированы о содержимом вашей страницы, даже не переходя на нее.
Следовательно, они поймут из сниппета, что информация на сайте представляет для них интерес, после чего кликнут по вашему сайту. Получается, что правильная микроразметка способствует продвижению сайта и увеличению числа переходов на него.