Недавно мы обсуждали, как важен для блога качественный графический контент. В комментах к статье было несколько вопросов, ответы на которые стоят отдельной публикации. Сегодня мы поговорим об оптимизации картинок, а именно, об атрибутах alt и title.
Продвижение по картинкам – большая тема:
- Всегда ли оно возможно и нужно?
- Как максимально подружить свои иллюстрации с поисковиками?
- Что писать в тегах?
Важность атрибутов alt и title
Сначала давайте определимся, о чем вообще идет речь.
Использованные теги и атрибуты:
— указывает, собственно, что перед нами картинка; scr=«…» – атрибут, в котором указывается адрес залитой картинки;
Неважно, ведем ли мы блог на WordPress или на Blogspot – мы используем возможности редактора для подгрузки изображений. Поэтому, теоретически, можем и не лазить в html-код – редактор сам пропишет эти минимальные параметры. Поисковый робот увидит, что тут у нас картинка и… собственно говоря, все. Он не узнает, что на ней, не будет ранжировать никоим образом.
title=«…» – атрибут, который не является обязательным. Но он нужен, во-первых, потому что это красиво – читатель наводит курсор на вашу картинку и видит всплывающую надпись. Текст, который будет показан, мы и пишем в кавычках. Во-вторых, поисковики отметят ключевые слова, использованные в описании.
alt=«…» – атрибут, который признан обязательным великой и могучей организацией W3C (Консорциум Всемирной Паутины). Дело в том, что слова, записанные в кавычках, будут выводиться вместо картинки там, где отображение графики невозможно. А это – прямое удобство для пользователя, который не должен быть дискриминирован по признаку мощности своего компа. В общем, даже если мы не прописываем ничего для этого атрибута, он, скорее всего, будет добавлен редактором (требования W3С обязательны к исполнению).
Что и как писать в атрибутах alt и title?
– Первый вопрос: писать ли вообще что-то?
Нередко я не хочу афишировать картинку для поисковиков, например. Если она не очень уникальна. Тогда я не прописываю для нее alt. Многие советчики по продвижению блогов меня осудят. Но рассказываю, как на духу – есть за мной этот грех) Title прописываю всегда, т. к. мне очень нравится эффект всплывания надписи.
Но будем ориентироваться на примерных блоггеров, которые используют все доступные методы продвижения. Они обязательно прописывают текст для обоих атрибутов. Кстати, мне задали вопрос: не нужно ли писать текст для alt и title латиницей? – Отвечаю коротко: НЕТ!
Теперь отвечаю развернуто: мы должны использовать в этих описаниях ключевые слова. Если вдруг мы продвигаемся в англоязычном (любом иноязычном) поиске – то, конечно, нужно писать на английском языке, используя английские (любые иноязычные) ключевые фразы.
– Теперь о том, как максимально интересно для поисковиков заполнить текст для атрибутов alt и title.
Выбирайте для них фразы, которые:
- Органично описывают содержание иллюстрации и ее связь с вашей публикацией;
- Содержат вариации ключевых слов – разные для атрибутов alt и title, причем, эти же ключевые фразы должны повторяться и в тексте, окружающем html-код картинки.
- Я долго не могла взять в толк, насколько важно оптимизировать картинки, которые иллюстируют блог. Но теперь, знаю об этом гораздо больше!
Какие еще атрибуты есть у тега img?
Нередко для картинок прописывается стиль.
Тут тоже не лишне вспомнить о стандартах W3C, которые требуют создавать отдельные таблицы стилей. А в коде содержимого (контента) только ссылаться на этот внешний источник. Такой ссылкой и является атрибут class=»название_стиля». Тут может быть прописано положение картинки, относительно текста, наличие рамок, эффектов и т. д.
Для изображения могут быть даны размеры, которые отображаются в атрибутах width=»300″ (ширина) и height=»400″ (высота). Абсолютные числа – это точный размер в пикселях. Если изменить значения – изменится и размер картинки. Можно задавать значения в процентах. Они будут задавать размер, относительно величины картинки, загруженной на сервер.
“Недавно мы обсуждали, как важен для блога качественный графический контент. В комментах к статье было несколько вопросов, ответы на которые стоят отдельной публикации. Сегодня мы поговорим об оптимизации картинок, а именно, об атрибутах alt и title.
Вопросы продвижения по картинкам – это большая тема:
1. Всегда ли оно возможно и нужно?
2. Как максимально подружить свои иллюстрации с поисковиками?
3. Что писать в тегах?
Атрибуты alt и title играют важную роль. Первым делом нужно определиться, о чем идет речь.
Используемые теги и атрибуты:
– – указывает, что перед нами картинка;
– src=«…» – атрибут, где указывается адрес загруженной картинки;
Не важно, ведем ли мы блог на WordPress или на Blogspot – мы используем возможности редактора для загрузки изображений. Поэтому, теоретически, мы можем не заниматься ручным редактированием HTML-кода, так как редактор сам подставит минимальные параметры. Поисковый робот увидит, что это картинка, но исходя только из этого он не сможет определить, что изображено и не будет ранжировать его поисковыми системами.
Атрибут title=«…» не является обязательным, но он полезен в первую очередь потому, что это хорошо для читателя.”
Во-вторых, он является подсказкой для пользователей, которые наводят курсор мыши на картинку. Таким образом, мы можем использовать атрибут title, чтобы дать дополнительную информацию о картинке или просто добавить интересный комментарий.
А вот атрибут alt – он обязателен. Он задает альтернативный текст, который будет отображаться в случае, если изображение не загрузится или не будет доступно для просмотра. Кроме того, поисковые роботы используют этот текст для понимания содержания картинки и ее релевантности к контексту страницы.
Чтобы оптимизировать картинки для поисковых систем, важно правильно заполнять атрибуты alt и title. В теге alt следует указывать описание картинки, используя ключевые слова и фразы, связанные с контентом страницы. При этом, следует быть осторожным и не злоупотреблять ключевыми словами, чтобы не вызвать подозрения поисковых систем.
В теге title можно использовать более развернутое описание картинки или добавить дополнительную информацию, которая может быть интересна пользователям.
В итоге, правильно заполненные атрибуты alt и title помогут улучшить понимание содержания картинок поисковыми роботами и повысить их релевантность. Это может привести к улучшению ранжирования страницы в поисковой выдаче и привлечению большего количества органического трафика на ваш блог.