SEO оптимизация изображений для поискового продвижения сайта

1. SEO - Москва
2. Статьи о SEO
3. Формат изображений WebP для SEO оптимизация изображений и раскрутки сайта в топ 10

Рассмотрим способы SEO оптимизации изображений для продвижения веб-сайта в топ поисковой системы Google:

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

На данный момент существует несколько основных способов для SEO оптимизации изображений на сайте. Рассмотрим каждый из них:

• Оптимизация размера изображений JPG или PNG
• конвертация изображений PNG и JPG в формат WebP

Оптимизация размера изображений JPG и PNG

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

Как работает алгоритм оптимизации изображений TinyPNG?

Рассмотрим, как именно работает алгоритм сжатия и оптимизации изображений TinyPNG и в чём заключается его основная идея и как она реализованна разработчиками алгоритма на практике?...

После отправки и загрузки выбранного для SEO оптимизации изображения, начинается его обработка алгоритмом TinyPNG: похожие цвета в изображении объединяются (методика оптимизации изображений: квантование). Например: уменьшая количество цветов, 24-битные файлы PNG можно преобразовать в гораздо меньшие 8-битные цветные изображения с индексом. Затем, в изображении удаляются все ненужные метаданные (EXIF).

Преимущества конвертации в формат WebP для SEO оптимизации изображений

WebP - это современный формат изображений, обеспечивающий ряд преимуществ над форматами JPG и PNG:превосходное сжатие изображения без потерь и с потерями для картинок в сети Интернет. Используя формат WebP, веб-мастера и веб-разработчики могут создавать более мелкие и насыщенные изображения, которые ускоряют работу веб-сайта в сети Интернете.

• Изображения WebP без потерь на 26% меньше по размеру по сравнению с форматом PNG.
• Изображения WebP с потерями на 25–34% меньше сопоставимых изображений формата JPEG

* при эквивалентном индексе качества SSIM.

Индекс структурного сходства (SSIM - Structural Similarity Index Measure) - один из методов измерения схожести между двумя изображениями

WebP без потерь поддерживает прозрачность (также известную как альфа-канал) при этом увеличение размера файла изображения составляет всего лишь 22% дополнительных байтов в тех случаях, когда приемлемо применение технологии: сжатие RGB с потерями.

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

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

1. Оптимизация изображений при помощи алгоритма TinyPNG
2. Конвертация изображений в формат WebP

Для сравнения двух вышеописанных способов SEO оптимизации изображений веб-сайта для продвижения в топ выдачи поисковой системы Google на практике: сделаем произвольный скриншот. Ссылка на тестовое изображение: screenshot.png

Скриншот, размещённый выше, создан при помощи стандартного средства для снимков экрана в операционной системе Ubuntu Linux: Screenshot 3.38.0. Данная программа создаёт снимки экрана и сохраняет их в формате изображения PNG без применения какой-либо оптимизации, или какого-либо алгоритма сжатия изображений.

Свойства и параметры тестового изображения

Свойства и параметры файла тестового изображения: screenshot.png

Оптимизация изображения при помощи алгоритма TinyPNG

Попробуем оптимизировать изображение screenshot.png, используя алгоритм сжатия изображений TinyPNG:

В результате исследования оптимизации изображения с использованием TinyPNG, мы получили следующие результаты оптимизации:

• Уменьшение размера изображения PNG на ~70% (экономия 328 904 байт)
• Визуальное сохранение качества исходной картинки

Оптимизация изображения при помощи конвертации в формат изображений WebP

Проверим результат SEO оптимизации изображения при его конвертации в современный формат изображения - WebP. Конвертируем тестовую картинку в формат WebP: screenshot.webp

В результате исследования SEO оптимизации изображения с использованием конвертации в формат WebP, мы получили следующие результаты оптимизации:

• уменьшение размера исходного изображения на ~80% (экономия 373 849 байт)
• визуальное сохранение качества исходной картинки

Совместное использование методов оптимизации изображений

Давайте выясним, к чему приведёт совместное использование методов оптимизации изображений для сайта (сжатие TinyPNG + конвертация в формат WebP)? Для этого мы попробуем конвертировать уже оптимизированное при помощи алгоритма TinyPNG изображение в формат WebP и проверим результат совместного использования двух различных методик оптимизации изображений!

Ответим на главный вопрос: Стоит ли оптимизировать JPG или PNG изображение перед его конвертацией в формат WebP?

Теперь, мы отчётливо видим, что совместное использование методов оптимизации изображений (TinyPNG + WebP) - не имеет абсолютно никакого смысла! После конвертации оптимизированного при помощи TinyPNG файла изображения в формат WebP, размер полученного в итоге файла оказался больше, чем при простой конвертации исходного тестового файла в WebP.

Результаты сравнения методов SEO оптимизации изображений

Подведём итоги исследования методов оптимизации изображений для сайта:

• Оптимизация изображений при помощи конвертации в формат WebP обладает более высокой эффективностью, размер исходного файла картинки уменьшается на ~ 80% (уменьшение почти в 5 раз).
• Оптимизация изображений JPG и PNG перед конвертацией в формат WebP не имеет абсолютно никакого смысла, так как не приводит к уменьшению размера файла итоговой картинки.