О важности использования тэгов «alt» и «title» к изображениям на вашем веб-сайте

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

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

Просматривая Интернет, люди привычно задействуют поисковые средства, подобные Image Search от Google. Если картинки на вашем веб-сайте оптимизированы должным образом с использованием подходящих ключевых слов, то вам удаётся привлечь на него мощный поток этого самого находящегося в поиске трафика. В данной статье я собираюсь рассмотреть действие тегов «alt» и «title», разъяснить методику внедрения в структуру вашего веб-сайта оптимизированных изображений, проанализировать преимущества их оптимизации через использование тегов «alt» и «title», и, наконец, предложить вам ряд рекомендаций по привлечению дополнительного трафика на ваш веб-сайт посредством оптимизации картинок.

 

Чем служат изображениям теги «alt»?

 

Тег или атрибут «alt» служит для отображения заданного фрагмента текста (“alternative text”) вместо картинки. Как правило, он содержит её словесное описание. Читателям материалов на вашем веб-сайте он не виден. Единственный случай его непосредственного взаимодействия с пользователем - через специализированное ПО для незрячих, выполняющих навигацию в Интернет по звуковым сигналам. Теги «alt» позволяют такому человеку понять, что отображается на вашем веб-сайте. В большинстве же случаев теги «alt» нужны лишь как средства проведения поисковой оптимизации. С их помощью поисковые роботы, прочёсывающие ваш веб-сайт, полнее охватывают его содержимое, чтобы точнее проиндексировать ваш ресурс и правильно разместить данные о нём в их реестрах результатов поиска.

 

Увидеть теги «alt» среди вашего контента люди могут, разве что, при чтении электронных HTML-писем. Вы получаете по электронной почте коммерческие HTML-письма? Ну, скажем, от торговых агентов сетей Macy’s, Kohl’s и т. п.? Иногда в этих посланиях содержится просьба включить отображение картинок. Для чего вам нужно кликнуть правой кнопкой мыши где-нибудь в верхней части письма, и тогда вы сможете посмотреть изображения. Если же вы прокрутите страницу такого послания, не включив отображение картинок, то увидите рамку, в которой должно открываться изображение, а внутри неё - текст (при наличии в документе тегов «alt»). Этот текст и есть тег «alt», прикреплённый к данной картинке. 

 

Как выглядит HTML-тег «alt»? Вот фрагмент HTML-вёрстки с тегом «alt», содержащим описание картинки.

<img src="/image.jpg" alt="Example image alt tag" width="500" height="340" />

 

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

 

Что представляют собой прикрепляемые к картинкам теги «title»?

 

Теги «title» - просто-напросто названия ваших изображений. Случалось вам видеть на веб-сайтах всплывающие надписи, видимые лишь при наведении курсора на картинки? Тексты этих надписей и есть содержимое тегов «title», прикреплённых к изображениям. Тег «title» выполняет несколько различных функций. Главное его назначение - полнее информировать аудиторию о том, что она видит на картинке. Теги «title» могут как непосредственно прикрепляться к объектам, так и вставляться в ссылки переходов на другие веб-страницы. Теги «title» становятся видны и при наведении курсора на гиперссылки. В отличие от них теги «alt» посетителям вашего веб-сайта не видны, так что, текстом их можно наполнять любым, вовсе необязательно осмысленным. А теги «title» у всех на виду, поэтому вам нужно позаботиться о связности фраз и предложений из используемых вами ключевых слов.

 

Теги «title» не должны быть длиннее трёх-пяти слов. Кое-кто в припадке красноречия набивает теги «title» целыми предложениями или абзацами. Стремитесь к краткости и информативности. Не забывайте вставлять в теги «title» к вашим изображениям ключевые слова. Теги «title» так же значимы для прочёсывающих ваш веб-сайт поисковых роботов, как теги «alt», и столь же важны в плане SEO-оптимизации. Мои веб-сайты ежемесячно привлекают сотни новых посетителей за счёт одной только оптимизации всех размещённых на них изображений, проводимой мной путём грамотного подбора тегов «title» и «alt». Вам тоже стоит попробовать этот способ на ваших веб-сайтах.

 

Как выглядит HTML-тег «title»? Вот фрагмент HTML-вёрстки с тегом «title», прикрепляемым к картинке.

<img title="Example image title tag" src="/image.jpg" alt="Example image alt tag" width="500" height="340" />

 

Оптимизация изображений на вашем веб-сайте с помощью тегов «alt» и «title»

 

Оптимизировать изображения на вашем веб-сайте или в блоге с помощью тегов «alt» и «title» не так уж долго, зато эти усилия точно окупятся резким ПОДЪЁМОМ отдачи от вашего веб-сайта за счёт привлечения на него дополнительного качественного трафика, использующего поисковые механизмы. Прикреплять к картинкам теги «alt» и «title» очень легко. Это займёт у вас всего несколько лишних секунд при размещении на сайте новой картинки. Ниже приведена последовательность действий по прикреплению тегов «alt» и «title» к изображениям на вашем веб-сайте. 

 

