Семантическая верстка контактов

Аватар пользователя dancer15586
Не в сети
Последнее посещение: 2 года 28 недель назад
Зарегистрирован: 2015-05-29
Сообщения:

Семантическая верстка контактов с использованием микроразметки – немаловажный шаг в процессе оптимизации. После семантической верстки сниппет в поисковой выдаче становится четким, понятным, хорошо читаемым. Микроразметка использует специальные теги и атрибуты в них, в которых и записывается полезная информация. Как и любой язык, микроразметка обладает своим синтаксисом. С подробным его описанием можно ознакомиться на официальном сайте schema.org.

Посмотрим на примере. В своей статье я буду пользоваться разметкой LocalBusiness, которая позволяет обрабатывать несколько адресов на одной странице, если таковые имеются. В левой колонке находим страницу контактов, открываем ее, нажимаемРедактировать. В редакторе открываем исходный код. Лучше заранее скопировать его себе куда-нибудь отдельно, дабы избежать проблем с восстановлением, если во время редактирования что-то пойдет не так.

Итак, находим нужный нам кусок кода, где прописывается вся контактная информация. Для разметки контактов обязательно должно присутствовать название компании и ее адрес, иначе наша верстка просто не имеет смысла. Например, кусок кода получился такой:

<h6>Россия, Москва, </h6>

<dl class="img-indent-bot">

<dt>

ул.Ивана Иванова, д. 1111 <br>

Режим работы: пн-пт, с 9:00 до 18:00<br><br>

</dt> <br>

<dd><span><h6>Телефоны:</h6></span><strong>+7(495)123-456789</strong></dd>

<dd><span><h6>E-mail:</h6></span><strong> <a class="link" href="mailto:parket-old@yandex.ru" target="_blank" rel="follow">myemail@myemail.ru</a></strong></dd>

</dl> <br> <br>

Как видим, на странице контактов нет названия. Значит, мы можем переключиться в визуальный редактор и добавить то, которое больше устраивает нас и подходит по стилистике текста. Затем применяем разметку, примеры которой вы можете найти по выше приведенной ссылке. Получаем:

<div itemscope itemtype="http://schema.org/LocalBusiness">

<h6><span itemprop="name">Фирма "Рога и Копыта"</span></h6>

<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">

<h6>Россия, <span itemprop="addressLocality">Москва</span>, </h6>

<dl class="img-indent-bot">

<dt>

<span itemprop="streetAddress">ул.Ивана Иванова, д. 1111</span></div> <br>

Режим работы: пн-пт, с 9:00 до 18:00<br><br>

</dt> <br>

<dd><span><h6>Телефон:</h6></span><strong><span itemprop="telephone">+7(495)123-456789</span></strong></dd>

<dd><span><h6>E-mail:</h6></span><strong>

<a class="link" href="mailto:parket-old@yandex.ru" target="_blank" rel="follow"><span itemprop="email">myemail@myemail.ru</span></a></strong></dd>

</dl> <br> <br>

</div>

После проверки данного кода в Валидаторе микроразметки Яндекс можно увидеть результат нашей работы. Просто пройдите по ссылке и вставьте фрагмент нашего кода в поле. То же самое проделайте с Валидатором Гугл. После сохраните страницу и проверьте ее валидаторами уже по URL страницы контактов.

В данной статье был приведен краткий минимум тех трудностей, которые могут возникнуть у начинающих разработчиков и тех, кто сам решил разобраться во всех тонкостях SEO-оптимизации.

Аватар пользователя tornado5
Не в сети
Последнее посещение: 4 недели 5 дней назад
Зарегистрирован: 2014-06-24
Сообщения:
Конечно, для тех

Конечно, для тех оптимизаторов, которые делают упор на продвижении сайтов сниппетами подобный способ - это отличный инструмент побудить пользователей чаще переходить по ссылке в выдаче именно этого сайта. Впрочем, даже для тех оптимизаторов, которые ставят во главе угла другие методы продвижения, данный метод, как дополнительный, тоже отлично работает.

Аватар пользователя igorstrong
Не в сети
Последнее посещение: 28 недель 5 дней назад
Зарегистрирован: 2015-04-27
Сообщения:
Семантическую верстку

Семантическую верстку контактов с использованием опции вставки кодов очень полезно использовать для оптимизации сайта под MODx. Большим плюсом является также то, что контент посредством использования данного инструмента четко регистрируется и фиксируется как в Яндекс так и в Гугл.

Аватар пользователя Mefidze
Не в сети
Последнее посещение: 5 недель 3 дня назад
Зарегистрирован: 2014-06-03
Сообщения:
Подавляющее большинство

Подавляющее большинство сайтов в интернете функционируют без всякой семантической верстки, кстати. Но семантическая верстка очень важна не только для лучшей индексации ресурсов, но и их более быстрой загрузки. Не все верстальщики это понимают.