Шебта Блог » мета теги

Поисковая оптимизация картинок: разница атрибутов ALT и Title

Shebta — Sat, 16 May 2009 05:36:13 +0000

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

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

Для начала стоит отметить, что очень часто ALT и Title ошибочно называют тегами (сама неоднократно делала эту ошибку до недавнего времени). На самом деле это атрибуты тега , а не отдельные теги.

Атрибут ALT

Согласно рекомендациям W3C, атрибут ALT:

задает альтернативный текст, описание картинки для браузеров, которые по той или иной причине не могут отобразить картинки (например, если пользователь отключил показ изображений)
является обязательным элементом для изображений
используется только с тегом img

Согласно Аарону Уоллу (Aaron Wall) ALT крайне важно использовать для баннера в “шапке” сайта.

При отсутствии текста ALT пользователь увидит просто пустую иконку, а если текст прописан, то пользователь видит этот текст:

HTML код картинки в этом случае будет выглядеть следующим образом:

ALT является главным “помощником” Google при понимании изображений и индексации картинок. Сам же текст атрибута ALT лучше индексируется у тех картинок, которые сами являются ссылками на другие страницы.

При написании текста ALT старайтесь придерживаться следующих правил:

Текст должен соответствовать картинке, сделайте его интересным
Используйте словосочетание или короткое предложение с ключевыми словами, а не просто набор ключевых слов, так как это может быть воспринято поисковиком как спам
Разнообразьте ключевые слова на странице для разных картинок; повтор одного и того же ключевого слова для всех картинок опять же может негативно на вас отразиться
Не следует указывать текст ALT для мелких декоративных элементов сайта
По длине текст атрибута должен быть не более 7-10 слов

Атрибут Title

Атрибут Title предоставляет дополнительную информацию об изображении. Текст этого атрибута также всплывает в большинстве браузеров при наведении мышкой на картинку.
Title также полезен для некоторых браузеров, которые не поддерживают атрибут ALT (например, текстовый браузер Lynx). HTML код картинки с атрибутами ALT и Title будет выглядеть следующим образом:

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

Выводы и рекомендации

Рекомендуется указывать оба атрибута ALT и Title, хотя текст ALT гораздо более важен для поисковиков
Описание атрибутов ALT и Title должно соответствовать теме текста
Тексты ALT и Title должны быть разными для каждой картинки
Большое значение особенно для Google играет текст, окружающий изображение. Поэтому стоит не забыть обратить внимание на ключевые слова, которые вы используете рядом с картинкой.

Для блог-платформы WordPress оптимизацию изображении значительно облегчит плагин SEO Friendly Images. С его помощью атрибуты ALT и Title будут добавлены к каждой картинке автоматически. Необходимо, правда, убедиться, что в установках текст этих атрибутов для одного изображения будет всегда разный.

Видео: Мэт Каттс о важности использования атрибута ALT (на англ. языке)

www.youtube.com/watch?v=3NbuDpB_BTc

Фото: Flickr/Martine Roch

Удачные заголовок и описание сайта – залог успеха поисковой оптимизации сайта

Shebta — Thu, 26 Mar 2009 05:53:32 +0000

При оптимизации сайта для поисковых систем приходится учитывать очень много факторов. Один из самых важных – правильно подобранные теги названия страницы (title tag) и описания (meta description).

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

Как правильно написать тег заголовка?

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

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

Каких правил нужно придерживаться при формулировке заголовка? Согласно опыту экспертов, для увеличения рейтинга сайта рекомендуется следовать следующим правилам:

Начните заголовок с ключевой фразы, по которой вы хотите, чтобы ваш сайт находили через поисковые системы. Разумеется, необходимо, чтобы эта ключевая фраза использовалась также в текстовом наполнении сайта (и желательно не однократно), чтобы тег заголовка (title) соответствовал сути сайта.
Для повышения читабельности, используйте какой-нибудь разделитель (например, дефис или двойное двоеточие) между ключевой фразой и последующей частью заголовка

После этого можно выбрать из двух вариантов:

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

Заголовок не должен превышать по длине 60-63 знаков (Google). Если кратко, то формула удачного заголовка будет выглядеть так:
[Ключевая фраза] :: [Описание или название сайта]
Стоить отметить, что в некоторых случаях, когда речь идет об известном раскрученном бренде, может быть эффективно использовать название бренда в начале заголовка, а не ключевую фразу. Анализ тактики и позиции конкурентов при продвижении своих сайтов может сыграть немаловажную роль в выборе окончательного варианта.

Как правильно сформулировать мета-тег описания?

Мета-тег описания зачастую используется поисковыми системами как описание, отображаемое в результатах поиска. Соответственно этот тег имеет значение при выборе сайта потенциальным посетителем.
Начните описание, используя ту же ключевую фразу, что и в заголовке. Можно либо начать предложение с этой фразы, либо воспользоваться тем же принципом, что и при составлении заголовка, увеличив количество слов с 5 до 10-15. Некоторые рекомендации:

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

Т.о. формулы составления описания будут выглядеть следующим образом:
[Ключевая фраза] – [Описание страницы] или
[Описание страницы, начинающееся с ключевой фразы]

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

Фото: Flickr/docman