SEO技术教程学习
网站优化排名推广服务
 您好!欢迎访问柚子SEO! 

用alternate标签和canonical标签做移动适配的方法

有独立移动端的网站做移动适配的方法

为了使搜索引擎能够理解桌面和移动页面之间的关系,桌面页面需要指向移动属性,并且移动页面使用规范URL“确认”关系。

可以用alternate标签和canonical标签做移动适配声明

pc页面

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

移动页面

 <link rel="canonical" href="https://www.youziseo.com/" > 

注意事项

1.一对一关系:每个pc页面都有一个移动页面对应关系,反之亦然。

2.使用绝对地址,一般的共识是在定义移动属性时不使用相对URL。相对URL更有可能被搜索引擎解释为错误。

3.避免重定向:仅引用实际相对应移动页面。

示例dede移动适配(以下代码仅供参考,不要拿来直接用需要修改下)

封面页

<link rel="alternate" media="only screen and(max-width: 640px)"href="{dede:global.cfg_mobile/}{dede:type}[field:typeurl/]{/dede:type}" />
<link rel="canonical" href="{dede:global.cfg_basehost/}{dede:type typeid='0' row=1}[field:typelink/]{/dede:type}" />

列表页

<link rel="alternate" media="only screen and(max-width: 640px)"href="{dede:global.cfg_mobile/}{dede:type}[field:typeurl/]{/dede:type}" />
<link rel="canonical" href="{dede:global.cfg_basehost/}{dede:type typeid='0' row=1}[field:typelink/]{/dede:type}" />

文章页

<link rel="alternate" media="only screen and(max-width: 640px)" href="{dede:global.cfg_mobile/}{dede:field.id runphp=yes}$result=GetOneArchive(@me);@me=$result['arcurl'];{/dede:field.id}" />
<link rel="canonical"href="{dede:global.cfg_basehost/}{dede:field.id runphp=yes}$result=GetOneArchive(@me);@me=$result['arcurl'];{/dede:field.id}"/>

标签页

<link rel="alternate" media="only screen and(max-width: 640px)"href="{dede:global.cfg_mobile/}/tag.html" />
<link rel="canonical" href="{dede:global.cfg_basehost/}/tag.html" />

有关移动适配的常见问题解答

1、为什么搜索引擎会忽略我的移动属性?

该移动属性是声明而不是指令。搜索引擎不需要遵循你对移动属性的定义,只是引导搜索引擎了解页面对应关系。

2、我有一个响应的网站。我是否也需要使用移动属性?

不需要,如果你有响应式网站,则无需使用该移动属性。只有在不同的URL上有单独的pc和移动网站时,才会使用该属性。

赞(2) 打赏
未经允许不得转载:柚子SEO » 用alternate标签和canonical标签做移动适配的方法

评论 抢沙发

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