热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

IE10让你的网站更多曝光(转载)

Windows8允许开发者将自己的网站与系统紧密整合在一起,比如,如果用户喜欢你的网站,他可以将网站固定到自己的“开始”屏幕中,你的网站就成为一个磁贴随时向他推送信息,用户点击这个磁贴就会

  Windows 8允许开发者将自己的网站与系统紧密整合在一起,比如,如果用户喜欢你的网站,他可以将网站固定到自己的“开始”屏幕中,你的网站就成为一个磁贴随时向他推送信息,用户点击这个磁贴就会直接通过 Internet Explorer 10 打开你的网站,大大提升了用户对你网站的关注度,为你创造更多的曝光和商业机会msdn官网

  一、在Windows 8 中固定网站

  Windows 8“开始”屏幕是查找和保持连接所有喜欢的应用和内容的最佳位置msdn官网。应用的磁贴是随着活动实时更新的,显示了最新的和定制的内容,让您可以了解与你相关的最新动态。我们撰写了一篇介绍Windows 8 的 Internet Explorer 10 Metro 风格的浏览体验的博客文章( 开发人员的角度详细介绍了如何支持网站固定。

  1. 固定网站比收藏夹更好用

  Windows 用户花费大量时间上网冲浪,我们通过 Windows 用户访问跟踪测试(参见官网: 的固定网站功能使可以更快、更轻松地返回喜欢的网站。利用锁屏提醒通知,网站磁贴可以实时更新最新的信息,让用户知道有新内容可用。
  开发人员可以利用固定网站来加强网站与用户之间的联系,直接在Windows“开始”屏幕上固定网站还有助于提升网站的品牌知名度

msdn官网

。我们发现在Windows 7 的 Internet Explorer 9 中,使用此功能的网站的访问量提高15%-50%。在Windows 8 中,网站磁贴更新为用户提供了更好的体验,用户甚至不必在浏览器中打开网站。
  以下两幅屏幕截图显示

msdn官网

了网站固定磁贴和锁屏提醒通知:
  2. 以网站为中心的网站固定磁贴

  作为网站开发人员,您可以提供一个网站图标(favicon),Internet Explorer 10 将在浏览器中使用该图标表示您的站点,在地址栏、新的标签页和“开始”屏幕上均使用该图标

msdn官网

。当将网站固定到“开始”屏幕上时,Internet Explorer 10 使用网站的大图标(32 x 32 像素)来标识网站,这与Internet Explorer 9 用来固定任务栏的方式是相同的。
  将一个网站固定到Metro 风格的IE10 中,显示了网站磁贴的预览Internet Explorer 10 从图标中提取主色并自动使用该颜色作为“开始”屏幕上磁贴的背景颜色

msdn官网

。一种用于创建图标的工具是x-icon editor。使用该工具可以为您的网站创建32x32 像素的图标。它还可以将图像转换为图标文件格式(.ico)。然后可以使用传统的favicon 标记来关联 .ico 文件。
  3. 可以在后台更新锁屏提醒通知

  Windows 8 可以在“开始”屏幕的磁贴上动态显示内容

msdn官网

。这非常适合于显示有更新内容的通知。例如来自其他用户的新消息(电子邮件和社交网络)、购物网站的最新打折信息、新闻网站的新文章,等等。
  利用Internet Explorer 10 和Windows 8,您可以直接在网站固定磁贴上提供锁屏提醒通知

msdn官网

。这意味着用户可以无需在浏览器中打开网站即可获取网站的更新。例如使用Windows 8消费者预览版的Internet Explorer 10 来固定Fresh Tweets demo(/)。网站固定磁贴将定期更新,并通知用户何时有新的微博发布。
  后台通知需要网站提供的组件包括:(1) 锁屏提醒通知XML,这是一个XML 响应,它描述了 Windows 的锁屏提醒通知;(2) 网站固定元标签,这是网页标记,它指向 Windows 动态显示通知的位置和动态显示的频率

msdn官网


  1) 锁屏提醒通知 XML

  Windows 将处理动态显示和锁屏提醒通知的绘制

msdn官网

。Windows 动态显示锁屏提醒通知XML,这个XML 描述了网站固定磁贴的视图。badge XML schema(:
  

  

  锁屏提醒可以是数字或图像字符,例如“警告”和“新消息”提示

msdn官网

。有关锁屏提醒可以显示的内容的完整列表,请参见MSDN 上的Choosing a badge image()。
  2) 网站固定元标签

  下一步是将锁屏提醒通知XML 关联到网页

msdn官网

。Internet Explorer 10 使用元标签“application-name”来确定网页是否支持网站固定功能(例如通知和跳转列表)。为了支持锁屏提醒通知,需要在标记中包含一个特定的(msapplication-badge)的元标签,并指定锁屏提醒通知XML 的URL 和Windows 对其更新的频率。IE 在固定时将检查页面上是否存在“msApplication-badge”元标签,之后从网站固定磁贴启动网站时也会进行这项检查。
  

  ;

  值参数有两个部分:polling-uri(必需)和frequency(可选)polling-uri 是绝对URL,Windows 将从它请求上面定义的简单XML 文档

msdn官网

。Frequency 是可选的,它表示两次更新之间的分钟数,必须使用以下值:
  30(Windows 将每隔30 分钟变换一次URI)

  60(1 小时)

  360(6 小时)

IE10让你的网站更多曝光(转载)

  720(12 小时)

  1440(1 天

IE10让你的网站更多曝光(转载)

msdn官网

,这是默认值)
  如果省略frequency,或者未使用上面列出的值,则将默认每天更新一次(1440分钟)

msdn官网


  3) 用于更新锁屏提醒通知的开发人员 API

  您还可以直接从网页清除和更新网站的锁屏提醒磁贴,以确保网站磁贴是最新的

