微信分享链接时怎样才能带上带缩略图和简介

第三方网站在微信中分享的链接想要左边有简介概述,右边有缩略图.而不是什么都没有的一个三无小网站,就需要好好的看下本教程了,没有缩略图不能引起客户足够的重视.尤其不利于分享朋友圈和用户转发.一个看上去不正规的链接终究难于进行传播和宣传推广.案例如下图,请查看描述和缩略图

工具/原料

认证过的微信公众号


自己企业的网站FTP


微信web开发者工具


5saxl925.png

方法/步骤

首先,必须要有认证过的微信公众号,因为在接口权限中,没有认证过的公众号是没有权限进行分享有缩略图的,在此可以看下自己微信公众平台的接口权限中自己是否有以下权限.如果有,恭喜,就可以进行下一步的操作了.

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F0ZXk1,size_16,color_FFFFFF,t_70

如果有权限的话,进行下一步,配置微信公众号的基本配置,进入微信公众号配置里面的功能设置,然后设置自己的域名到JS接口安全域名.

注意设置的时候需要下载一个文本放在自己FTP的根目录上进行验证权限.

20190426122649586.png

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F0ZXk1,size_16,color_FFFFFF,t_70

  1. 设置好了之后,进入设置----安全中心-----IP白名单,填写自己的网站ip(一定要是备案过的)

上面设置好了基本上就需要在服务器上进行开发配置了,最重要的事需要有自己的公众号appid和AppSecret,有了这个才能进行下一步的开发.

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F0ZXk1,size_16,color_FFFFFF,t_70

有了这个之后,访问腾讯开发者中心查看各个开发环境的具体开发步骤,一般都有开发样例源码的,可以进行查看

进入公众号开发者文档主页

进入主页在微信网页开发----微信JS-SDK说明文档栏目下可查看教程.

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F0ZXk1,size_16,color_FFFFFF,t_70

由于每个网站的开发环境都不一样,有asp/php/java等等环境,不同环境下的网站系统又都不尽相同,所以没法详情的进行添加步骤,具体原理就是这样子,有了上面的开发者文档相信你已经准备开始上手测试了,接下来就需要用到微信web开发者工具了.


打开这个工具会提示你进行登录,自己扫码登录进去.


登录进去进入公众号网页项目,将自己的url访问进行测试,如果配置没有问题,就会提示你config:ok


在左边窗口分享朋友圈测试,会有具体的分享标题,描述,以及缩略图供你参考.基本上就是这么一个流程了.


  如果在测试过程当中不正确或是有问题,在右边的console窗口都会具体的进行提示你问题出现在哪了,如果不太懂就建议问问身边懂的朋友或多看本教程,一般来说,按照以上步骤很快就可以配置成功了.不过打铁还需自身硬,需要自己有一定的编程基础哦,不然就是白费功夫了.

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F0ZXk1,size_16,color_FFFFFF,t_70

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F0ZXk1,size_16,color_FFFFFF,t_70

注意事项

  • 微信公众号一定要认证

  • 自己的网站一定要备案过

  • 编程基本功一定要扎实

GetwxLink


猜你喜欢

转载自blog.51cto.com/14367833/2402535