织梦动态链接手机端代码适配优化教程

seo教程大全 作者:溪风seo

当前位置:主页 > seo教程大全 > 织梦动态链接手机端代码适配优化教程

今天溪风seo顾问总结了一下关于织梦默认手机端的相关教程,如果你还没有属于自己的手机站,可以通过织梦的默认模板几分钟就可以搭建好相关的手机站点。

织梦手机端默认模板的路径

织梦手机端官方的默认主页模板路径下default文件件下的index_m.htm 首页模板

D:\WWW\upolads\templets\default

手机模板和pc模板都是放在一起的,pc和移动端的模板名称都是一对一的对应原则,手机端的模板多了_m的标识。

织梦相关模板电脑端手机端
首页模板:index.htmindex_m.htm
列表页模板list_article.htmlist_article_m.htm
文章页模板list_article.htmlist_article_m.htm
搜索模板search.htmsearch_m.htm
头部模板head.htmhead_m.htm
底部模板footer.htmfooter_m.htm

电脑网站和手机端网站的链接关系

织梦pc和移动链接对比电脑端链接手机端链接
首页链接http://www.*****.com/http://www.******.com/m/
列表页链接http://www.******.com/seo/http://www.******.com/m/list.php?tid=1
文章页链接http://www.******.com/195.htmlhttp://www.******.com/m/view.php?aid=195

手机端和电脑端跳转优化代码

看到这里是不是感觉通过百度站长工具里感觉pc和移动的适配很恼火,不知如何下手了,下面溪风SEO顾问针对这类同学专门制作了相关的教程。

一、为了更好的实现pc端和移动端匹配效果,可在pc端模板增加类似如下代码:

1、pc端模板首页

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

<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex')!= -1){}else{if(/APPleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/";}elseif(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

2、pc端模板栏目页

<metahttp-equiv="mobile-agent"content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.PHP?tid={dede:field.id/}"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex')!= -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}elseif(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

3、pc端模板文章页

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

<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') !=-1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}elseif(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

 代码中的{dede:global.cfg_mobileurl/}部分要替换为包含“http://”的二级域名(即:http://m.nt090.com),如不想修改模板里的相关代码,也可修改/include/common.inc.php中的$cfg_mobileurl变量赋值为二级域名。

以上代码为dedeCMS新版模板所使用,第一行<meta>标签代码为百度发现跳转适配关系的方式(可同时使用)之一——“Meta标记”,下面几行javascript代码的功能是识别是否移动端设备访问,如是则将当前pc端页面自动跳转到匹配的移动端页面。

二、还可使用<link>标签以便于百度更好地发现PC站和移动站的移动适配关系,在模板的<head></head>标签内加入如下代码:

1、PC站首页模板:

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

2、PC站栏目页模板:

<link rel="alternate" media="only screen and(max-width: 640px)"href="http://m.nt090.com/list.php?tid={dede:field.id/}" >

3、PC站文章页模板:

<link rel="alternate" media="only screen and(max-width: 640px)" href=" http://m.nt090.com/view.php?aid={dede:field.id/}">

4、移动站首页模板:

<link rel="canonical"href="http://www.nt090.com/ "/>

5、栏目页模板:

<link rel="canonical"href="http://www.nt090.com{dede:type typeid='0' row=1}[field:typelink/]{/dede:type}"/>

6、文章页模板:

<link rel="canonical"href="http://www.nt090.com/{dede:field.idrunphp='yes'}$id=@me;@me='';$url=GetOneArchive($id);@me=$url['arcurl'];{/dede:field.id}"/>

三、提交移动跳转适配

1、URL对应关系示例:

2、适配方式:

栏目页的对应关系没有规律,且数量较少,使用URL适配 ;文章页为有规律的网址,且数量多,使用规则适配。

11225518.png

四、手机网站栏目导航调用

很多的网站制作人员都是输写死的,可以通过相关的dede织梦标调进行调用如下所示:

{dede:channelartlist row=100 typeid='top'}http://www.baidu.com{dede:field name='typeurl'/}http://m.baidu.com/list.php?tid={dede:field name='id'/}<br>{dede:channel type='son' noself='true'}http://www.baidu.com[field:typelink/]http://m.baidu.com/list.php?tid=[field:id/]<br>{/dede:channel}{/dede:channelartlist}

五、手机网站页面伪静态处理

1、不统一,移动无法继承PC的权重

2、动态或伪静态(只是改了映射,其实还是动态链接)访问肯定是比静态资源慢,除非是交互比较多页面,需要动态输出

3、规则好写,比如:

xx.com/m/list.PHP?tid=14 假设14对应的是SEO栏目,有两种方案,一种是用数字,一种是写死(或者查询数据库生成.htaccess)

^m.xx.com/(\d+)/$ m/list.php?tid=$1

^m.xx.com/seo/ m/list.php?tid=14

以后写适配规则也好写很多

要从根本解决问题,那当然是二次开发了,最简单有利网站关键词优化排名的是单独对手机网站进行开发,单独开发成本较高了,像溪风seo顾问的博客手机站就是采用的单独开发的方式进行优化的。

你可能喜欢的:
seo站内文章优化教程seo站内文章优化教程
网站优化中展现量什么网站优化中展现量什么
新站seo优化如何快速的新站seo优化如何快速的
文章页长尾关键词怎么文章页长尾关键词怎么
网站优化文章内容生产网站优化文章内容生产