站点的rel="alternate"属性

本文介绍了如何使用rel属性在PC端和移动端网页间建立关联。通过在PC端网页中使用rel=alternate标记并指定媒体查询,可以告诉搜索引擎移动版网页的位置。相应地,在移动端网页中使用rel=canonical标记,可以指明对应的PC版网页地址。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

概述

今天看决战平安京官网源码,突然看到了rel的alternate属性,百度了一下,记录下来,供以后开发时参考,相信对其他人也有用。

PC端rel

在pc版网页上,添加指向对应移动版网址的特殊链接rel="alternate"标记,这有助于百度发现网站的移动版网页所在的位置。代码如下:

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

后面的href是移动端网址。

移动端rel

在移动版网页上,添加指向对应pc版网址的链接rel="canonical"标记。代码如下:

<link rel="canonical" href="//moba.163.com" >

转载于:https://www.cnblogs.com/yangzhou33/p/9333406.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值