网站预览不在WhatsApp中 [英] Website preview not coming in WhatsApp

查看:228
本文介绍了网站预览不在WhatsApp中的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我的网站地址是 https://www.timespade.com



所有页面的预览都显示在Facebook和LinkedIn上,但当我将链接粘贴到WhatsApp时,不会显示预览图。



请帮助我,任何人:)

解决方案

获取WhatsApp的完美预览需要几个步骤, Twitter,Facebook和书签图标,用于PC和移动设备。如果您喜欢阅读,请转到ogp.me - 但请务必阅读此答案中的步骤1 - 6,以获得最佳WhatsApp预览。



第1步:title

最多65个字符

 < title>关键字丰富的标题为网站和/或网页< / title> 

第二步:描述

155个字符

 < meta name =descriptioncontent =描述您的网站/网页,确保您使用关键字! > 

第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)

 < meta property = og:imagecontent =// cdn.example.com/uploads/images/webpage_300x200.png\"> 

第7步:og:type



为了让您的对象在图表中表现出来,您需要指定它的类型。

 < meta property =og :输入content =article/> 

第8步:og:locale

资源的区域设置。如果您没有指定og:locale,则默认为en_US。

如果您有其他语言翻译可用,您也可以使用og:locale:alternate。

 < meta property =og:localecontent =en_GB/> 
< meta property =og:locale:alternatecontent =fr_FR/>
< meta property =og:locale:alternatecontent =es_ES/>

第9步:Twitter



最好的Twitter支持阅读文章。



第10步:Facebook



p>

第11步:favicon b
$ b 为所有浏览器和设备提供最佳的favicon支持,请阅读此文。

b
$ b

红利第12步:视频/音频b / b
$ b

也可以共享音频/视频。例如Facebook和Twitter分享视频的效果非常好。阅读ogp.me。


The address of my website is https://www.timespade.com

The preview of all pages is displaying in Facebook and LinkedIn, but no preview appears when I paste the link in WhatsApp.

Please help me, anyone :)

解决方案

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 article.

Step 10: Facebook

For the best Facebook support read article.

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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