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

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

В бесплатных фотобанках и фотостоках. https://vc.ru/3811-free-photo

Ну, или вооружиться фотоаппаратом или нарисовать свои изображения или инфографику.

Уникальные изображения можно добыть на сайтах онлайн 3D реендеринга, таких как: https://www.pixelsquid.com/collections Здесь представлены богатые коллекции разных предметов, материалов, поверхностей, животных и пр.

Вы можете вращать его в 3-х плоскостях, соотетственно картинка, которую вы получите вращением будет уникальна

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

Основными требованиями, предъявляемым к изображениям являются:

Уместность – фотография должна раскрывать окружающий текст.
Качество. Изображение должно быть четким, резким, крупным.
Небольшого размера. Изображение должно быть оптимизировано (см подробнее раздел - 4. Техническая оптимизация).

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

http://support.google.com/webmasters/bin/answer.py?hl=ru&answer=114016

Давайте файлам изображений подробные, информативные названия. Название файла может подсказать Google тематику изображения. Старайтесь, чтобы в названии файла содержалось описание тематики изображения. Например, название moj-novyj-chernyj-kotenok.jpg намного информативнее, чем IMG00023.JPG

Вносите подробный текст в теги ALT

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

Не рекомендуется: < img src = «puppy.jpg» alt=«» >
Лучше: < img src=«puppy.jpg» alt= «щенок» >
Оптимальный вариант: < img src=«puppy.jpg» alt=«щенок далматинца играет с палкой» >
Чего следует избегать: < img src=«schenok.jpg» alt=«щенок собачка щеночек щенята маленькие щенки собака ретривер лабрадор волкодав сеттер пойнтер щенок джек- расселтерьер щенки собачий корм дешевый собачий корм корм для щенков» >

Предоставляйте достаточно контекста для изображений.

Страница, на которой находится изображение, и содержание вокруг изображения (включая любые подписи и заголовки изображения) дают поисковым системам важные сведения о его тематике. Например, если вы разместите изображение белого медведя на странице о выращивании томатов, поисковые системы могут неверно понять тематику изображения medved.jpg.

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

Производите на пользователей хорошее впечатление.

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

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

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

Старайтесь структурировать каталоги таким образом, чтобы похожие изображения хранились вместе. Например, в одном каталоге можно хранить уменьшенные изображения, а в другом – полноразмерные изображения; либо можно создать отдельные каталоги для всех категорий изображений (например, каталоги для фотографий с Гавайев, из Ганы и Ирландии в каталоге фотографий из поездок). Если на вашем сайте есть изображения для взрослых, советуем хранить их в одном или нескольких каталогах отдельно от остальных изображений на сайте.

Укажите ширину и высоту всех изображений.

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

Следующим пунктом является создание специального сайтмапа для изображений. Инструкцию по его применению читайте здесь:

http://support.google.com/webmasters/bin/answer.py?hl=ru&answer=178636

Не забываем скармливать наш новый сайтмап в вебмастерах поисковых систем, при этом обязательно проверьте, не закрыты ли в настройках вебмастеров индексирование картинок с вашего сайта.

Обратите внимание, что Яндекс будет указывать на ошибку при разборе сайтмапа с картинками. Это нормально.

Для максимального эффекта – разметьте картинки с использованием микроданных shema.org. Используйте описание картинки по следующему принципу: http://schema.org/ImageObject

Особое внимание уделите itemprop=«name» куда органично впишите свои ключевые слова.

Чтобы картинки с сайта попали в поиск Яндекс.Картинок, страницы сайта должны быть проиндексированы. Из проиндексированных страниц извлекается информация об изображениях.

В поиск по картинкам попадают те изображения, которые не запрещены к индексированию в robots.txt или расположены на страницах, не запрещенных к индексированию в robots.txt.

Яндекс индексирует картинки только стандартных графических форматов (JPEG, GIF и PNG). Фоновые изображения и картинки, раскрывающиеся при помощи скрипта, не индексируются.

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

Помните о некоторых советах и техниках, которые помогут вам оптимизировать изображения:

Выбирайте изображения в векторных форматах. Их качество не зависит от разрешения и масштаба, поэтому они подходят для больших экранов и разных типов устройств.
Минифицируйте и сжимайте SVG-ресурсы. Многие графические приложения добавляют XML-разметку, которая часто содержит ненужные метаданные. Ее можно удалить. Убедитесь, что на серверах настроено GZIP-сжатие для SVG-ресурсов.
Выбирайте наиболее подходящие растровые форматы. Определите необходимые требования к изображениям и выберите нужный формат для каждого ресурса.
Пробуйте разные настройки качеств для растровых форматов. Не бойтесь снижать качество: часто изображение по-прежнему хорошо выглядит, а размер файла становится значительно меньше.
Удаляйте ненужные метаданные. Многие растровые изображения содержат лишнюю информацию о ресурсе: геоданные, сведения о камере и т. д. Для их удаления используйте соответствующие инструменты.
Масштабируйте изображения. Уменьшайте файлы на сервере, чтобы исходный и отображаемый размеры были практически одинаковы. Обратите особое внимание на большие изображения. Если их масштабирует браузер, производительность вашего сайта значительно снижается.
Автоматизируйте. Используйте надежные инструменты и ПО, которые будут автоматически оптимизировать изображения на вашем сайте

Источник: https://developers.google.com/web/fundamentals/performance/optimizing-contentefficiency/image-optimization?hl=ru