figure, figcaption и alt: полное руководство по SEO для изображений

Абдужалилов Дильшод
Abdujalilov Dilshod SEO-специалист · 26 June 2026
figure, figcaption и alt: полное руководство по SEO для изображений

Большинство SEO-специалистов знают про alt-атрибут. Но мало кто использует полную связку — <figure>, <figcaption> и alt вместе. А именно эта тройка даёт максимальный сигнал Google об изображении и повышает шансы попасть в Google Images, AI-обзоры и обычную выдачу.

Как Google читает изображения на странице

Googlebot не «видит» картинку глазами. Он собирает сигналы из нескольких источников вокруг изображения и на их основе решает, о чём эта картинка и насколько она релевантна запросу.

Иерархия сигналов выглядит так — от самого сильного к слабому:

Сигнал Где находится Сила влияния
alt Внутри тега <img> ⭐⭐⭐⭐⭐ Самый сильный
<figcaption> Внутри <figure>, под картинкой ⭐⭐⭐⭐ Очень сильный
Заголовок H2/H3 перед картинкой HTML-разметка страницы ⭐⭐⭐ Сильный
Окружающий текст (±1 экран) Параграфы рядом с картинкой ⭐⭐⭐ Сильный
Имя файла изображения Атрибут src ⭐⭐ Средний
Структурированные данные (Schema) JSON-LD на странице ⭐⭐ Средний
title атрибут изображения Внутри тега <img> ⭐ Слабый

Что такое тег <figure> и зачем он нужен для SEO

До HTML5 изображения обёртывались в <div> или вставлялись просто так — без семантического контекста. Начиная с HTML5 появился тег <figure> — семантический контейнер для любого медиаконтента (картинка, видео, схема, код), который является самостоятельной единицей информации в тексте.

Google воспринимает содержимое <figure> как единый блок: изображение + подпись. Это помогает поисковику точнее определить тему картинки, даже если alt написан кратко.

Правильная структура разметки

Altga nima yozish kerak
CSS image va figcaption
<!-- ✅ Правильно: семантическая связка -->
<figure>
  <img
    src="/images/seo-uzbekistan-analiz-konkurentov.webp"
    alt="Скриншот анализа конкурентов в Узбекистане через Google Search Console"
    width="800"
    height="450"
    loading="lazy"
  >
  <figcaption>
    Анализ конкурентов в Узнете: позиции в Google Search Console по ключевым запросам
  </figcaption>
</figure>

<!-- ❌ Неправильно: без семантики -->
<div>
  <img src="/img/photo.jpg" alt="фото">
  <p>Какое-то фото</p>
</div>

Атрибут alt: правила написания

Alt (alternative text) — основной текстовый сигнал для Google об изображении. Он также читается программами для незрячих, что важно для доступности сайта.

Что писать в alt

Хороший alt — это одно предложение, которое описывает что именно изображено на картинке, включая ключевые детали. Не нужно начинать с «Изображение…» или «Фото…» — Google сам знает, что это картинка.

❌ Плохой alt ✅ Хороший alt
alt="" (пустой) alt="График роста органического трафика сайта gizz.uz за 6 месяцев"
alt="картинка" alt="Скриншот настройки robots.txt в панели хостинга"
alt="SEO SEO продвижение сайт" alt="Схема внутренней перелинковки для SEO-продвижения в Узбекистане"
alt="фото1" alt="Сравнительная таблица позиций сайта до и после оптимизации"

Оптимальная длина alt

Исследования показывают: лучше ранжируются изображения с alt-текстом длиной 100–150 символов. Это примерно одно развёрнутое предложение. Слишком короткий alt не даёт Google контекста, слишком длинный — воспринимается как спам.

Тег <figcaption>: второй по силе сигнал

Подпись <figcaption> — единственный элемент на странице, который видят одновременно и пользователь, и поисковый робот с одинаковым приоритетом. Исследования imageseo.io показали: пользователи уделяют тексту <figcaption> на 60% больше внимания, чем обычным параграфам рядом с картинкой.

Для Google <figcaption> — это «второй alt»: явный текстовый сигнал о содержании изображения, который дополняет и расширяет alt.

Как писать figcaption для SEO

  • Одно-два предложения — не пересказывайте весь раздел
  • Включайте ключевые слова естественно, но не дублируйте alt дословно
  • Добавляйте контекст, который alt не содержит: дату, источник, результат
  • Думайте о пользователе: подпись должна помочь понять картинку, даже если пропустить текст вокруг
<!-- Пример: alt и figcaption дополняют, а не копируют друг друга -->
<figure>
  <img
    src="/images/google-search-console-uzbekistan-2025.webp"
    alt="Google Search Console — отчёт по кликам и показам для узбекского сайта"
    width="1200"
    height="630"
    loading="lazy"
    decoding="async"
  >
  <figcaption>
    Данные GSC за январь–март 2025: сайт вырос с 120 до 890 кликов в сутки
    после оптимизации семантического ядра под запросы Узнета
  </figcaption>
</figure>

Имя файла изображения: про это часто забывают

Google индексирует имя файла как дополнительный ключевой сигнал. Загружая картинку с именем IMG_4829.jpg, вы теряете ещё одну возможность сказать поисковику, о чём ваш материал.

❌ Плохое имя ✅ Хорошее имя
IMG_4829.jpg seo-uzbekistan-analiz-2025.webp
screenshot.png google-search-console-uzbek-sayt.webp
photo1.jpg robots-txt-sozlash-misol.webp

Правило: 3–6 слов через дефис, без кириллицы, без пробелов, расширение .webp. WebP — предпочтительный формат: он меньше весит, чем JPG/PNG при том же качестве, что улучшает Core Web Vitals.

loading="lazy" и loading="eager": что и когда

Атрибут loading говорит браузеру, когда загружать изображение. Это напрямую влияет на LCP (Largest Contentful Paint) — один из показателей Core Web Vitals и фактор ранжирования.

Атрибут Когда использовать
loading="eager" Главное изображение (обложка статьи, hero-баннер) — то, что видно сразу при загрузке страницы
loading="lazy" Все остальные изображения в теле статьи — загружаются только при прокрутке к ним

Добавляйте также width и height — без них браузер не знает, сколько места зарезервировать, и страница «прыгает» при загрузке (высокий CLS).

Полный чеклист: идеальное изображение для SEO

<figure>
  <img
    src="/images/lsi-seo-uzb-misol-2025.webp"   <!-- имя файла с ключами -->
    alt="Схема LSI-ключей для статьи о SEO в Узбекистане: основной запрос и связанные слова"
                                                  <!-- alt: описательный, 100–150 символов -->
    width="800"                                   <!-- размеры обязательны -->
    height="450"
    loading="lazy"                                <!-- lazy для всех кроме обложки -->
    decoding="async"
  >
  <figcaption>
    Пример семантического кластера для ключа «SEO Узбекистан»:
    основной запрос + 12 LSI-слов, которые Google считает тематически связанными
  </figcaption>                                  <!-- figcaption дополняет alt, не копирует -->
</figure>

Связка figure + figcaption + alt и AI-поиск

С ростом AI-обзоров в Google (AI Overviews), ChatGPT Search и Perplexity правильная разметка изображений стала ещё важнее. AI-агенты при анализе страницы читают alt и <figcaption> для понимания визуального контента — точно так же, как и Googlebot. Страницы с правильно размеченными изображениями чаще цитируются в AI-ответах.

Для сайтов на узбекском и русском языке это особенно актуально: AI-модели используют текстовые сигналы вокруг изображений для определения языкового контекста и релевантности запросу.

Тег <figure> с <figcaption> и грамотным alt — это не «ещё одна SEO-мелочь». Это полноценный канал коммуникации с Googlebot: вы говорите поисковику, что изображено, в каком контексте и почему это важно. Пользователи читают <figcaption> внимательнее, чем основной текст. Google учитывает его как второй по силе сигнал после alt. Используйте эту связку в каждой статье — и ваши изображения начнут приносить трафик из Google Images.

← Все статьи Поделиться