Opencart alt image – Custom Title и Alt для картинок (изображений image) в ссылках и теге img OpenCart (ОпенКарт) и ocStore

Custom Image Title and Alt, для CMS OpenCart (ОпенКарт) и сборки ocStore

Зачем это нужно
Атрибуты ALT и TITLE тега IMG

Многие вебмастера не в полной мере применяют атрибуты ALT и TITLE, а то и вовсе игнорируют.
Хотя использование атрибутов title и alt для поисковой оптимизации — это простой способ поднять позиции сайта в поисковых системах.  Теперь поговорим об Custom image title alt и
 

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

фото [N], которое будет представлено в виде название товара Фото 1, Название товара Фото 2

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


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

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

ВНИМАНИЕ! Владельцев  шаблонов SSTORE. Доработка под ваш шаблон — платная, и може превышать стоимость модуля в несколько раз. Это не потому что я зажрался, это потому что авторы шаблона полностью ломают логику Опенкарта.

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

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

ПС обращают основное внимание на текст, относящийся к изображению.

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

Проверено и работает на ДЕФОЛТНОМ шаблоне
Для шаблонов, работающих не на базе дефолтного, требуется адаптация

Под некоторые  шаблоны адаптация платная
 Если уже есть адаптированный, то получите бесплатно.

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

Хочется сказать про установку молуля Custom Image Alt Title и не только его
Не забывайте — это написано для версии 2.х.
Забудьте о копировании. Используйте штатные средства
Дополнения -> Установка дополнений
Дополнения -> Менеджер расширений -> Обновить

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

В какой момент  появляется событие платной адаптации молуля Custom Image Alt Title
Как только в личной переписке я не попрошу доступа в админку или ftp.До этого момента, я готов помогать и консультировать.

prodelo.biz

Заполнение атрибутов ALT и Title для изображений OpenCart (ОпенКарт) и ocStore

Хотя информации об этом и много, но владельцы сайтов очень часто пренебрегают этим. С одной стороны в OpenCart все  есть для этого и атрибуты для изображения присутствуют в шаблонах. И «шаблонописатели» обязательно это учитывают.

Но! К сожалению полностью отсутствует управление этими атрибутами, т.е. невозможно задать свое значение

Возникает вопрос, а так ли это важно?

Вы хотите больше органического трафика? Вы его можете получить из поиска по картинкам

Надо заметить, что поисковые системы индексируют атрибуты ALT и Title (правильно сказать — индексируют информацию в этих атрибутах). Даже если они отсутствует или не содержат информацию, то индексация происходит по окружающему тексту, а всегда ли окружающая информация релевантна, тому что находится на фото товара?

Здесь вы не получите единственно верных рекомендаций по заполнению атрибутов, здесь — только подсказки. Каждый товар, каждый магазин уникален, и для каждого магазина должен быть индивидуальный подход в СЕО

Согласитесь, что alt="Фото" совсем-совсем ничего не скажет о товаре — поэтому пример плох.

Более приемлемый вариант — alt=»Название товара» — это то что и реализовано в стандарте OC. Плохо или хорошо? Я бы сказал — средненько. Т.е. информация как бы есть, но как бы и нет. Вот пример:
alt="Canon 3D" — что такое Canon рассказывать не надо, а то что это какое-то устройство по атрибуту неизвестно

alt="Фотоаппарат Canon 3D"

— уже лучше, а еще лучше

alt="Фотоаппарат зеркальный Canon 3D"

Если сильно постараться, то можно улучшить предыдущее:

alt="Зеркальный фотоаппарат Canon 3D - цвет корпуса черный"

или

alt="Зеркальный фотоаппарат Canon 3D - цвет корпуса черный - в магазине Фотопринадлежностей"

А еще можно и перестараться:

alt="Зеркальный фотоаппарат Canon 3D - купить фотоаппарат, черный фотоаппарат"

Оно вам надо быть наказанным ПС за переспам, переоптимизацию?!

Не малое значение также имеет наличие атрибутов и в дополнителных картинках. И нужно иметь расширенные возможности вот пример
Зеркальный фотоаппарат Canon 3D - вид сзади
Зеркальный фотоаппарат Canon 3D - вид сверху
Возможно пример приведенный и не корректен — пользователь не будет искать фразу «Зеркальный фотоаппарат Canon 3D — вид сверху». Но при просмотре слайдов — вы даете информативную подпись к изображению

