微信分享带标题/图片/摘要/链接

网站在微信中分享给好友或朋友圈会碰到下面这种现象

1

而官方的应该是这样,或者下面还有小标记的

2

在微信公众平台官方QA找到了答案,最后针对Wordpress略作修改

官方解释:微信JS-SDK说明文档

针对Wordpress修改代码为:

  1. document.getElementsByTagName(“img”)[0].src 是获取当前网页中第一个img图片的链接作为微信分享的缩略图。
  2. window.location.href 是获取当前网址Url。
  3. document.getElementById(“description”).content 是获取网页「description」标签中的content值,也就是将Wordpress当前页面简介作为微信分享的摘要部分。
  4. 这里要注意的是在Wordpress中meta标签中description默认是name属性,而document.getElementById是需要设置ID的,否则获取不到简介。所以要对Wordpress中你使用的主题模板进行设置,方法如下:
    编辑器打开 wp-content/themes/你的使用模板/functions.php
    搜索 description 如下,按照下列图片添加: id=“description”。

description

document.title 是获取当前网页的标题title。

appid 这个参数是需要在open.weixin.qq.com中进行申请,输入这个id分享网页时就会在左下角出现小图标。如本文第二张图片。

最后将这段 javascript代码添加至你的网站,我添加到了当前模板的footer.php中。
在微信中分享试试,是不是变得协调很多。

3




评论 (0)