07.01.2018   1009
SEO оптимизация картинок для сайта

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

Что такое оптимизация графики для сайта. Для чего нужна оптимизация изображений и что нужно сделать для этого.

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

SEO оптимизация графики

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

Для чего нужна оптимизация картинок

  1. Получение сайтом дополнительного трафика в виде посетителей, которые заинтересуются графическим изображением в результатах поиска. На часть запросов поисковик выдаёт, помимо ссылок, картинки, подходящие под запрос. Помимо этого, немаловажно, что сайт может попасть в топ изображений по запросу, даже если по самому запросу он в него не попадал. Порой так и происходит, что по конкретному запросу сайт находится внизу топ списка, а по графике вверху.
  2. Под коммерческие запросы оптимизированная графика подходит иногда даже лучше, ведь посетителям удобнее рассматривать товар на картинке, нежели вчитываться в текст.
  3. Даже качественный и грамотный контент не сделает сайт привлекательным, ведь текстом не всегда можно полностью раскрыть тему. Да и посетители любят видеть наглядное изображение на страничке – придаёт статье полноту и завершённость, к тому же повышает эстетическую привлекательность страницы.
  4. В глазах поисковых роботов статьи с картинками имеют более значительный вес, нежели аналогичный контент, но в виде текста.
  5. Быстрота открытия странички. Посетитель не станет ждать долго загрузки страницы и с большой долей вероятности вы потеряете людей, которые уйдут на другие сайты.

Величина изображения

Ресайз изображений

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

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

<a href="место размещения оригинала"><img src="место размещения превью"></a>

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

Местоположение картинки

Расположение картинок в тексте

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

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

Подпись под изображением

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

Атрибут alt

Атрибут изображения alt — альтернативное описание графики в виде текста. Оно даёт посетителю сайта информацию об изображении, если в браузере не показывается графика. Это смотрится таким образом:

<img src="место расположения картинки" alt="Описание картинки">

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

Атрибут title

Воспроизводится он в виде всплывающей подсказки и позволяет дополнительно SEO оптимизировать изображение. В нём можно разместить добавочную информацию о картинке. Атрибут title для картинки различается по тегу <a>, где и размещается если изображение является ссылкой. Для картинок его присутствие необязательно.

Как правильно назвать фотографию?

Хороший вариант для обозначения содержимого графической составляющей и дополнительного оптимизирования изображения для поисковых систем — соотнести название графического файла с его содержанием. К примеру, изображение серого дома, подписать seryj-dom.jpg. Такой url информативней как для посетителя, так и для поисковых систем, чем img_214.jpg. Удобопонятные обозначения весьма положительно сказываются на SEO параметрах графики.

Расширение графики

Наиболее популярны .jpg, .png, .gif. Различаются они по степени сжатия и дают возможность получения неплохого соотношения размера изображения и весомостью файла для любого типа иконок, фотографий или рисунков. Необходимо грамотно подбирать расширения.

Плохое качество картинки

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

Заключение

Оптимизировать изображения несложно. Важно не полениться и прописать уникальный alt, title и ЧПУ url файла каждого изображения. Это позволит добавить страничке максимум текстовой информации, которая придаст страничкам лучшую релевантность и улучшит продвижение картинок. К тому же посетители ищущие картинки по вашему запросу добавят сайту трафик, который дадут SEO оптимизированные изображения.

Присоединяйтесь к нам в Twitter, ВКонтакте, Facebook и Google+, а также вступайте в наш чат в Telegram, чтобы не пропустить новые уроки и быть в курсе последних новостей из мира веб-разработки.