Почему LinkedIn Post Inspector не отображает правильный заголовок OpenGraph?

Я использую Yoast для создания мета OpenGraph на следующей странице:

https://www.wjdfund.org

Если вы посетите этот URL-адрес и просмотрите исходный код страницы, вы увидите следующий метатег:

Это единственный og:title, присутствующий в исходном коде страницы, однако по какой-то странной причине инспектор публикаций LinkedIn отображает заголовок как «— Фонд трудовой справедливости и достоинства». Пример:

https://www.linkedin.com/post-inspector/inspect/https:%2F%2Fwww.wjdfund.org

Я исключил кэширование, поскольку даже проверка URL-адреса с параметром дает тот же результат: https://www.linkedin.com/post-inspector/inspect/https:%2F%2Fwww.wjdfund.org%3Flatest

Самое странное то, что строка «— Worker Justice & Dignity Fund» даже не появляется нигде в DOM, поэтому я озадачен тем, почему LinkedIn использует это значение. Также стоит отметить, что Facebook и X (Twitter) отображают правильный заголовок в предварительном просмотре сообщений.

Надеюсь, кто-нибудь сможет пролить свет на эту проблему LinkedIn.

«Фонд справедливости и достоинства трудящихся» с mdash, согласно Yoast, скоро получит ссылку на приложение/json+oembed, которая будет добавлена ​​в заголовок вашей страницы.

Rich DeBourke 30.05.2024 17:03

@RichDeBourke — Спасибо, что открыли это! Я перешел по ссылке oEmbed и смог найти значение заголовка mdash в файле JSON.

user5606034 06.06.2024 22:48
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
2
84
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Оказывается, ядро ​​WordPress добавляет ссылку application/json+oembed в заголовок, а LinkedIn использовал значение «title» из этого файла JSON вместо мета og:title. Большое спасибо @RichDeBourke за это открытие.

Мне удалось отключить ссылку oEmbed, добавленную ядром WordPress, используя следующий PHP:

remove_action( 'wp_head', 'wp_oembed_add_discovery_links');

Это удалило ссылку oEmbed из заголовка, и теперь LinkedIn отображает значение og:title.

Другие вопросы по теме