`

Google手机移动网站适配(双向注释)

阅读更多
<!-- 正文 -->

HTML 中的注释

在桌面版网页 (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" >

此移动版网址中指向桌面版网页的 rel="canonical" 标记是必需的。

站点地图中的注释

我们支持按以下方式在站点地图中为桌面版网页添加 rel="alternate" 注释:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://www.example.com/page-1/</loc>
<xhtml:link
    rel="alternate"
    media="only screen and (max-width: 640px)"
    href="http://m.example.com/page-1" />
</url>
</urlset>

仍应将移动版网址中必需的 rel="canonical" 标记添加到移动版网页的 HTML 中。

<!-- 版权 -->
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    移动端手机和平板适配解决方案

    在移动端开发领域,适配问题是一项至关重要的任务,特别是在手机和平板设备上,由于屏幕尺寸、分辨率和像素密度的多样性,使得开发者需要采用特定的策略来确保应用或网站在不同设备上都能提供良好的用户体验。...

    pc与移动端端适配网页模板

    无论是个人电脑(PC)还是移动设备(如智能手机或平板电脑),用户都能看到清晰、易用且布局合理的页面。以下是对这个主题的详细阐述: 首先,我们需要理解响应式网页设计(Responsive Web Design,简称RWD)。这是...

    手机网站,适配各种手机

    手机网站,响应式页面,一款响应式的手机网站HTML模板,构建在Bootstrap3、HTML5、CSS3、JavaScript、jQuery上。该模板非常适合提供搜索引擎优化服务以及其他互联网营销相关网站。

    安卓app手机移动开发之前端屏幕适配技术详解.zip

    安卓app手机移动开发之前端屏幕适配技术详解.zip 英寸 分辨率 设备独立像素 视口 1px问题 移动端适配方案 甜酸 iPhoneX留海儿 横屏适配 解决图片模糊问题

    移动手机站,html5自动适配pc和手机 ,企业宣传站

    标题中的“移动手机站,html5自动适配pc和手机,企业宣传站”指的是一个采用HTML5技术构建的网站设计,这种设计能够自动适应不同设备,包括个人电脑(PC)和移动设备,如智能手机和平板电脑。这主要是通过响应式网页...

    google首页效果 js特效 全注释 记得当时分析了好长时间

    7. **响应式设计**:Google首页会针对不同的设备(如手机、平板、桌面)进行适配,JavaScript在这里也可能起到关键作用,调整布局和交互方式。 8. **跨浏览器兼容性**:Google的代码通常需要在各种主流浏览器中运行...

    html5、移动端、mui+app尺寸适配、屏幕适配、屏幕自适应插件,解决不同手机尺寸的手机适配问题

    html5+app、移动端、mui+app尺寸适配、屏幕适配、屏幕自适应插件,解决不同手机尺寸的手机适配问题

    Android双向表格可滑动可双向适配

    本项目“Android双向表格可滑动可双向适配”着重于实现这样的功能,并在此基础上增加了自定义表头以及横向适配的能力。这在展示复杂数据集时尤其有用,例如在电商应用的商品列表或财务软件的报表中。 1. **双向滚动...

    移动适配基础思维导图.xmind

    移动适配基础思维导图.xmind

    rem适配方法,针对少数型号手机做了适配

    H5端rem适配方法,尤其针对某些手机,使用rem 之后仍然无法正常显示,针对某些手机做了适配判断,确保少数型号手机满足适配

    移动web开发---rem适配案例---优惠券.rar

    本案例“移动Web开发---rem适配案例---优惠券”深入探讨了如何使用rem单位进行页面自适应布局,以确保在不同屏幕大小的手机和平板上都能呈现出良好的视觉效果。下面将详细介绍rem单位、适配策略以及两种实现方式——...

    7个步骤让PC网站自动适配手机网页.pdf

    7个步骤让PC网站自动适配手机网页 以下是从给定文件中生成的知识点: ...通过这7个步骤,可以让PC网站自动适配手机网页,实现移动适配技术。切图网是国内首家基于web技术服务的公司,提供移动适配技术的解决方案。

    vue-自动适配手机后台管理系统全.zip

    "vue-自动适配手机后台管理系统全.zip" 文件内包含的 "vue-element-admin-master" 项目,是基于 Vue.js 构建的一个自适应手机端的后台管理系统。这个系统旨在提供优秀的用户体验,无论用户是在桌面还是移动设备上,...

    CDMA手机适配表.xls

    CDMA手机适配表,wap开发

    移动web 第五天移动端适配

    移动Web的移动端适配是构建跨设备兼容网页的关键步骤,特别是在当前智能手机和平板电脑多样化的情况下。适配的主要目的是确保无论用户使用何种设备,都能获得一致的浏览体验。在这个过程中,CSS扮演了至关重要的角色...

    配合 rem 进行移动适配

    配合 rem 进行移动适配

    适配小米手机的拍照相册选择方案

    "适配小米手机的拍照相册选择方案"是针对小米手机在API级别23及以上出现的`FileNotFoundException`问题的一个解决方案。这个问题通常与运行时权限管理以及小米手机的特定系统设置有关。以下是对这一方案的详细解读。...

    web项目适配手机 通用js

    * MobileWeb 通用功能助手,包含常用的 UA 判断、页面适配、search 参数转 键值对。 * 该 JS 应在 head 中尽可能早的引入,减少重绘。

Global site tag (gtag.js) - Google Analytics