代码之家  ›  专栏  ›  技术社区  ›  priyapatel

我想在共享网站链接时添加图像

  •  4
  • priyapatel  · 技术社区  · 7 年前

    enter image description here 我在我的网站上添加了图片。我想在共享网站链接时显示该图像。它只在whatsapp上显示,没有在facebook和skype上显示。

    我的网站链接是: https://www.telotrovo.it/

    我尝试了以下代码:

    <meta property="og:image:secure_url" content="https://www.telotrovo.it/wp-content/uploads/2016/02/siteimage.jpg"/>
    
    <meta property="og:image" content="http://www.telotrovo.it/wp-content/uploads/2016/02/siteimage.jpg"/>
    3 回复  |  直到 7 年前
        1
  •  7
  •   Cedric    5 年前

    Facebook、Skype和其他公司正在使用开放图形协议来获取这些信息。我在我的一个网站上有:

    <meta property="og:title" content="Site Title" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http://my.website.com" />
    <meta property="og:image:url" content="http://my.website.com/images/thumb.png" />
    <meta property="og:description" content="Site description" />
    

    Skype和Facebook上显示为链接预览的图像是og:image:url中指定的拇指图像。

    这四个应该出现在您的标签中。还要确保将XML命名空间添加到标记中:

    <html xmlns="http://www.w3.org/1999/xhtml"
          xmlns:og="http://ogp.me/ns#"
          xmlns:fb="https://www.facebook.com/2008/fbml">  
    
        2
  •  2
  •   Shajibur Rahman    7 年前

    您可以尝试以下操作:,

    <meta property="og:image" content="https://www.telotrovo.it/wp-content/uploads/2016/02/siteimage.jpg">
    <meta property="og:image:type" content="image/jpeg">
    <meta property="og:image:width" content="200">
    <meta property="og:image:height" content="200">
    

    图像宽度应指定,最小200 X 200,但您可以更改它

        3
  •  0
  •   Ras    7 年前

    使用至少1200 x 630像素的图像在高分辨率设备上实现最佳显示。至少,您应该使用600 x 315像素的图像来显示带有较大图像的链接页面帖子。