Поделиться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 съехали немного комментарии , посмотрите в браузере на сайт, то тогда просто поменяем добавочный класс. Поскольку литеры v или 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, строчка ниже тег в него и вставляем код
Чтобы получилось
Теперь дело за датой
Ищем в файле первую строку вывода даты типа такой вариант