Атрибут ALT и Title
Ни для кого не секрет, что чем лучше содержание сайта, тем выше его успех в продвижении. На сегодняшний день все алгоритмы поисковых систем направлены на то, чтобы выставлять в ТОП по выдаче только те сайты, которые наполнены грамотным и качественным контентом.
В данной статье вы узнаете о том, каким именно образом происходит наполнение сайта контентом, что нужно использовать, дабы оптимизировать план работы и о том, как сделать грамотную стратегию продвижения.
Что собой представляет контент? Контент — это смысловая составляющая сайта. Основную часть контента на сайта составляет текст, к которому в обязательном порядке прикрепляются изображения (иногда могут добавляться видео и различные информационные графики).
Алгоритмы поисковых систем меняются каждый год. Но оптимизированные изображения всё также остаются одним из лучших способов показать, что контент на сайте действительно грамотный и качественный. Прочитав атрибут ALT и Title, поисковой работ сразу же поймёт, что там написано, после чего внесёт информацию в индекс. А это очередной плюс к выходу сайта в верхние эшелоны выдачи.
Для чего нужны атрибуты ALT и Title?
Если говорить честно, то что атрибут ALT, что атрибут Title давно уже перестали быть обязательными элементами оптимизации. Теперь их главная роль состоит в том, чтобы пользователи смогли получить подсказки насчёт просматриваемого изображения. Как только пользователь наводит курсор мыши на изображение, в белом треугольнике рядом появляется содержимое атрибута title.
Но даже не смотря на то, что поисковые системы не обращают большого внимания на данные параметры, данные параметры имеют хоть и косвенное, но влияние на SEO-оптимизацию, которая выражается в поведенческих факторах.
Ни для кого не секрет, что если пользователь будет просматривать интернет-ресурс, на котором к изображением имеются подсказки, он будет приятно удивлён и польщён, ведь сразу видно, что человек, создающий контент для него, решил напрячься и создать подсказки. Ведь иногда бывает так, что не всегда понятно, что именно находится на изображениях.
Что атрибут Alt, что атрибут Title, могут полностью повторять своё содержимое. Более важное значение здесь имеет лаконичное и точное описание картинки.
Существует ли необходимость включать в Alt и Title ключевые слова? На этот счёт мнения расходятся. Если посмотреть на лидеров поисковой выдаче, то есть сайты, в которых ключевые слова в атрибутах отсутствуют. Но общие рекомендации сходятся на том, что имеет смысл добавление главного ключа и заголовка H1. Но при этом есть определенные условия: изображений в том или ином посте могут быть десятки и если каждая из картинок будет содержать в себе ключевое слово, то это уже будет считаться спамом. А это, как известно, не очень хорошо сказывается на положении сайта в поисковой выдаче.
Атрибут title. Необходимость и основные правила использования
На изображении ниже показан пример того, как видят атрибут Title обычные пользователи. При наведении курсора на изображение, перед пользователем всплывает маленький прямоугольник, в котором содержится описание самой картинки.
Использовать атрибут Title нужно в том случае, когда подсказка к картинке просто необходима. Также можно вставлять ключевые слова в Title, но не стоит этим злоупотреблять. В ином случае вы сможете нарваться на санкции со стороны поисковых систем.
Да и сам по себе атрибут Title важен не столько для продвижения сайта в поисковой выдаче, сколько для самих посетителей интернет-ресурса.
Важность и нюансы заполнения атрибута alt изображений
Если же сравнивать ALT и Title, то ALT больше ориентирован как раз для поискового продвижения. Данный атрибут прекрасно индексируется поисковыми системами. Он нужен для того, чтобы поисковой бот смог определить содержимое изображение. Это хорошо сказывается на увеличении релевантности самого сайта и на привлечении дополнительного трафика из раздела «Поиск по изображениям».
Именно поэтому никогда не стоить забывать ставить атрибут ALT к изображениям в статьях. Ведь это дополнительные очки рейтинга, благодаря которым позиции в выдаче поисковых систем могут быть хоть немного, но выше.
Разница
Удивительно, но многие постоянно путают значение атрибута title и alt. Да, их значения, при первом с ними ознакомлении, довольно похожи, но различия у них есть, при этом довольно существенные.
Атрибут Title (не путайте атрибут Title с тегом Title — это разные понятия) представляет собой надпись, благодаря которой происходит описание элемента, в котором он находится. Если навести курсор на элемент, то можно будет узнать его описание. Атрибут Title обязан раскрывать всю суть элемента, в котором находится, будь то изображение или адрес страницы.
Атрибут alt, в свою очередь, является атрибутом тега img. Смысл его состоит в том, чтобы отображать саму суть изображения в том случае, если нет возможности загрузить изображение или же в том случае, когда картинки не могут прорисоваться из-за настроек браузера.
Также существует и второе свойства атрибута. Alt прекрасно подходит для того, чтобы его читали поисковые системы. Изображения они считывать на сегодняшний день не умеют, поэтому они заносят в свою информационную базу атрибут Alt.
Как влияет на SEO
Хоть изображения не является основным элементом, благодаря которым происходит продвижение в поисковой выдаче, но без них никуда. Ведь они прекрасно справляются со своей целью: разбавлять весь текст и нести пояснительный характер. Вряд-ли кто-то сможет читать текст статьи, в которой не будет ни одной картинки. Самое важное, чтобы изображения были высокого качества и удобного формата, не были слишком большие. Всё из-за того, что большое количество «Тяжёлых» изображений плохо сказываются на прогрузке всего интернет-ресурса. Лучшим вариантом будет открытие тяжёлых изображений в отдельном окне, тогда как на основной странице должно располагаться лишь превью этого изображения. Само же превью не должно быть меньше 100-150 пикселей (в ином случае такие изображения попросту не попадут в поисковую выдачу).
Также стоит добавить, что изображения также имеют вес в продвижении сайта по выдаче. Необходимо уметь правильно оформить изображения.
Как сделать
Давайте рассмотрим на примере использование атрибутов title и alt, и их оптимальное заполнение. Есть у нас вот такая картинка:
Тег img в данном случае имеет вот такой вид:
<img class=»aligncenter size-full wp-image-1314″ src=»//site,ru/content/alt-title-1.png» alt=»Использование alt и title в катринках» title=»Пример использования атрибутов title и alt при оптимизации картинок в записи» width=»466″ height=»345″ />.
В данном примере видно, что используются атрибут Alt. Используется он в более строгой форме. И если будут какие-либо неполадки с изображением (или же в настройках браузера будет отключена прогрузка изображения), alt будет отображён. Почему же всё в сжатой форме? Всё из-за того, что если написать слишком много текста, картинка не прогрузится, из-за чего пользователь сможет увидеть только дублирование текста. Если говорить проще, не стоит в атрибут ALT переписывать фрагмент с какого-либо текста, лучше ограничиться короткими фразами.
Действие атрибута title можно рассмотреть куда проще, т.к. он куда обширнее представлен и несёт больше информативности для самого пользователя. Если пользователь наведёт курсор на изображение, то сможет увидеть действие атрибута Title. Использование данного атрибута не столь важно, но всё-таки влияет на поведенческий фактор. Используется исключительно по желанию.
Важно: старайтесь не дублировать главный заголовок записи title и alt, это может привести к заспамленности, что негативно скажется на продвижении. Видоизменяйте текст в атрибутах.
