1. Используйте изображения в каждом текстовом содержании
2. Бесплатные картинки, где их найти и скачать
3. Дайте этому SEO дружественное имя
4. Введите атрибут ALT (и, возможно, TITLE)
5. Используйте подписи
6. Сжать изображения
7. Используйте адаптивные изображения
8. Вставьте изображения в карту сайта
9. Выводы

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

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

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

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

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

ВНИМАНИЕ: насколько это возможно, избегайте использования стандартных изображений, которые уже используются в Интернете, так как кажется, что Google не очень нравится эта практика.

Бесплатные картинки, где их найти и скачать

Хорошим решением может быть использование фотографий и изображений, созданных вашей камерой, на вашем веб-сайте / в блоге (в настоящее время достаточно смартфона), а затем добавленных в программу для редактирования фотографий.

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

Если вы затем хотите редактировать / редактировать изображения, загруженные с помощью совершенно бесплатной программы, вы можете использовать GIMP (доступно для Windows, Mac и Linux), а если вы не хотите устанавливать что-либо на свой компьютер, но хотите манипулировать изображениями через браузер, вы можете попробовать превосходную Canva. ,

Дайте этому SEO дружественное имя

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

Я советую вам поменять это имя на что-то более интуитивное для поисковой системы или краткое описание содержания изображения с наиболее релевантными ключевыми словами внутри (введите ключевое слово-descriptive.jpg ).

Введите атрибут ALT (и, возможно, TITLE)

Внутри тега IMG SRC атрибут ALT предоставляет альтернативный текст изображению, когда по какой-либо причине его невозможно отобразить: он может быть полезен для тех (например), которые используют текстовые браузеры.

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

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

Используйте подписи

Согласно Kissmetrics, надписи под изображениями читаются в среднем на 300% больше, чем основное содержание страницы (согласно исследованиям Poynter Research только на 16%, но это все еще интересный процент).

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

Сжать изображения

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

К счастью, существует множество бесплатных инструментов для сжатия всех типов изображений всего за несколько секунд, при этом качество остается неизменным: я лично использую сайты compressjpeg.com (для сжатия изображений в формате JPG) и compresspng.com (для сжатия изображений в формате PNG). ).

Для WordPress вместо этого есть плагины, которые выполняют автоматическое сжатие: наиболее известными являются WP Smush и EWWW Image Optimizer , даже если я предпочитаю сжимать изображения перед их загрузкой по FTP.

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

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

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

Вставьте изображения в карту сайта

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

Выводы

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

Похожие

Комментарии