Рубрики

Полезные материалы

Как сделать SEO для 3-шаговых изображений

  1. Соотношение изображений к роботу Google
  2. Как оптимизировать изображения?
  3. Дополнительный совет: имя изображения
  4. Название изображения
  5. Как сжать изображение без потери качества - Шаг 2
  6. Изображение Alt Tag (Описательный текст) - Шаг 3
  7. Зачем оптимизировать изображения в ваших стратегиях SEO?

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

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

Соотношение изображений к роботу Google

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

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

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

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

Дополнительный совет: имя изображения

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

Имя изображения совпадает с именем, которое вы даете ему, когда оно находится на вашем компьютере.

Представь, что ты сфотографировал тот вкусный гамбургер, который ты попробовал в прошлые выходные. Вы уже написали пост о гамбургере, и теперь вам нужно только загрузить изображение гамбургера в контент. Однако когда мы передаем изображение с телефона на компьютер, оно обычно называется « DSC17032017» . Но это имя ничего не говорит поисковым системам. Что вы должны сделать, это переименовать ваши изображения всегда перед загрузкой на ваш сайт.

В случае вышеприведенного примера хорошим именем изображения будет «двойной бургер-чеддер» . Дефисы (-) используются для представления Googlebot пробела между одним словом и другим.

Переименовать изображение очень просто:

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

Готов. Ваше изображение уже оптимизировано. Давайте перейдем к следующему шагу.

Название изображения

Google использует два HTML-элемента для идентификации изображения: заголовок изображения и его альтернативный текст.

Название изображения должно предоставить больше информации об этом изображении. Название имеет важное значение для поисковых систем, чтобы иметь возможность понять и извлечь больше информации из изображения. Помните, что заголовок должен быть актуальным и должен быть контекстуализирован с содержанием, красотой? Ах! Старайтесь не повторять одно и то же имя в теге alt и в заголовке изображения.

Как сжать изображение без потери качества - Шаг 2

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

  1. Организуйте в папке все изображения, которые необходимо сжать, и обязательно переименуйте имя изображения, как я объяснил выше.
  2. Доступ к веб-сайту TinyPNG: https://tinypng.com/
  3. Выберите все изображения, которые нужно сжать. Инструмент принимает до 20 изображений и может вместить до 5 МБ каждое.
  4. Инструмент отображает отчет, показывающий, насколько он уплотнен в общей сложности и насколько уменьшился размер каждого изображения.
  5. Скачать все изображения.

Скачать все изображения

И готово! Теперь ваши изображения уже переименованы и сжаты.

Дополнительно: TinyPNG имеет плагин WordPress. Плагин позволяет сжимать все изображения, которые уже есть на вашем сайте. Инструмент также автоматически сжимает новые загружаемые вами изображения.

Изображение Alt Tag (Описательный текст) - Шаг 3

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

Помните пример, который я привел выше? Мы сказали, что хорошее имя для изображения будет "двойной бургер-чеддер" . И хорошим альтернативой в этом случае будет «Двойной Чеддер Гамбургер Паб» . В тэг alt я добавил гамбургер и название гамбургера.

Как получить код изображения:

<img src = "URL изображения" title = "Имя изображения" alt = "Описание изображения">

<img src = URL изображения title = Имя изображения alt = Описание изображения>

Дополнительно: обратите внимание, что в приведенном выше примере объявляются высота и ширина изображения. Это связано с тем, что, согласно Google, в коде указываются размеры изображения, что позволяет ускорить рендеринг страницы, что, в итоге, сокращает время загрузки страницы.

Чтобы вставить текстовый тег alt в изображения, попросите разработчика сайта вставить тег alt после заголовка изображения. Для сайтов в WordPress тег вставляется автоматически, просто заполните поля: заголовок и альтернативный текст.

Зачем оптимизировать изображения в ваших стратегиях SEO?

Изображения являются элементами, которые могут способствовать ранжированию вашего сайта. Это потому, что при оптимизации они замедляют время загрузки сайта, и, как мы знаем с 2010 года, Google обнаружил, что время загрузки считается фактором ранжирования , Еще одним положительным фактором является то, что при оптимизации изображений googlebot может идентифицировать и отображать изображения в Google Images.

Хотите узнать больше об оптимизации изображений? Доступ к руководство по оптимизации изображений от Google!

Ну на сегодня одни! Я надеюсь, вам понравилось. Если у вас есть какие-либо предложения или вопросы, не стесняйтесь комментировать.

Как оптимизировать изображения?
Помните, что заголовок должен быть актуальным и должен быть контекстуализирован с содержанием, красотой?
Помните пример, который я привел выше?
Зачем оптимизировать изображения в ваших стратегиях SEO?
Хотите узнать больше об оптимизации изображений?