如何成功实现LinkedIn的og:image

Question

如何成功实现LinkedIn的og:image

Sab*_*abo 39 html share linkedin opengraph

问题:

我正在尝试在网站上实现开放图形图像,但没有太大成功:http://www.guarenty-group.com/cz/
主页完全绕过og:image标签,其中内部页面正在从站点读取所有图像,并将og:image作为最后一个选项.
其他社交网络在内部页面和主页上都运行良好.

配置:

我没有共享按钮或类似的,我想要的是能够通过我的个人资料分享链接.
图像远远超过300x300px:http://guarenty-group.com/img/gg_seal.png

这是我的头标记的样子:

<!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>

Run Code Online (Sandbox Code Playgroud)

测试结果:

为了欺骗缓存我已经用http://www.guarenty-group.com/cz/?try=N测试了网站,我每次都更改了N. 奇怪的是,为不同的N值找到的图像是不同的.有时没有图像,有时会有1个,2个或3个图像,但每次都有不同的图像集.但是,无论如何我找不到og:graph中指定的图像!

我的问题:

https://developer.linkedin.com/documents/setting-display-tags-shares说一件事,支持论坛上的人员说"超过300"有谁知道图像的官方最小尺寸是什么( w和h)？
图像太大了吗？
我应该使用xmlns,我不应该使用xmlns或无关紧要吗？
og:title和og:description标签的最大(和最小)长度是多少？

任何其他建议当然欢迎:)

在此先感谢,欢呼〜

Answer 1

Got*_*ses 35

我在LinkedIn论坛上找到的答案可能对您有所帮助:

伙计们,我花了一整天时间尝试不同的事情.对我有用的是使用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}" />
Run Code Online (Sandbox Code Playgroud)
只是尝试为每个标签添加前缀(而不是html标签),然后使用您的LI帐户重新登录以清除缓存...发布您的结果.

LinkedIn使用最初提到的内容修改了论坛,但您可以在http://web.archive.org/web/20140713041429/http://developer.linkedin.com/forum/attempts-share-url的档案中找到它. -linkedin-忽略 - 开放图形标签？ (2认同)

Answer 2

小智 9

我发现这个简单的修复程序在经过许多复杂的解决方案之后对我有用:

LinkedIn

"清除"LinkedIn的共享预览缓存的唯一方法是诱使LinkedIn认为您的页面是一个不同的(和新的)页面.

这是通过向链接添加一个伪造的参数来完成的.它不会影响您的网页,但会强制重新获取元数据.

例:

原文链接://beantin.se/consultant-resume"新"链接://beantin.se/consultant-resume？1

Answer 3

小智 6

昨晚我有同样的问题。花了几个小时研究解决方案，我尝试了本文中其他人推荐的解决方案，但无济于事。最后，我就此问题联系了LinkedIn，他们立即做出了回应。他们的开发团队已实现了一个名为“ Post Inspector”的新工具，该工具使您可以优化内容共享。从字面上看，这在短短几分钟内就有效了。

您要做的就是输入您的URL，他们将完成所有繁琐的工作，即验证属性的正确代码，例如图像，作者，标题，描述，出版日期等。它们不仅进行验证，还会告诉您要编码的内容。包括，缺少的内容以及解决方法。

这是使用Post Inspector的网站：

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

这对我有用，我认为这应该是公认的答案。在后期检查器中输入您的 URL，它将更新该 URL 的 LinkedIn 缓存 (2认同)

归档时间：	13 年，6 月前
查看次数：	44883 次
最近记录：	6 年前