让 QQ 分享显示自定义图片
今天我们来解决一个常见的问题:如何让你的网站链接在 QQ 中分享时,能正确显示你想要的预览图片。这里提供两种方法,都非常简单。
方法一:通过主题设置直接插入(推荐给新手)
这种方法最简单,不需要修改任何代码文件。
- 登录你的网站后台。
- 进入 “设置外观”,找到 “插入代码”。
- 在主题设置中,寻找一个叫做 “自定义头部HTML代码” 的输入框。
将下面这段代码复制并粘贴到这个输入框里。
<!-- 分享时显示的 Logo 图片(Open Graph 标签) --> <meta property="og:image" content="https://.jpg"> <meta property="og:image:width" content="300"> <meta property="og:image:height" content="300"> <meta property="og:image:type" content="image/jpg"> <!-- 结束 -->- 关键一步:将代码中的
https://.jpg替换成你自己想要显示的图片的链接。 - 保存设置即可。
方法二:直接修改模板文件(适合有一定基础的用户)
如果你熟悉如何编辑网站文件,这种方法更直接。
- 通过 FTP 或服务器文件管理器,进入你的网站目录。
- 找到 Joe 主题的文件夹:
/usr/themes/joe/(或者你的主题文件夹名,比如joe再续前缘)。 - 在主题文件夹中,找到并打开
module目录,然后编辑head.php文件。 - 在
head.php文件中,找到<head>标签内的位置(大约在第 18 行附近,具体位置可能因版本而异)。 将同样的代码片段粘贴到这里。
<!-- 分享时显示的 Logo 图片(Open Graph 标签) --> <meta property="og:image" content="https://.jpg"> <meta property="og:image:width" content="300"> <meta property="og:image:height" content="300"> <meta property="og:image:type" content="image/jpg"> <!-- 结束 -->- 同样,不要忘记替换图片链接,然后保存文件。
重要注意事项
- 图片链接是否HTTPS:如果你的网站开启了 HTTPS,请确保图片链接也是
https://开头的,否则图片可能无法显示。 - 图片尺寸:建议图片尺寸至少为 300x300 像素,以保证在各种设备上都有良好的显示效果。
- 缓存问题:设置好后,QQ 可能会有缓存。你可以直接到QQ设置里清空缓存来刷新缓存并预览效果。
好了,以上两种方法都可以让你的网站在 QQ 分享时展示出漂亮的自定义图片了。选择一种你觉得方便的方法试试吧!
测试