Комплексная оптимизация
Люди часто не читают текст воспринимая информацию визуально. Поисковые системы подстроились под это, получив критерии для анализа изображений в интернете.
Эти критерии сводятся к улучшению качества контента в результате поиска удовлетворения запросов пользователя.
Мало иметь изображение или иллюстрации на сайте важно чтобы они были полезными, информативными, качественными, соответствовали описанию и результатов поиска.
Картинки — это эффективный инструмент SEO-продвижения. Релевантные, оптимизированные изображения становятся источником дополнительного трафика с Google и Яндекса, увеличивают интерес посетителей к контенту, улучшают поведенческие факторы и рейтинг сайта в поисковых системах. Просто проиллюстрировать статью недостаточно.
Следует выполнить комплексную оптимизацию изображений:
- Высокое качество
- Соответствующий формат, размер и разрешение
- Одинаково хорошо отображаться на любых устройствах и не замедлять скорость страниц.
Работы по оптимизации картинок много, но результат того стоит!
Что такое оптимизация изображения?
Оптимизация изображений в общем сводится к уменьшению размера изображений без ущерба для качества. Помогает сократить время загрузки страницы. Оптимизация изображений в наши дни также нацелена на ранжирование в Google и других поисковых системах. Чтобы быть более точным, оптимизация изображения — это процесс сохранения и обслуживания изображений в файлах меньшего размера без снижения общего качества.
Оптимизация изображения — это и искусство, и наука: искусство, потому что нет единого ответа о том, как можно лучше сжать отдельное изображение, и наука, потому что есть много разработанных методов и алгоритмов, которые могут значительно уменьшить размер изображения.
Как проверить скорость загрузки сайта?
К сожалению, неправильная оптимизация этих изображений может быть бременем и увеличить время загрузки вашего сайта. Скорость загрузки вашего сайта во многом зависит от того, как вы обрабатываете изображения. Поскольку Google любит быструю загрузку вебсайт, оптимизация изображений для Интернета становится приоритетом для всех вебсайт.
Начиная со статического блога и заканчивая высокофункциональным сайтом электронной коммерции, все они имеют изображения в соответствии с их типов. Чем больше у вас изображений и других медиа объектов, тем труднее загружается сайт. Но есть способы оптимизировать эти изображения, чтобы обеспечить их правильную работу в интернете и сократить время загрузки страниц.
Скорость загрузки вашего сайта можно проверить, например, с помощью специального сервиса компании Google. Введите URL страницы, загрузка которой вас интересует и дождитесь результатов.
PageSpeed Insights анализирует различные параметры, после чего выдает рекомендации и прогнозирует возможную экономию времени загрузки.
Также стоит проанализировать три вещи:
- Формат изображений
Стандартного, универсального формата изображений не существует: все зависит от вида и назначения картинки. При выборе типа файла важно соблюсти баланс между размером и качеством.JPG/JPEG — используется для больших, детализированных фото, скриншотов, градиентных иллюстраций; PNG — оптимальный для небольших изображений, где важно сохранить прозрачность фона: логотипов, значков и других дизайнерских элементов; SVG — подходит для векторных изображений кнопок, иконок, диаграмм; GIF — формат анимированных картинок и динамических рекламных баннеров. Существуют и альтернативные форматы — WebP и JPEG-XR. Они весят меньше, но подходят не для всех браузеров. - Качество изображений
Яркие, четкие, визуально привлекательные оптимизированные картинки положительно влияют и на социальные, и на поведенческие факторы: формируют хорошее впечатление о сайте, продукт или услугу, делают материалы более «вирусными». Важным фактором качества изображений является релевантность — соответствие теме статьи и размещение рядом с текстом, который они иллюстрируют. - Размер и вес изображений
Размер и вес картинок влияют на скорость загрузки страницы, а это — ключевой фактор ранжирования. Оптимизация изображений позволит снизить их вес и повысить скорость. Сжать иллюстрации вручную можно практически в любом графическом редакторе. Важно отследить, чтобы на выходе не испортилась графика, а картинка получилась не размытой и четкой. Или воспользоваться одним из онлайн-инструментов для автоматической оптимизации изображений — после обработки они становятся «легче» и не теряют качество.
По каким критериям оптимизировать изображения?
Характеристики экранов ограничивают визуальное качество изображений, поэтому нет никакого смысла использовать на сайтах картинки с такой же высокой детализацией, как, например, в изображениях для полиграфии. Целесообразно уменьшать разрешение картинки до уровня, достаточного для мониторов
- Размер изображения по длинной стороне сократить до ширины тематической области сайта, которая чаще всего принимается равной 960 px;
- Использовать ограниченное количество цветовых оттенков — палитра для WEB насчитывает 216 цветов;
- Выбирать для изображений форматы файлов, допускающих высокое сжатие, например, JPEG (для анимированных картинок GIF, для картинок на прозрачном фоне PNG);
- Метаданные (сведения о фотоаппарате, которым сделан снимок, о программе, в которой он обрабатывался, выдержку, диафрагму и др.).
Важно не забывать, что один из главных критериев оптимизации — баланс между уменьшением размера файла и сохранением детализации изображения.
Если, например, вы оптимизируете скриншот, на котором пользователь должен что-то прочитать, текст на оптимизированном изображении должен остаться хорошо заметным. В иллюстрации, которую невозможно прочитать, нет никакой пользы.
Другие примеры, когда высокая детализация изображения необходима фото ювелирных украшений, вязаных изделий, репродукции гравюр и т. п.
Однако перед оптимизацией следует оценить исходное качество картинки и улучшить ее настолько, насколько это возможно.
Онлайн инструменты для сжатия изображения.
Есть много инструментов для этого в онлайн версии. Ниже приведен список некоторых из них. Кстати, они бесплатные.
- TinyPNG
- TinyJPG
- Compressior.io
Напишите тег ALT
Атрибуты Alt — это текстовая альтернатива изображений. Когда браузер не может правильно отображать изображения с какой-либо причине. Атрибуты ALT также используются для веб доступности. Даже когда изображение отображается при наведении курсора на него вы увидите текст атрибута alt.
Атрибут alt также добавляет ценность SEO вашему сайту. Добавление соответствующих атрибутов alt, включающих релевантные ключевые слова, к изображениям на вашем вебсайт может помочь вам повысить рейтинг в поисковых системах. На самом деле использование атрибутов alt, вероятно, является лучшим способом отображения ваших продуктов электронной коммерции в поиске картинок Google и в Интернете.
Оптимизация изображения является одной из наименее обременительных, но наиболее эффективных из задач по оптимизации. Оптимизация изображений означает оптимизацию вебсайт. Поскольку изображения составляют большой процент от веса вашего сайта, и можете сделать свой сайт более легким и ускорить загрузку страниц, оптимизировав их. Как и изображения, другие медиа данные, такие как видео, также должны быть оптимизированы. Выберите правильный формат и размер для ваших мультимедиа и убедитесь, что вы оптимизируете их должным образом.
В JustSEO вам помогут оптимизировать основные требования к созданию картинок таких как:
- Качество изображения
- Размер и вес изображений
- Написание ALTов
- Оптимизация URL
- Формат изображений
