Вопрос или проблема
У меня есть веб-сайт на WordPress “https://drgadyabramson.com“, я оптимизирую сайт для лучшего ранжирования. Но проблема в том, что Yoast SEO показывает мне, что “Изображения на этой странице не имеют alt-атрибутов, содержащих ключевое слово.” Дело в том, что я вставил alt-тег для каждого изображения, используемого на этой странице.
Но когда я проверяю исходный код, он показывает другой ALT тег, который я вставил в медиа-библиотеку. Проверьте ниже:
Похоже, что мой сайт автоматически берет ALT из заголовка. Но это плохо для SEO.
Кто-нибудь может предложить мне решение? Нужно ли мне что-то менять в файле темы? Если да, то что именно?
Добавление атрибута alt в медиа-библиотеке не добавляет и не обновляет его на каких-либо ваших страницах, где он уже был вставлен в контент.
Когда вы добавляете изображение в контент с помощью редактора, оно добавляется как HTML <img> тег, включая атрибут alt. После того, как оно было добавлено, это всего лишь HTML, поэтому изменения в медиа-библиотеке не могут на это повлиять.
Чтобы добавить alt-текст к вашим изображениям, вам нужно войти на каждую страницу, выбрать и отредактировать изображения там, и добавить alt-текст, который вы хотите.
Вы можете вызвать alt_text, если вы получаете изображение с помощью пользовательского кода. Я надеюсь, это может помочь вам, если вы просто ищете $alt текст.
$alt_text = get_post_meta($post->ID, '_wp_attachment_image_alt', true);
Редактирование 1:
Если вы получаете изображение через функцию WordPress, тогда вы сможете увидеть, что alt тег также выводится в результате.
<?php echo wp_get_attachment_image( get_the_ID(), array('700', '600'), "", array( "class" => "img-responsive" ) ); ?>
Если у вас есть изображение, вызываемое вручную только по URL, тогда вы можете добавить alt как переменную, которая, возможно, должна отобразить детали alt следующим образом:
<img src="https://wordpress.stackexchange.com/questions/330450/ваш метод для вызова URL" alt="<?php echo $alt_text; ?>
Ответ или решение
Проблема с атрибутом ALT изображений в WordPress
Контекст: У вас возникла ситуация с сайтом на WordPress, где плагин Yoast SEO сообщает о том, что изображения на странице не содержат атрибутов alt, соответствующих вашему фокусному ключевому слову, хотя вы уверены, что все атрибуты alt установлены правильно. При проверке исходного кода страницы вы обнаруживаете, что значения атрибутов alt отличаются от тех, что были установлены в медиабиблиотеке.
1. Причины проблемы
Часто такая ситуация возникает в следующих случаях:
- Автоматическое извлечение значений: WordPress может сам подставлять значение атрибута alt из поля "Название" изображения при вставке изображения в контент. Это происходит, если изображение добавляется через редактор без явного указания атрибута alt.
- Использование кастомного HTML: Если изображения вставляются вручную с использованием HTML-кода, атрибуты alt могут быть указаны некорректно или не указываться вовсе.
2. Рекомендации по решению проблемы
Чтобы устранить несоответствие и обеспечить корректное использование атрибутов alt для SEO, выполните следующие шаги:
2.1. Корректировка изображения в редакторе
- Редактирование изображений в содержимом: Убедитесь, что вы редактируете каждое изображение в контенте страницы. Для этого:
- Перейдите в редактор страницы.
- Нажмите на изображение, которое необходимо изменить.
- В выпадающем меню выберите "Изменить" и введите правильный текст в поле "Атрибут ALT".
Для этого нет необходимости менять записи в медиабиблиотеке, так как изменения там не применяются к уже вставленным в контент изображениям.
2.2. Использование функции WordPress для вставки изображений
Если вы добавляете изображения через PHP-код, используйте функции WordPress для получения атрибутов изображений, чтобы избежать несоответствий. Например:
<?php
$alt_text = get_post_meta($post->ID, '_wp_attachment_image_alt', true);
echo wp_get_attachment_image(get_the_ID(), array('700', '600'), "", array("class" => "img-responsive", "alt" => $alt_text));
?>Таким образом, вы будете извлекать текст атрибута alt из медиабиблиотеки непосредственно в момент рендеринга изображения.
2.3. Проверка темы
Если вы используете кастомную тему или шаблоны, проверьте их код на предмет статических вставок изображений. Возможно, вам нужно будет отредактировать соответствующие файлы темы, чтобы использовать динамически извлекаемые значения для атрибутов alt.
3. Дополнительные советы
- Убедитесь, что текст атрибутов alt является описательным и соответствует содержанию изображения. Это не только повысит вашу видимость в поисковых системах, но и улучшит доступность сайта.
- Проверьте все страницы сайта с помощью инструмента SEO, чтобы удостовериться, что все изображения имеют корректные атрибуты alt.
Следуя данным рекомендациям, вы сможете устранить проблему с атрибутами alt на вашем сайте и улучшить его оптимизацию для поисковых систем.