如何自定义在社交媒体网站上发布网站URL时显示的图像 [英] How to customize the Image shown when posting a URL of a website on Social Media sites

问题描述

我已经看到，当我们放置一个网站的URL时，将显示该URL的图像.例子包括社交媒体网站，例如Google +，Facebook，Instagram.我需要知道如何将这样的图像添加到我的网站.是否应使用某个标签或脚本来显示该图像?

I have seen that when we put a url of a website, an image appears for that URL. Examples include social media sites Like Google+, Facebook, Instagram. I need to know how to add such an image to my website. Is there a certain tag Or script that should be applied to show that image?

当我分享我的网站链接时，我没有得到这样的链接.我需要知道为什么以及如何做.

When I share my website link I don't get such a one. I need to know why and how to do it.

推荐答案

OG标签如下:

<meta property="og:site_name" content="$site_name" />
<meta property="og:url" content="$site_url" />
<meta property="og:type" content="website" />
<meta name="title" property="og:title" content="$the_title" />
<meta name="image" property="og:image" content="$site_logo"/>
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1024">
<meta property="og:image:height" content="1024">
<meta name="description" property="og:description" content="$site_description" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" description="@username" />
<meta name="twitter:title" content="$the_title" />
<meta name="twitter:description" content="$site_description" />
<meta name="twitter:image:src" content="$site_logo">
<meta name="twitter:domain" content="$site_url">

这篇关于如何自定义在社交媒体网站上发布网站URL时显示的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！