Categories


Tags


百度搜索资源平台-PC页、H5页跳转适配最优方案上线公告

各位亲爱的网站管理员:

鉴于移动化大潮的汹涌和H5页的炫丽普及,百度针对PC页与H5页的跳转适配方式推出了最优方案:在pc版网页上,添加指向对应移动版网址的特殊链接rel="alternate"标记,这有助于百度发现网站的移动版网页所在的位置;同时在移动版网页上,添加指向对应pc版网址的链接rel="canonical"标记。

例如:

pc版网址:http://www.example.com/page-1

移动版网址:http://m.example.com/page-1

那么此示例中的注释如下所示:

在pc版网页(http://www.example.com/page-1) 上,添加:

<link rel="alternate" media="only screen and(max-width: 640px)"     href="http://m.example.com/page-1" >

在移动版网页(http://m.example.com/page-1) 上,所需的注释应为:

<link rel="canonical" href="http://www.example.com/page-1" >

强调:之前的Meta标记(mobile agent)会继续沿用,但我们推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配,其它如xml语言的移动页跳转适配,需要继续使用之前的meta标记方式——<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">

关于PC页、H5页跳转适配最优方案上线公告,程序员你肿么看?希望网站管理员在学院[工具动态]的讨论帖中留言。

来源:百度搜索资源平台


Public @ 2015-10-30 15:20:42

移动网页兼容性问题

近期针对移动页面兼容性问题,百度内部做了专项数据评估和分析,发现一些网站的移动端页面在操作系统的不同版本下,页面浏览效果有较大差异,有些版本下存在排版异常、页面功能失效、页面不美观等各类浏览问题,影响移动端用户浏览体验。建议站长扩大对iOS和Android操作系统版本的兼容性测试,避免因为用户浏览体验差而造成的流量自然损失。移动网页不兼容可能带来的问题1、排版效果不同;case1:不兼容版本效果可

Public @ 2021-06-27 16:20:05

移动适配工具如何使用

移动适配工具是一种帮助开发者在不同尺寸的移动设备上适配显示效果的工具。以下是使用移动适配工具的步骤: 1. 安装移动适配工具:选择适合自己开发环境的移动适配工具,例如开源的Auto Layout、Masonry和VFL等。如果使用Xcode开发iOS应用,可以使用Xcode提供的Auto Layout功能。 2. 规划设计稿:在进行适配之前,需要明确设计图的尺寸和布局。开发者可以通过参考UI设

Public @ 2023-06-07 03:50:14

更多您感兴趣的搜索

0.389634s