DEDE织梦CMS实现移动站跳转实操分享

网络营销评论69

在《DEDE织梦CMS移动站搭建及移动适配实操》这篇文章中分享了织梦CMS移动端网站搭建经验,这篇文章接着分享dedecms移动站跳转问题,即就是通过对来访设备的判断,跳转到PC站或者移动站对应的页面,通过这两篇文章的学习,即可轻松解决DEDE织梦CMS实现移动跳转适配。

思维浅析

———

上篇文章中我们已经分享了织梦CMS移动站点的搭建以及解析绑定二级域名到移动站的操作教程,尽管我们实现了通过www.xxx.com访问PC站程序、通过m.xxx.com访问移动站的效果,但从用户体验的角度考虑并不完美。

DEDE织梦CMS实现移动站跳转实操分享

比如当我们用移动设备访问www.xxx.com时,展现在用户设备上的依然是PC站的首页,并非我们想要展现给用户的m.xxx.com移动站首页。这时候就有人说只要我们在PC站中加入对访问设备的判断,将所有的移动端访问用户跳转到m.xxx.com即可。

这么说没错,但却不够全面,试想一下如果www.xxx.com/seo/1.html这一文章内容页面被搜索引擎收录后,并展现在移动用户的搜索结果中,当用户点击后通过设备判仅仅是跳转到了m.xxx.com即移动站首页,而并非移动站下的文章内容页面,总不能让用户再通过移动站首页去翻阅想要看到的文章内容吧!因此我们不能让所有移动来访设备都跳转到m.xxx.com这一移动站首页,而是需要在判定为移动设备访问后,跳转到访目标页所对应的移动页面。

上篇文章中提到了通过百度搜索资源平台提交PC站与移动站的适配规则,同时也可以在织梦网站模板中添加<meta>标签帮助搜索引擎更好的识别PC站与移动站的配对规则,下面分别给出dedecms首页、栏目页、文章页中需要添加的<meta>代码及实现移动设备访问时的跳转js代码。

Tips:以下给出的代码中{dede:global.cfg_mobileurl/}可以直接替换成你的移动站域名(http://m.xxx.com),或者打开include目录下的common.inc.php文件,修改$cfg_mobileurl变量值为http://m.xxx.com即可。

01

首页

修改网站模板中的index.htm文件

<meta http-equiv="mobile-agent"content="format=xhtml;url={dede:global.cfg_mobileurl/}/">

<script type="text/javascript">

try {

var urlhash = window.location.hash;

if (!urlhash.match("fromapp"))

{

if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))

{

window.location='http://m.maotutech.com';

}

}

}

catch(err)

{

}

</script>

02

栏目页

修改网站模板中的list_article.htm文件

<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}">

<script type="text/javascript">

try {

var urlhash = window.location.hash;

if (!urlhash.match("fromapp"))

{

if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))

{

window.location='{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}';

}

}

}

catch(err)

{

}

</script>

03

文章页

修改网站模板中的article_article.htm文件

<meta http-equiv="mobile-agent"content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}">

<script type="text/javascript">

try {

var urlhash = window.location.hash;

if (!urlhash.match("fromapp"))

{

if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))

{

window.location='{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}';

}

}

}

catch(err)

{

}

</script>

写在最后

———

修改完成后,不要忘记通过织梦后台重新生成一遍网站。这时候在通过移动设备访问www.xxx.com/seo/1.html则会跳转到m.xxx.com/view.php?aid=1,这两个文章页面的主体内容一致,只是分别以PC站和移动站的界面呈现在用户面前。

至此关于DEDE织梦CMS实现移动跳转适配已经全部完成,但关于SEO优化的一个小问题还需要处理下,那就是通过www.xxx.com/m/view.php?aid=1与m.xxx.com/view.php?aid=1访问的是同一个页面,以此我们需要在PC站根目录下的robot.txt文件中禁止搜索引擎对m目录的抓取,否则容易影响到二级域名移动站下的收录情况。

同样是做SEO,对于SEO思维和实操,不同的SEOer都有自己的见解与心得,欢迎每一位喜欢SEO的朋友留言交流!!!

 
新增《天猫积分通用规则》公示通知 网络营销

新增《天猫积分通用规则》公示通知

为使天猫积分权益的获得、使用、收回等问题更加明确,天猫拟定了针对天猫积分的通用规则,同时针对涉及积分权益获得的规则表达进行了修订。此次规则修订于2016年10月26日进行公示通知,将于11月2日正式生...
产品运营神器 | 漏斗模型 网络营销

产品运营神器 | 漏斗模型

140今天分享一篇产品运营文章:产品和运营是不分家的,产品经理必须懂得产品运营的相关知识,今天咱们来一起看一个产品运营的基本功——漏斗模型。1 漏斗模型是什么鬼?2 漏斗模型应用1 漏斗模型是什么鬼?...
美容产品的微信营销 网络营销

美容产品的微信营销

美容产品的微信营销 2014年可以说是面膜的时代,随便问一个人说起微信上有卖什么的,大家都会说是面膜,卖面膜似乎真的很赚钱,产品的效果我们先不探讨,我是男性,也没有用过,今天和大家一起探讨面膜营销背后...
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: