Атрибут alt не отображается, хотя значение указано в медиа.

Содержание

Вопрос или проблема
Ответ или решение
1. Основные концепции атрибута alt
2. Как атрибут alt добавляется к изображениям
3. Возможные причины отсутствия атрибута alt
4. Решения для проблемы отсутствующего атрибута alt
Проверьте обновление атрибута alt на страницах
Обновите код шаблона
Кэширование
Проверка плагинов
Заключение

Вопрос или проблема

Вот мой сайт http://www.taramesh.ae/ Я пытаюсь провести SEO для него, и для этого мне нужно установить атрибут alt для каждого изображения. Даже если я указал его в медиа, он не отображается, когда я смотрю в инструментах разработчика или в исходном коде. Я нашел статью, связанную с этим alt, title теги не отображаются, но это не помогло, так как ответ был специфичен для темы. Я использую тему Food & Cook для своего сайта http://dahz.daffyhazan.com/food-cook/. Можете кто-нибудь помочь, пожалуйста.

Для контента постов и страниц, когда изображение добавляется из медиабиблиотеки, генерируется тег изображения с атрибутом alt, который соответствует тому тексту alt, который был в медиабиблиотеке, когда изображение было вставлено. Поскольку изображение добавляется как HTML с атрибутом alt, обновление текста alt в медиабиблиотеке не обновит его на странице (в противном случае потребовалось бы сканировать и обновлять весь ваш контент всякий раз, когда описание изображения изменяется).

Чтобы изменить текст alt изображения, вам нужно отредактировать страницу, на которой оно находится, и выбрать и отредактировать изображение там. Это обновит текст alt в исходном коде страницы.

Для изображений, выводимых шаблонами или пользовательскими полями, текст alt может не обновляться, потому что шаблон никогда не был закодирован для вывода текста alt. Шаблон должен получить текст alt, используя get_post_meta():

echo get_post_meta( $attachment_d, '_wp_attachment_image_alt', true);

Или, используя функцию wp_get_attachment_image(), которая включает текст alt в свой вывод:

echo wp_get_attachment_image( $attachment_id, 'full' );

echo get_post_meta( $attachment_id, '_wp_attachment_image_alt', true);

Или, используя функцию wp_get_attachment_image(), которая включает текст alt в свой вывод:

echo wp_get_attachment_image( $attachment_id, 'full' );

Ответ или решение

Проблема, которую вы описали, связана с тем, что атрибут alt для изображений на вашем веб-сайте не отображается, несмотря на то, что он был правильно установлен в медиа-библиотеке WordPress. Давайте рассмотрим возможные причины и решения этого вопроса.

1. Основные концепции атрибута alt

Атрибут alt (альтернативный текст) — это важный элемент для SEO и доступности сайта. Он предоставляет текстовое описание изображения для поисковых систем и пользователей с ограниченными возможностями. Если атрибут alt не отображается в коде страницы, это может негативно повлиять на SEO вашего сайта.

2. Как атрибут alt добавляется к изображениям

Когда вы добавляете изображение в записи или страницы WordPress, атрибут alt зависит от того, как вы его вставляете:

Редактирование страницы или записи: Если вы вставляете изображение, используя редактор, то атрибут alt будет добавлен автоматически в соответствии с его значением в медиа-библиотеке. Однако при редактировании изображения в медиа-библиотеке изменения не отражаются на уже вставленных изображениях на страницах.
Шаблоны или настраиваемые поля: Если изображения выводятся через шаблоны или настраиваемые поля, атрибут alt может не обновляться, если код шаблона не настроен на извлечение данных.

3. Возможные причины отсутствия атрибута alt

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

4. Решения для проблемы отсутствующего атрибута alt

Проверьте обновление атрибута alt на страницах

Если вам нужно изменить атрибут alt для уже вставленного изображения, сделайте следующее:

Перейдите к редактированию страницы или записи, где изображение было добавлено.
Щелкните на изображение и выберите опцию редактирования.
Убедитесь, что значение атрибута alt установлено корректно.

Обновите код шаблона

Если изображения выводятся с помощью шаблонов:

Используйте функцию get_post_meta() или wp_get_attachment_image() в вашем коде:

echo wp_get_attachment_image( $attachment_id, 'full' );

Этот код будет генерировать правильный тег <img> с атрибутами alt.

Кэширование

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

Проверка плагинов

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

Заключение

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