msdn官网

。当用户从“开始”屏幕启动网站固定磁贴时,网站将运行其自己的一个名为“SiteMode”的会话,并且可以使用以下Javascript 函数来更新锁屏提醒:window.external.msSiteModeClearBadge()将清除磁贴上的锁屏提醒通知。在Fresh Tweets demo( 条未读)。
  在Windows 8 消费者预览版中,这两个API 函数仅能用于运行在本地局域网或受信任的网站区域中的网站

msdn官网

。这一问题将在下一个预览版中解决。要在您自己的网站上测试消费者预览版中的这些API,请使“Internet 属性”对话框中的“安全”选项卡将网站的域名添加到受信任的网站列表中。
  4) 桌面任务栏通知

  Windows 8 和 Internet Explorer 10 仍然可以在桌面任务栏上使用以图标覆盖形式出现的通知来进行站点的固定

msdn官网

。这种形式的通知不适用于Windows 8“开始”屏幕上的网站固定。Windows 8 将以一种省电模式处理“开始”屏幕上的所有磁贴通知。
  5) 使用跳转列表在网站中快速导航

  很多顶级网站

msdn官网

,例如NYTimes.com、CNN.com 和Amazon.com,都支持Internet Explorer 9 的网站固定功能,例如通过跳转列表()
  来获取特定任务或网站的部分内容

msdn官网

。在Internet Explorer 10 中,跳转列表作为导航栏的一部分提供,以一种“友好触摸”的方式提供了网站的导航。当用户从“开始”屏幕打开网站时,固定按钮将显示此站点有跳转列表可用。
  跳转列表的显示方式与Internet Explorer 9 在Windows 7 任务栏上的显示方式是相同的

msdn官网

。您可以通过网页标记将静态任务添加到网站的跳转列表中,也可以根据用户交互动态添加。Windows 8 锁屏提醒和跳转列表都是以网站为中心的功能。每个完全限定域名有且仅有一组变换数据和跳转列表数据。
  二、链接预览

  链接预览功能扩展了Windows8 的分享体验

msdn官网

。当用户从超级按钮栏(Charm Bar)中选择“分享”时,Internet Explorer 会生成一个链接预览——这是一个分享的数据对象,里面包含当前网页的强化信息。除了页面的URL,链接预览还包含网页的标题、描述、缩略图。为了生成这个链接预览,Internet Explorer10 会寻找特定的HTML 标签。要想利用这个功能,可以在网站的HTML 中包含以下支持链接预览的标签。
  1. 标题标签

  标题内容的长度限定在160 个字符以内,更长的标题在链接预览中会被截断

msdn官网


  

  

  2. 描述标签

  描述内容的长度限定在160 个字符以内,更长的描述在链接预览中会被截断

msdn官网


  

  3. 缩略图标签

  图片URL 的长度限定在2048 个字符以内

msdn官网


  

  

  

  

  以上这些标签可以任意组合,但我们推荐每类至少使用一个,以创建尽可能好的链接预览

msdn官网

。如果使用了同一类的多个标签,则链接预览使用网站HTML 中列出的第一个标签。
  IE9增加了可以将网站固定到Win7任务栏的特性,而IE10更是可以将网站固定到Win8的开始屏幕,并且同样可以动态更新,提升网站的体验

