Когда мы создаем веб-страницу, запись в блоге или интернет-магазин, мы должны адаптировать изображения для SEO и оптимизировать их так, чтобы сделать нашу страницу более конкурентоспособной в поисковых системах яндекс и google.
Важно всегда использовать изображения для сопровождения наших статей в блоге и помогать посетителям лучше понять опубликованный нами контент. Здесь визуальная часть играет большую роль.
В этой статье приведем наиболее важные моменты по seo-оптимизации изображений.
Читайте так-же: 8 seo-хаков для увеличения посещаемости сайта
1. Всегда используйте соответствующие изображения, связанные с контентом.
Когда мы создаем статью и говорим в ней на определенную тему, мы должны искать изображения имеющие отношение к теме. Но помните, что вы не можете просто зайти в Google Images, выбрать любое изображение которое вам нравится и использовать его в качестве визуального контента. Если вы затрудняетесь в создании собственных изображений, посмотрите на приведенные ниже альтернативы, где вы найдете изображения без авторских прав.
Хотя вру, конечно же можно, но только помните о том что это нарушение авторских прав. Последуют ли какие-либо претензии за публикацию чужого контента или нет, вопрос времени.
Итак, как мне найти эти изображения без авторских прав?
Купить их можно на таких сайтах, как:
- https://istockphoto.com/ru
- https://ru.fotolia.com/
- https://shutterstock.com/ru/
- https://stock.adobe.com/ru/
Если вы покупаете фотографию на одной из упомянутых выше страниц, внимательно прочитайте лицензию чтобы понимать, где ее можно использовать и на каких условиях.
2. Оптимизируйте название изображения
Теперь, когда мы нашли подходящие изображения и хотим использовать их для нашего контента, нам нужно подумать как мы их назовем. Мы не можем называть их так: «image01.jpg», «dsc0001.jpg», «photo123». Почему? Просто потому, что те имена которые я только что упомянул, ничего не говорят об изображении поисковым системам Яндекс и Google.
Так как же мне их назвать? Если вы создаете контент по теме «seo оптимизация изображений», то название может быть: «optimize-images-seo.jpg», «tricks-images-seo.jpg», «how-to-optimize-images-for-seo».jpg“.
Выбирайте любое имя, связанное с создаваемой вами статьей и включающее ключевые слова. Это имя поможет Google лучше проиндексировать вашу страницу. В нашем случае имя не должно содержать кириллицу, т.е. русский алфавит. Вообще это допустимо и изображение будет проиндексировано, только кириллица для поисковых роботов будет представлена в перекодированном виде — Punycode, если проще — просто набором символов, что так-же не даст поисковикам понять о чем это изображение.
Используйте транслитерацию названий, это хорошо работает: покраска автомобилей в Ярославле > pokraska-avtomobilei-v-yaroslavle.
Кирилл Филлипов — Автор канала Domocash
3 Используйте правильный формат изображений
Когда мы говорим о формате изображений которые мы хотим загрузить, у нас есть следующие форматы, которые наиболее часто используются:
JPG (Объединенная группа экспертов по фотографии)
Этот формат является одним из самых известных, поскольку в нем используются файлы небольшого размера. Что касается его качества, то оно не очень хорошее, но приемлемое. Каждый раз когда изображение JPEG сохраняется и сохраняется повторно, запускаются алгоритмы сжатия для уменьшения размера файла. Это означает что некоторые данные теряются каждый раз, когда вы вносите изменения в фотографию и сохраняете ее.
Поэтому, если вы редактируете изображение в JPG и сохраняете его несколько раз, качество будет все хуже и хуже.
Проблема с этим форматом в том, что он не поддерживает прозрачные фоны, как в случае со следующими двумя. В любом случае, это самый используемый формат из-за своего качества/веса, он идеально подходит для использования на нашем сайте и не занимает много места.
GIF ( формат обмена графикой)
Этот формат занимает меньше места чем JPG, но максимальное количество цветов которые можно использовать составляет 256. Он идеально подходит для тех случаев, когда нам нужны более простые изображения. Этот формат поддерживает прозрачный фон. Мы можем использовать его статическим или динамическим образом, что придаст ему движение. Идеально подходит для создания рекламных баннеров.
PNG (переносимая сетевая графика)
Как и предыдущий формат png допускает прозрачный фон. Из трех типов этот имеет наилучшее качество, но занимает гораздо больше места, чем два предыдущих. Мы должны принять это во внимание, потому что если наша страница загружается долго, это негативно повлияет на SEO.
SVG (масштабируемая векторная графика)
Этот формат может быть вам не знаком, но он хорош тем, что это файл векторного изображения выпущенный в 2001 году, и он более мощный чем предыдущие три. Как бы вы ни увеличивали разрешение, изображение останется четким.
Поговорив о существующих форматах изображений:
Какие из них я должен использовать в Интернете или в своем блоге?
Независимо от формата который вы используете, если вы видите что изображение у вас очень тяжелое — это замедлит загрузку вашего сайта, а это плохо для SEO. Я почти всегда использую JPG, а если мне нужно сделать динамическое изображение — использую формат GIF.
Даже не думайте об использовании формата BMP (Windows Bitmap) для своего веб-сайта! Чтобы не заморачивать вас большим количеством форматов, я не буду вдаваться в подробности последних. Если вам интересно, поищите информацию в интернете, где сможете узнать больше о BMP .
4. Уменьшите изображения перед их загрузкой
Представьте что вы сделали на свой смартфон несколько фотографий с разрешением 12 мегапикселей. Это соответствует 4000 пикселей по горизонтали и 3000 по вертикали. Например, прежде чем загрузить эту фотографию в свой блог, вам придется её уменьшить или изменить размер.
Для Windows я использую IrfanView, очень мощную программу. IrfanView был первым в мире графическим средством просмотра изображений с поддержкой нескольких (анимированных) GIF. Один из первых графических просмотрщиков в мире.
При установке программы и при открытии изображения, нажав на CTRL+R появится окно, где можно задать размер по горизонтали. Таким образом, вы сможете уменьшить размер изображения.
При сохранении файла у вас будет возможность понизить качество файла. Он доступен только для ПК. Например, для MAC вы можете использовать Preview.
Можете воспользоваться и отличным онлайн-сервисом: https://tinyjpg.com/
5. Опишите изображение, используя тэг ALT
По тэгу ALt я писал отдельную статью: Что такое alt текст изображений? Зачем нужен тег alt? Как мы прекрасно знаем, с помощью искусственного интеллекта Google может практически «прочитать» изображение и более или менее понять о чем оно.
Если вы хотите проверить это, откройте свои Google Фото на своем мобильном телефоне или компьютере и введите что-нибудь в поиск, чтобы увидеть, показывает ли Google вам фотографии, связанные с искомым термином. Посмотрите на пример, который я поставил после этого абзаца. Вы будете удивлены. На самом деле я думаю что этои алгоритм улучшится в ближайшие годы.
Google Фото (пример)
В этом примере в моих Google Фото, если я ввожу слово «велосипед», я получаю фотографии своего велосипеда. Я ни разу не сказал Google, о чем фотография, но он может ее идентифицировать.
Но пока это не улучшено, даже когда мы загружаем фотографии на нашу страницу или в блог, мы должны сообщать Google, о чем фотография. И как мы это делаем?
Если вы используете WordPress , при загрузке изображения вы столкнетесь с параметрами которые необходимо заполнить.
Так как оптимизировать SEO-изображения?
- Качество
- Альтернативный текст (тег Alt)
- Описание
Наиболее важной является опция «Альтернативный текст», потому что это то, что Google будет искать в исходном коде после изображения. Вы также можете добавить текст описания. Слова, которые вы должны использовать в замещающем тексте, связаны с заголовком вашего сообщения в блоге или страницей на которой вы находитесь. Название поможет вам найти изображение в WordPress.
Добавить тег ALT очень просто и вы должны делать это практически для всех изображений. Это повышает доступность и может помочь поисковикам понять, что на нем изображено.
6. Разместите изображения на своем веб-сайте
Тут рекомендации будут излишне, по-скольку существует огромное количество систем управления контентом (CMS). В каждом отдельном случае, изображения на сайт добавляются с помощью каких-либо редакторов, например TineMCE или другими средствами cms. Если честно, думаю рассказывать в этой статье как добавлять изображения на сайт абсолютно глупая затея, если вы читаете этот текст, значит вы уже знаете как это сделать.
Я надеюсь, что эти приемы были полезны для вашего сайта или блога. Как видите это набор определенных шагов, которые необходимо выполнить. Появление в топе результатов поиска может быть тяжелой работой, но на это стоит потратить некоторое время.
Если вы будете следовать этим основным шагам, у вас будут полностью оптимизированные изображения, что несомненно повысит позиции вашего сайта или блога в поисковой выдаче яндекс и google.
