提供WhatsApp链接共享的图像 [英] Provide an image for WhatsApp link sharing
问题描述
$ b
2018年标准
需要几个步骤才能获得适用于个人电脑和移动设备的WhatsApp，Twitter，Facebook和书签图标的完美预览。如果您喜欢阅读，请转至 ogp.me - 但请务必阅读此答案中的步骤1 - 6以获得最佳效果WhatsApp预览。
第1步：title
最多65个字元
< title>您网站和/或网页的关键字丰富标题<标题>
第2步：描述
最多155个字符
< meta name =描述content =描述您的网站/网页，请确保您使用关键字！>
第3步：og：title
最多35个字元
< meta property = og：titlecontent =您网站/网页的简称/>
步骤4：og：url
完整链接到您的网页地址
< meta property =og：urlcontent =https://www.example.com/webpage//>
步骤5：og：description
最多65个字元
< meta property = og：descriptioncontent =您的网站/网页说明>
步骤6：og：image 建议尺寸小于300KB且最小尺寸为300 x 200像素的图片（JPG或PNG） 步骤7：og：type 为了让您的对象在图表中表现出来，您需要指定它的类型。 第8步：og：locale 资源的语言环境。如果您没有指定og：locale，则默认为en_US。
< meta property =og：imagecontent =// cdn.example.com/uploads/images/webpage_300x200.png\">
< meta property =og：typecontent =article/>
< meta property =og：localecontent =en_GB/>
< meta property =og：locale：alternatecontent =fr_FR/>
< meta property =og：locale：alternatecontent =es_ES/>
第9步：Twitter
a>。
第10步：Facebook
要获得最好的Facebook支持，请阅读此。
第11步：favicon p
支持所有的浏览器和设备，阅读这个。
红利第12步：视频/音频 $ b
也可以共享音频/视频。例如Facebook和Twitter分享视频的效果非常好。阅读 ogp.me 。
How can we include an image in our website to display in WhatsApp when we share a link like this?
2018 standards
It takes a few steps to get the perfect preview for WhatsApp, Twitter, Facebook and bookmark icons for pc's and mobile devices. If you like reading go to ogp.me - but make sure to read steps 1 - 6 in this answer to get the best WhatsApp preview.
Step 1: title
Maximum of 65 characters
<title>your keyword rich title of the website and/or webpage</title>
Step 2: description
Maximum of 155 characters
<meta name="description" content="description of your website/webpage, make sure you use keywords!">
Step 3: og:title
Maximum 35 characters
<meta property="og:title" content="short title of your website/webpage" />
Step 4: og:url
Full link to your webpage address
<meta property="og:url" content="https://www.example.com/webpage/" />
Step 5: og:description
Maximum 65 characters
<meta property="og:description" content="description of your website/webpage">
Step 6: og:image
Image(JPG or PNG) of size less than 300KB and minimum dimension of 300 x 200 pixel is advised
<meta property="og:image" content="//cdn.example.com/uploads/images/webpage_300x200.png">
Step 7: og:type
In order for your object to be represented within the graph, you need to specify its type.
<meta property="og:type" content="article" />
Step 8: og:locale
The locale of the resource. You can also use og:locale:alternate if you have other language translations available.
If you don't specify og:locale, it defaults to en_US.
<meta property="og:locale" content="en_GB" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="es_ES" />
Step 9: Twitter
For the best Twitter support read this.
Step 10: Facebook
For the best Facebook support read this.
Step 11: favicon
For the best favicon support for all browsers and devices read this.
Bonus step 12: video/audio
It's also possible to share audio/video. Facebook and twitter for example share videos very well. Read ogp.me.
这篇关于提供WhatsApp链接共享的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
