<
  • Главная
Статьи

SEO оптимизация изображений на сайте

Опубликовано: 01.09.2018

видео SEO оптимизация изображений на сайте

Оптимизация изображений для сайта на WordPress (СКОРОСТЬ + SEO)



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


Оптимизация изображений в WordPress для ускорения сайта и улучшения SEO

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

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


Изображения для SEO. Павел Шульга (Академия SEO)

Допустим, Google обнаружил данное фото (Ford GT40).

Поисковые системы знают, что это изображение потому, что мы использовали  HTML тег <img>. Какую-то информацию о нем они смогут получить из URL (если это ЧПУ) и окружающего текста — если только это релевантное теме статьи изображение. Человек видит и понимает что это спортивная машина, но поисковики нет. Однако, для них информативными будут атрибут ALT и хорошо составленное имя файла.

Alt атрибут

Alt атрибут содержит альтернативное текстовое описание, которое будет выводится в случае недоступности изображения (возможного сбоя, плохого коннекта). Помимо пользователей, тег Alt нужен поисковым системам для индексации картинок. Но Яндекс и Google относятся к ALT тегу по разному:

Атрибут тега ALT используется Яндексом для индексации изображений, однако поисковик не включает содержащийся в нем текст в основной индекс Гугл (в отличии от яндекса) – содержание атрибута ALT воспринимает как основной текст страницы, т.е. оно может влиять на выдачу при релевантном поисковом запросе . Фразы альтернативного описания могут попасть в сниппет Google

Из Alt и окружающего текста поисковики получают необходимую им информацию об изображении и поэтому:

В теге Alt нужно использовать осмысленные ключевые фразы

Переоптимизацией будет считаться умышленное злоупотреблении длинными НЧ фразами (под Long-Tail запросы). Также нужно помнить:

Когда у вас слишком много картинок с ключевой фразой в атрибуте тега ALT, а в теле поста недостает текста — поисковые системы примут это за спам

Некоторые SEO-плагины не допускают этого и при написании статьи просто проинформируют о переоптимизации.

Если вы посмотрите на код предыдущего изображения то заметите, что Alt уже имеет описание.

< img src =" ford gt 40. jpg " alt ="Форд GT 40 цвета Gulf " />

Таким образом мы предоствляем поисковым системам следующюю информацию :

Это Ford GT40 Автомобиль цвета Gulf

Теперь, если кто-то сделал запрос: GT40 Gulf Colors или похожий на него — у изображения есть шансы быть замеченным. Как видите заполнить alt атрибут несложно, нужен только доступ к изображению в HTML редакторе:

Заполнение атрибутов Alt и Title при загрузке изображений в WordPress .

Имя файла изображения

Хотите продолжить оптимизацию изображения для сайта ? Смените имя файла. Описательное имя будет оценено поисковиками.

С цифрового фотоаппарата мы получим снимок с именем вроде «DSC0123.jpg», что не даст никакой информации об изображении. Дав файлу изображения осмысленное имя, вы увеличите шансы на высокое ранжирование в поиске по картинкам. Назовите фото, к примеру так: «basket-of-red-apples.jpg» и вы увидите его появление по запросу «Корзина красных яблок» в поиске по картинкам.

Известно, как иногда полезно, для лучшего восприятия информации использовать дефис. SEO для изображений работает по этому же принципу. При использовании дефиса в имени файла, поисковые системы способны распознать в составных фразах отдельные слова. Следует избегать слитного написания имени, а так же использования иных разделителей: подчеркивания (_), знака плюс (+) .

О размере файла

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

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

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

Оптимизация изображений форматов JPG, PNG и GIF

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

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

PNG изображения популярны благодаря своей поддержке прозрачности (в отличии от JPG). PNG это альтернатива для GIF формата по возможности сжатия без потерь.

GIF изображения можно сжимать не теряя в качестве, когда они содержат 256 цветов или меньше. Формат поддерживает анимацию.

С задачей сжатия и оптимизации веб-графики отлично справляется условно-бесплатная (имеются функциональные ограничения) программа Advanced JPEG Compressor .

Использование HTML — не лучший способ для изменения размеров изображений

Загрузка большого изображения (например 800 x 600 px) с отображением его в меньшем разрешении (400 x 300 px) средствами HTML, используя width и height атрибуты — впустую расходование ресурсов канала связи.

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



Новости
    Без плагина
    На сайте WordPress имеется файл, именуемый как .htaccess. Многие пользователи не предают ему особого внимания и не используют все его возможности. На самом деле файл .htaccess – это дополнительные конфигурации

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

    Слайд-шоу с помощью плагина для WordPress UnPointZero Slider
    Плагин для cms WordPress UnPointZero Slider – новостной слайдер. Он отражает в форме слайд-шоу изображения со ссылками на ваши статьи и краткие выдержки оттуда. Его можно установить и на новостной сайт,

    Плагины для Wordpress
    С помощью этого плагина вы легко сможете интегрировать Google диск на ваш WordPress сайт или блог . Gravity Forms — лучший плагин для создания форм на WordPress, от самых простых (например, форма

    Подписки плагином JetPack: размещение и редакция формы подписки
    Вступление Здравствуйте! В этой статье я покажу, как использовать плагин JetPack для создания пользовательской формы подписки и как эту формы подписки плагином JetPack добавлять в статьи сайта, а при

    Чистка сайта WordPress плагином WP-optimize
    От автора Со временем использования система WordPress накапливает не нужные файлы, комментарии и неиспользуемые данные в базе данных. Эти файлы и данные создаются в процессе работы и нужны для этого,

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

    Резервное копирование WordPress сайта без плагинов
    Вступление Резервное копирование WordPress это второе, что нужно научиться делать после установки WordPress. Можно сколько угодно говорить о безопасности сайта и его защите, но лучшего варианта защиты

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

    Плагин WordPress Database Backup. Архивация базы данных блога на WordPress
    Привет друзья! Сегодня на очереди еще один простой, НО, необходимый и полезный плагин — плагин WordPress Database Backup , который с легкостью и самостоятельно произведет процесс, который научно называется:

  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью

rss