SEO оптимизация изображений сайта

Привет, меня зовут Ксения, я занимаюсь SEO оптимизацией сайтов медицинских центров и салонов красоты, веду канал в ТГ. В этой статье я хотела бы рассказать об особенностях продвижения на медицинском агрегаторе ПроДокторов.

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

Типы изображений

Все цифровые изображения делятся на два основных типа:

Растровые изображения — состоят из множества мелких точек (пикселей). Подходят для фотографий пациентов до и после лечения, снимков медицинского оборудования, портретов врачей и пр. При увеличении могут терять качество и становиться размытыми.
Векторные изображения — построены на математических формулах и геометрических фигурах. Идеальны для логотипа клиники, иконок услуг, медицинских схем и пр.

Сохраняют чёткость при любом размере. Правильный выбор типа изображения влияет на скорость загрузки сайта, что напрямую связано с позициями в поисковых системах.

Расширения изображений

Основные расширения изображений и их применение:

JPEG (.jpg) — лучший выбор для фотографий результатов лечения, интерьеров клиники, портретов персонала. Обеспечивает хорошее качество при небольшом размере файла.
PNG (.png) — используйте для изображений с прозрачным фоном, таких как логотипы, иконки услуг, схемы. Поддерживает высокое качество, но файлы получаются тяжелее JPEG.
Webp (.webp) — современный формат, который на 25-30% меньше весит по сравнению с JPEG при том же качестве. Поддерживается всеми современными браузерами.
SVG (.svg) — векторный формат для простых графических элементов: иконки, логотипы, диаграммы. Файлы очень лёгкие и всегда остаются чёткими. Этот формат предпочтительно использовать сегодня вместо PNG.

При необходимости, вы всегда можете воспользоваться сервисами или программами, с помощью которых можно изменить расширение изображения. Например: image2edit.com или www.iloveimg.com.

Совет: изображения в формате JPEG желательно всегда конвертировать в Webp. Вы можете делать это самостоятельно с помощью выше указанных сервисов или использовать для сайта CMS, которые производят конвертацию автоматически. Часто, есть возможно установки плагинов/надстроек, специально предназначенных для этого. Так изображения будут иметь меньший вес. Почему это важно, мы рассмотрим далее.

Вес изображений

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

небольшие иконки: до 20 КБ,
фотографии врачей: 50-100 КБ,
изображения процедур: 100-200 КБ,
детальные фото результатов: 200-300 КБ.

Для достижения нужного веса используйте онлайн-сервисы сжатия изображений: TinyPNG, ImageOptim или Squoosh. Эти инструменты уменьшают размер файла без заметной потери качества. Большинство конструкторов сайтов также имеют встроенные инструменты оптимизации. Помните: каждая секунда загрузки страницы увеличивает количество посетителей, которые покидают сайт, не дождавшись его открытия.

Разрешения изображений

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

фотографии результатов лечения: 1200×800 пикселей — достаточно для детального просмотра;
портреты врачей: 600×400 пикселей — оптимально для профилей специалистов;
изображения услуг: 800×600 пикселей — подходит для описания процедур;
логотипы и иконки: 200×200 пикселей или меньше — они должны загружаться быстрее остальных изображений;
баннеры и заставки: 1920×600 пикселей — для полноэкранного отображения.

Слишком большое разрешение замедляет сайт, а слишком маленькое делает изображения нечёткими. Современные браузеры автоматически подстраивают размер под экран устройства, поэтому не стоит делать картинки больше 2000 пикселей по ширине.

Заполняйте атрибуты и метаданные

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

Alt-текст (альтернативный текст) — описывает содержание изображения для людей с нарушениями зрения и поисковых роботов. Пишите конкретно: вместо «доктор» используйте «стоматолог Иванов Иван Иванович осматривает пациента в клинике «Виктория» в Москве».
Title — всплывающая подсказка при наведении курсора. Дублирует alt-текст или дополняет его полезной информацией: «Консультация стоматолога Иванова Ивана Ивановича — запись по телефону … ».
Caption (подпись) — видимый текст под изображением. Используйте для пояснения, например: «Результат отбеливания зубов через 2 недели после процедуры». Подпись вводить не обязательно, но желательно.
Имя файла — должно содержать ключевые слова отражать то, что изображено на картинке. Подробнее об имени файла поговорим далее.
Метаданные — удобно прописывать на своем компьютере. Нажмите правой кнопкой мыши на картинку, выберете “свойства”-“подробнее”. Там будет графа “теги” или “ключи” – заполните ее словами и фразами, которые отражают суть изображения. Когда вы все сделали, проверьте, не затерты ли ваши метаданные каким-нибудь плагином оптимизации изображений с помощью сервиса.

Правильное заполнение атрибутов увеличивает шансы появления ваших изображений в поиске Google или Яндекса по картинкам

Называйте файлы изображений правильно

Название файла — первое, на что обращают внимание поисковые системы при анализе изображения. Многие владельцы сайтов оставляют стандартные имена типа «IMG_1234.jpg», теряя возможность улучшить SEO. Правила составления названий файлов:

используйте только латинские буквы и цифры,
разделяйте слова дефисами, не используйте пробелы и подчёркивания,
добавляйте ключевые слова, связанные с содержанием,
делайте названия описательными, но короткими,
примеры правильных названий: «implantatsiya-zubov-do-posle», «vrach-stomatolog-ivanov-ivan-ivanovich», «otbelivanie-zubov-rezultat».

Для того, чтобы правильно написать русские слова латиницей, используйте сервисы для транслитерации, например: https://translitonline.com/dlya-seo/. Правильно названные изображения помогают поисковым системам понять тематику страницы и показывают ваш сайт людям, которые ищут соответствующие услуги.

Уникальность изображений

Использование уникальных изображений даёт серьёзные преимущества в SEO продвижении. По возможности, создавайте собственный визуальный контент: фотографируйте реальные кабинеты вашей клиники, результаты лечения (с согласия пациентов), команду врачей.

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

Окружение изображений

Контекст размещения изображений влияет на их восприятие поисковыми системами. Правила размещения изображений:

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

Поисковые роботы анализируют текст вокруг изображения, чтобы понять его смысл. Чем лучше картинка соответствует контексту, тем выше её ценность для SEO. Правильная оптимизация изображений — это не только техническая задача, но и способ сделать ваш медицинский сайт более привлекательным для пациентов и поисковых систем.