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 и Как это работает.
- Вы можете самостоятельно указать содержимое атрибутов при редактировании товаров.
Такой подход годится для магазинов с ограниченным, редко изменяющимся ассортиментом, а также если у вас уникальные изображения, и вы хотите, получать трафик с поиска картинок(изображений) -
В настройках модуля вы задаете шаблон атрибута
Купить [name] в [store], что автоматически превратится в Купить название товара в название магазина
Здесь приведен только пример заполнения, а не рекомендлванное — проявите свою фантазию. -
Для уникализации атрибутов, в случае не заполненных свойств для
атрибутов можно использовать универсальное свойства — шаблон для номера
фото в списке
фото [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 и не только его
Забудьте о копировании. Используйте штатные средства
Дополнения -> Установка дополнений
Дополнения -> Менеджер расширений -> Обновить
Это не сложно. Это архипросто, тем более что архив специально для этого подготовлен
Leave a reply
You must login or register to add a new comment .