Оптимизация изображений улучшает ранжирование страниц. Картинки должны быть легкими, но качественными. При загрузке фото и иллюстраций важно проставить метатеги, чтобы поисковые системы понимали, что на них изображено. Мы расскажем про этапы оптимизации изображений для сайта с конкретными примерами.
Бесплатный экспресс аудит
Проведём SEO аудит без оплаты. Акция действует до конца августа.
Поисковые алгоритмы Яндекса и Google обращают внимание на названия изображений. Названия должны соответствовать метатегам картинок и содержанию страницы. Желательно использовать в названиях ключевые слова (запросы, по которым пользователи могут искать ваш контент).
Примероптимизации фото:
Некорректное имя файла: qW31tY80zM.jpg
Оптимизированное название: iphone-16-white.jpg
Имя картинки не должно быть случайным набором символов. Придумывайте понятные названия, которые описывают суть изображения и легко читаются. Пишите имена файлов транслитом или на английском языке.
Не стоит писать названия файлов на русском языке. Поисковые роботы Google могут неправильно распознавать кириллицу. Некоторые CMS-системы и отдельные плагины не поддерживают работу с файлами, названия которых записаны русскими буквами.
Шаг 2: Уменьшить вес изображений
Перед загрузкой фото и картинок нужно оптимизировать изображения — провести сжатие файлов. Производительность сайта в первую очередь зависит от иллюстраций. Одна картинка часто весит больше, чем текст на странице. Тяжелые картинки часто загружаются по частям, что раздражает читателей.
Не все пользователи готовы ждать, пока сайт загрузится до конца. Некоторые закрывают вкладку, даже если текст загрузился, а картинки — нет. Тяжелые картинки замедляют загрузку сайта и увеличивают процент отказов. В результате позиции сайта в поисковых системах ухудшаются, и трафик снижается.
Помните, что не все люди пользуются скоростным интернетом. Многие открывают сайты с 3G-сетей. Позаботьтесь об их комфорте с помощью сжатия и оптимизации картинок.
Способ 1: Уменьшить размер иллюстраций
Самый простой способ, как оптимизировать изображение, это уменьшить его размер. Чем меньше размер картинки, тем меньше вес. Ширина контентной части во многих шаблонах сайтов: 600-800 пикселей. Часто нет смысла загружать картинки с шириной более 800 пикселей.
CMS-системы автоматически уменьшают большие иллюстрации до нужной ширины. Но сначала с сервера загружаются оригиналы. На загрузку и преобразование файлов требуется время. Чтобы сайт открывался быстрее, следует уменьшить размеры картинок, прежде чем загружать их на сервер.
Есть два подхода к оптимизации изображений для сайта: можно уменьшить размер картинки или обрезать иллюстрацию. Обрезать картинку можно, если фон занимает много места, но не влияет на восприятие сюжета. В ином случае лучше оставить картинку целой, но уменьшить ее ширину и высоту.
Обрезать картинки или менять их размеры можно с помощью платных и бесплатных графических редакторов:
Чтобы оптимизировать изображение, можно просто поменять его формат. В дизайне сайтов чаще всего используются следующие форматы файлов:
JPEG — растровое изображение. Формат часто используется в блогах, соцсетях, каталогах интернет-магазинов. Сохранение изображений происходит с небольшой потерей качества. Формат подходит для передачи сложных градиентов, но не поддерживает прозрачный фон. Универсальное расширение открывается даже в устаревших версиях браузеров.
PNG — растровое изображение. Формат позволяет сохранять фото без потери качества, он сохраняет четкие контуры надписей и логотипов. Можно сохранять картинки с прозрачным фоном. Но PNG файлы весят больше по сравнению с другими форматами, этот вариант не подходит для оптимизации фото.
WebP — растровое изображение. Современный формат WebP создан как замена JPEG и PNG для оптимизации картинок. Он обеспечивает качество изображений при небольшом весе файлов, поддерживает анимацию и прозрачный фон.
SVG — векторное изображение. Формат используется для сохранения иконок, логотипов, графиков и диаграмм.
Для оптимизации изображений для сайта может быть достаточно перевести их из формата JPEG или PNG в формат WebP. После сохранения картинок в разрешении WebP вес уменьшается на 25-35%, а качество остается неизменным. Изменить формат можно с помощью Adobe Photoshop, Squoosh, Photopea и других сервисов.
Способ 3: Использовать превью
Большинство CMS-систем позволяют добавлять превью иллюстраций. Превью — это маленькая картинка, при нажатии на которую открывается полная версия изображения. Стандартная ширина миниатюры: 200-300 пикселей.
Использование превью ускоряет загрузку страниц. Но маленькие картинки ухудшают восприятие информации. Например, не стоит вставлять их в гайды, где используются скриншоты программ.
Скидка 5000 рублей на SEO продвижение
Дарим скидку 5000 рублей на SEO продвижение сайта. Акция действует до конца апреля.
Оптимизировать изображение можно, если снизить качество. Эта функция есть в Adobe Photoshop и других графических редакторах. Чтобы уменьшить вес файла в Adobe Photoshop, нужно открыть диалоговое окно «Сохранить для Web» в меню «Файл». Затем выбрать формат файла и указать в поле «Потери сжатия» допустимый уровень потерь.
Примеры онлайн-сервисов для оптимизации фото:
Compressor.IO.
TinyPNG.
ImageRecycle.
Optimizilla.
При загрузке картинок на сайт важно соблюдать баланс между качеством и весом файлов. Легкие картинки плохого качества быстро открываются. Но низкое разрешение не нравится посетителям. Мы не советуем ухудшать качество файлов более чем на 40%. Оптимальный уровень сжатия: 20-30%.
Для большинства сайтов подходят изображения среднего качества. В некоторых случаях качество иллюстраций важнее, чем минимальная скорость загрузки. Пример: нельзя сильно сжимать фото товаров, которые выбирают по дизайну.
Шаг 3: Заполнить атрибуты Alt и Title
Оптимизация картинок включает создание метатегов Alt и Title. Нужно заполнять их при загрузке иллюстраций на сервер. В метатегах должны быть ключевые слова, которые соответствуют описанию изображения.
Какие задачи выполняют метатеги:
Alt(alternative text) — текст, который описывает содержание картинки. Он дает поисковикам возможность понять, что на ней изображено. Альтернативный текст подставляется вместо картинки, если она не загружается, или используется программа для чтения с экрана.
Title — всплывающая подсказка. Она появляется на экране, когда пользователь наводит на картинку курсор.
Alt — обязательный атрибут для оптимизации. Заполнение Alt улучшает ранжирование страниц и делает контент доступным. Title — дополнительный атрибут, который улучшает пользовательский опыт. Мы советуем заполнять Title, потому что он косвенно влияет на ранжирование.
Примероптимизации фото с помощью метатегов:
Alt:Lada Granta Sport.
Title: Белая Лада Гранта Спорт в ночном городе.
Оптимизация изображений для сайта с помощью метатегов Alt и Title может привлекать трафик из Яндекс.Картинок и Google Image. Хорошо ранжируются уникальные картинки высокого качества. Хорошая стратегия — загружать собственные фотографии и иллюстрации, которых еще не было в интернете. Когда такой возможности нет, чтобы сделать картинку уникальной, можно отзеркалить ее, изменить цвета или дорисовать новые элементы.
Интернет давно стал частью повседневной жизни. Мы общаемся в мессенджерах, оплачиваем покупки, храним фотографии в облаке, работаем с банковскими приложениями и регистрируемся на десятках сайтов. Но вместе с удобством растут и риски: мошенничество, утечка данных, взлом аккаунтов, фишинг, вирусы и поддельные сайты. Многие уверены, что киберугрозы касаются только крупных компаний или людей, которые работают в […]
В digital-среде у бренда есть всего несколько секунд, чтобы зацепить пользователя. Пока человек листает ленту, просматривает сайт или открывает рекламное объявление, именно визуал первым вступает с ним в контакт. Еще до того, как будет прочитан заголовок или оффер, аудитория уже успевает составить первое впечатление. Поэтому визуал в маркетинге — это не просто «красивая картинка». Это […]
Сайт медицинской организации должен быть не только современным и визуально аккуратным, но и максимально понятным для пользователей. Если посетителю сложно найти нужную услугу, записаться к врачу или получить результаты анализов, он, скорее всего, уйдет к конкурентам. Чтобы сделать медицинский сайт действительно удобным, важно учитывать особенности ниши, поведение аудитории и требования к функциональности. Особенно это актуально […]
Обратился в DDSI как владелец строительной компании «Оникс». Хотелось нормальный сайт, потому что старого по сути не было, и чтобы люди реально находили нас в Яндексе и Google. Ребята сделали сайт с нуля: помогли определиться, что и как лучше показать, собрали страницы по нашим услугам, всё оформили понятно и аккуратно. На телефоне тоже всё нормально открывается, ничего не «едет», кнопки работают — это важно, потому что многие заходят именно с мобильных. После запуска занялись продвижением. Плюс начали писать статьи на сайте — про стройку, материалы, частые вопросы клиентов. Это оказалось полезно: люди приходят уже подготовленные, многие сначала читают, потом звонят или оставляют заявку. В целом я доволен: работать комфортно, всё объясняют простыми словами, не пропадают, и результат видно. DDSI могу смело рекомендовать!
Развернуть
Илона Семенюк
ACE TENNIS
27 февр 2026
Я владелеца небольшой школы большого тенниса «Ace Tennis». Обратилась в DDSI, потому что нужен был простой сайт-визитка: чтобы красиво выглядел, нормально открывался с телефона и чтобы люди могли быстро понять, где мы находимся и как записаться на тренировку. Ребята всё сделали очень быстро и аккуратно. Помогли с текстами, подсказали, какие блоки лучше добавить (расписание, цены, фото, карта, кнопка записи), настроили формы — заявки начали приходить сразу. Отдельный плюс — всегда были на связи и объясняли без сложных терминов, что и зачем делается. Сайт получился понятный и удобный: человек заходит и сразу видит, куда нажать, как записаться и что входит в тренировку. Мне это было важнее всего.
Спасибо DDSI, могу рекомендовать, если нужен нормальный сайт без головной боли.
Развернуть
Ирина Краснова
MARKETING LAB
8 дек 2025
Хочу оставить честный отзыв о работе с агентством DDSI. В какой-то момент мы упёрлись в потолок: сайт есть, кейсы есть, клиенты довольны, а вот органического трафика и заявок с поиска почти нет. Сама я в SEO разбираюсь на базовом уровне, но было понятно, что своими силами вытащить сайт в топ мы уже не сможем. По рекомендации знакомых коллег вышла на DDSI.
С самого начала понравилось, что мне не обещали «топ за месяц» и чудес. Ребята спокойно разобрали наш сайт по косточкам: показали, где мы теряем трафик, какие запросы не закрываем, что не так с технической частью и структурой. Составили понятный план работ, без воды — с конкретными этапами и сроками. Результат за первые месяцы я увидела очень чётко: — многие ключевые запросы по нашим услугам вышли в топ‑10, некоторые — в топ‑3; — органический трафик вырос более чем в два раза; — самое главное — стало ощутимо больше заявок именно «с поиска», без увеличения рекламного бюджета. Отдельно хочу отметить работу с контентом. DDSI помогли нормально выстроить структуру сайта, добавили нужные разделы, подсказали, какие статьи и посадочные страницы нужно сделать. После этого люди стали приходить не только по брендовым, но и по «холодным» запросам, и реально заказывать. По общению всё тоже на высоте: всегда на связи, отчёты приходят вовремя, без попыток «замылить» картину. Все изменения на сайте объясняют человеческим языком — зачем это делается и какой эффект ожидается. Не было ни одного чувства, что я «бросила сайт подрядчику и не знаю, что там происходит». Сейчас мы продолжаем работать с DDSI уже на этапе развития и поддержки. Для меня это не просто подрядчик, а нормальный партнёр, который думает не только про позиции, но и про бизнес в целом. Если вам нужен адекватный исполнитель по SEO и комплексному продвижению, я однозначно могу рекомендовать DDSI.
Развернуть
Игорь Громов
ТЕХНО ЛИФТ
20 марта 2025
Когда мы запустили свою компанию по монтажу лифтов, у нас вообще не было сайта. Работали по старинке — через сарафанное радио, рекомендации и личные связи. Но в какой-то момент стало ясно, что без онлайн-присутствия мы теряем огромное количество клиентов. Тогда мы обратились в DDSI, и это было, пожалуй, одно из лучших решений для нашего бизнеса.
Ребята сделали для нас сайт с нуля: продумали структуру, создали удобный и понятный дизайн, написали тексты, которые действительно «цепляют» клиентов. Но самое главное — они взялись за продвижение. Уже через несколько месяцев наш сайт оказался в ТОПе поисковой выдачи по ключевым запросам, а поток заявок вырос в разы. Если раньше мы искали клиентов сами, то теперь они находят нас.
С уверенностью могу сказать, что без DDSI мы бы не добились такого роста. Если вам нужен сайт, который действительно работает, и продвижение, которое приносит результат — обращайтесь к ним без раздумий!
Оставьте оценку и комментарий