目录:
- 简单地说,
- 在以下五种情况下选择响应式设计是有意义的:
- 动态服务
- 当您的网站需要包含复杂的移动友好功能时,如多页表单或交互式工具仪表板。
- 移动网站
- 当你有一个庞大的网站和大量的网页和资源有限。一个移动网站可以是一个解决方案,使您可以向您的移动用户展示一个更小,更细化的网站内容抽样。
视频: ZEITGEIST: MOVING FORWARD | OFFICIAL RELEASE | 2011 2024
开发您的网站搜索引擎优化时,您将需要考虑到移动使用。由于台式电脑显示器和智能手机的尺寸大不相同,因此设计移动设备意味着您必须做以下三件事之一:
构建响应式网页设计,从桌面格式到移动格式动态调整内容
-
使用动态服务,使移动体验设备具体化,并控制移动内容的传送方式
-
<! - 1 - >
创建专为移动用户设计的单独的移动网站 -
目前,响应式设计是Google和Bing推荐的适用于移动设备的配置。
选项1:响应式设计
简单地说,
响应式设计 是一种网页设计技术,它使用CSS和一系列编码规则来动态调整桌面内容的外观,使其最适合在不同移动设备的屏幕尺寸参数内。响应式设计使用JavaScript和 客户端服务 来更改页面在移动或桌面浏览器中显示的方式,服务器已经加载页面。
在以下五种情况下选择响应式设计是有意义的:
当您想要一个连贯的桌面和移动体验。
-
当你有一个强大的桌面网站,建立了多年的链接公平,信任和行业权威。响应式移动网站可以通过
-
与桌面版网站共享索引 获益,从而提高移动排名。 当您希望您的桌面和移动访问者以相同的方式转换。
-
当您拥有有限的开发资源时,使用自定义内容维护自定义移动体验似乎是不可能的。
-
当你想管理只有一个网站的维护和搜索引擎索引。
-
选项2:动态服务
动态服务
是一种 服务器端 开发方法,用于检测访客正在使用哪种类型的设备来提供专门针对其设备进行了优化的独特内容。 与自适应设计一样,
动态投放 对所有内容都使用一组网址,无论该内容是传送到台式计算机还是移动设备。但这就是相似性结束的地方。 请参阅响应式网页设计,动态调整内容的
外观 ,但网址保持不变。通过动态投放,网址保持不变,但传送到移动设备的内容并不总是与传送到桌面设备的内容相同。 这种内容的差异是可能的,因为动态服务是一种
服务器端 方法,它可以根据 之前要求它的设备改变内容代码浏览器。此代码允许服务器更改页面的内容而不更改页面的URL。 当网站使用动态服务方式进行移动设计时,幕后发生了什么。 何时使用动态服务
在以下五种情况下使用动态服务具有特殊意义:当您的网站需要包含复杂的移动友好功能时,如多页表单或交互式工具仪表板。
当你发现你的网站需要服务两个不同的设备市场非常不同。例如,您的iPhone用户所采用的转换路径与您的Android用户完全不同,或者您希望网页对智能手机用户呈现不同于平板电脑用户的呈现方式。
-
当访问者主要使用不同的关键字通过桌面搜索和移动搜索访问您的网站时。
-
当您希望桌面访问者和移动访问者以不同方式转换时。
-
当您有强大的开发资源时,可以使用手动编码和维护复杂,干净的代码。
-
选项3:建立一个单独的移动网站
-
一个
移动网站
就是这样一个单独的网站,它是专门为移动设备用户创建的。通过单独的移动网站,用户将被重定向到您的网站的移动版本,该版本位于独特的域名(如 m)上。域。 COM 或 移动。域。 COM 。如果您选择这个选项,则需要设置服务器来检测设备,然后将用户发送到正确的站点。 米。域。 com 移动网站设计。 Firestone使用
m。domain。com 移动网站设计 另一个移动网站的一个重要技术实现是正确使用规范标签。移动网页,包括指向相关桌面页面的规范标记,以便桌面网站的信任,授权和链接公平也将与您的移动网站相关联。请参阅Google Developers文档中的详细信息 >何时构建单独的移动网站 以下是一些情况,特别是在您的企业最适合建立单独的移动网站时: 如果您需要在桌面网站上突出显示某些元素,在移动设备上不能很好地呈现。当您需要制作特定于移动设备的转化流程时,或者您的访问者在移动设备上使用与他们在桌面设备上使用的搜索字词截然不同的搜索字词时。
当你有一个庞大的网站和大量的网页和资源有限。一个移动网站可以是一个解决方案,使您可以向您的移动用户展示一个更小,更细化的网站内容抽样。
当您的访问者使用较旧的(而不是“智能”)电话访问您的网站时。
-
当您有资源构建,更新和维护单独的移动网站时。