Зачем весь этот текст? Для кого это написано? И что дальше? Дальше — воспользоваться специальным модулем Custom Title и Alt для картинок (изображений) в ссылках и теге img

Модуль позволяет самостоятельно заполнить значения атрибутов. В случае большого количества товаров, модуль может автоматически сгенерировать значения по описанным вами правилам.

liveopencart.ru

Модуль Custom Image Titles Opencart

Модуль Custom Image Titles для заполнения атрибутов title и alt изображений товаров и категорий в Opencart 2.x.

Функции этих параметров:

  • атрибут title выполняет роль заголовка для фотографии. Из него формируется всплывающая подсказка для картинки (tooltip), а также подпись в всплывающем окне при просмотре полного изображения.
  • атрибут alt (альтернативный текст) в теге <img> позволяет поисковикам определить описание изображения и проиндексировать его, то есть это краткое описание того, что на картинке.

После грамотного заполнения атрибутов заголовками с ключевыми словами — вы получите плюс к поисковой оптимизации SEO и соответственно, через некоторое время увеличится целевой трафик. К сожалению, по умолчанию функционала по добавлению атрибутов alt и title для картинок в Opencart 2.x нет, в то время как в других CMS, например в WordPress — это реализовано.

С помощью модуля добавляются атрибуты alt и title для изображений на странице списка товаров в категории, в карточке товара, в поиске, акциях, в списке товаров в производителях, в стандартных модулях: Рекомендуемые, Последние, Акции, Бестселлеры.

Внимание! Отображение alt и title гарантируется только на шаблоне default и сделанных на его основе. Для всех других шаблонов, если они очень отличаются от стандартного — правим universal_theme_patch.ocmod.xml или отключаем его и вносим все изменения в файлы вашего шаблона вручную.

Характеристики дополнения
Совместимость2.0.0.0, 2.0.1.0, 2.0.1.1, 2.0.2.0, 2.0.3.1, 2.1.0.1, 2.1.0.2, 2.2.0.0, 2.3.0.0, 2.3.0.1, 2.3.0.2, 3.0.0.0, 3.0.1.1, 3.0.1.2, 3.0.2.0, 3.0.3.0, 3.0.3.1, 3.0.3.2
Локализациярусский, английский
Ocmodда

Модуль Custom Image Titles для Opencart
Модуль Custom Image Titles для Opencart
Модуль Custom Image Titles для Opencart
Характеристики дополнения
Совместимость2.0.0.0, 2.0.1.0, 2.0.1.1, 2.0.2.0, 2.0.3.1, 2.1.0.1, 2.1.0.2, 2.2.0.0, 2.3.0.0, 2.3.0.1, 2.3.0.2, 3.0.0.0, 3.0.1.1, 3.0.1.2, 3.0.2.0, 3.0.3.0, 3.0.3.1, 3.0.3.2
Локализациярусский, английский
Ocmodда

Сергей, 03.10.2017

Поставил Custom Image Titles для Opencart 2 на OcStore 2.3 в административном разделе под названиями title и alt на против изображения, съехали поля, но в коде появились alt и title, считаю модуль рабочий. и нужный. Жду появления своих картинок в яндексе и гугл. Установка через Ocmod корректная, ошибок нет

Виктор, 25.07.2019

Добрый день. При установке модуля возникает ошибка «Директория system/helper не доступна для записи!». Как можно решить эту проблему?

Ответ:
Установите дополнение localcopy

Виктор, 26.07.2019

Спасибо) Помогло )

Игорь, 18.10.2019

Модуль описание будет делать автоматически, или нужно будет все проставлять вручную?

Ответ:

Это дополнение нужно тем кто знает как работает seo, как можно двигать сайт в поисковой выдаче по картинкам. Для тех кто готов «вкладываться» в развитие сайта.

А если вам нужно «поставил и забыл», тогда это не для вас. Сейчас в SEO продвижении все что имеет приставку «автоматически» не даёт никакого результата.

Артём, 08.12.2019

На ocStore 3 работать будет?

Написать отзыв или задать вопрос

ocmod.net

Title and Alt для изображений

