织梦dedecms如何实现电脑站与手机站的适配跳转

92模板   2021-03-06   收藏本文

本文介绍了织梦dedecms如何实现电脑站与手机站的适配跳转,解决思路:使用官方给出的两个新的标签,alternate和canonical,就可以完美解决手机版和电脑版之间的自动适配跳转。

织梦网站源码

织梦梦想编织升级手机功能以来,使用梦想编织系统制作计算机站和手机站共存的网站变得越来越容易,数据也可以同步,维护也非常方便。此外,手机还可以使用通用的梦想编织标签来获取内容,这真的非常容易使用。

但是,另一个是手机站和电脑站的适应问题,跳跃适应什么都不说,官方的新标签,alternate和canonical,这个标签指定百度手机站和电脑站的对应关系。

在这种配置中,每个个个人电脑网站都有一个相应的不同网站,用于为移动设备提供优化内容。为了帮助我们的算法理解单独的移动网站,我们建议您使用以下注释。

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

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

具体的写法是 pc端:<link rel="alternate" media="only screen and(max-width: 640px)" href="" >

手机端:<link rel="canonical" href="" >

织梦跳转适配-电脑端的写法:

首页:<link rel="alternate" media="only screen and(max-width: 640px)" href="手机域名/" >

列表页:<link rel="alternate" media="only screen and(max-width: 640px)" href="手机域名/list.php?tid={dede:field.id/}" >

内容页:<link rel="alternate" media="only screen and(max-width: 640px)" href="手机域名/view.php?aid={dede:field.id/}" >

频道封面:<link rel="alternate" media="only screen and(max-width: 640px)" href="手机域名{dede:type}[field:typelink /]{/dede:type}" >

织梦跳转适配-手机端的写法:

首页:<link rel="canonical" href="电脑域名" >

列表页:<link rel="canonical" href="电脑域名{dede:type}[field:typelink /]{/dede:type}" >

内容页:<link rel="canonical" href="电脑域名{dede:type}[field:typelink /]{/dede:type}{dede:field.id/}.html" >

频道封面:<link rel="canonical" href="电脑域名{dede:type}[field:typelink /]{/dede:type}" >

以上就是关于织梦适配跳转的所有内容,希望可以帮到大家,欢迎扫码加微信一起交流~

微信公众号

TAG标签:织梦适配跳转
展开