Урок 89: Микроформаты - Евгений Концевой

МикроформатыЕвгений Концевой, руководитель SEO проектов, учебный центр ТопЭксперт

Евгений Концевой В SEO чуть больше года

Опыт работы – как на стороне заказчика, так и в SEO-агентстве.

Специализация: продвижение порталов, интернет магазинов, программирование и внедрение стратегий. Работал с проектами cian.ru, keramogranit.ru, buyreklama.ru, aksline.ru и др.

Выпускник 2-го потока курсов ТопЭксперт

Евгений Концевой

ТопЭксперт – это Учебный центр по SEO с

эффективной программой обучения.

Образовательный сайт, содержащий справочную информацию.

Группа экспертов, оказывающих услуги аудита, консультаций и продвижения сайтов.


Рассказать и микроформатах, о их сходствах, различиях и полезности

Цели вебинара


Схема вебинара


Общие сведенияМикроформат — способ семантической разметки сведений о разнообразных сущностях на веб-страницах с использованием стандартных элементов языка HTML

Для разметки содержимого используются определённые значения атрибута class или же специальные атрибуты


Общие сведенияОсновная польза – формирование красивых сниппетов


Форматы

• hCard — формат разметки контактной информации;

• hRecipe — формат для описания кулинарных рецептов;

• hReview — формат разметки отзывов;

• hProduct — формат разметки товаров.


hCardФормат для публикации контактных данных. Данные появляются в сниппете, на картах и добавляются в справочник

Можно разметить адрес, город, телефон, часы работы и т. д.


hCardФормат заполнения:

1. Корневой элемент <div class=“vcard”>Содержимое</div>

2. <span class="fn org">...</span> - описание организации

3. Элемент <div class=“addr”>…</div>

<div>Склад<span class="fn org">Магазин толстовок</span></div><div class="adr">

<span class="locality">г. Москва</span>,<span class="street-address">ул. Кантемировская, д. 36</span>

</div>


hCardЭлемент addr

• country-name — страна;

• region— субъект федерации + район;

• locality— населенный пункт;

• street-address— адрес с точностью до здания

• extended-address— здесь можно указать подъезд, этаж, офис и т. п.

• postal-code— почтовый индекс


hCard4. Элемент class=“url” – ссылка на официальный сайт организации

• <a class="url" href="...">...</a>

• <span class="url"><span class="title" title="http://www.magazin-tolstovok.ru"> </span></span>

• <a class="fn org url" href="http://www. magazin-tolstovok.ru">Магазин толстовок</a>


Дополнительные поля hCardЯндекс обрабатывает следующие свойства:

1. category – род деятельности, рубрики справочника

• <span class="category">Кафе</span>-<span class="category">кулинария</span>

• <span class="category"><span class="value-title" title="кафе"> </span></span>



email – почта (текст или ссылка)

• <div class="email">[email protected]</div>

• <a class="email" href="mailto: [email protected] ">[email protected]</a>



geo – географические координаты

• latitude— широта;• longitude – долгота.

<span class="geo"><span class="latitude">

<span class="value-title" title="55.792188"> </span></span><span class="longitude">

<span class="value-title" title="37.764956"> </span></span>

</span>



tel – телефон.

Предпочтительный формат: +{код страны} ({код города}) {номер}, например: +7 (965) 123-45-67, +375 (29) 345-67-89.

<div class="tel">Телефон:<span class="value" title="+ 7 (890) 123-45-67">123-45-67</span></div><div class="tel"><span class="type" title="fax">Факс:</span><span class="value" title="+ 7 (890) 123-45-89">123-45-89</span></div>



workhours – рекомендуется использовать формат из справочника, но можно и произвольный формат

пн-пт 9:00-18:00

<div>Мы работаем <span class="workhours">ежедневно с 11:00 до 24:00</span></div>


hProductФормат для представления данных о товаре: фото, цена, описание, отзывы

<div class="hproduct"> - главный блок


hProduct свойства1. category – категория товара, согласно спецификациям поисковиков.

Обязательное поле

• <span class="category">Компьютеры</span>

• <span class="category"><span class="value-title" title="auto"></span></span>

2. brand – название фирмы производителя. Обязательное поле

• <span class="brand">Ford</span>

• <span class="brand">Samsung</span>


hProduct свойства1. fn – название товара.

• <div class="fn">iPhone 4S</div>

• <span class="fn">Ibanez</span>

2. price – цена товара

• <p class="price"><span class="currency">

<span class="group">2</span><span class="group">290</span> р.

</span></p>


hProduct свойства1. photo – фотография товара. Необязательный элемент

• <a class="photo" href="http://example.com/img/ford/focus-st.jpg"> <img class="" alt="Ford Focus, хэтчбек 5 дв ST" src="http://example.com/img/ford/focus-st-preview.jpg" align="left"> </a>

2. url – ссылка на карточку товара

• <a class="url" href="http://example.com/ford/focus-st-2.5-mt.html"> Подробнее про эту конфигурацию</a>


Валидатор разметкиhttp://webmaster.yandex.ru/microtest.xml


Разметка в ГуглГугл поддерживает 3 типа разметки

1. Микроданные

2. Микроформаты

3. RDFa


МикроданныеЭтот тип представления похож на те, что уже были описаны.

Структура формата:

1. Блоки данных itemscope

• <div itemscope itemtype="http://data-vocabulary.org/Person">

2. Свойства itemprop

• <span itemprop="name">Боб Смит</span>


Микроданные Producthttps://support.google.com/webmasters/answer/146750

<div itemscope itemtype="http://data-vocabulary.org/Product"><span itemprop="brand">ACME</span><span itemprop="name">Эксклюзивная наковальня</span><img itemprop="image" src="anvil_executive.jpg" /><span itemprop="description">Описание</span> Категория: <span itemprop="category" content="Hardware > Tools >

Anvils">наковальни</span> Номер изделия: <span itemprop="identifier" content="mpn:925872">

925872</span><span itemprop="review" itemscope itemtype="http://data-

vocabulary.org/Review-aggregate"><span itemprop="rating">4.4</span> stars на основе /span>

</div>

https://support.google.com/webmasters/answer/146750

https://support.google.com/webmasters/answer/146750


Разметка в Гугл вебмастере












Валидатор Гугл


Польза от микроформатов

1. Формирование расширенных сниппетов

2. Влияние на индексацию

3. Влияние на распознавание содержимого

4. Влияние на ранжирование


http://topexpert.pro/seo-kurs.html






«Формат микро, эффект макро»

Евгений Концевой - руководитель СЕО проектов ТопЭксперт

• [email protected]

• skype: eugkont

• http://www.topexpert.pro/

• https://vk.com/happy_xyu

mailto:[email protected]

http://www.topexpert.pro/

Education

Урок 89: Микроформаты - Евгений Концевой