欢迎光临蔡欢的个人博客站!

蔡欢个人网站-蔡欢个人博客-蔡欢

蔡欢个人博客网站

专注网络营销和搜索引擎推广的个人博客网站

您当前的位置:主页 > 网站建设 >

织梦dedecms手机端和PC端跳转适配怎么做

发布时间:2017-11-24 10:16    点击:      编辑:蔡欢

蔡欢博客之前的一篇文章《织梦手机模板如何制作》已经给大家介绍了织梦dedecms手机站怎么做,那么做好手机站后,怎么实现织梦dedecms手机端和PC端跳转适配了。下面蔡欢博客就给大家介绍一下。

织梦自从升级了手机端功能之后,用织梦系统做电脑站跟手机站共存的网站就越来越容易了,而且还可以做到数据的同步,维护起来也十分的方便,而且手机端也可以实用通用的织梦标签调取内容,真的特别好用。
但是,还有一个就是手机站跟电脑站的适配问题,跳转适配什么的就不说了,说下官方新出的标签,alternate跟canonical,这个标签是指定百度手机站跟电脑站对应关系的。

 
在此配置中,每个pc版网址都具有一个对应的不同网址,用于提供针对移动设备进行优化的内容。为了帮助我们的算法了解单独的移动版网址,我们建议您使用以下注释:
在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="http://www.caihuanbk.com/m/" >
列表页:<link rel="alternate" media="only screen and(max-width: 640px)" href="http://www.caihuanbk.com/m/list.php?tid={dede:field.id/}" >
内容页:<link rel="alternate" media="only screen and(max-width: 640px)" href="http://www.caihuanbk.com/m/view.php?aid={dede:field.id/}" >
频道封面:<link rel="alternate"  media="only screen and(max-width: 640px)" href="http://www.caihuanbk.com{dede:type typeid='0' row=1}[field:typelink /]{/dede:type}" >

织梦跳转适配手机端的写法:
首页:<link rel="canonical" href="http://www.
caihuanbk.com" >
列表页:<link rel="canonical" href="http://www.
caihuanbk.com{dede:type typeid='0' row=1}[field:typelink /]{/dede:type}" >
内容页:<link rel="canonical" href="http://www.
caihuanbk.com{dede:type}[field:typelink /]{/dede:type}{dede:field.id/}.html" >
频道封面:<link rel="canonical" href="http://www.
caihuanbk.com{dede:type typeid='0' row=1}[field:typelink /]{/dede:type}" >

蔡欢博客:
www.caihuanbk.com将不定期的给大家分享网站建设和网站运营的相关文章,感谢大家的支持。
分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | 分享 www.caihuanbk.com