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

【院长帮帮忙】移动适配不稳定、不生效,可能是这些原因造成的!(第五期)

1. 未设置Viewport Viewport是指浏览器中用于控制页面布局和缩放比例的元标签,如果未设置Viewport,则移动端浏览器会将页面按照PC端浏览器默认的布局来显示,导致页面排版错乱。因此,需要在head部分加入Viewport的设置,例如: ```html ``` 2. 媒体查询错误 在进行移动适配时,我们通常会使用媒体查询来针对不同设备进行样式的调整。但是,如果媒体查询的

Public @ 2023-04-04 12:50:29

移动适配工具如何使用

移动适配工具用于使网站在移动设备上的浏览表现更好。使用移动适配工具需要以下步骤: 1. 选择适合自己的移动适配工具,比如Bootstrap等。 2. 在网站的HTML代码中引入移动适配工具的CSS和JavaScript文件。 3. 使用移动适配工具提供的HTML和CSS样式来修改网站的布局,使之适应移动设备的不同分辨率,比如栅格布局等。 4. 在使用移动适配工具的过程中,需要遵循移动设备设

Public @ 2023-05-26 03:50:12

更多您感兴趣的搜索

0.490881s