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

Содержание

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

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

Оптимизация изображений позволяет сайту быстрее загружаться и повысить свой рейтинг в поисковых системах. Google давно дал понять, что предпочитает быстро загружаемые веб-сайты и блоги.

Использование полноразмерных файлов увеличивают время загрузки страницы. В среднем, пользователи закрывают страницы, которые грузятся более 3 секунд. Оптимизация графических файлов ускорит работу сайта и поможет удержать пользователей. Есть много способов оптимизировать картинки, как вручную (бесплатно), так и с помощью сервисов, которые оптимизируют все изображения. И в этом посте я расскажу о самых популярных сервисах.

  • 1. Kraken io
  • 2. Tiny JPG и Tiny PNG
  • 3. ImageRecycle
  • 4. Google PageSpeed Insights
  • 5. GTmetrix
  • 6. Советы по оптимизации изображений для вашего сайта

1. Kraken io

Kraken io сервис для оптимизации изображений

Бесплатная версия: есть. Позволяет сжимать изображение размером до 32 МБ. В сумме вы можете сжать до 100 МБ изображений. Цена на платную версию от $4.16/месяц до $32.50/месяц.

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

Чаще всего Kraken используют в виде плагина, который перехватывает изображения из загрузчика мультимедиа, прежде чем они будут сохранены на сервере, и оптимизирует их. Плагин также позволяет оптимизировать существующие изображения в вашей медиатеке, которые не были сжаты. Сервис поддерживает экспорт файлов в Dropbox или импорт файлов из Box, Dropbox и Google диска.

  • JPEG — 11,32% без потерь, 70,05% с потерями).
  • PNG — 44,06% без потерь, 75,03% с потерями).

Tiny JPG и Tiny PNG

Tiny JPG и Tiny PNG — сервисы для оптимизации изображений

Абсолютно бесплатны. Вы получаете доступ ко всем их плагинам, расширениям к программам и API, не заплатив ни копейки.

Tiny JPG и Tiny PNG — одни из наиболее часто используемых бесплатных инструментов. Они практически не отличаются друг от друга и помогают пользователям сжать картинки.

Сервисы позволяют загружать до 20 файлов за раз и до 100 в месяц. Размер одного файла не может превышать 5 МБ. Можно скачать файлы на устройство или перенести в Dropbox.

API подойдёт для автоматического преобразования изображений, а для начинающих есть удобный WordPress-плагин. Для тех, кто часто редактирует картинки и публикует их на своём сайте, предусмотрено расширение для Adobe Photoshop, которое сжимает файлы во время экспорта из программы.

Сжатие: JPEG — 32%, PNG — 75%.

3. ImageRecycle

ImageRecycle — сервис для оптимизации изображений

Бесплатная версия: есть. На 15 дней вам будет предоставлен доступ к тестовой версии с ограничением в 100 МБ. Можно оформить платный тариф — $10 за 1 ГБ, $20 за 3 ГБ и $50 за 10 ГБ.

Чрезвычайно полезный сервис для оптимизации картинок в нескольких форматах. Сервис создан для работы с PNG, JPEG, GIF и PDF форматами.

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

У этого сервиса есть WordPress-плагин, приложение в Shopify, расширения для Joomla и Magento. Если вы работаете с этими веб-ресурсами, вам будет удобно использовать ImageRecycle для сжатия графических файлов.

Сжатие: JPEG — 48,97%; PNG — 78,57%.

4. Google PageSpeed Insights

Google PageSpeed Insights — сервис для оптимизации изображений

Абсолютно бесплатен, платных версий нет. Предоставляется напрямую от компании Google.

Google PageSpeed Insights (GPI) — это бесплатный сервис, который измеряет техническую оптимизацию страниц. Он предоставляет предложения по оптимизации и предлагает общие идеи о том, как сделать веб-сайт быстрее.

GPI анализирует сайт по нескольким критериям — от размера изображений до степени сжатия кода. В итоге вы получаете полную картину того, в каком направлении вам стоит двигаться для того, чтобы ускорить ваш сайт. Чтобы сжать изображения, используйте сторонние программы и сервисы.

5. GTmetrix

GTmetrix — сервис для оптимизации изображений

Бесплатная версия: есть. Базовых инструментов будет достаточно для большей части работы. Премиум планы с дополнительными возможностями начинаются от $10/месяц до $40/месяц.

GTmetrix — это бесплатный инструмент, который используется для анализа производительности вашего сайта. С помощью Google Pagespeed (о котором я упомянула выше) и YSlow плагин GTmetrix даёт действенные рекомендации по устранению проблем, которые обнаружит в ходе анализа.

Вы сможете использовать самые разнообразные настройки для анализа вашего сайта:

  • Выбор местоположения, в котором вы хотите протестировать свой URL;
  • Выбор используемого браузера/устройства;
  • Моделирование различных типов соединения, чтобы увидеть, как они влияют на загрузку страниц;
  • Просмотр того, как влияет реклама на общее время загрузки.

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

Как найти изображения большого размера на сайте с помощью Netpeak Spider

Netpeak Spider позволяет проверить сайт и найти изображения большого размера — более 100 Кбайт. Чтобы найти такие картинки на сайте, в программе:

  1. Отметьте такие параметры на боковой панели: «Код ответа сервера», «Изображения» и «Content Length». Как найти изображения большого размера на сайте с помощью Netpeak Spider
  2. Поместите адрес сайта в поле «Начальный URL» и нажмите на кнопку «Старт».
  3. По окончании сканирования откройте отчёт по ошибкам на боковой панели и посмотрите, есть ли среди списка ошибка «Макс.размер изображения». Как найти изображения большого размера на сайте с помощью Netpeak Spider
  4. Чтобы выгрузить список URL, где была найдена ошибка, нажмите на эту ошибку, а затем на кнопку «Экспорт» слева над таблицей.

Вы можете менять значение, которое Netpeak Spider считает ошибкой, в настройках программы «Ограничения»:

Как найти изображения большого размера на сайте с помощью Netpeak Spider

6. Советы по оптимизации изображений для вашего сайта

Визуальный контент должен быть оптимизирован для ваших посетителей и поисковых систем. Это позволяет улучшить пользовательский опыт, сократить время загрузки страницы и даёт ещй ряд других преимуществ → об этом читайте в посте на блоге «Как оптимизировать изображения». Далее я перечислю советы, которые помогут добиться максимальной скорости и удобства поиска.

6.1. Выберите лучший тип файла

Существует три распространенных формата для публикации изображений в Интернете: JPEG, GIF и PNG:

  • JPEG (или .jpg) — стандартный формат для фотографий, рисунков и других графических файлов. Такие файлы не занимают много места и позволяют сохранять изображения в высоком качестве.
  • GIF (.gif) — этот формат поддерживает только 256 цветов из основной палитры, поэтому в нём лучше сохранять логотипы или рисунки. Такие файлы уступают по качеству изображения JPEG файлам, но они оптимально подходят для сохранения анимированных изображений. Сжатие происходит без потерь качества.
  • PNG (.png) — этот формат приобрёл популярность, он позволяет сохранять изображения с большим количеством цветов. В отличие от JPG файлов, повторное сохранение в большинстве случаев не приводит к потере качества.
Читать статью  Как сделать идеальную SEO-оптимизированную страницу

JPEG или JPG форматы больше подходят для сохранения изображений с богатой цветовой палитрой, а PNG идеален для простых изображений.

6.2. Сжимайте изображения

Для повышения скорости важно минимизировать размер всех файлов. Используйте программы и сервисы, описанные выше, чтобы ваши изображения занимали меньше места. Веб-страница не должна занимать больше 1-2 МБ. Главное— избегайте максимального сжатия. JPEG можно сжать с 700 КБ даже до 10 КБ, но качество значительно ухудшится. В среднем изображения стоит сжать до 150-200 КБ, чтобы сохранить приемлемое качество.

6.3. Создавайте уникальные изображения

Поисковые системы охотнее помещают ресурсы на первые места в выдаче, если на них размещены уникальные изображения. Если вы не уверены в том, что изображение нигде больше не используется, воспользуйтесь поиском по изображениям от Google. Вы увидите все идентичные или похожие изображения в сети.

6.4. Назовите свои изображения правильно

Яндекс и Google анализируют название изображения — оно должно соответствовать тому, что изображено на картинке. Перед загрузкой изображений на онлайн-ресурс необходимо их переименовать, можно добавить ключевые слова.

Google плохо распознает кириллические названия. Избегайте автоматически сгенерированных названий наподобие IMG0095933.png, а пишите словами — apple-iphone-11-pro-max.jpg

6.5. Сделайте изображения удобными для смартфонов

Последнее время большая часть людей заходит в интернет со смартофонов и планшетов. Поэтому важен еще один нюанс — оптимизация картинок под мобильные устройства. Дело не только в размере (для смартфона он должен быть еще меньше), но и в самом изображении.

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

