Приглашаем принять участие в нашем вебинаре "Переезд сайта на новую CMS или протокол https. Как не потерять трафик" 17 января в 12:30 Узнать больше
Мы увеличиваем посещаемость и позиции в выдаче. Вы получаете продажи и платите только за реальный результат, только за целевые переходы из поисковых систем
Что такое альт-теги?

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

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

 

Атрибут alt (alternative text) — это атрибут тега <img>, позволяющий поисковому роботу «увидеть» изображение и проиндексировать его. По сути, краткое описание того, что изображено на картинке

Атрибут title — это атрибут <img>, выполняющий роль заголовка для изображения. Он формирует всплывающие подсказки для картинки.

 

Так выглядят теги альт и тайтл в коде страницы:

<img itemprop="image" class="image_for_watch js_picture_glass js-giftd-product-picture js-giftd-block-11 js-giftd-product-main «src="/upload/iblock/61f/pg_600g_pervyy_prikorm.jpg» alt="Фото Pedigree — сухой корм первый прикорм с курицей и рисом педигри для щенков всех пород от 3 недель" title="купить pedigree первый прикорм с курицей и рисом для щенков с 3 недель" data-giftd-block-id-product="11">

 

Правила написания текста в атрибутах alt и title

  • Описание должно полностью соответствовать содержимому картинки.
  • Должны содержать ключевое слово.
  • На одной и той же странице должны быть разные alt теги. Если использовать одни и те же ключи для всех изображений, эта страница будет плохо ранжироваться, и есть шанс попасть под фильтр АГС
  • Оптимальный объём — от 3-ех до 10-ти слов для alt. Title должен быть длиннее, более развёрнутым.
  • Тексты для alt и title должны отличаться

 

Задаём alt для изображений

В большинстве CMS задать такой атрибут довольно просто. Например, в Wordpress кликаем правой кнопкой на картинку -> "Редактировать" -> добавляем описание атрибута alt.

Во множестве CMS функционал похожий. В некоторых есть даже плагины для шаблонной постановки этих тегов. Для того, чтобы вручную прописать атрибут alt — ориентируйтесь на синтаксис тега <img>, представленный выше.

Если хотите развёрнутой информации, то она есть в статье нашего блога.

 

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



Продвигайтесь в Семантике

– Только качественный трафик из Яндекса и Google
– Понятная отчетность о работе и о планах работ
– Полная прозрачность работ

  • Илья Хромов

    Спасибо, интересная статья!

    Улучшают ли семантику кавычки, например: alt = ‘картина «черный квадрат» Малевича’?

    Есть ли разница по семантике между оттипографлеными кавычками и обычными, например: alt = ‘картина «черный квадрат» Малевича’?

    • Sophia Platon

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

Продвижение сайтов – качественный трафик из Яндекса и Google
Продвигаясь в Семантике вы не платите:
– За переходы с упоминанием названия вашей компании.
– За переходы по стоп-словам.
– За непродолжительные переходы (менее 10 секунд).
Подпишись на обновления блога
Юлия Персидских SEMANTICA, тимлид бесплатный вебинар Переезд сайта на новую CMS или протокол https. Как не потерять трафик Регистрируйся! 17 января в 13:30

Мы работаем не только в Моcкве, но и в других городах России: