Поисковая оптимизация (SEO), часть 2: микроформаты

1. Звоните по телефонным номерам
2. "Потому что сказать спасибо?"

Если вам нравится статья что такое поисковая оптимизация (поисковая оптимизация), тогда вы уже немного знаете о SEO. Во второй статье мы углубимся в некоторые, на мой взгляд, некоторые важные вещи: микроформаты и телефонные номера, вызываемые по клику .

Почему важны его микроформаты и телефонные номера для звонков? Просто: опыт .

Microformats это формат HTML-разметки для определения и публикации информации . Микроформаты - это самый простой метод для публичной публикации контактов, событий, обзоров, рецептов и другой структурированной информации . Эффективно используя микроформаты, вы позволяете поисковой системе и посетителю сайта знать, о чем она. Это звучит расплывчато? Диаграмма микроформатов выглядит следующим образом:

Диаграмма микроформатов

Давайте приведем пример.

Представьте, что у вас есть страница контактов на вашем веб-сайте с указанием вашего адреса. В HTML это часто выглядит так:

<p> Название компании Улица 1 <br /> AABB CC City <br /> Тел .: 0598 111 111 <br /> F: 0598 111 112 <br /> E: <a href = "mailto: [email protected]" > [email protected] </a> </ p>

Выглядит ясно не так ли? Оптически это выглядит хорошо, но могло бы быть и лучше! Поисковая система, такая как Google или Bing, не подозревает, что может работать с этими данными. Это также может быть улучшено для посетителя вашего сайта, чтобы обеспечить лучший опыт работы на сайте. Но об этом позже.

Знаете ли вы, что Google и Bing могут использовать эту информацию, упаковав контактную информацию в небольшой дополнительный код? Мы используем микроформат для этого hCard или визитная карточка.

Для этого мы сначала определяем <div> с class = "vcard", чтобы указать, что это визитная карточка:

<div class = "vcard"> </ div>

В промежутке мы опубликуем детали адреса. Это также может быть <p class = "vcard"> или <span class = "vcard">. Какой из них лучше всего подходит для вашего веб-сайта.

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

<div class = "vcard"> <p> Хотите получить больше информации? Позвоните <a class="tel" href="tel:+31598111111"> 0598 111 111 </a> или отправьте электронное письмо по адресу <a class="email" href="mailto:[email protected]"> [email protected] </a>. </ p> <p class = "adr"> <span class = "fn org"> <strong> название компании </ strong> </ span> находится в AABB CC <span class = "locality"> <strong> Название места </ strong> </ span> </ p> </ div>

Обратите внимание, что мы используем hcard версии 1.0 здесь, а не 2,0 что на самом деле лучше.

Правда, со всеми этими class = "" и <span> это выглядит немного сложнее. Но это код, а не посетитель, который обычно видит это!

Объяснение: вы найдете Информация о hCard 1.0 на сайте микроформатов. Следующие свойства используются выше для структурирования данных (информации):

• vcard: начало нашей разметки hCard (визитная карточка)
• тел: указывает, что это номер телефона
• электронная почта: указывает, что это адрес электронной почты
• адрес: указывает, что это адрес
• fn org: полное имя , в данном случае от организации
• почтовый индекс: указывает, что это почтовый индекс
• местонахождение: указывает, что это название места

Вполне логично на самом деле, или нет?

Прежде чем разместить информацию на своем сайте, вы должны проверить разметку. Поисковые системы, такие как Google и Bing, могут извлечь из этого важную информацию, поэтому это должно быть правильно. С Google инструмент для тестирования структурированных данных Вы можете проверить разметку HTML. Вы также можете точно увидеть, какие данные Google находит в нем!

Также hCard микроформат Валидатор на geekhood.net вы можете использовать для проверки информации микроформат hCard. В шутку, вы можете сначала попробовать вышеуказанный vcard.

Звоните по телефонным номерам

Телефонные номера для звонка по клику?, Да, звонок для звонка! Что может быть более раздражающим, чем посещение веб-сайта на вашем смартфоне и невозможность прямого вызова отображаемого номера телефона? Это не хорошо для опыта посетителя. Сначала он должен записать номер телефона, чтобы потом его можно было позвонить.

Мы решаем эту проблему с помощью звонков по номеру. Мы возвращаемся на нашу страницу контактов выше и распаковываем немного:

<p> [...] Тел: 0598 111 111 <br /> [...] E: <a href="mailto:[email protected]"> [email protected] </a> </ p >

Адрес электронной почты - это так называемая гиперссылка; если вы нажмете на нее, вы можете отправить электронное письмо, потому что ваша программа электронной почты открыта. Адрес электронной почты уже находится в строке адресата. Как легко!

Знаете ли вы, что это также возможно с номером телефона? Время первой записи телефонного номера действительно прошло. У вас еще нет номера звонка по клику на вашем веб-сайте? Попросите, чтобы ваш веб-сайт настроил это как можно быстрее (укажите дополнительную информацию в этой статье).

Но как ты это делаешь? Создание номера «Звонок по клику» в HTML довольно просто и работает как обычная гиперссылка. Вы можете увидеть это в моем примере с hCard:

[...] <a class="tel" href="tel:+31598111111"> 0598 111 111 </a> [...]

Вот и все! Поместите номер телефона в гиперссылку, с тел: и это работает.

Из этой второй статьи по поисковой оптимизации вы узнали, что относительно легко можете структурировать информацию. Вы можете использовать это в своих интересах, чтобы облегчить поиск в поисковых системах, таких как Google и Bing.

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

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

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

"Потому что сказать спасибо?"

Помог ли я вам решить проблему? Вы нашли этот пост интересным? Тогда почему бы тебе не подарить чашку кофе? 🙂

Спасибо за вашу поддержку.

Похожие

Комментарии