Как сделать генерацию alt и title для изображени?

Question

[alex steel]

На каждой странице сайта (инет магазин) присутствует название товара в Н1
Как сделать генерацию alt и title для изображений коротые будуть как H1 на странице?

Answer 1

[Otrivin]

Все зависит от CMS. Какая используется?
Нужны базовые знания php.

Comments

[alex steel]

wordpress это написано в тегах данного поста

[Otrivin]

alexsteel07: тогда редактируйте непосредственно шаблон, на php. Куски кода можно взять из шаблонов, в которых предусмотрен вывод новостей (сижу с телефона - не накидаю код).

Answer 2

[Ankhena]

Что-то вроде этого:

var alt = $("h1").text();
    		$.each($('img'), function(){
    			if ($(this).attr("alt").length == 0) {
    		   		$(this).attr("alt",alt);
    		   	}
    		   	if ($(this).attr("title").length == 0) {
    		   		$(this).attr("title",alt);
    		   	}
    		});

Comments

[alex steel]

Это будег генерить название при загрузке страници?

[Ankhena]

alexsteel07: ну да

[alex steel]

Ankhena W: Просто обернуть в тег и должно работать?

[Ankhena]

alexsteel07: в тег, в смысле в script? Да.
Возможно document.ready, в зависимости от того куда вы его приткнете.

[alex steel]

Ankhena W: Думаю в хедер закинуть и пусть работает на каждой странице

[Ankhena]

alexsteel07: только в head, а не в header. И тогда с документ.реди

[Otrivin]

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

[alex steel]

Otrivin: ок. подскажите рабочий вариант или дайте ссылку почитать как это реализировать

[Ankhena]

Otrivin: alexsteel07:
поисковики давно справляются с js

[Ankhena]

alexsteel07: Да и по-хорошему, для сео альты и тайтлы надо руками прописывать.

[Otrivin]

Ankhena W: где можно об этом почитать? Это справедливо и для гугл, и для яндекс?

[Otrivin]

alexsteel07: Ankhena W: в консоли гугла есть функция "просмотреть как гугл-бот". Можно проверить ей. Если js обрабатывается, то тайтлы будут присвоены, если нет - значит, вариант с js не работает.

[alex steel]

Otrivin: Нужен вариант который работает. Посоветуйте что-то. Плагины типа SEO Friendly Images з вукоммерс не работают.

[Ankhena]

alexsteel07: Давайте разберемся с вопросами и желаниями.

Вариант, который РАБОТАЕТ, я написала. Именно работает, делает то, что Вы попросили в вопросе, т.е. берет текст из h1 и записывает его в alt и title.

Если вся эта затея была для повышения ранжирования в поисковиках, то ни к чему хорошему это не приведет. Не важно на JS или на PHP.
Первое: альт и тайтл не должны быть равны. В лучшем случае это ничего не даст, в худшем это путь к фильтрам за спам.
Второе: у разных картинок на странице должны быть разные альты. Если одинаковые - результат см. выше.
Третье: Не всем картинкам на странице нужны тайтлы, всяким там стрелочкам, украшательствам и т.д. По идее они должны быть сделаны фоном, но в жизни не все так делают. Как на вашем сайте я не знаю.

Плюс я вижу только один: это отсутствие ошибок валидации из-за отсутствия alt.

Вы можете иметь другое мнение по этому вопросу и принимать решение исходя из своих целей.

Answer 3

[Денис Янчевский]

Возможно, подойдет плагин SEO Friendly Images. Судя по описанию, делает то что нужно.

Comments

[alex steel]

Он не работает з woocommerce