`

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)和移动设备,如智能手机和平板电脑。这主要是通过响应式网页...

    中国移动CMCC移动DM适配指南和注意事项和常见问题分析

    中国移动CMCC移动DM(终端管理)系统是中国移动为实现终端产品全生命周期管理所提出的一套解决方案。该系统通过收集终端产品的激活、配置、使用等信息,并与终端供应链管理相结合,旨在实现对产品的全生命周期掌控。...

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

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

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

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

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

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

    移动适配基础思维导图.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扮演了至关重要的角色...

    AutoJs源码-多种手机适配思路

    AutoJs源码-多种手机适配思路。本资源购买前提醒:本源码都是实际autojs项目模板,安装好autojs直接运行即可打开。1、支持低版本autojs。2、资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己...

    h5响应式适配移动端网站模板

    这种设计方法确保网站在桌面、平板和手机等不同设备上都能呈现出最佳的视觉效果。 2. **HTML5新特性**:HTML5引入了许多新的标签和元素,如、、、等,这些元素使得代码结构更加语义化,更易于理解和维护。同时,...

Global site tag (gtag.js) - Google Analytics