Как писать имена файлов изображений, которые помогают SEO и доступности

Имена файлов изображений важны, но не настолько, как часто утверждают

Имена файлов изображений — одна из тех мелких веб-деталей, вокруг которых слишком много уверенности. Одни команды полностью их игнорируют и публикуют IMG_7421.jpg. Другие превращают каждую фотографию товара в мини-эссе из ключевых слов.

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

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

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

Короткое правило

Используйте имя файла, которое отвечает на вопрос:

Если человек увидит только имя файла, получит ли он примерное представление о том, что на изображении?

Хорошо:

• red-running-shoes-side-view.jpg
• checkout-error-message-mobile.png
• oak-dining-table-120cm-walnut.jpg
• team-planning-workshop-whiteboard.webp

Плохо:

• IMG_7421.jpg
• final-final-v3-new.jpg
• best-cheap-running-shoes-buy-online-discount-sale.jpg
• screenshot.png

Цель — не поэзия. Цель — полезная конкретика.

Что хорошее имя файла изображения дает SEO

Хорошее имя файла помогает поисковым системам понимать изображение, особенно в контексте поиска по картинкам. Оно может усилить тему страницы и предмет визуального материала.

Но это слабый сигнал по сравнению с базовыми вещами:

• Изображение размещено на релевантной странице.
• Окружающий текст объясняет или поддерживает изображение.
• У изображения есть подходящий alt-текст, когда он нужен.
• Изображение доступно для сканирования и индексации.
• Файл не слишком большой без необходимости.
• Страница загружается надежно.

Если вы исправляете изображения ради органического поиска, начните с релевантности и полезности страницы. Затем приведите в порядок имена файлов. После этого посмотрите на сжатие, форматы, размеры, lazy loading и структурированные данные там, где это уместно. Наше руководство по форматам изображений в 2026 году будет полезным дополнением, если наведение порядка в именах перерастет в более широкий этап оптимизации производительности изображений.

Что хорошее имя файла изображения дает доступности

Строго говоря, имена файлов — не основной механизм доступности для изображений. Основной механизм — alt-текст.

Если изображение передает информацию, атрибут alt должен предоставлять текстовую альтернативу. Если изображение декоративное, атрибут alt обычно должен быть пустым: alt="". Если изображение является ссылкой или кнопкой, альтернативный текст должен описывать действие или место назначения, а не просто пиксели.

Мы подробно разобрали это в прагматичном руководстве по alt-тексту изображений в 2026 году, и к alt-тексту стоит относиться как к отдельной редакционной задаче.

Так зачем вообще заботиться об именах файлов ради доступности?

Потому что имена файлов часто проявляются на границах пользовательского опыта:

• Некоторые сочетания вспомогательных технологий и браузеров могут показывать имя файла, когда alt-текст отсутствует.
• Скачанным изображениям нужны понятные имена за пределами веб-страницы.
• Медиатеки CMS проще проверять, когда имена описательные.
• Редакторы реже прикрепляют не то изображение, если файлы названы ясно.
• Сломанные изображения и отладочные представления проще интерпретировать.

Имя файла не сделает недоступное изображение доступным. Но плохое имя файла может сделать сбои более запутанными.

Практичная схема именования

Используйте этот шаблон по умолчанию:

subject-detail-context.ext

Примеры:

• espresso-machine-steam-wand-closeup.jpg
• pricing-table-enterprise-plan-desktop.png
• garden-chair-green-metal-front-view.webp
• password-reset-email-example.png

Для товаров часто лучше работает чуть более структурированный вариант:

brand-product-model-color-view.ext

Примеры:

• acme-trail-jacket-blue-front.jpg
• northline-desk-lamp-brass-side.webp
• terra-ceramic-mug-white-top-view.jpg

Для редакционных изображений:

topic-specific-scene.ext

Примеры:

• remote-team-video-call-laptop.jpg
• city-bike-lane-rain-evening.jpg
• developer-debugging-http-headers-terminal.png

Для скриншотов интерфейса:

feature-state-device.ext

Примеры:

• checkout-validation-error-mobile.png
• account-settings-two-factor-enabled-desktop.png
• analytics-dashboard-empty-state-tablet.png

Речь не о жесткой таксономии. Речь об устранении неоднозначности.

Используйте дефисы, нижний регистр и простые слова

Для публичных веб-ресурсов предпочитайте:

• Строчные буквы
• Дефисы между словами
• Без пробелов
• Без подчеркиваний
• Без пунктуации, кроме дефисов
• Без специальных символов, если только ваша система их не требует

Хорошо:

blue-cotton-shirt-front.jpg

Избегайте:

Blue Cotton Shirt (Front).jpg

blue_cotton_shirt_front.jpg

bluecottonshirtfront.jpg

Дефисы легче читать, легче копировать, и они широко воспринимаются как разделители слов в URL. Нижний регистр также помогает избежать неприятных ошибок с учетом регистра между локальной разработкой, Linux-серверами, CDN и объектными хранилищами.

Делайте имена файлов короткими, но не расплывчатыми

Имя файла должно быть достаточно длинным, чтобы описывать изображение, и достаточно коротким, чтобы оставаться читаемым.

Обычно полезный диапазон — от 3 до 8 слов до расширения.

Слишком расплывчато:

shoes.jpg

Лучше:

red-running-shoes-side-view.jpg

Слишком много:

best-lightweight-red-running-shoes-for-marathon-training-side-view-discount.jpg

