Как правильно заполнять alt и title у картинок

Фото отсутствует

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

Содержание:

  1. Alt-атрибут
  2. Варианты прописывания атрибута alt
  3. Общие принципы прописи атрибута alt
  4. Детально про атрибут title
  5. Требования к прописыванию строки title
  6. Какие могут возникнуть трудности при составлении атрибутов

Alt-атрибут

По причине слабого интернет-потока или по каким-либо другим причинам некоторые веб-пользователи не могут получать фото и картинки в виде готовых изображений. Вместо них появляется текстовая строка или тег alt, в котором указывается, что именно изображено. Если название состоит из нескольких слов, наиболее точно передающих смысл невидимого на данный момент, то пользователь быстрее сможет понять, что на картинке.

Иными словами, alt – дополнительный информационный источник. Если прописать его в html-коде, то он будет выглядеть приблизительно так

Если название задать точно и информативно, т.е., прописать alt для изображений, то это привлечет и поисковых роботов, и пользователей. Гугл и поисковик Яндекс применяют данный атрибут в качестве одного из важных критериев ранжирования в категории «Поиск по картинке».

Варианты прописывания атрибута alt

Данный атрибут можно прописать по-разному. Вопрос лишь в том, какой цели хочется достичь. Так, если заинтересованности в привлечении клиентов и внимания поисковых роботов нет, можно остановиться на простейшем варианте, написав в соответствующем поле «Картинка №13» или «Фото 2». Подобные названия не содержат нужной информации, поэтому не принимаются на рассмотрение ни одним из поисковиков.

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

Название «Красивый диван и девушка в красном» более адекватное, однако ничего конкретного пользователям не сообщит. Наиболее выгодным во всех отношениях окажется изображение с подписью «Антикварный диван (модель)», переключающий внимание ищущего сразу на продукцию.

Общие принципы прописи атрибута alt

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

  • название следует выбирать краткое, но содержательное, отвечающее действительности;
  • в наименование следует по возможности поместить одно из наиболее важных ключевых слов;
  • размер атрибута не должен превышать 250 символов (оптимально – 3 или 5 слов);
  • seo оптимизаторы советуют не помещать в название спамные выражения, типа «купить недорого», или другие лишние слова, которые лишь отпугнут клиента.

Не следует забывать, однако, что если Гугл-поисковик считывает этот атрибут как текст и ключевой запрос в названии имеет существенное значение, то в органическом поиске Яндекса он игнорируется.

Детально про атрибут title

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

Чтобы его прописать, следует открыть html-код и вписать следующее:

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

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

Требования к прописыванию строки title

Во-первых, одна из рекомендаций Yandex гласит, что изначально предусмотренная позиция картинки или фото в качестве ссылки предполагает прописывание атрибута непосредственно в линке. Выглядеть это будет так:

Далее следует:

  • составить максимально короткое и максимально содержательное, правдивое название;
  • атрибуты alt и title не должны быть в несколько строк и вмещать слишком много текста (это негативно скажется на их привлекательности пользователю);
  • максимум – 250 символов, лучше до пяти слов;
  • если имеется такая возможность, в атрибут можно поместить ключевое понятие;
  • избегать спама в любом виде.

Чтобы приобрести, а не потерять потенциальных клиентов, следует всегда помнить, как правильно заполнить alt и title картинки.

Какие могут возникнуть трудности при составлении атрибутов

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

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

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



Реклама SEO-оптимизация Разработка Конверсия Юзабилити Аналитика
Наверх