至于为什么要写这个话题,相信很多从业人士都知道,目前移动端流量是主流,大多数行业,网站移动端的流量获取几乎是PC端的两倍,所以,很有必要专门针对移动端做好页面体验,
解决办法
1,开发自适应网站
2,采用安全合理的跳转代码
笔者建站经常采用帝国CMS建站,针对帝国CMS,如何做好页面跳转的方法,今天就在这里给大家说说
本次方法采用模板模式,只要把代码插入模板,所有的页面都能使用,
帝国CMS栏目页面PC移动端自适应跳转代码
<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.xxx.com/<?=sys_ReturnBqClassUrl($class_r[$GLOBALS[navclassid]]);?>";}}}
catch(err)
{
}</script>
<meta name="mobile-agent" content="format=xhtml;url=http://m.xxx.com/<?=sys_ReturnBqClassUrl($class_r[$GLOBALS[navclassid]]);?>">
备注:上文中 http://m.xxx.com 代表手机端的网址,
内容页PC端 手机端 跳转代码
<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.xxx.com/[!--titleurl--]";}}}
catch(err)
{
}</script>
<meta name="mobile-agent" content="format=xhtml;url=http://m.xxx.com/[!--titleurl--]">
至于首页如何做好PC端和手机端的跳转,这里就没必要阐述,本文适用于 PC和移动端两个页面模式,所以,直接用普通测试浏览器代码即可。
温馨提示:如果条件容许,最好做自适应网站,用一个网址的模式让样式自动判断浏览器 来实现 展现样式切换,是目前最适合SEO优化的方式。
时间有限,上文描述不懂的可以私信我,
SeoThink,专注搜索引擎优化,企业互联网品牌运营,
网友评论