msdn官网

。同时这些功能可以有效的帮助网站留住用户,成为忠实用户,赶快动手让你的网站支持这些新特性吧,更多的内容可以参阅IE10兼容性白皮书,相信你会得到更多帮助,下载地址:

推荐阅读
  • 深入解析HTML5字符集属性:charset与defaultCharset
    本文将详细介绍HTML5中新增的字符集属性charset和defaultCharset,帮助开发者更好地理解和应用这些属性,以确保网页在不同环境下的正确显示。 ... [详细]
  • 使用Maven JAR插件将单个或多个文件及其依赖项合并为一个可引用的JAR包
    本文介绍了如何利用Maven中的maven-assembly-plugin插件将单个或多个Java文件及其依赖项打包成一个可引用的JAR文件。首先,需要创建一个新的Maven项目,并将待打包的Java文件复制到该项目中。通过配置maven-assembly-plugin,可以实现将所有文件及其依赖项合并为一个独立的JAR包,方便在其他项目中引用和使用。此外,该方法还支持自定义装配描述符,以满足不同场景下的需求。 ... [详细]
  • 本文探讨了资源访问的学习路径与方法,旨在帮助学习者更高效地获取和利用各类资源。通过分析不同资源的特点和应用场景,提出了多种实用的学习策略和技术手段,为学习者提供了系统的指导和建议。 ... [详细]
  • 解决Only fullscreen opaque activities can request orientation错误的方法
    本文介绍了在使用PictureSelectorLight第三方框架时遇到的Only fullscreen opaque activities can request orientation错误,并提供了一种有效的解决方案。 ... [详细]
  • 本文介绍如何在 Android 中自定义加载对话框 CustomProgressDialog,包括自定义 View 类和 XML 布局文件的详细步骤。 ... [详细]
  • MySQL 5.7 学习指南:SQLyog 中的主键、列属性和数据类型
    本文介绍了 MySQL 5.7 中主键(Primary Key)和自增(Auto-Increment)的概念,以及如何在 SQLyog 中设置这些属性。同时,还探讨了数据类型的分类和选择,以及列属性的设置方法。 ... [详细]
  • window下的python安装插件,Go语言社区,Golang程序员人脉社 ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • 开发日志:高效图片压缩与上传技术解析 ... [详细]
  • 利用REM实现移动端布局的高效适配技巧
    在移动设备上实现高效布局适配时,使用rem单位已成为一种流行且有效的技术。本文将分享过去一年中使用rem进行布局适配的经验和心得。rem作为一种相对单位,能够根据根元素的字体大小动态调整,从而确保不同屏幕尺寸下的布局一致性。通过合理设置根元素的字体大小,开发者可以轻松实现响应式设计,提高用户体验。此外,文章还将探讨一些常见的问题和解决方案,帮助开发者更好地掌握这一技术。 ... [详细]
  • 在本文中,我们将探讨如何在Docker环境中高效地管理和利用数据库。首先,需要安装Docker Desktop以确保本地环境准备就绪。接下来,可以从Docker Hub中选择合适的数据库镜像,并通过简单的命令将其拉取到本地。此外,我们还将介绍如何配置和优化这些数据库容器,以实现最佳性能和安全性。 ... [详细]
  • 本文详细介绍了如何使用Python中的smtplib库来发送带有附件的邮件,并提供了完整的代码示例。作者:多测师_王sir,时间:2020年5月20日 17:24,微信:15367499889,公司:上海多测师信息有限公司。 ... [详细]
  • 本文详细介绍了 InfluxDB、collectd 和 Grafana 的安装与配置流程。首先,按照启动顺序依次安装并配置 InfluxDB、collectd 和 Grafana。InfluxDB 作为时序数据库,用于存储时间序列数据;collectd 负责数据的采集与传输;Grafana 则用于数据的可视化展示。文中提供了 collectd 的官方文档链接,便于用户参考和进一步了解其配置选项。通过本指南,读者可以轻松搭建一个高效的数据监控系统。 ... [详细]
  • 在PHP中如何正确调用JavaScript变量及定义PHP变量的方法详解 ... [详细]
  • 在尝试对 QQmlPropertyMap 类进行测试驱动开发时,发现其派生类中无法正常调用槽函数或 Q_INVOKABLE 方法。这可能是由于 QQmlPropertyMap 的内部实现机制导致的,需要进一步研究以找到解决方案。 ... [详细]
author-avatar
狗且偷生
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有