Как исправить фоновый обмен контентом в Linkedin

Когда мой клиент хочет поделиться этой страницей в своем Linkedin: https://www.mysimilasan.com/distributeur-worden/

Фон страницы отображается в Linkedin. Я установил все правильные переменные, которые у них есть на странице поддержки: «Улучшение обмена контентом с помощью Open Graph» https://developer.linkedin.com/docs/share-on-linkedin

Я ждал 1,5 месяца, потому что думал, что это проблема с кешем linkedin. Но теперь фоновое изображение все еще отображается при попытке поделиться этой страницей.

он должен поделиться этим изображением правильно :?

У кого-нибудь есть идеи, что я здесь сделал не так? Или это ошибка Linkedin?

Поместите изображение, используемое для метатега Open Graph, где-нибудь на странице.

zipkundan 27.12.2018 08:47

@zipkundan Спасибо за ваш ответ, я добавил то же изображение, что и для метатега Open Graph. Но он по-прежнему использует фоновое изображение страницы. Любые идеи?

Koen van der Zanden 27.12.2018 16:04
Улучшение производительности загрузки с помощью 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
37
1

Ответы 1

Теги og: - правильный путь, но они не единственный путь. В конце концов, глядя на вашу страницу, я вижу, что вы также используете oEmbed. Просто посмотрите на этот URL на своем сайте:

https://www.mysimilasan.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.mysimilasan.com%2Fdistributeur-worden%2F

Вышеупомянутая ссылка используется на вашей странице, потому что ваш HTML указывает на это, так что ...

<link rel = "alternate" type = "application/json+oembed" href = "https://www.mysimilasan.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.mysimilasan.com%2Fdistributeur-worden%2F" />
<link rel = "alternate" type = "text/xml+oembed" href = "https://www.mysimilasan.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.mysimilasan.com%2Fdistributeur-worden%2F&#038;format=xml" />

А потом, глядя на ваш файл oEmbed, я вижу ...

{
    ...
    thumbnail_url: "https://www.mysimilasan.com/wp-content/uploads/2018/01/swiss-bg-2.jpg",
    thumbnail_width: 600,
    thumbnail_height: 362
}

Эй, это изображение отображается неправильно! Вот откуда! Бьюсь об заклад, если вы измените файл oEmbed, все заработает мгновенно! (или отключите oEmbed, но давайте выберем элегантное решение)

Чтобы проверить, я поместил ваш URL в LinkedIn Post Inspector, и он дал список всех возможных файлов, доступных для значка, и почему он выбрал это изображение. Посмотри!

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