ЗАРЕГИСТРИРУЙТЕСЬ
и получите бесплатно:
1.Чек-лист по созданию информационного сайта.
2.3 видеоурока с первыми шагами в сайтах.
3.10 лучших материалов из Базы Знаний.
или Регистрация
Восстановление пароля

Атрибуты alt и title для изображений: для чего нужны, как заполнить

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

Alt — это атрибут тега <img>, который передает картинку на индексацию поисковому роботу. Другими словами, это краткое описание содержимого изображения.

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

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

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

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

Пример заполненного тега alt в коде веб-документа:

 

<img class=»alignleft size-medium wp-image-19492» src=»https://puzat.ru/wp-content/uploads/2019/12/image1-4-201x300.png» alt=»Роман Пузат о 2020 годе» width=»201» height=»300» srcset=»https://puzat.ru/wp-content/uploads/2019/12/image1-4-201x300.png 201w, https://puzat.ru/wp-content/uploads/2019/12/image1-4.png 521w» sizes=»(max-width: 201px) 100vw, 201px»>

Правила заполнения

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

Прописываем alt для картинок

Во всех популярных CMS предусмотрено удобное заполнение тега альт. Например, чтобы прописать тег на Вордпресс достаточно выбрать картинку и нажать «Редактировать», после чего появится форма для его заполнения. Параметры изображения

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

Могут ли атрибуты Alt и Title быть одинаковыми?

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

Вот что об этом говорит тех.поддержка Яндекса: Комментарий тех.поддержки Яндекса

Выводы

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

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

А вы заполняете тег альт? Поделитесь наблюдениями и опытом в комментариях.

Ещё вам может быть интересно:

Комментарии

?>