快捷搜索:  www.ymwears.cn

微浏览器无处不在。

原标题:微浏览器无处不在

作甚微浏览器?微浏览器同样可以造访网站链接、解析HTML并孕育发生用户体验的另一种类型的user-agent(用户代理)。但它与传统浏览器有所不合,主要在于:它的HTML解析能力有限,而且衬着引擎异常集中。它想打造的用户体验并不是交互式的,而是具象式的,即为了见告用户URL的另一端到底有什么内容。在日常中,微浏览器无处不在。

作者|ColinBendell

译者|苏本如,责编|屠敏

出品|CSDN(ID:CSDNnews)

以下为译文:

你已经到处都看到过它——在推特的某条推文说起的某个网站的小型缩略图预览中,在Slack的某个频道或者WhatsApp的某个群聊的扩展描述中。

图1:群聊中的预览图给我们提示了真实网页的大年夜概外不雅。

这些链接预览(linkpreview)对大年夜多半人来说司空见惯,以至于我们险些轻忽了网站设计对天生预览可能孕育发生的影响。然而,从吸引新用户和增添介入度这个角度来考量,这些预览可能是最有影响力的身分,它们的紧张性可能比搜索引擎优化(SEO)还要紧张。更令人担忧的是,大年夜多半收集阐发都对这种类型的流量熟视无睹,因而无法向你展示这些微浏览器是若何与你的网站进行交互的。

在这一年行将停止之际,我想在这里提出五个对付微浏览器来说至关紧张的问题和不雅点,它们是每个WEB开拓职员都应该懂得的。

什么是微浏览器?它们与“通俗的”浏览器有何差别?

我们异常认识的主流浏览器有Firefox,Safari,Chrome,Edge和InternetExplorer。除此之外,还有很多应用Chromium作为衬着引擎,然则供给了独特用户体验的新型浏览器,如SamsungInternet或Brave。

与之比拟,微浏览器是同样可以造访网站链接、解析HTML并孕育发生用户体验的另一种类型的user-agent(用户代理)。但它与传统浏览器有所不合,主要在于:它的HTML解析能力有限,而且衬着引擎异常集中。它想打造的用户体验并不是交互式的,而是具象式的,即为了见告用户URL的另一端到底有什么内容。

创建链接预览并不是什么新闹事物。Facebook和Twitter早在10年前就在它们的帖子中添加链接预览了。这些曾经是链接预览的主要用例:营销团队创建backlog条款,以便从TwitterCards和Facebook的OpenGraph注释中采纳不合的微数据。LinkedIn同样采纳OpenGraph和OEmbed标签来赞助天生预览图。

跟着群聊和其他协尴尬刁难象变得越来越遍及,我们看到各个大年夜型社交媒体平台呈现了许多新功能。分外是近年来,我们看到链接展开(linkunfurling)功能被各大年夜谈天平台采纳。这些平台并没有重复做无用功,而是探求既存的微数据来天生预览。

然则应该应用哪些数据呢?这些数据又该若何处置惩罚呢?事实证实,每个平台的做法稍有不合,这导致它们出现的信息也稍有差异。

图2:同样是亚马逊网站的链接,在iMessage(左)、Hangouts(中)和WhatsApp(右)中显示的稍有不合。

既然微浏览器无处不在,为什么在网站的阐发申报中看不到它们呢?

来自微浏览器的流量很轻易被轻忽。此中的缘故原由有如下几点:

首先,来自微浏览器的页面哀求不会运行Java,并且不吸收cookie。GoogleAnalytics的

用户可能对经由过程短信和其他谈天信息发送过来的链接持狐疑立场。人们不想被诈骗去点击钓鱼链接,以是他们必要其他信息来供给验证。这便是为什么大年夜多半平台应用链接预览的同时,也强调网站的URL主机名。

快速浏览。我信托你必然有过这样的经历:从一个会议中或者墟市里走出来后,发明群聊中多了100多条消息。在你赓续滚动屏幕浏览谈天记录的时刻,链接很轻易被跳过。正因如斯,用户盼望链接的预览可以对网站内容作一个简单的先容,从而判断是否有造访这个链接的需要。

