如何让WhatsApp富链接仅显示一行描述？及meta描述截断问题排查

咱们先拆解你遇到的两个核心问题：短描述被意外截断，以及如何让描述只显示一行，下面逐一给出解决方案：

一、为什么你的短描述会被截断？ #

WhatsApp解析网页链接时，并不是优先读取标准的<meta name="description">，它会优先识别Open Graph（OG）标签的内容。如果你的网站没有配置og:description，WhatsApp会降级使用标准description，但这个 fallback 逻辑的解析规则和直接用OG标签完全不同，哪怕文本更短，也可能出现莫名截断的情况。

比如Facebook的页面肯定配置了完整的OG标签，这让WhatsApp的解析器能稳定读取内容：

<meta property="og:description" content="This is a text description that is showing 2 description lines and a thumbnail without any problem or cut excepto for this.." />

而你的网站可能只设置了标准description，缺少OG版本的描述标签，才导致了解析异常。另外还要检查描述文本里有没有不可见的控制字符、换行符——哪怕肉眼看不到，这些字符也会让WhatsApp的解析器提前终止文本读取。

二、如何让WhatsApp只显示一行描述？ #

WhatsApp的描述行数由内容长度、字体排版和内部展示规则共同决定，但我们可以通过以下方式主动控制：

• 精准控制OG描述长度：WhatsApp通常会把80-100字符以内的描述显示为一行（数值可能随平台更新略有调整），你可以把og:description的内容严格控制在这个范围内，避免自动换行。
• 移除所有换行/分隔符：手动换行、\n或类似的分隔符会直接触发多行展示，所以描述文本要保持连贯的单行内容。
• 补全核心OG标签：除了og:description，还要配置og:title、og:image、og:url这些核心标签，完整的标签体系会让WhatsApp的解析更稳定，减少异常排版。

具体操作步骤 #

1. 给网站添加完整的OG描述标签，补充或替换原有标准描述：

<!-- 标准描述（兼容非OG平台） -->
<meta name="description" content="For some reason even if this text is shorter, I get a cut into the first line description" />
<!-- OG描述（优先被WhatsApp读取） -->
<meta property="og:description" content="你的精准控制长度的单行描述内容" />

2. 检查描述文本，移除所有特殊字符、换行符，确保内容是纯连贯的单行文本。
3. 测试时可以给链接加个参数（比如末尾加?v=1）强制刷新WhatsApp的缓存，避免旧预览影响测试结果。

内容的提问来源于stack exchange，提问作者TrOnNe