iPhone分享网址到WhatsApp时meta描述法语重音编码乱码问题

é显示为é、à显示为Ã是典型的UTF-8编码内容被按ISO-8859-1（即常说的ANSI西文编码）解析产生的乱码，不是iPhone或WhatsApp单独的端侧bug，核心问题是页面元信息的编码声明与爬虫解析优先级不匹配。
该问题仅在iPhone端触发的原因是：iOS版WhatsApp的页面元信息爬虫不会做编码自动探测，严格按照「HTTP响应头声明 > 靠前位置的meta编码声明 > 默认ISO-8859-1」的优先级解析内容，而安卓端爬虫默认会自动识别UTF-8编码，因此不会出现同类乱码。
常见触发场景包括：

• 页面HTTP响应头未显式声明字符集，爬虫解析时直接 fallback 到ISO-8859-1默认编码
• meta编码声明位置错误，放在了meta描述、OG分享标签之后，爬虫读到含重音字符的描述内容时，还未加载到编码规则
• 服务端/CDN配置错误，实际输出的页面内容为UTF-8编码，但响应头强制声明字符集为ISO-8859-1/Windows-1252
• 边缘节点做内容转码、压缩时错误改写了编码声明，或打乱了UTF-8双字节字符的字节序

• 校验HTTP响应头的字符集配置
  用curl抓取目标页面的响应头，确认Content-Type字段明确携带UTF-8声明：

  curl -I https://你的站点域名
  

  正确配置的响应头应包含字段：Content-Type: text/html; charset=utf-8。如果返回头未携带charset参数，或声明为其他西文字符集，直接在Nginx/Apache/后端服务层修改配置，强制所有HTML响应输出UTF-8字符集声明。
• 调整页面meta标签顺序
  将编码声明标签放在<head>标签下的第一个子元素位置，必须排在title、meta描述、Open Graph标签（WhatsApp分享卡片优先读取OG标签内容）、资源加载标签之前。兼容所有iOS版本的正确结构示例：

  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>页面标题</title>
    <meta name="description" content="包含法语重音字符的描述内容，例如é、à、ç等">
    <meta property="og:description" content="与meta描述保持一致的分享卡片描述内容">
    <!-- 其余meta配置、样式、脚本标签统一放在编码声明之后 -->
  </head>
  

• 校验元信息内容本身的编码
  检查CMS、数据库中存储的meta描述内容，确认存储的是原生UTF-8编码的重音字符，不要存入已经乱码为é格式的错误内容，也不需要对重音字符做多余的特殊转义。
• 等待缓存生效后验证
  WhatsApp会对已爬取的页面元信息做10-15分钟的缓存，修改完配置后不要立刻测试，等缓存过期后再用iPhone重新触发分享即可，不需要重装App或清理系统缓存。

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