Как сделать микроразметку

ПоделитьсяTweetПоделитьсяGoogle

Привет всем! По Рунету ходит паника о микроразметке, не знаю кто её запустил. Но для блогеров это не так важно как об этом идёт базар.

Почему я так уверен?

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

Если хорошо погуглить то найдётся пара тройка , но размечают они только специфические доки, то есть, как пишет сама schema.org микроразметка нужна для:

  • Творческие работы: CreativeWork, книга, фильм, MusicRecording, рецепт, TVSeries …
  • Встроенные нетекстовых объекты: Аудиообъект», ImageObject, VideoObject
  • События
  • Здравоохранения и медицинской типов: заметки о здоровье и медицинских типов под MedicalEntity.
  • Организация
  • Человек
  • Место, LocalBusiness, Ресторан …
  • Продукт, Предложение, AggregateOffer
  • Обзор, AggregateRating
  • Действие

Но поскольку наши блогеры всегда бегут впереди паровоза, я всё таки приведу схему втыкивания такой надобности.

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

Настало время произвести небольшие изменения в коде сайта, для улучшения индексации и естественно ранжирования ваших продуктов. Не буду описывать, что такое микроразметка, для этого зайдите в Яндекс и наберите это слово, увлекательное чтение на 3-4 часа вам обеспечено.

Ясно одно, что такая разметка указывает сканерам Google и Yandex  где у вас что есть на сайте.

Да и снипеты  после разметки становятся полнее и содержательнее. Вот что пишет сам Яндекс

  • Сайт не использует семантическую разметку:
  • Сайт использует семантическую разметку:

Прийдётся подлаживаться под стандарты Schema.org, так сказать , подсуетиться.

Есть 2 способа, первый с вознёй, второй плагином.

Прежде всего нам нужно навести порядок. Убрать старую разметку, если таковая имеется. Или почистить от мусора, который уже не нужен в свете новых правил микроразметки

Проверяем либо в гугле «Инструмент проверки структурированных данных», либо в Яндексе..

Пройдите по адресу http://webmaster.yandex.ua/microtest.xml и проверьте свой блог на наличие микроразметки.

Если покажет

Это ещё нормально, но может насыпать разного мусора, то есть не насыпать, а показать, что он там уже есть.

Проверьте вашу любую запись (пост) , вставьте адрес статьи.  И сразу посыпался мусор)). Часто-густо на wordpress это класс vcard. Он добавляется либо к классу — author либо comment-author.

Убрать его можно в файле — function.hph

Открываем в редактрое и ищем (Ctrl+F) находим такой вид

или

Причём здесь один момент, если после того как убрали в коде comment-author съехали немного комментарии , посмотрите в браузере на сайт, то тогда просто поменяем добавочный класс. Поскольку литеры или h это уже разметка просто уберём v.

 То есть просто card

Но чтобы всё восстановилось в CSS идём в этот файл — style.css, находим тег vcard и меняем на card, на самом деле всё намного проще чем вам кажется… Бац! Бац! И в дамки.

Всё делаем либо в адмнике wordpress > Редактор либо скачивайте файлы php с вашей темы редактируйте и загоняйте опять на хост.

Добавим  код на блог, главную страницу, в секцию контента . Идём в файл — index.php

Ищем 

Добавляем этот код

itemscope itemtype=»http://schema.org/WPHeader

Должно получится вот так

 Действия с файлом single.php

Следующий код добавляем в запись, обозначим для бота пост/

Идём в файл single.php

itemscope itemtype=»http://schema.org/Article

Делаем те же самые действия, должно получиться вот так

Далее обозначим заголовок поста

ищем тег h1 в первый левы вставляем код, делаем отступ (пробел) и вставляем

Должно получиться

Чешем дальше. Обозначим автора

Ищем первую часть кода с тегом author, строчка ниже тег в него и вставляем код

Чтобы получилось

Теперь дело за датой

Ищем в файле первую строку вывода даты типа такой вариант