ДОСТИГНУТО:

01.11.2016-300 страниц в индексе Google;
19.01.2017-300 страниц в индексе Яндекса;
03.02.2017-40 ТИЦ;
05.02.2017- сайт принят в DMOZ каталог;

Alt и Title для изображений

.

altAlt и Title для изображений!

Приветствую друзья!
У молодых, не опытных веб-мастеров и оптимизаторов, довольно часто возникает следующий вопрос: «Что еще сделать для того чтобы, оптимизировать свой сайт и поднять его в топ поисковой выдачи?». Вопрос очень интересный, требует детального разбора и поэтому сегодня я решил написать данную статью, в которой расскажу вам о правильной оптимизаций изображений, при помощи атрибутов Alt и Title.

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

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

 

Атрибуты Alt и Title

 

Title и Alt, очень часто называют отдельными тегами, но это не так- они являются атрибутами тега <img />. Как добавить изображение в статью на своем сайте читайте здесь!

 

Атрибут ALT

 

Alt это сокращение от словосочетания Alternative Text, что в переводе на русский означает: «Альтернативный текст». Если объяснять совсем просто, то это короткое описание изображения. Все дело в том, что поисковые роботы посещающие ваш интернет ресурс не распознают изображений, и будут видеть их лишь по альтернативному тексту, который мы пропишем при помощи атрибута Alt. Данный атрибут оказывает поисковым машинам помощь для правильной индексаций картинок.

Стоит обратить внимание и на тот факт, что альт это обязательный атрибут для любых картинок, и его отсутствие оценивается как неправильная валидность кода, проще говоря ошибка кода.
Также, если в браузере посетителя вашего интернет ресурса, не поддерживается отображение картинок или же пользователь сам отключил данную функцию, то он увидит текст который вы зададите атрибутом alt.
Это особенно удобно в настоящее время, когда почти 50% трафика на сайты приходит с мобильных телефонов. В целях экономии денежных средств, большинство из них отключает показ изображений. Теперь когда вы узнали о новом, важном атрибуте и чуть ниже научитесь правильно его прописывать, пользователи мобильных телефонов посетивiие ваш сайт, увидят не пустое место, а альтернативный текст, который даст им понять, хотя бы примерно, что за изображение здесь расположено.

 

Как правильно прописать атрибут ALT

 

В большинстве современных СMS, в том числе и в  WordPress, для добавления атрибута нужно лишь вставить текст в специальное окно, которое появляется при добавлений изображения и как правило, так и называется Alt или, в некоторых случаях-«Альтернативный текст». Если же вы пишите свой сайт используя html код, то тоит прописывать атрибут следующим образом:

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

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

Но далеко не все браузеры воспринимают атрибут ALT, именно поэтому ниже в статье я познакомлю вас с другим не менее важным атрибутом картинок-Title.

 

Атрибут Title

 

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

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

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

Ниже я привел несколько полезных советов, для правильного заполнения атрибута Title:

  1. Заголовок должен соответствовать содержимому картинки;
  2. Прописывая Title делайте его более объемным нежели Alt, опять же используя ключевые запросы и слова разбавленные нейтральным текстом;
  3. Не используйте броские и яркие слова, не несущие смысловой нагрузки. Title должен правильно рассказать о содержимом изображения;

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

Вот в принципе и все что я хотел сегодня вам рассказать о полезных атрибутах ALT и TITLE для изображений....
БЕРЕГИТЕ СЕБЯ.




лайк

Эти красотки хотят чтобы ты их жестко лайкнул и даже несколько раз твитнул!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *