在LinkedIn上共享带有图片和描述预览的网站URL

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在LinkedIn上共享带有图片和描述预览的网站URL相关的知识,希望对你有一定的参考价值。

我正在尝试在LinkedIn上共享URL,但是没有选择我的网站descriptiontitleimage

我已经尝试过使用这些方法进行共享,但是这些方法都不起作用。

Share Method 1

Share Method 2

[第二个似乎对我有用,但它没有选择图像。我在这里错了吗?

Js Fiddle

答案

基本上,您使用的第二种方法是正确的,缺少图片的事实仅仅是因为页面上没有图像。

假设您的网站是www.randomurl.com,您要共享的页面是www.randomurl.com/randompost.php

您的共享者href为

http://www.linkedin.com/shareArticle?mini=true&url=http://www.randomurl.com/randompost.php&title=yourposttitle&source=http://www.randomurl.com

共享者将选择在www.randomurl.com/randompost.php上找到的最重要的图像

编辑:由于我注意到您在打开的图形标记中包含了img,请尝试使用og:image:secure_url而不是普通的og:image:url,因为您使用的是安全连接(https)之后的图像

另一答案

LinkedIn仅支持一种URL格式...

https://www.linkedin.com/sharing/share-offsite/?url=url

来源:Official LinkedIn Sharing Documentation

但是,如果要在共享页面的预览中填充titleimage之类的内容,则需要使用og:标签。将它们插入<head>阻止html ...

  • <meta property='og:title' content='Title of the article"/>
  • <meta property='og:image' content='//media.example.com/ 1234567.jpg"/>
  • <meta property='og:description' content='Description that will show in the preview"/>
  • <meta property='og:url' content='//www.example.com/URL of the article" />

来源:LinkedIn Developer Docs: Making Your Website Shareable on LinkedIn

如果不确定,则可以随时咨询LinkedIn Post Inspector

另一答案

我尝试了这些共享方法,并且正在工作。

http://www.linkedin.com/shareArticle?mini=true&url=http://www.randomurl.com/randompost.php&submitted-image-url=https://yourprojectimage.png&title=yourposttitle&summary=yourprojectsummary&source=http://www.randomurl.com

以上是关于在LinkedIn上共享带有图片和描述预览的网站URL的主要内容,如果未能解决你的问题,请参考以下文章

Branch.io 没有为 Facebook 提供预览,在linkedIn 和 Twitter 上工作

Linkedin - 预览图像不显示

如何支持我的 SPA NuxtJS 应用程序的社交媒体共享和预览

在 Linkedin 上“附加”链接时会显示哪个图像?

如何制作WhatsApp for iOS在我网站的og标签中获取预览集的图像?

LinkedIn android应用程序嵌入式网络浏览器不加载网站