Посетитель сайта строительной компании не может прийти на объект и потрогать стену. Вместо этого он смотрит снимки. Если они свалены в одну галерею на 300 кадров без подписей, из них невозможно понять, что вы строите, как и в какие сроки. Ниже — порядок работы с фотографиями, который можно задать дизайнеру и подрядчику.
Какие вопросы посетителя должны закрывать фотографии
Прежде чем раскладывать снимки, выпишите вопросы, на которые человек ищет ответ. Обычно это: «Строят ли они то, что мне нужно?», «Какого качества работа?», «Как идёт процесс?», «Кто эти люди?». Каждому вопросу соответствует свой тип снимков:
- готовые объекты — показывают результат и типологию (дом, коттеджный посёлок, склад, ремонт офиса);
- этапы работ — фундамент, стены, кровля, инженерные сети; показывают, что вы делаете скрытые части аккуратно;
- детали — узлы, швы, отделка крупным планом;
- команда и техника — подтверждают, что у компании есть реальные люди и оборудование.
Снимок, который не отвечает ни на один из вопросов, на сайт можно не брать.
Как разделить фотографии по разделам сайта
Одна общая страница «Фотогалерея» подходит только очень маленькой компании. Надёжнее строить структуру вокруг объектов и видов работ:
- раздел «Объекты» с отдельной страницей на каждый проект;
- фильтр или подразделы по типу: «Частные дома», «Коммерческие здания», «Реконструкция»;
- на страницах услуг — по 3–5 лучших снимков из соответствующих объектов со ссылкой на полную страницу проекта.
Так посетитель, зашедший на страницу «Строительство домов из газобетона», сразу видит подходящие примеры и может перейти к полной истории объекта.
Условный пример: страница одного объекта
Ниже схема страницы. Данные вымышлены и показывают только порядок блоков.
- Заголовок: «Двухэтажный дом из газобетона, 180 м²».
- Краткие факты: район (адрес точно указывать не обязательно — решите это заранее и согласуйте с заказчиком), срок работ, материал стен, что входило в договор.
- Главный кадр: готовый дом с фасада при хорошем свете.
- Лента этапов: четыре-шесть групп снимков с подзаголовками «Фундамент», «Стены и перекрытия», «Кровля», «Отделка». У каждой группы одна-две строки текста о том, что сделано.
- Детали: два-три крупных плана, например узел примыкания кровли.
- Призыв: «Хотите похожий дом? Опишите задачу — рассчитаем» и форма или телефон рядом с галереей.
Порядок внутри страницы хронологический: он сам рассказывает историю стройки, и подписи часто не приходится придумывать с нуля.
Подписи, названия файлов и альтернативный текст
Подпись под снимком должна сообщать то, чего не видно: «Армопояс перед заливкой», «Утепление кровли, второй слой». Фраза «Наш объект» ничего не объясняет.
Атрибут alt нужен для тех, кто не видит картинку (медленное соединение, программы чтения с экрана), и помогает поисковым системам понять содержание страницы. Пишите кратко и по делу: «Монтаж стропильной системы двухэтажного дома». Не набивайте туда ключевые слова списком. Названия файлов тоже лучше сделать осмысленными латиницей: dom-gazobeton-krovlya-02.jpg, а не IMG_4521.jpg.
Размер файлов и устройство галереи
Снимки с современной камеры весят несколько мегабайт, и страница с двадцатью такими файлами грузится минутами, особенно у посетителей с мобильным интернетом. Перед загрузкой уменьшайте фото: для просмотра на странице обычно хватает ширины около 800–1000 пикселей, для увеличенного варианта — около 1600. Сохраняйте в JPEG с умеренным сжатием и проверяйте, что качество не пострадало заметно.
В списке проектов показывайте уменьшенные превью одинаковых пропорций, иначе сетка выглядит рваной. Полный размер открывайте по клику. Не заказывайте галерею на Flash: она не работает на iPhone и iPad. Выбирайте решение на HTML и JavaScript, которое при отключённом скрипте хотя бы даёт ссылку на крупный файл.
Проверочный список перед публикацией
- Каждый снимок отвечает на конкретный вопрос посетителя.
- Объекты оформлены отдельными страницами, а не одной общей лентой.
- Внутри объекта кадры идут по этапам, у групп есть подзаголовки.
- У каждого снимка есть содержательная подпись или alt.
- Файлы переименованы и уменьшены, вес страницы проверен на медленном соединении.
- Превью одинаковой пропорции, крупная версия открывается по клику.
- На странице объекта и рядом с галереей есть способ связаться.
- С заказчиками согласовано, что именно можно показывать: адрес, лица, номера.
Если пройти этот список для трёх-пяти лучших объектов, сайт уже будет выглядеть убедительнее большинства «галерей на всё сразу». Остальные проекты добавляйте по тому же шаблону.