• Выберите отвечающее вашему замыслу изображение (оно должно отражать тематику вашего материала). 
• Откройте список ключевых слов, которым вы пользуетесь при проведении поисковой оптимизации, и найдите в нём подходящие ключевые слова – одно с ёмким и общим значением, другое со значением, более пригодным для построения лексических конструкций, – проанализируйте их смысловое соответствие тематике изображения, выбранного вами для вашей веб-страницы. 
• Вставьте первое ключевое слово в тег «alt» (например, alt=”alt tags SEO”). 
• Вставьте второе ключевое слово в тег «title», непременно разбавив его текстовым наполнением, чтобы при наведении курсора на вашу картинку люди могли прочесть текст, заключённый в вашем теге «title», и чтобы он не резал им слух (например, title=”use title tags to increase website traffic” - "повышайте посещаемость веб-сайта с помощью тегов «title»"). 
• Сохраните внесённую вами правку и просмотрите страницу в черновом виде (Draft). 
• Наведите курсор на вашу картинку и убедитесь в том, что ваш тег «title» срабатывает должным образом. 
• * Вот и всё. Так просто!

 

Преимущества оптимизации изображений с помощью тегов «alt» и «title»

 

Наиболее значимые преимущества, которые даёт вам оптимизация изображений с помощью тегов «alt» и «title», следующие:

• Повышение объёмов трафика, находящего ваш веб-сайт через поиск.
• Повышение качества этого находящего ваш веб-сайт через поиск трафика.
• Более тесный контакт с посетителями веб-сайта.

Оптимизация веб-сайта с помощью тегов «alt» и «title» даёт вам не так много преимуществ, зато главное из них – повышение объёмов трафика, находящего ваш веб-сайт через поиск, – трудно переоценить. Как я уже говорил, сотни новых посетителей открывают для себя мои веб-сайты, благодаря только лишь оптимизации всех имеющихся там изображений за счёт тегов «alt» и «title». Задумайтесь-ка над этим. Ваши поиски способа увеличить приток трафика на ваш веб-сайт зашли в тупик? Возможно, вам удастся повысить его на 25 %, всего лишь перебрав содержимое вашего ресурса и оптимизировав уже имеющиеся там изображения, а также впредь оптимизируя все новые иллюстрации, добавляемые туда. Сервисы поиска картинок (Image Search) сегодня могут очень многое, и вам стоит этим воспользоваться во благо вашего веб-сайта.

 

Рекомендации по использованию изображений для повышения посещаемости веб-сайта

 

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

 

• Тщательно переберите содержимое вашего веб-сайта и оптимизируйте все имеющиеся там изображения.
• Отныне и впредь оптимизируйте все новые картинки, добавляемые вами на ваш веб-сайт.
• Просмотрите список ваших ключевых слов и начните вставлять их в теги всех значимых для вас изображений.
• Что касается тегов «title», помните: люди будут их видеть, то есть, ключевые слова нужно вставлять в них непременно, но так, чтобы готовый текст и звучал связно, и подробнее информировал посетителей вашего веб-сайта в рамках освещаемой вами темы.
• Всегда прикрепляйте к картинкам теги «alt», обязательно вставляйте в них ключевые слова. Люди их не увидят, не волнуйтесь, ведь теги «alt» не отображаются при просмотре веб-сайта посетителями.
• Подписывайте, по возможности, вашим изображениям URL-адреса, чтобы при обнаружении их через поиск Google или Bing люди попадали на нужную страницу вашего веб-сайта.

Эти рекомендации помогут вам приступить к оптимизации ваших изображений под условия работы поисковых механизмов. А завершив начатое, вы непременно заметите ежемесячный прирост "поискового" трафика, как минимум, на 10% – 15%.

 

Станете ли вы прикреплять теги «alt» и «title» к изображениям на вашем веб-сайте?

 

Итак, зная, что представляют собой теги «alt» и «title», и как легко они прикрепляются к картинкам на вашем веб-сайте, захотите ли вы потратить время на обновление вашего иллюстративного материала за счёт внедрения этих тегов? Возьмёте ли вы себе за правило впредь снабжать тегами «alt» и «title» ВСЕ вновь добавляемые вами на ваш веб-сайт изображения? Мне слов не хватает, чтобы отразить важность этих несложных действий и масштаб отдачи от них в виде притока трафика, находящего ваш веб-сайт через поисковые системы. Возможно, вы их уже применили и знаете теперь, сколь эффективно могут служить вашему веб-сайту оптимизированные с помощью тегов «alt» и «title» изображения. В таком случае, я был бы очень вам признателен за краткий комментарий в помощь остальным читателям, пока не решившим, стоит ли тратить время на оптимизацию иллюстративной графики их веб-сайтов за счёт тегов «alt» и «title», который можно за пару минут черкнуть ниже. Пожалуйста, задержитесь немного и оставьте ваш комментарий. Спасибо за внимание к моей заметке. Надеюсь, вы прочли её не зря!