微信里打开网站要注意的六件事（不然客户看不到）

客户在微信里点开你的链接，如果白屏、样式乱、按钮点不动，这单基本就没了。微信内置浏览器基于 X5/XWeb 内核，有几个坑必须提前避开。

1. 必须 HTTPS

微信对 http 站点限制越来越多，部分场景直接拦截。配一张免费证书（Let's Encrypt）就能解决，成本为零。证书过期是常见的低级事故，一定要配自动续期。

2. 缓存比你想的更顽固

微信会缓存页面和静态资源，改了内容用户看到的还是旧的。解决办法：静态资源加版本号（style.css?v=20261111），HTML 响应头设 Cache-Control: no-cache。

3. viewport 与字号

忘了写 <meta name="viewport" content="width=device-width,initial-scale=1">，页面会缩成一小块。另外微信会调整字体大小（用户开了"字体放大"），布局要用相对单位，别写死 px 高度。

4. 分享卡片

微信分享到聊天时，标题和缩略图取的是页面的 <title> 和 <meta name="description">，图片取页面第一张较大图片。想控制得更精细，需要公众号 + JSSDK 权限，普通网页控制不了。所以至少把 title 和 description 写清楚，别让它显示成"未命名页面"。

5. 支付与跳转限制

微信内不能直接唤起支付宝，也不能随意跳转外部 App。如果业务要收钱，只能用微信支付（需要认证的服务号或小程序）。别做"点一下跳支付宝"的设计，在微信里是死路。

6. 二维码与长按识别

网页里的二维码，微信支持长按识别。但二维码图片太小（小于 200×200）识别率会下降，且四周要留白边（静区）。我们给客户做的二维码统一 500px 以上、四周留 40px 白边，识别率明显提高。

自测清单

在微信里打开，首屏 3 秒内能看到内容？
重新分享到聊天，卡片标题和图片正常？
横竖屏切换、字体放大后布局不崩？
所有按钮点击有反馈，没有"点了没反应"？
表单输入时键盘弹出不遮挡输入框？

顺带一句：微信搜一搜

微信里搜到你的网站，靠的是"微信搜一搜"的网页收录，它更偏好已认证的公众号文章和有质量的网页。想被搜到，最有效的路径是：注册服务号 → 定期发文章 → 文章里带官网链接。这条我们帮客户做，同步发公众号。