Как в alt прописать заголовок страницы?

Question

Николай Добрынин @fbir

начинающий верстальщик

Как в alt прописать заголовок страницы?

Имеется сайт где пользователь в статьи добавляет текст с картинками сайт на modx evo, но сути это не меняет, нужно взять заголовок страницы h1 и его содержимое передать во все картинки которые есть на странице внутри тега [*content*].
Пробовал вот такую конструкцию но чего то не работает. В js и jq я пока новичек.

<header><h1 id="in">[*pagetitle*]</h1></header>
				
				<script> 
					$( "img" ).each(function( ) {
					var clo = $(this).siblings('h1').text();
					$(this).attr('alt', clo);
					});
				</script> 
				<div class="content">
					[*content*]
				</div>

Вопрос задан более трёх лет назад
103 просмотра

5 комментариев

Подписаться 1 Средний 5 комментариев

Антон @Eridani

И чего вы хотите добиться, читаемости ваших картинок поисковиками?
Для вас плохие новости - заголовок добавленный в альт средствами JS прочитан не будет.

Написано более трёх лет назад
Николай Добрынин @fbir Автор вопроса

Антон, на данный момент я хочу автоматизировать добавление в alt картинки заголовок страницы

Написано более трёх лет назад
Антон Тарасов @an-tar Куратор тега MODX
Если alt'ы пустые, можно так заменить:

[*content:replace_str=`alt=""==alt="[*pagetitle*]"`]
Написано более трёх лет назад
Антон @Eridani

Николай, зачем?) ну вот какая цель этого?
Предназначение альта - альтернативный текст картинки, если она не будет прогружена, чтобы посетитель понимал, что на ней.
Его другая сторона - подпись картинок, используется поисковиками для ранжирования.

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

Можете парсер написать работающий по крону, который будет проходится по всем страницам, у которых есть комментарии, искать в них теги изображения, проверять альт на пустоту и заменять пустоту на заголовок.

Еще проще, делать это в момент публикации пользователем своего поста. Пользователь отправил, автоматика провалидировала, сделала правки в посте пользователя и далее - прямиком в базу

Написано более трёх лет назад
bxspb @bxspb

modx.im/blog/questions/4645.html#comment36294

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+1 ещё

Средний
Как сделать программную навигацию без изменения url в vue-router + vue3?
- 1 подписчик
- 22 минуты назад
- 6 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Three.js объект сзади не виден при повороте к нему лицом?
- 2 подписчика
- 4 часа назад
- 42 просмотра
1

ответ
HTML

+1 ещё

Простой
Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?
- 1 подписчик
- 5 часов назад
- 37 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как скачать pdf из встроенного просмотрщика на сайте?
- 1 подписчик
- 6 часов назад
- 102 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Как построение маршрута на 2GIS API v2.0?
- 1 подписчик
- 8 часов назад
- 42 просмотра
0

ответов
JavaScript

Средний
Эффект наложения блоков?
- 1 подписчик
- 22 часа назад
- 107 просмотров
2

ответа
JavaScript

+2 ещё

Средний
Как изменить содержание блока програмно со свойством contentEditable?
- 1 подписчик
- 22 часа назад
- 78 просмотров
0

ответов
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- 22 часа назад
- 43 просмотра
0

ответов
HTML

+1 ещё

Простой
Как поместить картинку рядом с текстом?
- 1 подписчик
- вчера
- 76 просмотров
2

ответа
JavaScript

Простой
Как после сабмита очистить поле type="tel" и показать очищенную маску?
- 2 подписчика
- вчера
- 69 просмотров
0

ответов
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

JavaScript Fullstack

OnClass

от 200 000 до 600 000 ₽

Разработка стратегий продвижения в соц сетях FB

24 апр. 2024, в 20:50

10000 руб./за проект

Правка в веб приложение

24 апр. 2024, в 20:35

5000 руб./за проект

Unity очень простая игра

24 апр. 2024, в 19:51

1000 руб./за проект

И чего вы хотите добиться, читаемости ваших картинок поисковиками?
Для вас плохие новости - заголовок добавленный в альт средствами JS прочитан не будет.
Антон, на данный момент я хочу автоматизировать добавление в alt картинки заголовок страницы
Если alt'ы пустые, можно так заменить:

[*content:replace_str=`alt=""==alt="[*pagetitle*]"`]
Николай, зачем?) ну вот какая цель этого?
Предназначение альта - альтернативный текст картинки, если она не будет прогружена, чтобы посетитель понимал, что на ней.
Его другая сторона - подпись картинок, используется поисковиками для ранжирования.

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

Можете парсер написать работающий по крону, который будет проходится по всем страницам, у которых есть комментарии, искать в них теги изображения, проверять альт на пустоту и заменять пустоту на заголовок.

Еще проще, делать это в момент публикации пользователем своего поста. Пользователь отправил, автоматика провалидировала, сделала правки в посте пользователя и далее - прямиком в базу

Как в alt прописать заголовок страницы?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт