Как успешно реализовать og: image для LinkedIn

ПРОБЛЕМА:

  • Я пытаюсь, без особого успеха, реализовать open graph image на сайте:http://www.guarenty-group.com/cz/
  • Домашняя страница полностью обходит тег og:image, где внутренние страницы читают все изображения с сайта и помещают og:image в качестве последнего варианта.
  • другие социальные сети работают нормально на обеих внутренних страницах и домашняя страница.

КОНФИГУРАЦИЯ:

  • у меня нет кнопок share или подобных, все, что я хочу, это иметь возможность поделиться ссылкой через мой профиль.
  • изображение значительно превышает 300x300px:http://guarenty-group.com/img/gg_seal.png

  • вот как выглядит мой тег head:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Guarenty Group : Pojištění pro nájemce a pronajímatelé</title>

        <meta name="keywords" content="" />
        <meta name="description" content="Guarenty Group pojišťuje příjem z nájmu pronajímatelům, kauci nájemcům - aby nemuseli platit velkou částku v hotovostí předem - a dále nájemcům pojišťuje příjmy, aby měli na nájem při nemoci, úrazu či nezaměstnání." />
        <meta name="image_src" content="http://guarenty-group.com/img/gg_seal.png" />
        <meta name="image_url" content="http://guarenty-group.com/img/gg_seal.png" />

        <meta property="og:title" content="Pojištění pro nájemce a pronajímatelé" />
        <meta property="og:url" content="http://guarenty-group.com/cz/" />
        <meta property="og:image" content="http://guarenty-group.com/img/gg_seal.png" />
        <meta property="og:description" content="Guarenty Group pojišťuje příjem z nájmu pronajímatelům, kauci nájemcům - aby nemuseli platit velkou částku v hotovostí předem - a dále nájemcům pojišťuje příjmy, aby měli na nájem při nemoci, úrazu či nezaměstnání [...]" />
        ...
</head>

РЕЗУЛЬТАТЫ ТЕСТИРОВАНИЯ:

для того, чтобы обмануть кэш, который я тестировал на сайте сhttp://www.guarenty-group.com/cz/?try=N, где я менял N каждый раз. Странно то, что изображения, найденные для разных значений N, отличаются. Иногда нет изображения, иногда есть 1, 2 или 3 изображения, но каждый раз есть другой набор изображений. Но, в любом случае, я не смог найти изображение, указанное в OG:graph!

мой Вопросы:

  1. https://developer.linkedin.com/documents/setting-display-tags-shares говорит одно, и персонал на форуме поддержки говорит "более 300" кто-нибудь знает, что такое официальный минимальный размер изображения (как w, так и h)?
  2. изображение может быть слишком большим?
  3. должен ли я использовать xmlns, не должен ли я использовать xmlns или это не имеет значения?
  4. каковы максимальные (и минимальные) длины для og: title и og: описание тегов?

любое другое предложение, конечно, приветствуется :)

заранее спасибо, ура~

30
html linkedin opengraph share

8 ответов

этот ответ я нашел на в LinkedIn форумы могут помочь вам:

Ребята, я провел целый день, пробуя разные вещи. Что сработало me использует теги mata [sic] следующим образом:

<meta prefix="og: http://ogp.me/ns#" property="og:title" content="{Your content}" />
<meta prefix="og: http://ogp.me/ns#" property="og:type" content="{Your content}" />
<meta prefix="og: http://ogp.me/ns#" property="og:image" content="{Your content}" />
<meta prefix="og: http://ogp.me/ns#" property="og:url" content="{Your content}" />

просто попробуйте добавить префикс к каждому тегу (не к тегу html), затем повторно войдите с вашей учетной записью LI, чтобы очистить кэш... Опубликуйте свои результаты.

28

вы пробовали добавить prefix="og: http://ogp.me/ns#" к тегу HTML?

7

Я нашел это простое исправление, которое сработало для меня после множества сложных решений, которые не работали:

в LinkedIn

единственный способ "очистить" кэш предварительного просмотра для LinkedIn-обмануть LinkedIn, думая, что ваша страница-это другая (и новая) страница.

Это делается путем добавления составного параметра в ссылку. Это не влияет на вашу веб-страницу, но заставляет метаданные быть повторно извлечена.

пример:

оригинальная ссылка: / / beantin.se / консультант-резюме "Новая" ссылка: / / beantin.se / консультант-резюме?1

3

LinkedIn также кэширует предварительные просмотры. Если изображение OpenGraph было неправильно кэшировано в какой-то момент раньше, попробуйте победить кэш с параметром запроса по общей ссылке, например https://your-website.com/?1.

2

Это может быть немного поздно для OP, но есть новая документация на https://www.linkedin.com/help/linkedin/answer/46687/making-your-website-shareable-on-linkedin - ... Надеюсь, это поможет другим.

1

У меня была та же проблема прошлой ночью. Потратил часы на исследование решений, и я попробовал решения, рекомендованные другими в этом посте, но безрезультатно. Наконец, я связался с LinkedIn по этому вопросу, и они ответили сразу. Их команда разработчиков внедрила новый инструмент под названием "Post Inspector", который позволяет оптимизировать обмен контентом. Буквально, за несколько минут это сработало.

все, что вам нужно сделать, это ввести свой URL, и они делают всю занятую работу т. е. проверка правильного кода свойств, таких как изображение, автор, название, описание, дата публикации и т. д. Они не только проверяют, они также говорят вам, какой код включить, что отсутствует и как это исправить.

вот веб-сайт для использования Post Inspector:

https://www.linkedin.com/post-inspector/

1

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

решение LinkedIn не работает. Также LinkedIn кэширует изображения в течение 7 дней, и если вы изменили изображение, вы не сможете посмотреть на обновленное изображение. Таким образом, это были ограничения, и я смог реализовать его, используя некоторые PHP, Javascript и используя фиктивный параметр для обновления кэша LinkedIn. Вот решение

0

Если ответ @Kym работает для вас, и вы не хотите иметь поддельный параметр URL в ссылках LinkedIn, простым решением является просто выйти, а затем войти обратно.

*написание собственного ответа, так как у меня недостаточно репутации, чтобы прокомментировать их

0