Как показывать фото в результатах поиска

Фото в поисковой выдаче появляются автоматически — Google сам выбирает изображения со страницы. Но есть конкретные шаги, которые сильно повышают шанс попадания фото в сниппет.
Картинка в результатах поиска гугл и яндекс

Что нужно сделать на Тильде

1. Правильно назови файл изображения
Вместо img001.jpg используй oklejka-motocikla-plenkoj.jpg — название файла с ключевыми словами через дефис.​

2. Заполни alt-тег у каждой картинки
В Тильде: кликни на блок с изображением → настройки → поле Alt. Пиши описательно и с ключевиком, например: «Оклейка мотоцикла виниловой плёнкой в Москве».

3. Размести главное фото в верхней части страницы
Google предпочитает картинки, расположенные ближе к началу страницы, а не в фоновых CSS-изображениях.​

4. В ZeroBlock загружай картинку через элемент "Изображение", а не "Шейп".
Сейчас Тильда добавила возможность менять размеры изображения, обрезая его как "Шейп". Но различие между элементами "Изображение" и "Шейп" огромны. "Изображение" помещается в разметке страницы в тег <img> . А "Шейп" - это тег <div>  с CSS-свойствами фона (background-image: url(...)).

Поисковые роботы индексируют изображения только через HTML-тег <img src="...">.

А вот CSS-фон (background-image: url(...)) — это визуальное оформление для браузера, и поисковик его игнорирует при индексации картинок.
Разница между элементом Изображение и Шейп в ZeroBlock Тильда
5. Используй форматы JPEG или PNG
Яндекс не индексирует фоновые изображения и картинки, загружаемые через скрипты. Тильда автоматически создаёт sitemap для картинок — это уже помогает их индексации.

6. Добавь микроразметку Schema.org (для продвинутых)
Для страниц услуг используй тип LocalBusiness или Service с полем image. Это можно сделать через блок T123 (HTML-код) в Тильде. Пример минимальной разметки:
{
  "@context": "https://schema.org",
  "@type": "Service",
  "name": "Оклейка мотоцикла плёнкой",
  "image": "https://твой-сайт.ru/oklejka-motocikla.jpg"
}
Для товаров используй тип Product, для статей — Article.​
А вообще, лучше скинуть ИИ ссылку на ваш сайт и сказать ему
Напиши JSON-LD для этой страницы. Вот ссылка на фотографию...
После всех изменений зайди в Google Search Console → Проверка URL и запроси переиндексацию нужной страницы. Фото появится в выдаче после следующего сканирования роботом — обычно через 1–7 дней.​
Важно: Google не гарантирует показ фото в сниппете даже при идеальной оптимизации — это его право, а не обязанность. Но правильный alt + название файла + schema.org значительно увеличивают вероятность.

Что сделать, чтобы в поиск возле страницы было несколько фото?

Чтобы появилась галерея из нескольких фото, нужно соблюсти несколько условий.

Google показывает несколько фото в сниппете, когда находит на странице 3+ релевантных изображения через <img> теги и считает их достаточно значимыми. Это называется «rich snippet с галереей» — Google сам решает, показывать ли её.

Что сделать на Тильде

1. Добавь несколько <img>-блоков на страницу
Используй блоки-галереи Тильды: T161, T162, T167, T702 — они генерируют настоящие <img> теги, а не CSS-фоны.​

2. У каждого фото — уникальный alt с вариацией ключевика
  • «Оклейка мотоцикла чёрной матовой плёнкой»
  • «Виниловая плёнка на мотоцикл Honda — работа мастера»
  • «Оклейка бака мотоцикла защитной плёнкой»
Не дублируй один и тот же alt — это важно.

3. Добавь микроразметку ImageObject через HTML-блок
Это самый сильный сигнал для Google. Вставь в T123 (HTML-блок):
{
  "@context": "https://schema.org",
  "@type": "Service",
  "name": "Оклейка мотоцикла плёнкой",
  "image": [
    "https://твой-сайт.ru/foto1.jpg",
    "https://твой-сайт.ru/foto2.jpg",
    "https://твой-сайт.ru/foto3.jpg"
  ]
}
Опять же, лучше попроси нейронку сформировать микроразметку
Добавь микроразметку ImageObject через HTML-блок для нескольких фото
{ссылка из Тильды на фото}
{ссылка из Тильды на фото}
{ссылка из Тильды на фото}

Как получить ссылку на фото из Тильды

Чтобы получить реальную ссылку на фото с вашего сайта из Тильды надо сделать:
  1. На опубликованной странице нажмите правой кнопкой мыши для вызова меню
  2. Копировать URL картинки
Больше кода для Tilda в ТГ-канале
Поблагодари за код - подпишись https://t.me/breeze_tilda