图片4:NielsenNormanGroup应用动态图片预览来先容它们的钻研成果

图片5:电商产品若何以惹人注目的预览来显示产品的颜色、库存和价格,以达到吸引买家关注的目的。

微浏览器不是真正的浏览器(他们只是冒充自己是)

正如我前面提到的,微浏览器经由过程发送精确的HTTP头,以及伪装的user-agent字符串,把自己冒充成真正的浏览器。不过,下面有几点是WEB开拓职员应该清楚的。

首先,微浏览器应该设法保护用户的隐私。当用户还没有抉择造访你的网站时,尤其是,当用户正在进行的是一场私人对话时,大概这场对话会提到你的品牌或网站,但这只应该让你感觉耳朵在发热,并不料味着你可以窃听他们的对话。

是以,所有微浏览器应该:

不履行Java--这意味着您的React利用法度榜样无法正常事情。

轻忽所有Cookie–这意味着你的A/B或red/greenCookie将会被轻忽。

部分会跟随重定向,但几秒钟后会很快超时,并放弃考试测验去扩展链接。

当用户点击一个通俗浏览器的链接时,不会孕育发生一个referer:HTTPheader。事实上,新用户将会被觉得是“直接”流量,就似乎他们直接键入了URL一样。

其次,微浏览器的核心异常小,很可能它们不能应用先辈的收集算法。大年夜多半浏览器将应用标记解析器(tokenizer)来解析HTML标记,并向收集客栈发送异步哀求。做得更好的浏览器能在向收集发送异步哀求之前对所需资本进行一些阐发。

根据察看实验得知,大年夜多半平台在解析HTML时只是应用一个改进的for轮回,并且常常同步哀求资本。对付快速的wifi收集来说,这应该问题不大年夜,但在wifi收集不稳准时,可能会造成体验的不同等。

例如,iMessage在抉择衬着什么之前会找到并加载所有的网页图标、所有图像。很多网站会建议5种或更多尺寸的网页图标。这意味着iMessage将下载所有这些网页图标,无论它们的尺寸大年夜小是若干,然则假如抉择改为衬着图像,那么这些网页图标就一个都不会用到。

是以,包孕的meta标记异常紧张。内容越轻,衬着的可能性就越大年夜。

标记/标签很紧张

既然微浏览器“头脑简单”,那么天生优越的标记就很紧张了。以下是一些好的策略:

都快到2020年了,网站图标只必要一个尺寸就够了。删除所有其他

根据察看实验,最常见的用于预览的微数据标签是Open-Graph(OG)标签。假如没有OG和twittercard标签,那么应用默认的SEO

是以,deion的文本应该足够清晰。

最多供给三个

图6:Amazon应用User-Agent检测,这导致许多链接预览应用的是deionmeta标签

应用

不要应用UAsniffing来暗藏标签。像亚马逊这样的网站会这样做,他们这样做的目的是为了考试测验显示只带有Facebook/Twitter微数据注释的网站。但这可能会给不应用相同冒充约定的微浏览器带来问题。结果是导致链接没有预览效果。

使用这个标签讲述你的产品故事或总结你的设法主见。

总结

跟着我们更多的会话发生在群聊和Slack频道中,链接预览已经成为一个紧张的要领,让你的用户在进入你的网站之前,就会被它所吸引。不幸的是,并不是所有的网站都供给了优秀的或令人信服的预览效果。(现在你知道了这些,以是对预览效果差的网站也无法做到熟视无睹了——对此我深感歉仄)。为了能够更快地吸引用户造访你的网站,我们必要确保我们网站的所有页面都用微数据进行了注释。更进一步说,假如我们可以结合这些页面的预览来创建一个可视化的网站择要,那就可以说是完美完好了。

原文:https://24ways.org/2019/microbrowsers-are-everywhere/

北邮教授为你揭秘5G的成长过程、内在规律,并重点阐述新技巧在数字经济期间的感化以及对我们每小我的影响,5G期间你毫不能错过的干货课程,急速免费报名!

滥觞:搜狐

您可能还会对下面的文章感兴趣: