WhatsApp 网页版
外链预览自定义，显示标题与图片

当您在WhatsApp网页版或桌面端分享链接时，系统会自动抓取页面信息生成预览卡片。通过正确配置Open Graph标签，您可以完全控制显示的标题、描述和缩略图，告别随机抓取，提升专业形象。

⚡ 打开 WhatsApp 网页版
访问 WhatsApp 官方网站 →

📋 外链预览的显示逻辑

抓取机制

WhatsApp 如何获取预览

当您在输入框粘贴链接时，WhatsApp客户端会向该URL发送请求，解析HTML中的og:title、og:image等元数据。预览卡片并非实时生成，而是基于首次抓取缓存。

关键标签

Open Graph 协议

Facebook推出的开放图谱协议是WhatsApp预览的核心标准。必须包含 og:title、og:description、og:image 以及 og:url，图片尺寸建议至少300x300像素。

⚙️ 自定义标题与图片的完整步骤

在您的网页中添加以下元标签

<meta property="og:title" content="您的自定义标题">
<meta property="og:description" content="简短描述，吸引点击">
<meta property="og:image" content="https://example.com/preview-image.jpg">
<meta property="og:url" content="https://example.com/page-url">
<meta property="og:type" content="website">

将上述代码放置在 <head> 区域内。图片必须使用绝对URL，且服务器允许WhatsApp爬虫访问。

  1. 1
    部署标签并验证
    使用 Facebook Sharing Debugger 输入您的网址，检查抓取到的标题与图片是否正确。该工具同时会清除WhatsApp缓存。
  2. 2
    刷新WhatsApp缓存
    如果预览未更新，在手机或网页版中发送链接时，在URL后添加随机参数（例如 ?v=2）强制重新抓取。或使用上述调试工具点击“再次抓取”。
  3. 3
    测试在WhatsApp网页版
    打开 web.whatsapp.com，将链接粘贴到任意聊天输入框，等待预览卡片出现。确认标题与图片显示符合预期。

🔍 预览效果对比

未配置标签

随机抓取结果

标题可能显示页面第一个H1或无关文本，图片空白或显示网站Logo，描述杂乱无章。用户信任度低，点击意愿下降。

正确配置后

品牌定制预览

清晰的产品名称、精心设计的缩略图、简洁有力的描述。在聊天中脱颖而出，提升链接打开率和专业形象。

❓ 常见问题

为什么图片不显示？
图片URL必须可公开访问，且尺寸至少300x300px。WhatsApp对图片大小有限制，建议不超过5MB，格式为JPEG或PNG。同时检查robots.txt是否屏蔽了WhatsApp爬虫。
修改标签后预览没变化？
WhatsApp会缓存预览数据。使用Facebook Sharing Debugger工具强制重新抓取，或在链接后添加无关查询参数（如 ?refresh=123）来绕过缓存。
WhatsApp网页版与手机端预览一致吗？
两者使用相同的抓取逻辑和缓存机制。只要og标签配置正确，在网页版和移动端显示的标题与图片完全一致。

立即在 WhatsApp 网页版测试您的链接

确保外链预览完美呈现品牌信息，提升每一次分享的价值。

前往 WhatsApp 网页版

品牌全称：WhatsApp LLC | 官方域名：whatsapp.com

延伸阅读