Микроразметка контактов Schema.org
- Опубликовано 28 ноября 2019 г.
- Категория: Development
- Теги: Микроразметка
- Прочитали 3 325 человек
Ищете как сделать микроразметку контактов Schema.org для сайта? В статье показан правильный пример микроразметки для страницы контактов сайта или любого другого блока, содержащего контактную информацию.
Весь код проверен валидатором микроразметки Google и может быть использован в качестве образца.
На любом коммерческом сайте контактная информация занимает одно из первых мест по своей важности. Действительно, для чего нужен коммерческий сайт, если клиенты не смогут связаться с Вашей компанией? Поэтому контактная информация обычно размещается везде где только можно (и даже где нельзя, но очень хочется).
Тем не менее, важно размещать контактную информацию именно там, где она будет наиболее эффективна. Например, телефоны всегда располагаются в шапке сайта. Там же обычно размещается кнопка обратного звонка и реже электронная почта (клиенты ленивые и письма любят писать не все).
Разместив все нужные Вам контакты в соответствующих местах сайта, Вы добьётесь того что эта информация будет увидена потенциальными клиентами. Однако не стоит забывать и про поисковые системы.
Зачем нужна микроразметка контактов на сайте
Ведущие поисковые системы уже давно научились не просто сканировать страницы сайтов, но и прекрасно распознавать содержимое страниц. Однако не стоит надеяться на то, что поисковик на 100% правильно распознает структуру страницы.
Если человек воспринимает страницу сайта визуально в браузере, то поисковый робот этого сделать не может. Если Вы сейчас вспомнили, что поисковые системы Яндекс и Google могут формировать картинку страницы, то стоит учитывать и кое-что ещё.
Поисковый робот это программа. Она может сформировать из HTML кода Вашего сайта внешний вид страницы (как это делают браузеры), но вот понять что именно на этой странице находится может далеко не всегда.
Приведём некоторые очевидные части страницы, которые хорошо воспринимаются поисковыми системами:
- Главный заголовок страницы, если он указан через тег H1;
- Подзаголовки текста H3, H3 и так далее;
- Ссылки на другие страницы;
Из всего перечисленного только H1 даёт поисковой системе возможность определить что-то важное на странице. С остальным гораздо хуже. Вот тут-то нам и приходит на помощь микроразметка, при помощи которой мы показываем поисковикам что есть что на странице.
Микроразметка контактов Schema.org
Позволяет указать поисковым системам блок на странице, содержащий Вашу контактную информацию.
Микроразметку контактов Schema.org мы привели для примера. На самом деле есть и другие способы выполнить разметку контактных данных. В нашей практике мы используем Schema.org по причине простоты, удобства и хорошего восприятия микроразметки поисковыми системами.
Среди основных видов контактной информации можно выделить следующие:
- Телефоны (как городские, так и мобильные);
- Электронная почта;
- Название организации для корпоративного сайта или название самого сайта/проекта для web-сайта частного лица;
- Адрес организации (в том числе почтовый индекс, страну, область, город и улицу);
- Часы работы компании;
На хороших коммерческих сайтах вся эта информация обычно есть на специальной странице контактов. Часть этой информации обычно дублируется в шапке сайта и футере. Если эту информацию выделить при помощи микроразметки Schema.org, то поисковые системы её найдут с вероятностью 100%.
Мы рекомендуем использовать микроразметку любых контактов, которые есть в основных блоках сайта (шапка и футер). Это позволит поисковым системам связать любую страницу сайта с Вашей контактной информацией.
Ниже приведён скриншот результатов поискового запроса в Яндексе. Обратите внимание на наличие контактов в сниппете. Это возможно именно благодаря микроразметке.
[нажмите на картинку для увеличения]
Справка: как сохранять фото с сайтов
Показ контактной информации компании непосредственно в результатах выдачи поисковой системы возможен благодаря наличию на сайте микроразметки контактов. На сайте ArtemVM.iNFO микроразметка контактов выполнена при помощи Schema.org, а результат её применения Вы можете видеть на приведённом скриншоте.
Микроразметка контактов улучшает качество сайта с точки зрения поисковых систем.
Если Вам необходимо сделать микроразметку контактной информации на своём сайте, читайте следующий раздел статьи.
Пример правильной микроразметки контактов Schema.org
С необходимостью размечать все телефоны, E-mail, адреса и другие виды важной контактной информации на сайте компании мы разобрались. Теперь давайте посмотрим, как правильно сделать микроразметку Schema.org на любом сайте вне зависимости от его платформы.
Ниже приведён пример HTML кода, в котором размещена основная информация об организации. Это немного изменённый пример рабочего кода, который мы сократили для простоты и улучшения восприятия.
<div itemscope itemtype="http://schema.org/Organization">
<span itemprop="name">Студия веб-дизайна WebMouse</span>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">ул. Ленина, д.99</span>
<span itemprop="postalCode">123456</span>
<span itemprop="addressLocality">г. Москва</span>,
</div>
Телефон:<span itemprop="telephone">8 (495) 123-45-67</span>,
Факс:<span itemprop="faxNumber">8 (495) 888-88-00</span>,
Электронная почта: <span itemprop="email">user@yandex.ru</span>
</div>
Приведённый код проверен онлайн-валидатором Google. Вы можете убедиться в этом прямо сейчас, скопировав код из примера и вставив его в валидатор.
Адаптацию приведённой микроразметки для своего сайта Вы можете сделать самостоятельно или обратиться в студию WebMouse. Стоимость работ определяется оценкой в зависимости от сложности.
Обратите внимание, что разметку такого рода сделать достаточно легко, поскольку контактная информация содержится либо в контенте отдельной страницы, либо в макетах. Таким образом, сложного здесь ничего нет абсолютно. Приведённый нами пример микроразметки Schema.org Вы можете использовать в качестве образца для своего сайта.
Результат проверки структурированных данных показан на скриншоте ниже.
[нажмите на картинку для увеличения]
Справка: как сохранять фото с сайтов
Если Вы хотите сделать всё самостоятельно, то мы рекомендуем обязательно проверить валидатором полученный результат. Если Вы допустите ошибки в разметке, то хотя бы увидите это сразу, а не после переиндексациии страниц сайта поисковыми роботами.
Свои комментарии по использованию микроразметки контактов Вы можете оставить после статьи. Ваш опыт может помочь другим посетителям понять изложенный материал лучше и с разных точек зрения.
Источник: //artemvm.info/information/uchebnye-stati/development/mikrorazmetka-kontaktov-schema-org/