Лучше:

red-marathon-running-shoes-side-view.jpg

Если фраза звучит как поисковый запрос, написанный отчаявшимся маркетологом, скорее всего, она слишком длинная.

Не набивайте имена файлов ключевыми словами

Переспам ключевыми словами в именах файлов обычно означает, что страница не справляется со своей задачей.

Плохо:

best-seo-agency-seo-services-seo-consultant-seo-company.jpg

Это не полезно пользователям. Это не полезно редакторам. Это не серьезная практика доступности. Кроме того, из-за этого сайт выглядит менее качественным.

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

Например, если на изображении фотография черного кожаного дивана, black-leather-sofa-three-seat.jpg — нормальный вариант. best-modern-luxury-living-room-furniture-online.jpg — это не имя файла, а крик о помощи.

Соотносите имя файла с фактическим изображением

Это звучит очевидно, но библиотеки изображений со временем расползаются. Файл с именем homepage-hero-new.jpg в итоге может показывать другой товар, другого человека или совершенно другую кампанию.

Это создает две проблемы.

Во-первых, поисковые системы и пользователи получают противоречивые сигналы. Во-вторых, команды перестают доверять медиатеке.

Если смысл изображения изменился, переименуйте его перед публикацией. Если ваша CMS или CDN усложняет переименование, рассмотрите вариант со стабильными внутренними ID ресурсов, но при этом по возможности генерируйте описательные публичные имена файлов.

Хороший внутренний процесс может выглядеть так:

1. Загрузить исходный ресурс.
2. Удалить лишние метаданные, если важна приватность.
3. Переименовать производный файл, используемый на сайте.
4. Экспортировать в нужных размерах и формате.
5. Добавить alt-текст и подписи в CMS.

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

Разделяйте имена файлов и alt-текст

Распространенная ошибка — использовать одну и ту же фразу для имени файла и alt-текста.

Иногда это допустимо. Часто — просто лениво.

Имя файла:

red-running-shoes-side-view.jpg

Хороший alt-текст на странице товара:

Red running shoe shown from the side, with a white foam sole and black laces.

Хороший alt-текст для миниатюры выбора цвета:

Red

Хороший alt-текст, если изображение декоративное:

alt=""

Имя файла идентифицирует ресурс. Alt-текст служит пользователю в контексте. Это связанные задачи, но не одинаковые.

Именование изображений для разных типов сайтов

Ecommerce

Указывайте тип товара, важный вариант и ракурс.

Примеры:

• linen-shirt-white-front.jpg
• linen-shirt-white-back.jpg
• linen-shirt-white-collar-detail.jpg

Не добавляйте цены, акции или временные формулировки кампаний. Они слишком часто меняются.

Блоги и редакционные сайты

Описывайте сцену или концепцию, а не заголовок статьи.

Хорошо:

designer-reviewing-mobile-layout.jpg

Менее полезно:

ultimate-guide-to-mobile-ux.jpg

Изображение могут повторно использовать, обрезать или синдицировать. Название, основанное на сцене, стареет лучше.

SaaS и документация

Называйте скриншоты по функции, состоянию и платформе.

Примеры:

• billing-settings-payment-method-empty-state.png
• project-dashboard-filter-menu-open.png
• api-token-created-confirmation-modal.png

Это делает обновления документации гораздо менее болезненными.

Локальные компании

Используйте услугу, объект или место, когда они действительно видны и релевантны.

Примеры:

• bakery-window-display-sourdough-loaves.jpg
• dental-clinic-reception-area-berlin.jpg
• plumber-repairing-kitchen-sink.jpg

Не добавляйте названия городов к каждому файлу, если изображение этого не поддерживает. Фотография гаечного ключа не становится осмысленно wrench-london.jpg.

Что насчет размеров изображений и версий?

Не указывайте размеры в основном описательном имени, если только вашей системе это не нужно.

Лучше такая группа ресурсов:

• red-running-shoes-side-view.jpg
• red-running-shoes-side-view-800w.jpg
• red-running-shoes-side-view-1600w.jpg

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

Контентные хеши полезны для кеширования:

red-running-shoes-side-view.a8f31c.webp

Описательная часть все еще на месте. Хеш обслуживает машину.

Короткий чек-лист перед публикацией

Перед публикацией изображения спросите себя:

• Описывает ли имя файла изображение простым языком?
• Написано ли оно строчными буквами и разделено дефисами?
• Нет ли в нем переспама ключевыми словами?
• Избегает ли оно временных слов вроде new, final или v2?
• Имеет ли alt-текст смысл в контексте страницы?
• Подходят ли формат и размер файла?
• Удалены ли чувствительные метаданные там, где это необходимо?

Если на эти вопросы можно ответить «да», имя файла, скорее всего, достаточно хорошее. Не тратьте 20 минут на название декоративного разделителя. Но потратьте 20 секунд, чтобы DSC0038.jpg не стал постоянным публичным URL.

<!-- tool-cta:start -->

💡 Попробуйте это: Массово нормализуйте имена файлов в lowercase-kebab-case с помощью Case Converter, чтобы имена ваших изображений оставались единообразными во всём проекте.

<!-- tool-cta:end -->

Тихая польза: более эффективные команды

SEO-ценность имен файлов изображений умеренная. Операционная ценность — выше.

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

Это и есть настоящая причина стандартизировать именование изображений. Поисковые системы выигрывают от ясности, но люди — тоже. А работа обычно сначала ломается именно у людей.