Подводим итоги

Оптимизация и сжатие изображений позволит ускорить загрузку страниц, а также улучшить восприятие сайта посетителями. В этом посте я перечислила самые популярные сервисы для сжатия изображений без потери качества:

  • Kraken io,
  • Tiny JPG и Tiny PNG,
  • ImageRecycle,
  • Google PageSpeed Insights,
  • GTmetrix.

Буду рада, если поделитесь своей подборкой любимых сервисах в комментариях!

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

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

База знаний

Автор Вадим Никитенко На чтение 17 мин. Опубликовано 22.09.2018

Полная инструкция по SEO-оптимизации изображений на сайте. Узнайте как правильно заполнять атрибуты Alt и Title у картинок для поисковой оптимизации сайта под Яндекс и Google. Почему SEO-оптимизированные изображения важны для повышения релевантности и представления сайта в поиске? Обо всем подробнее в данной статье.

Изображения, gif-анимации и прочая графика является таким же важным элементом контента, как и текст. Правильная оптимизация изображений способна не только упростить и ускорить работу вашего сайта, сделать его более доступным для посетителей с разного рода ограничениями, но и привлечь дополнительный трафик на сайт, сделать его более релевантным пользовательским запросам .

Почему SEO-оптимизация изображений важна?

Прежде всего, изображения — это точно такой же индексируемый поисковыми системами контент, как и текст. Этот контент используется в формировании расширенных сниппетов и, конечно же, участвует в представлении сайта в сервисах «Картинки» соответствующий поисковых систем.

К слову, сервис Яндекс.Картинки является вторым сервисом Яндекса по посещаемости после web-поиска. Он содержит в себе около 10 миллиардов документов и ежедневно предоставляет более чем 5 миллионам пользователей доступ к проиндексированным графическим материалам.

SEO-оптимизация изображений — это достаточна простая для понимания работа, которая поможет вашему сайту:

  • Повысить релевантность страниц поисковым запросам;
  • Привлечь трафик из сервисов поиска по картинкам;
  • Улучшить скорость загрузки страниц и поведенческие факторы ранжирования;
  • Стать более доступным для пользователей с техническими или физиологическими ограничениями.

Чтобы понять суть SEO-оптимизации изображений, необходимо немного вникнуть в работу поисковых алгоритмов ранжирования, выбора оригинальных изображений среди множества дубликатов и оценки их релевантности .

Как Яндекс и Google индексируют картинки?

Изображение в HTML-коде любого документа выглядит подобным образом:

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

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

Не так важна техническая составляющая и методология определения дублирующихся изображений, как результат который вебмастеры и пользователи получают на выходе. Давайте остановимся на самых интересных моментах алгоритма с точки зрения простого оптимизатора:

  • Текст. Самым значимым сигналом для определения содержимого изображения является текст. Описание изображения и атрибуты очень важны, так как на основании их и ближайшего текста около картинки, микроразметки поисковый алгоритм понимает суть контента, и использует эти данные в дальнейшем для определения уникальности изображения и необходимости добавления его в выдачу.
  • Искажения. Поисковые системы давно научились определять разного рода кропы, ресайзы, вращения, искажения и модификации изображений. Данные манипуляции не помогут Вам повысить уникальность картинок, поэтому следует использовать данные приемы только в целях дизайна.
  • Пользовательская составляющая. При ранжировании изображений в выдаче учитываются пользовательские запросы и опыт взаимодействия с картинками. Алгоритм является самообучаемым и учитывает интерес пользователей, количество кликов и их поведение в отношении тех или иных документов. Другими словами, чем популярнее изображение, чем больше пользователей в сети им делятся и проявляют к нему интерес, тем выше вероятность что изображение не только попадет в выдачу, но и займет там более высокие позиции по соответствующим запросам.
  • Время. Время обнаружения изображения поисковым роботом не является решающим сигналом в определении оригинальности. Данный показатель учитывается, но является гораздо более слабым по отношению к тексту и пользовательским интересам.
  • Соответствие текста и изображения. Поисковые системы определяют содержание изображения на основе текста, далее сравнивают текст вашего изображения с текстом всех дублирующихся изображений в сети до определенной степени схожести. Далее на основе всех текстовых данных всех дубликатов определяются наиболее релевантные слова для конкретного изображения, и опираясь на наибольшее текстовое соответствие выборке определяется релевантный вариант ключевого запроса, наиболее часто встречающийся во всех дубликатах. Наибольшее соответствие этому запросу повышает вероятность попадания именно вашего изображения в выдачу.
  • Качество, размер. Вполне логично, что поисковые системы добавляют в выдачу наиболее качественные изображения с наибольшим размером. Однако, чтобы не создавать избыточной потери трафика для пользователей учитываются изображения в среднем до 4-6 мб.
  • Водяной знак. Наличие water mark не влияет на оценку изображения. Поисковые системы с высокой степенью точности умеют определять дубликаты даже при наличии водяных знаков.
