SEO изображений для портфолио фотографа

Сначала определите настоящую тему страницы

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

В нашем условном примере страница посвящена фотосъёмке керамической кружки ручной работы. На снимке могут быть видны кружка, глазурь, стол и свет, но фотография сама по себе не подтверждает имя мастера, температуру обжига, точный состав глины или место съёмки. Такие сведения добавляйте только при наличии подтверждённого текста.

• Согласуйте заголовок и видимый текст с реальной темой проекта.
• Описывайте только видимые или редакционно подтверждённые факты.
• Не смешивайте SEO сайта с полями ключевых слов фотостоков.

Напишите полезную подпись и соседний текст

Подпись — это видимый контент страницы. Она может объяснить, почему фотография важна, и должна звучать как фраза для читателя или потенциального клиента, а не как скрытый перечень запросов. В основном тексте можно рассказать о процессе, задаче съёмки или выбранном свете — того, что не стоит перегружать в alt-тексте.

Для условной страницы подойдёт подпись: «Керамическая кружка из каменной массы снята на тёплом нейтральном фоне, чтобы показать крапчатую глазурь и округлую ручку». Здесь названы предмет, заметные особенности и цель кадра, но не придуманы сведения о происхождении изделия.

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

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

Сделайте alt-текст коротким и точным

Alt-текст — текстовая альтернатива для человека, который не видит изображение. Он должен передать главное, а не перечислить каждую деталь. Для примера с керамикой лучше написать «Керамическая кружка из каменной массы с крапчатой глазурью и округлой ручкой», чем «керамика handmade кружка pottery art craft studio brown beautiful».

Фраза «изображение» в начале обычно не нужна. Не добавляйте в alt-текст теги о цветах, местах, людях, владельцах, видах или релизах, если фотография этого не доказывает. Если картинка декоративная и не несёт информации, в реализации доступности может подойти пустое значение alt — решение зависит от её роли на странице.

Alt-текст не заменяет подпись и описание проекта. Проверьте формулировку, временно не опираясь на само изображение: она должна оставаться понятной и естественной.

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

Обеспечьте доступный для обхода стабильный URL

URL изображения должен открываться обычным посетителем и поисковым роботом. Понятное имя файла удобно для структуры сайта, но не заменяет подпись, alt-текст и окружающий текст. Путь /portfolio/ceramics/speckled-stoneware-mug.jpg информативнее, чем /uploads/IMG_8472-final-final.jpg.

Не прячьте единственное важное изображение за действием, которое требует необычного скрипта или специального взаимодействия. Свяжите страницу с обычной навигацией сайта или другой доступной для обхода страницей. Если используется sitemap, помещайте туда канонические абсолютные URL: карта помогает обнаружению, но не гарантирует обход или индексацию.

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

• Используйте стабильный публичный путь и правильное расширение.
• Свяжите страницу с обычной навигацией.
• В sitemap применяйте канонические абсолютные URL, если карта используется.

Укажите размеры и настройте адаптивную загрузку

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

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

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

• Укажите фактические размеры или соотношение сторон.
• Подготовьте варианты под разные ширины экрана.
• Проверяйте одновременно качество, расположение и загрузку.

Практический пример: страница о керамической кружке

Представим заголовок страницы: «Фотосъёмка ручной керамики: кружка из крапчатой каменной массы». Фотограф показывает один кадр в ракурсе три четверти. Видны кружка на нейтральной поверхности и её фактура; заметки к проекту подтверждают, что это изделие ручной работы из каменной массы и что снимок сделан для портфолио. Имя мастера, город и точный состав глазури не подтверждены.

Разделите задачи между полями. Заголовок объясняет тему страницы, подпись — назначение кадра, а alt-текст даёт короткую альтернативу. Имя файла и URL остаются описательными, но не пытаются вместить все возможные запросы. В разметке у веб-версии укажите её настоящие размеры, а затем проверьте опубликованный результат.

• Заголовок: Фотосъёмка ручной керамики: кружка из крапчатой каменной массы.
• Подпись: Керамическая кружка из каменной массы снята на тёплом нейтральном фоне, чтобы показать крапчатую глазурь и округлую ручку.
• Alt-текст: Керамическая кружка из каменной массы с крапчатой глазурью и округлой ручкой.
• Путь: /portfolio/ceramics/speckled-stoneware-mug.jpg.
• Проверка: откройте опубликованную страницу и запросите публичный URL обычным браузером.

Практический план полей
Назначение страницы: кейс в портфолио керамической съёмки
Имя файла: speckled-stoneware-mug.jpg
Подпись: Керамическая кружка из каменной массы снята на тёплом нейтральном фоне, чтобы показать крапчатую глазурь и округлую ручку.
Alt-текст: Керамическая кружка из каменной массы с крапчатой глазурью и округлой ручкой.
Шаблон URL: https://example.com/portfolio/ceramics/speckled-stoneware-mug.jpg
Размеры: укажите ширину и высоту настоящей веб-версии, а не приблизительные значения.