Register Now

Login

Lost Password

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.

Add post

Add question

You must login to ask a question.

Login

Register Now

Цель сайта совместная помощь друг другу, если вы желаете скачивать ресурсы и ничего при этом не делать, вам нужно оплатить Подписку Другой вариант активно помогать другим участникам

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

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 и не только его

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

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

OpenCart 1.5.6, OpenCart 2.1, OpenCart 2.3, OpenCart 3.0, OCStore 1.5.5.1.2, OCStore 2.1, OCStore 2.3, OCStore 3.0, Opencart.pro 2.1, Opencart.pro 2.3
Купить у Автора
CustomImageTitleAlt (74.4 KiB)

About Grek

Хорошее начало — не мелочь, хотя и начинается с мелочи По вопросам подписки / рекламе, пишите в личку https://t.me/trafimmamedov или на почту [email protected]

Follow Me

Leave a reply