Читать статью  Базовое SEO-продвижение сайтов на решениях Аспро

Стоит отметить, что современные алгоритмы не совершенны, и порой в выдачу попадает дублирующийся, либо скопированный графический контент. Кроме того, существуют проблемы с индексированием изображений и определением ближайшего текста у молодых сайтов. Зачастую Яндекс использует текст около изображений в категориях, рубриках, а не в самой статье или странице, где расположен оригинал изображения. Вследствие этого в выдачу попадают изображения, но с нерелевантными описаниями и ссылочными анкорами. У Google в этом плане алгоритм работает лучше, и допускает меньше ошибок.

Если вам интересно подробнее узнать о алгоритме работы поискового робота картинок Яндекс, советуем вам посмотреть данное видео:

Что касается юридической стороны вопроса использования изображений, то она требует отдельной статьи с множеством тонкостей и нюансов, но сейчас не об этом. Данная статья посвящена SEO-оптимизации изображений, и опускает вопрос авторских прав .

Чек-лист: 10 пунктов SEO-оптимизации изображений

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

1. Формат изображений

Поисковая система Google поддерживает индексацию следующих форматов графики: JPEG, PNG, BMP, GIF, WebP и SVG. Яндекс индексирует JPEG, PNG и GIF. Соответствующие форматы представлены в фильтре на странице выдачи Картинок.

Также стоит помнить, что поисковые системы могут медленно индексировать, либо игнорировать маленькие изображения до 150 px ширина/высота, фоновые изображения встроенные с помощью css, либо изображения, выводимые на сайт с помощью скриптов (лайтбоксы, слайдеры). В большей степени это касается Яндекса. Поисковая система может воспринимать данные изображения как элемент дизайна.

В web-е появляются новые поддерживаемые форматы, которые позволяют создавать более сжатые изображения без визуальной потери качества. Сюда относятся, например, JPEG-XR, FLIF, WebP и другие. На сегодняшний день не все браузеры поддерживают данные форматы, поэтому лучше всего свой выбор остановить на всем известной четверке:

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

2. Качество изображения

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

Одинаковые изображения разного качества при увеличении

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

3. Размер и вес изображений

При одинаковой степени сжатия, чем меньше разрешение изображения, тем меньшим будет его вес. Использование большого количества изображений на странице с высоким разрешением может существенно понизить скорость загрузки. Отображайте для пользователей изображение в том размере, которое с помощью функционала сайта они могут увидеть. Нет необходимости публиковать на странице изображения в размере 1000х500 px, если максимальные размер визуального отображения для пользователей составляет 500х250 px.

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

Zoom картинок делается с помощью JavaScript, что может воспрепятствовать индексированию оригинала Яндексом. Но это не имеет значения, так как при условии уникальности меньшая версия изображения и так попадет в поиск из вашего сайта. Так что пользователи при поиске конкретного артикула в Картинках будут видеть изображение с url вашего сайта.

На информационных сайтах необходимо использовать то разрешение изображения, в котором оно будет представлено на сайте. Для дисплеев с ретиной или 4k разрешением при необходимости добавляйте изображения в размере 2x и настройте отображение разных вариантов картинки в зависимости от типа дисплея пользователя .

4. Содержание изображения

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

Например, наше изображение в Google Картинках по запросу «факторы ранжирования Яндекс» включает в себя общий запрос и участвует в выдаче. При этом изображение взято из группы ВК с неоригинальным размером, вероятно, по мере обхода страниц сайта роботом и нахождения оргинального размера, изображение в выдаче будет заменено.

Изображение по запросу

В Яндексе изображение ведет непосредственно на страницу сайта и использует описание изображение из атрибута Alt.

Изображение по запросу

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

5. Название изображения

Поисковые системы могут учитывать названия изображений в определении их релевантности. Поэтому старайтесь не использовать в именах файлов спецсимволы и случайно сгенерированные буквы наподобие Zsndfsl_wetw.jpg или 23485792345.png. Также не стоит использовать в названиях графики кириллицу и пробелы. Называйте изображения латинскими буквами с использованием дефисов или нижних подчеркиваний, например, iphone.jpg или lamborgini-diablo.png. Если в название необходимо добавить русское слово, используйте транслитерацию, например, kupalnik.jpg.

