Подписано, запечатано, доставлено: использование тега address в HTML 5.2

1845

Разработчики часто используют тег <address>, чтобы показать контактную информацию для бизнеса или отдельного лица на своем сайте. До недавнего времени это было технически неверно: тег <address> был предназначен для разметки контактной информации для лица, ответственного за сайт.

Недавно Стив Фолкнер сказал, что консорциум W3C изменил спецификацию HTML 5.2, чтобы отразить общую интерпретацию тега. Тем не менее, есть несколько вещей, которые нужно знать об этом теге для того, чтобы эффективно его использовать:

Эфирные адреса

Основное использование тега <address> выглядит следующим образом:

<address>
Центральный парк Уэст 15,
Нью-Йорк, NY 10023,
США
</address>

Тег <address> - это один из немногих случаев, помимо поэзии, когда в нем рекомендуется использовать тег <br> для форматирования, в большинстве других случаев, его следует избегать.

В то время как тег <address> делает текст более читаемым как для людей, так и для браузера, для Google не всегда будет понятно какой адрес вы используете: это физический адрес бизнеса, или же он описывает что-то еще? Какая часть адреса является информация об улицы, а какая часть это государство или регион?

В некоторых случаях, поисковая система может угадать правильную информацию с веб-страницы, но также рекомендуется сделать два дополнительных шага, чтобы уточнить эту информацию:

  1. Если речь идет о бизнесе с физическим адресом, зарегистрируйте его в Google Мой бизнес и Яндекс справочнике.
  2. Для предприятий и всех других мест, используйте комбинацию микроданных и ссылку номера телефона, добавив разметку:
<div vocab="http://schema.org/" typeof="LocalBusiness">
    <img property="image" src="https://zencod.ru/assets/cache_image/07-12-2016/metro-gas-2x_825x270_830.jpg"/>
    <span property="name">Моку Гавайи магазин для серфинга и досок для серфинга на прокат</span>
    <address property="address" typeof="PostalAddress">
        <span property="streetAddress">Ул. КоА 2446,</span>
        <span property="addressLocality">Гонолулу</span>, 
        <span property="addressRegion">HI</span>
        <span property="postalCode">96815</span>, 
        <span property="addressCountry">США</span>
    </address>
    <a href="tel:88005553535" property="telephone">8 800 555 35 35</a>
</div>

Добавление микроформата для еще большей совместимости также будет положительным.

Обратите внимание, что данные, введенные в Google Мой бизнес является каноническими, и не будут зависеть от разметки или изменения данных на вашем сайте. Это означает, что если взять оба варианта, вы должны помнить, что обновить информацию требуется во всех источниках.

Добавление разметки также делает презентации контента проще с помощью CSS без необходимости использования тегов <br>.

Заключение

Новое определение спецификации тега <address> выравнивает его повседневное использования, чтобы сделать из него максимальную пользу, эту разметку следует добавить вокруг адресных данных.