Создаем автоматическую микроразметку изображений на Вордпресс без плагинов

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

Вот нашел свободную минутку между активной работой и решил рассказать о том, как сделать автоматическую микроразметку Shema.org для изображений на вордпресс блоге не используя каких либо плагинов.

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

Как появилась идея для решения этой проблемы?

Сейчас у меня на блоге нет микроразметки вообще, а вот в новом шаблоне я ее уже сделал. Потом естественно у меня возник вопрос. Если у меня не было микроразметки Shema.org в шаблоне ранее и я не прописывал специальных строк для изображений, то мне придется проделывать это все в ручную и для каждого изображения прописать вот такой код itemprop=»image».

Да конечно у меня пока не так много статей на блоге, вместе с этой ровно 43 статьи. Но, в то же самое время изображений уже около 300. Следовательно, для того чтобы сделать микроразметку изображений, я должен буду потратить в лучшем случае несколько часов.

Но потом все решилось и я нашел способ как всего этого избежать и больше вообще ничего не прописывать руками. Забыть вовсе об этом устаревшем методе и благодаря специальной функции делать автоматическую микроразметку изображений.

Не нужно думать, что это очень сложно и если вы новичек, то не сможете настроить что-то или у вас не будет автоматически проставляться микроразметка Shema.org. На самом деле все очень просто и понятно. Никаких сложностей не будет!

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

Почему я говорю именно микроразметка Shema.org?

Да потому что микроразметки для сайтов и блогов бывают разные, но эта универсальная и подходит для всех поисковиков. Например в Буржуйском интернете, используются совсем другие, такие как vcard и прочее.

Поэтому часто при внедрении микроразметки Shema.org в бесплатные шаблоны, можно наблюдать ошибку, в которой как раз и упоминается этот самый формат vcard. Мы его просто удаляем, а буржуи пользуются и при создании шаблонов сразу внедряют в шаблон.

Все, думаю воды достаточно, теперь по делу.

Для того чтобы на вашем блоге работала автоматическая микроразметка изображений Shema.org — нужно открыть файл функций вашего шаблона любым удобным для вас способом. Можно скачать файл функций на компьютер и вести редактирование, либо просто войти в админку блога и перейти в раздел «Внешний вид» — «Редактор» — «Файл функций (functions.php)». Открываем файл и сразу после <?php вставляем вот этот код:

function micro_image($content) { global $post; $pattern = «<img»; $replacement = ‘<img itemprop=»image»‘; $content = str_replace($pattern, $replacement, $content); return $content; } add_filter(‘the_content’, ‘micro_image’);

После этого просматриваете исходный код новой статьи в которой вы не прописывали itemprop=»image» для изображений. Благодаря этой функции вы увидите, что все необходимые данные микроразметки Shema.org для изображений присутствуют. Это значит, что вы все сделали правильно и теперь на вашем блоге будет автоматическая микроразметка изображений Shema.org.

Благодаря этому простому куску кода, я еще раз убедился, что «Все гениальное просто!»

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

На этом у меня все, буду заканчивать данный пост и до новых встреч на страницах моего блога!

Читайте так же:  Реф-спам. Как бороться с реф-спамом и что это вообще такое?