Название файлаИмя файлаДатаДействие
2.1.CustomImageTitleAltopencart_file_12405.zip2019-04-19 15:04:02 Платный файл
2.3.CustomImageTitleAltopencart_file_4138.zip2017-01-22 16:01:22 Платный файл

* Возможность скачивания появится после покупки

Зачем нужны Атрибуты ALT и TITLE тега IMG

Многие вебмастера не в полной мере применяют атрибуты ALT и TITLE, а то и вовсе игнорируют.
Хотя использование атрибутов title и alt для поисковой оптимизации — это простой способ поднять позиции сайта в поисковых системах.  Продолжение следует…

Как это работает
1. Вы можете самостоятельно указать содержимое атрибутов при редактировании товаров.
Такой подход годится для магазинов с ограниченным, редко изменяющимся ассортиментом
2. В настройках модуля вы задаете шаблон атрибута
Купить [name] в [store], что автоматически превратится в Купить

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

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

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

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

Отвлекитесь от чтения текста. Вам это и так хорошо известно о полезности атрибутов alt
Посмотрите как это это удобно и быстро делать из списка товаров. Только тык — паст -save На один товар до минуты.

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

ПС обращают основное внимание на текст, относящийся к изображению.
Особенно к тому, что написано непосредственно вокруг изображения, воспринимая этот текст как описание изображения.

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

Проверено и работает на ДЕФОЛТНОМ шаблоне
Для шаблонов, работающих не на базе дефолтного, требуется адаптация

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

system\storage\modification\catalog\controller\product\product.php
system\storage\modification\catalog\view heme\ВАША_ТЕМА emplate\product\product.tpl
или (если там его нет)
\catalog\view heme\ВАША_ТЕМА emplate\product\product.tpl
Адаптация под шаблоны — платная. Если уже есть адаптированный, то получите ссылку бесплатно.

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

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

Написать отзыв

* Выполните Вход в свой аккаунт, для получения возможности оставить отзыв о товаре.

shop.opencart-russia.ru

Модуль Custom Image Titles для Opencart 2.x

Модуль Custom Image Titles для заполнения атрибутов title и alt для изображений товаров и категорий в Opencart 2.x.

Функции этих параметров:
— атрибут title выполняет роль заголовка для фотографии. Из него формируется всплывающая подсказка для картинки (tooltip), а также подпись в всплывающем окне  при просмотре полного изображения.
— атрибут alt (альтернативный текст) в теге <img> позволяет поисковикам определить описание изображения и проиндексировать его, то есть это краткое описание того, что на картинке.

После грамотного заполнения атрибутов заголовками с ключевыми словами — вы получите плюс к поисковой оптимизации SEO и соответственно, через некоторое время увеличится целевой трафик. К сожалению, по умолчанию функционала по добавлению атрибутов alt и title для картинок в Opencart 2.x нет, в то время  как в других CMS, например в WordPress — это реализовано.

С помощью модуля добавляются атрибуты alt и title для изображений на странице списка товаров в категории, в карточке товара, в поиске, акциях, в списке товаров в производителях, в стандартных модулях: Рекомендуемые, Последние, Акции, Бестселлеры.

Установка модуля Custom Image Titles:
1. Распаковать архив
2. Установить через админку модуль из папки для вашей версии Opencart 2.x: сначала нужно установить архив *.ocmod.zip, а затем и модификацию-патч для вашего шаблона.
3. Обновить модификации в админке
4. Дать права группе пользователей (не всегда обязательно)
5. Перейти в модули и включить и настроить модуль Custom Image Titles
6. В формах редактирования товаров/категорий должны появится поля для ввода title и alt для изображений

Внимание! Модуль будет работать в админке — 100% на всех сборках Opencart и OcStore. Отображение alt и title на сайте гарантируется только на шаблоне default и сделанных на его основе. Для всех других шаблонов, если они очень отличаются от стандартного — правим universal_theme_patch.ocmod.xml или отключаем его и переносим  вручную все изменения в файлы вашего шаблона. Услуга адаптации модификации под ваш шаблон платная, но если модификация под ваш шаблон у нас уже есть (см. внизу) — отдадим ее бесплатно.

