. Изображения для сайтов или Image SEO. | Я, БЛОГЕР!
03/29/2024
_Image SEO-

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

Казалось бы, такой вопрос как Изображения для сайтов или Image SEO не должен вызывать особых вопросов. Однако, как и всё в сайтостроение имеет свои тонкости. Как правильно подобрать и оптимизировать изображения, нужно ли их вообще добавлять и сколько и т. д. Попробую ответить на самые распространённые вопросы. 

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

*Это простая рекомендация: вы должны добавлять изображения к каждой статье, которую вы пишете в интернете, чтобы сделать их более привлекательными. Более того, поскольку визуальный поиск становится все более важным — как видно из Google поиска — он может обеспечить вам хороший трафик. Если у вас есть визуальный контент, возможно, имеет смысл поставить Image SEO немного выше в вашем списке дел по сайту. 

Где брать изображения для сайтов 

Если у вас нет собственных изображений, которые вы можете использовать, есть и другие способы найти уникальные изображения и по-прежнему избегать стоковых фотографий. Flickr.com это хороший источник изображений, например, так как вы можете использовать изображения Creative Commons. Не забудьте приписать оригинального фотографа. Мне также нравятся изображения, предоставляемые такими сайтами, как Unsplash .  Блогер Кэролайн написала потрясающий обзор того, где можно получить отличные изображения . Держитесь подальше от очевидных стоковых фотографий, выбирая те, которые выглядят  более подлинными. Но что бы вы ни использовали, кажется, что изображения с людьми в них всегда выглядят как стоковые фотографии, если вы не сделали их сами. В конце концов, это всегда лучше, чем ничего. 

Очевидными альтернативами фотографиям могут быть иллюстрации, которые мы используем, или графики. Почетное упоминание следует отдать анимированным gif-файлам, так как они невероятно популярны в наши дни. (Смотри статью как сделать быстро gif самому)

Тайна английского пациэнта
Тайна английского пациента

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

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

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

Ух, это вопрос! Вот этот раздел можно смело делать в закладки, чтобы точно знать где, когда и как правильно применять.  

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

 1. Выберите правильное имя файла 

Поиск изображений начинается с имени файла. Вы хотите, чтобы Google знал, что такое изображение, даже не глядя на него, поэтому используйте ключевую фразу фокуса в имени файла изображения. Все просто: если на вашем изображении изображен Девушка, играющая на гитаре, имя файла не должно быть DSC4536.jpg, но Девушка-играет-на гитаре.JPG. Главная ключевая фраза-Девушка, поскольку это главная тема фотографии, поэтому она находится в начале имени файла. 

Девушка с котом пример
Девушка с котом пример

2. Выберите правильный формат 

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

  • выберите JPEG для больших фотографий или иллюстраций: он даст вам хорошие результаты с точки зрения цветов и четкости при относительно небольшом размере файла; 
  • используйте PNG, если вы хотите сохранить прозрачность фона; 
  • или используйте WebP вместо JPEG и PNG. Он будет производить высококачественные результаты с меньшими размерами файлов. Вы можете использовать такие инструменты, как Squoosh, чтобы преобразовать свое изображение в WebP. 
  • используйте SVG для логотипов и иконок. С помощью CSS или JavaScript вы можете управлять изображениями в формате SVG, например, изменять их размер без потери качества. 

Если вы знаете, что большая часть вашей аудитории использует определенные браузеры или устройства, вы можете проверить, поддерживается ли ваш предпочтительный формат этими браузерами. CanIuse.com 

Когда у вас есть правильное имя и формат, пришло время изменить размер и оптимизировать ваше изображение! 

Масштабирование для Image SEO 

Время загрузки очень важно для UX и SEO. Чем быстрее сайт, тем проще его посетить и проиндексировать. Изображения могут иметь большое влияние на время загрузки, особенно когда вы загружаете огромное изображение, а затем отображаете его очень маленьким – например, изображение размером 2500×1500 пикселей, отображаемое при размере 250×150 пикселей, – поскольку все изображение все еще должно быть загружено. Поэтому измените размер изображения так, как вы хотите, чтобы оно отображалось. WordPress помогает, автоматически предоставляя изображение в нескольких размерах после загрузки. К сожалению, это не означает, что размер файла также оптимизирован, это просто размер отображения изображения. 

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

Инструменты для оптимизации изображений ImageOptim или веб-сайты, такие как JPEGminijpeg.io или Kraken.io 

Когда вы оптимизировали свои изображения, протестируйте свой сайт с помощью таких инструментов, как Google PageSpeed InsightsLighthouse WebPageTest.org или Пингдом 

Используйте отзывчивые изображения 

Это очень важно и для SEO, и если вы используете Word Press, то это сделано для вас, так как он был добавлен по умолчанию с версии 4.4. Изображения должны иметь srcset атрибут, который позволяет подавать различное изображение на ширину экрана — особенно полезно для мобильных устройств. 

Заголовки для изображений 

Подпись к изображению-это текст, сопровождающий изображение на странице — если вы посмотрите на изображения в этой статье, это текст в сером поле под каждым из них. Почему подписи важны для SEO изображений? Потому что люди используют их при сканировании статьи. Люди, как правило, сканируют заголовки, изображения и подписи, как они сканируют веб-страницу. Еще в 1997 году Нильсен писал:

«Элементы, улучшающие сканирование, включают заголовки, крупный шрифт, жирный текст, выделенный текст, маркированные списки, графику, подписи, тематические предложения и оглавления.” 

В 2012 году Kiss Metrics пошла еще дальше, заявив, что: 

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

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

Резюме для Image SEO 

  • Используйте релевантное изображение, соответствующее вашему тексту 
  • Выберите хорошее имя файла для вашего изображения 
  • Убедитесь, что размеры изображения соответствуют размеру отображаемого изображения 
  • Используйте srcset, если это возможно 
  • Уменьшите размер файла для более быстрой загрузки 
  • Добавьте подпись, если это необходимо, для облегчения сканирования страницы 
  • Используйте изображение alt text. Нет необходимости в тексте заголовка 
  • Добавьте структурированные данные к вашим изображениям 
  • Добавьте теги OpenGraph и Twitter Card для изображения 
  • Не прерывайте левую линию чтения изображением-выровняйте изображения по правому или центральному краю 
  • Используйте изображения в ваших XML-картах сайтов 
  • Предоставьте весь контекст, который вы можете! 

Вот как-то так! Если у вас есть дополнения пишите в комментариях, тема нужная и интересная. Дополнение к этой статье читай «Сервисы для оптимизации изображений»

Что такое SEO? Простыми словами (дополнительно прочитай обязательно!)

Вам может также понравиться статья про “Биржи для фрилансеров.”  где можно заказать оформление для сайта.

Девушка с компьютером устала
Девушка с компьютером устала

Возможно вам будет интересно узнать:

Это все касается SEO. Оптимизация и продвижение ваших ресурсов. Сео это про то, как из рубля делать три.

ДАВАЙТЕ ОСТАВАТЬСЯ НА СВЯЗИ!

Мы хотели бы держать вас в курсе последних новостей и предложений 😎

Мы не спамим! Прочтите нашу политику конфиденциальности чтобы узнать больше.

Подтвердите подписку на своей почте. Чтобы получать новости