Как оптимизировать изображения для SEO

оптимизировать изображения для SEO

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

С помощью изображений вы сможете привлечь дополнительный органический трафик из поиска Google Картинки.

Но чтобы так получилось, их нужно оптимизировать.

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

Выбор изображения

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

Квентин очень хорошенький, но совершенно не вписывается в нашу статью (хотя попробуйте сказать ему об этом). оптимизировать изображения
Квентин очень хорошенький, но совершенно не вписывается в нашу статью (хотя попробуйте сказать ему об этом).

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

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

К тому же, дорогие.

Будьте очень осторожны! Даже если вы думаете, что на изображение не наложено авторское право, настоящий владелец может предъявить права на фото, и вскоре вы найдёте счёт на £500 в своей почте.

Пример стокового фото:

Посмотрите на этих миллениалов. Они так похожи на нас, правда?
Посмотрите на этих миллениалов. Они так похожи на нас, правда?

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

Будьте креативными, создавайте свои графики, списки и инфографики.

Но если у вас нет времени или денег на всё это — и правда, а у кого есть? — то существует множество бесплатных ресурсов для этого…

Где найти бесплатные источники изображений

Поиск Google Картинки – права использования

Когда ищете изображение, вы можете отфильтровать результаты, которые защищены авторским правом. Кликните на вкладку “Search Tools”, а затем на “Usage Rights” и выберете “Labeled for Reuse”.

оптимизировать изображения

Может быть, это не даст вам никаких результатов, но, может быть, вы найдёте картинку, которую не использовали ранее.

Творческое сообщество Flickr

Flickr — потрясающий источник фотографий, и вы можете использовать любое изображение с пометкой Creative Commons licence.

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

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

Сайт Unsplash

Один из наших любимых сайтов, все фото на Unsplash не защищены авторским правом. Всё, что нужно, — указать имя и ссылку на фотографа. Эти картинки очень похожи на ‘стоковые фото’, но их качество заметно лучше, чем у стандартных изображений ‘модель смотрит в телефон и улыбается’.

Другие полезные источники

Gif grabber

С помощью программы Gif Grabber (поддерживается на Mac устройствах) вы сможете сами создавать гифки совершенно бесплатно. Вы можете выделить любой уголок на экране, задать размер и обрезать полученное gif-изображение.

Awesome screenshot

Это программа от Chrome, которая позволяет сделать скриншоты окна браузера (выделить какую-то часть или всю веб-страницу). Перед тем как сохранить скриншот, вы можете оставить свой комментарий на нём.

Piktochart

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

Как сделать гифку о работе в Piktochart, используя Gif Grabber…

pikto-1

Как оптимизировать изображения для поиска

И вот, вы нашли или создали изображение. Теперь вам нужно загрузить его на сайт.

Размер изображения

Скорее всего, вы захотите уменьшить свои изображения. iPhone фото могут достигать до 3,000 пикселей в ширину (на 2,500 пикселей больше, чем вам нужно).

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

Если вы используете Мак, просто откройте изображение, зайдите в “Настройки” и выберите “Изменить размер”.

resizing-an-image-on-a-mac

Также вы можете использовать Photoshop, если он есть, или любой онлайн-редактор, например, Picresize.

Если у вас PC, используйте Paint.

Да, старый добрый MS Paint. Просто откройте программу, нажмите “Открыть”, выберите изображение, размер которого хотите изменить, и откройте его. Потом на главной панели нажмите “Изменить размер”.

Осторожность с iPhone изображениями

Если вы загружаете iPhone изображения на сайт WordPress, может произойти один неприятный баг. Когда вы делаете вертикальную фотографию с помощью айфона, то в статье она может быть автоматически отображена в горизонтальном виде. Так происходит не всегда, всё зависит от поколения телефона и шаблона в WordPress.

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

Имя файла

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

Если вы используете фото, сделанное на iPhone, то имя файла будет выглядеть примерно так IMG_6056. Сделайте себе одолжение и переименуйте его, это не обязательно поможет при SEO-продвижении, но обязательно поможет вам, когда вы будете искать это изображение позже на своем сайте.

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

Неправильный заголовок…

wrong-title

Правильный заголовок…

sleepingcat

Альт-текст

Большое значение имеет, как вы подписываете изображения в альт-теге. Система Google не “видит” ваши изображения, но может “прочитать” их. А что она “прочитает” зависит от текста в альт-атрибуте.

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

Когда пишете альт-текст, представьте, что рассказываете человеку с нарушением зрения о том, что изображено на картинке. На примере выше вы видите альт-текст ‘британский котёнок спит на полке, облокотившись на альбомы с фотографиями’.

Альт-текст также отображается при наведении на картинку курсора.

Описание и подпись

В WordPress также есть область “Описания” и “Подписи”. Они бессмысленны для SEO, но могут быть полезны в других случаях.

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

Подпись будет показываться внизу вашего изображения. Выбор за вами — использовать её или нет. Она будет полезна, если вы хотите оставить комментарий или описание под изображением.

caution-description

Улучшение изображения

Проверьте, использовал ли кто-нибудь ваше изображение без спроса в интернете.

Это можно сделать с помощью автоматического поиска, такого как Image Raider.

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

Но не будьте слишком грубы, может, человек разместил её не нарочно.

Прочитайте и другие полезные статьи:

Если у вас возникли дополнительные вопросы — пишите нам info@adviko.by

Или звоните:

+375 17 209 00 95

+375 17 254 73 89

+375 17 306 43 05

+375 29 619 05 79