Custom Title и Alt для картинок (изображений image) в ссылках и теге img

Зачем это нужно?

Атрибуты ALT и TITLE тега IMG

Многие вебмастера не в полной мере применяют атрибуты ALT и TITLE, а то и вовсе игнорируют.
Хотя использование атрибутов title и alt для поисковой оптимизации — это простой способ поднять позиции сайта в поисковых системах.
Внимание
Немного сведений об индексации картинок.
Google индексирует картинки, которые находятся в атрибуте src
Яндекс src и data-src (вот такой он Яндекс)
Практически ВСЕ шаблоны для превью используют уменьшенные изображения, а оригинальные находятся в окружающем теге <a>
1. Это увеличивает вложенность dom и количество элементов
2. Смотрите выше — какие картинки индексируются
Подумайте — стоит ли использовать технологию lazyload, которая подразумевает отсутствие атрибута src

Но для товарных позиций интерес представляет использование и усиление изображений атрибутом alt
Что должно быть в атрибуте
Старайтесь не использовать полное название товара. Разбавляйте каким либо текстом
Красная чашка на столе
Красная чашка под столом
Красная чашка для чая и кофе

Теперь поговорим об Custom image title alt и Как это работает.

  1. Вы можете самостоятельно указать содержимое атрибутов при редактировании товаров.
    Такой подход годится для магазинов с ограниченным, редко изменяющимся ассортиментом, а также если у вас уникальные изображения, и вы хотите, получать трафик с поиска картинок(изображений)
  2. В настройках модуля вы задаете шаблон атрибута
    Купить[name] в [store], что автоматически превратится в Купитьназвание товара в название магазина
    Здесь приведен только пример заполнения, а не рекомендлванное — проявите свою фантазию.
  3. Для уникализации атрибутов, в случае не заполненных свойств для
    атрибутов можно использовать универсальное свойства — шаблон для номера
    фото в списке
    фото [N], которое будет представлено в виде названия товара Фото 1, Название товара Фото 2

HTML тег img применяют для отображения на страницах сайта изображений (картинок). При необходимости, картинке можно сделать гиперссылки, заключив тег img в контейнер <a>. (Не кажется это вам банальным?)
Атрибут alt передает описание изображения для браузеров при отключенной графике (или же при отсутствии на сервере)
и будет показано его текстовое содержание. (кто-нибудь сейчас отключает графику?)
Не забывайте, что атрибут alt является обязательным для тэга img (согласно рекомендациям W3C).

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

Отвлекитесь от чтения текста. Вам это и так хорошо известно о полезности атрибутов alt
Зачем использовать ручное, а не автоматическое заполнение? А чтоб красиво, чтоб по падежам попадало.

ПС учитывают не весь текст, заключенный в атрибут alt: Google, к примеру, показывает только первые 15-17 слов, а Яндекс чуть больше – до 28 слов.
В любом случае этого количества слов вполне достаточно, чтобы составить вразумительный контекст.

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

Проверено и работает на дефолтном шаблоне
Для шаблонов, работающих не на базе дефолтного, требуется адаптация

Под некоторые шаблоны адаптация платная.

Также в отдельном табе HELP есть возможность скачать отладочный архив, в архиве будут все необходимые файлы, а также, возможно и модификатор для вашего шаблона.

Хочется сказать про установку модуля Custom Image Alt Title и не только его

Забудьте о копировании. Используйте штатные средства
Дополнения -> Установка дополнений
Дополнения -> Менеджер расширений -> Обновить

Это не сложно. Это архипросто, тем более что архив специально для этого подготовлен

Нравится
Не нравится
21:46
RSS
Нет комментариев. Ваш будет первым!
Загрузка...
На развитие сайта и покупку дополнений и информации. В дальнейшем будет в бесплатном доступе. Кто поддержит проект получит Vip доступ на срок Donate
Собрано 0% / 0 из 5000