Изменения:
— появилась адаптация модификации под шаблоны Revolution и NewStore для Opencart/Ocstore 2.3
— появилась адаптация модуля под сборку MaxyStore 2.3

opencart2x.ru

Продвижение товаров через комментарии в изображениях ~ OpenCart Software Solutions

Сегодня современный пользователь стал настолько ленивым, что не всегда вчитывается в сопроводительный текст к товарам или в текст результатов выдачи на страницах поисковых систем. Так сложилось, что визуальное восприятие объектов человеку даётся проще, чем их представление по описанию. По этой причине поиск по изображениям в Интернете стремительно набирает популярность.

Однако не все SEO-специалисты и владельцы сайтов отдают этому должное внимание. Между тем, метаданные изображений обрабатываются поисковыми роботами и имеют более высокий приоритет, чем альтернативный текст к картинке (аттрибут alt) и её название (аттрибут title).

Не будем обсуждать стандарты EXIF, IPTC и XMP, они безусловно важны, но имеют довольно много атрибутов от версии к версии и больше подходят под понятие «поискового шума». Речь пойдёт о простых комментариях в изображениях, которые определены в известных и самых популярных форматах графических файлов, например JPEG.

Попробуйте в одной из поисковых систем набрать строку «CREATOR: gd-jpeg v1.0 (using IJG JPEG v62)«. Какие результаты видите на экране? Эта строка не что иное, как комментарий к изображению, созданный библиотекой PHP GD после его обработки. Вместо этого текста, могла бы быть другая полезная информация, например, реальное описание объекта или уведомление об авторских правах. Последний вариант (в некоторой степени) поможет защитить картинки от копирования на сторонние ресурсы.

Для реализации этой возможности в онлайн-магазинах OpenCart был разработан модуль Image Comment:

Рисунок 1. Административный интерфейс модуля Image Comment v1.5

Модуль позволяет добавлять в изображение комментарий из источника на этапе изменения размеров (кеширования), согласно выбранному элементу из выпадающего списка (см. скриншот). Список источников в приоритетном порядке следующий:
  1. Мета-тег «Описание»
  2. Мета-тег «Ключевые слова»
  3. Название страницы
  4. Произвольный текст
Модуль не трогает оригинальное изображение и не выполняет запросов к базе данных. Комментируются изображения графических форматов JPEG, GIF и PNG на страницах категорий и карточек товаров. Поддерживается кириллица в кодировке windows-1251 и utf-8 (для изображений конвертируется в windows-1251).

Состав архива: ниже представлен список файлов, которые необходимо поместить в каталог OpenCart согласно их директориям:

./admin/controller/feed/image_comment.php 
./admin/language/russian/feed/image_comment.php
./admin/language/english/feed/image_comment.php
./admin/view/template/feed/image_comment.tpl
./vqmode/xml/vqmod_image_comment.xml
./system/library/image_comment.php
./readme.txt

Требования: vQmod 2.3+ или ручная правка файлов, изменения минимальны (инструкция прилагается в архиве).

Условия приобретения: модуль может быть использован только в личных целях, не допускается распространение в составе ПО OpenCart без согласия авторов модуля или публикация его в общедоступном виде. Модуль возврату не подлежит!

Условия поддержки: бесплатная поддержка в рамках базовой версии 1.x, в том числе выпуск возможных обновлений, осуществляется в течении года с момента приобретения через зарегистрированный электронный адрес, с использованием которого была осуществлена сделка.

Стоимость: $8

* * *

Разработана новая версия модуля Image Comment v2.0 (с предыдущей не совместима). Требуется поддержка второго решения расширенных возможностей для модулей (см. http://opencartsoftware.blogspot.ru/2016/05/opencart-extended-module.html) и доработка за пунктом №12 (см. http://opencartsoftware.blogspot.ru/2013/05/revision-opencart.html)

Если сравнивать с версией 1.5, то оптимизирован алгоритм работы модуля (меньше переходов, небольшой выигрыш в производительности), не требуется чистить кеш изображений, vQmod уже не используется (благодаря применению новой концепции работы модулей — обрабатываются изображения всех ведущих контроллеров).

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

Эта статья может быть дополнена расширенной информацией, следите за обновленями. По вопросам приобретения просьба обращаться через страницу контактов.

opencartsoftware.blogspot.com

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *