Делаю сайт для небольшого интернет-магазина, хочу чтобы в результатах поиска Яндекса и Гугла рядом с сниппетом показывалась картинка товара. Видел такое у конкурентов, там прямо фото отображается в выдаче.
Читал про Open Graph и schema.org разметку, но не понял конкретно что именно нужно прописать и где. CMS - WordPress, тема самописная.
Картинка в сниппете - это не одна технология, там несколько слоев.
Для Гугла работает разметка schema.org (JSON-LD), вот минимальный вариант для товара:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Название товара",
"image": "https://yoursite.ru/image.jpg",
"description": "Описание"
}
</script>Для Яндекса важнее Open Graph. В head страницы:
<meta property="og:image" content="https://yoursite.ru/image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />Но есть нюанс: показ картинки в выдаче - это решение поисковика, не твоя гарантия. Яндекс показывает фавиконку почти всегда, а вот большое фото - только у тех, кому доверяет. Новым сайтам часто не показывает месяцами. Гугл еще капризнее.
Для WordPress проще всего поставить Yoast SEO или Rank Math, они автоматически генерируют и schema, и OG-теги из карточки товара WooCommerce.
Через Яндекс.Вебмастер можно запросить расширенный сниппет. Там в разделе "Внешний вид в поиске" есть настройки. Но сначала все равно нужна разметка на сайте.
Технически да, возможно, но с оговорками. То что ты видишь у конкурентов - скорее всего либо товарный сниппет из Яндекс.Маркета (он отдельно), либо сайт работает давно и поисковик сам решил показать картинку. Гарантировать появление фото в выдаче нельзя никакой разметкой. Это исключительно на усмотрение алгоритма.
Поставь Rank Math вместо Yoast, он бесплатно дает Schema разметку для WooCommerce без танцев с бубном. Yoast в бесплатной версии обрезает возможности.
у меня тоже не показывает картинку в снипете уже полгода, og:image прописан правильно, вебмастер все принял... яндекс просто игнорит(((
Спасибо! Yoast стоит, оказывается он уже генерит og:image автоматически если в товаре задано фото. Не знал. Буду ждать пока Яндекс переиндексирует.