html - 如何成功实现og :image for the LinkedIn

标签 html share facebook-opengraph linkedin

问题:

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

配置:

  • 我没有分享按钮或类似按钮,我只想通过我的个人资料分享链接。
  • 图像超过 300x300 像素: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:description 标签的最大(和最小)长度是多少?

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

提前致谢,干杯~

最佳答案

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

Guys, I've spent a whole day trying different things. What worked for me is using the mata [sic] tags as following:

<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}" />

Just try to add prefix to every tag (not to html tag), then re-sign in with your LI account to clear the cache... Post your results.

关于html - 如何成功实现og :image for the LinkedIn,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10042786/

相关文章:

javascript - 如何更改开放图元标签以在社交媒体上共享自定义内容?

http - 如何准备 HTTP 响应正文以在 LinkedIn 上展开 URL?

ios - Swift:尝试使用 Facebook Open Graph 故事

javascript - 谷歌地图 API v3 : InfoWindow not sizing correctly

JavaScript/JQuery Combo 之类的下拉菜单问题

c# - 实现通用行为来替代抽象基类?

Jquery 选择元[属性=og :image]?

Facebook批量操作自定义对象

javascript - 选择所有 HTML 复选框

javascript - 在通过 JavaScript 连接的链接上省略 HREF 是好习惯(还是好主意)?