「译」你听说过微型浏览器吗？

• 原文地址：Do you know what a Microbrowser is?
• 原文作者：Adolfo Ramírez Corona
• 译者：Chor

当有人在 Twitter，Facebook 或者聊天 app 上分享链接的时候，我们经常会看到链接对应网站的缩略图或预览图（如下图所示）。不过，你是否想过这些预览图是如何生成的呢？

市场上知名的聊天 app，例如 Whatsapp，iMessage，Slack，Facebook Messenger 和 Hangouts 都使用了这种技术。

问题的答案用一句核心的话概括就是：预览图的生成要求微型浏览器（一个小型 app）必须访问这个网站。

第一次看到“微型浏览器”这个词的时候，我还以为它指的是类似迷你版 Chrome，FireFox 或者 Safari 那样的手机浏览器。

其实并非如此。我们并没有真的看见微型浏览器，也没有直接与它进行交互，相反，我们是在与它生成的东西进行交互。微型浏览器访问网站链接后，解析 HTML 并生成内容显示给用户（一张带有网站图标、特色图片、标题以及描述的卡片）。

以下是微型浏览器区别于普通浏览器的几个特征：

• HTML 的解析是有限的、经过筛选的
• 忽略 cookies
• 不执行 javascript
• 不遵循重定向
• 访问网站的时候会伪造用户代理字符串

最重要的一点是：被渲染的链接（小卡片）不再是微型浏览器的一部分，因此用户点击进入后，可以直接进入网站，且不会留下任何痕迹。

因此，我们永远无法得知到底有多少次点击是来自于 Whatsapp，iMessage 或其它聊天 app 的分享链接的。

微型浏览器在任何产品的口碑营销中都发挥着非常重要的作用，因为它们是用户体验的第一道门，甚至是在开始使用 app 或阅读任何内容之前。

作家兼 CTO 的科林·本德尔是该领域的专家，他在发表于 24 ways 的文章 —— 无处不在的微型浏览器中对此展开了详细的介绍：

这些链接预览图对大多数人来说司空见惯，因此我们很少留意网站设计对生成的预览图的影响。然而，在吸引新用户和增加参与度上，这些预览图可以说是最重要的 —— 可能比 SEO 还重要。更令人担忧的是，大多数网站分析对这种类型的流量视而不见，无法向你展示这些微型浏览器是如何与你的网站进行交互的。

你可以做什么

1.检查标记，尤其是开放内容元素，大多数的微型浏览器据此解析并渲染出网站预览图。
[译注]：这里指的是 Open Graph Protocol(开放内容协议)，这种协议可以让网页成为一个“富媒体对象”，使其内容被其它网站引用。
2.不要忘记测试你的网站和页面在各大主流聊天 app 中是如何显示的
3.阅读科林·本德尔的文章，获取更加专业的解释，了解需要注意的标签和属性的细节。