Указывайте в названии файлов максимально релевантный текст содержимому изображения.

Правильное название изображения с использование транслита

Человекопонятные названия файлов удобны для пользователей, если они захотят поделиться ссылкой на ваше изображение или сохранить его локально на свой компьютер. При этом если вы описываете конкретные товарные модели в интервент-магазине, лучше указывать артикул или модель изображения, например, iphone-x.jpg или puhovik-wm180501.jpg .

6. Атрибуты изображений Alt и Title

Alt — атрибут изображения, который содержит альтернативное текстовое описание. Содержимое атрибута Alt отображается вместо изображения, если при его загрузке возникла ошибка. Выглядит это следующим образом:

Это атрибут Alt изображения

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

Правильное заполнение атрибута Alt может повысить релевантность страниц, а также самих изображений в выдаче Картинок. Атрибут является одним из самых сильных сигналов для поисковых систем в определении содержимого изображения. Alt должен содержать в себе точную и короткую информацию о изображении. Старайтесь делать альтернативный описание не более 50-60 символов.

Атрибут title — заголовок изображения. Он отображается как всплывающая подсказка при наведении курсора на картинку. Данный атрибут в отличие от Alt является необязательным в изображении. Его использование может дать пользователю дополнительную информацию о графическом контенте. Если в HTML-коде страницы изображение заключено в тег , т.е. является ссылкой, использовать атрибут title необходимо в теге .

Читать статью  Что такое семантическое ядро и как его составлять

7. Sitemap.xml и robots.txt для изображений

Для того, чтобы поисковые системы могли индексировать изображения, им должен быть предоставлен доступ к соответствующим директориям, в которых эти изображения располагаются. Если изображения вашего сайта не попадают в Картинки поисковиков, проверьте ваш файл robots.txt на предмет закрытия от индексации директивой Disallow папок с изображениями.

В дополнение к основной карте сайта Google рекомендует добавлять карту изображений sitemap-image.xml. Ее синтаксис выглядит подобным образом:

xml карта изображений Google

Поисковые системы индексируют изображения и без отдельной xml карты, но именно Google может это делать более эффективно при ее наличии.

Если вы планируете создать sitemap-image.xml, то укажите два разных пути к карте сайта для разных User-agent Яндекс и Google. В файле robots.txt пропишите для User-agent: Yandex ссылку на основную карту сайта, а для User-agent: Googlebot ссылку на карту сайта, которая будет содержать в себе ссылки на основную карту сайта со страницами и карту сайта с изображениями.

User-agent: Googlebot
Sitemap: https://naked-seo.ru/sitemap-google.xml
User-agent: Yandex
Sitemap: https://naked-seo.ru/sitemap.xml

8. Микроразметка

Данные из микроразметке могут использоваться поисковыми системами для определения релевантности изображений поисковым запросам. Добавьте данные ImageObject для изображений на вашем сайте. Использование микроразметки SchemaOrg позволит не только повысить видимость вашего сайта в сервисах поиска по Картинкам поисковых систем, но и улучшит отображение сайта при шэринге в социальных сетях, позволит повысить его шансы на получение расширенных сниппетов.

Документация по внедрению микроразметки http://schema.org/ImageObject

9. Уникальность

Уникальность является одним из самых значимых критериев попадания картинки в выдачу сервисов поисковых систем. Поисковики любят не только уникальные тексты, но и графику, и стараются представлять пользователям максимально разнообразную выдачу без дублирующихся материалов.

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

Проверить уникальность картинки вы можете с помощью сервисов Яндекса и Google «поиск по картинке», либо с помощью сервиса Tineye.

Поиск картинок Яндекс и Google

10. Контекст использования

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

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

Оптимизация и сжатие изображений позволит вам значительно ускорить работу вашего сайта. Это положительно скажется на поведенческих факторах ранжирования и повысит позиции вашего сайта в выдаче. Вот несколько сервисов, которые помогут вам оптимизировать изображения без визуальной потери качества:

1. TinyPNG. Простой и бесплатный инструмент, который позволяет оптимизировать изображения в форматах jpg и png без потери качества. Сжатие уменьшает размер изображения до 90%. На TinyPNG можно одновременно загрузить до 20 изображений, максимальный вес которых может быть не более 5 мб. Для более расширенных возможностей предусмотрена платная версия.

Сервис TinyPNG

2. Compressor. Схожий сервис с высокой степенью сжатия изображений, который поддерживает 4 графических формата: JPEG, PNG, GIF, SVG. Позволяет сжимать анимацию и SVG типом компрессии Lossy, jpg и png типом компрессии losseless, экономя до 90% места в ваших медиапапках.

Сервис Compresor

3. Jpegmini. JPEGmini-это технология оптимизации фотографий, которая уменьшает размер файла фотографий JPEG до 5 раз, сохраняя при этом разрешение и качество исходных фотографий. Сервис позволяет сжимать только JPEG изображения.

Сервис JPEGmini

4. ImageOptim. Онлайн-сервис и локальная утилита для работы на MacOS. ImageOptim поддерживает 4 самых популярных web-формата изображений: JPEG, SVG , GIF и PNG. Помимо сжатия самих изображений сервис удаляет мета-данные о изображениях: координаты GPS, серийный номер камеры, авторов и т.д. Эти данные порой добавляют графике излишний вес.

Сервис ImageOptim

5. Kraken.io. Это надежный, сверхбыстрый оптимизатор изображений и компрессор с лучшими в своем классе алгоритмами, который поддерживает пакетную обработку фотографий, в том числе, по url-адресу сайта, но только на платной версии. В бесплатной версии доступно сжатие JPEG, SVG , GIF и PNG форматов с возможной детализацией параметров.

Сервис Kraken.io

Как искать картинки в интернете для сайта?

Поиск Google и Яндекс. Самый простой и распространенный способ поиска картинок — это выдача поисковых систем. Google позволяет отфильтровать изображения с лицензией на использование, чтобы в дальнейшем избежать проблем с авторскими правами. Минусом данного метода поиска является высокая степень дублирования материалов. В выдаче поисковых систем по картинкам сложно найти малоиспользуемую в сети графику.

Поиск картинок Google

Платные Фотобанки. Depositphoto, Shutterstock и другие фотобанки предоставляют возможность вебмастерам приобретать графические материалы на платной основе. Данные материалы могут быть ранее куплены другими компаниями или оптимизаторами, поэтому часть из них уже можно найти в сети. Минусом является достаточно высокая стоимость контента.

Фотобанк Depositphoto

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

Бесплатный сток Pexels

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

Бесплатный сток Unsplash

Stocksnap. Все фотографии используются в рамках творческих объединений — СС0. Эта лицензия позволяет загружать, копировать, изменять и распространять фотографии, даже в коммерческих целях без всяких разрешений. Stocksnap имеет удобную навигацию, категорийность изображений. Не самый большой графический хостинг, однако, в нем можно найти много редко используемых материалов.

Бесплатный сток Stocksnap

Burst. Еще одна платформа с удобным поиском и рубрикацией высококачественных и трендовых изображений с возможностью бесплатного использования в коммерческих и некоммерческих целях. Относительно небольшой графический хостинг, включает в себя мене 100 000 изображений. Однако их качество привлекает многих вебмастеров.

Бесплатный сток Burst

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

Бесплатный сток Reshot

Pixabay. Содержит фото, иллюстрации, векторную графику и видео, в том числе, в 4k разрешении с возможностью бесплатного использования и редактирования. Позволяет отсортировать изображения по фотографам, альбомной ориентации, категории, размеру и преобладающей цветовой гамме. Содержит более 800 000 картинок.

Бесплатный сток Pixabay

Выводы

Итого, для эффективной SEO-оптимизации изображений необходимо:

  1. Использовать индексируемые поисковыми системами форматы фалов;
  2. Размещать на сайте сжатые изображения без визуальной потери качества в соответствие с тем разрешением, в котором они представлены на сайте;
  3. Добавлять на сайт уникальные или переработанные графические материалы;
  4. Прорабатывать атрибуты, описания и текст вокруг изображений;
  5. Называть файлы в соответствие с содержимым картинок;
  6. Добавить sitemap-image.xml на сайт для Google;
  7. Внедрить на сайт микроразметку SchemaOrg;
  8. Открывать для индексации медиафайлы в robots.txt;
  9. Использовать бесплатные стоки картинок и инструменты по их оптимизации.

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

Подписывайтесь на блог, делитесь статьей в социальных сетях, задавайте свои вопросы в комментариях и делитесь своим мнение по поводу SEO-оптимизации изображений.

Источник https://netpeaksoftware.com/ru/blog/5-image-optimization-services

Источник https://naked-seo.ru/blog/images-seo-optimization/

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *