移动端手机网站优化怎么做

移动端手机网站优化怎么做,第1张

一、URL

大部分的移动网站都是有一个二级域名或者一个二级栏目做移动网站,其实这是不科学的,试想一下,你发布一篇文章,有两个URL有一模一样的内容,那就算你是一篇首创文章,那是不是也会变成了伪首创呢?在SEO的角度想,首创和伪首创差距是甚大呀!所以,假如条件允许,倡议还是做自动响应的移动化站点,比方我的博客,你试着用阅读器的放大功用看看,是不是根据分辨率网站也有少许的变化呢?

二、代码

移动网站我们可以了解成一个微网站,在微网站的根底上,我们没必要把网站做的如此复杂(特殊功用除外),所以在代码上可以简约就简约,再说用户看网站不是看你网站代码多复杂,网站多美观,而是看你网站能不能在最短的时间找到他想要的答案。其次是通常情况下,手机阅读器是没有PC端阅读器那么强大,也就是说不是每一个JS在移动网站上都可以解析到,万一用户用的阅读器解析不了你的一个JS呢,那岂不是看到乱糟糟的?还有一个非常严肃的问题,当用户运用2G网络,要是你把网站做的如此复杂,一时半会儿加载不出来咋办呢?

三、网站尽可能简洁。

①手机网站比PC端网站的页面下载速度要慢得多,因此尽量把页面数和页面大小控制到最低。

②此外,由于是手机用户,用户浏览网页的时间是零碎的,不可能耐心点击很多的页面。因此,要尽可能精简移动网站设计。

③购买流程或者导购页面尽可能精简精简再精简,从消费者进入网站到购买尽可能提供最简单的步骤,直接摒弃那些冗余内容,为消费者呈现他们想要的。假如一个购买流程需要注册七八项,在购买时再填上七八项,那恐怕下次就不会有回头客了。如果说到这还有不懂的朋友或者是还在学习不知道怎么优化可以来我们群一起交流学习的,前面是2 6 4中间数字是七八三,最后你加上6 02 就可以了的,好了接下来我们继续分享。

四、页面细节优化

与PC端的网站一样,页面不可的确keyw.rds、descripti.n,可能在PC端上,我们不加上关键词和描绘搜索引擎一样可以辨认到你的细致内容是什么,但是我们并无法肯定到移动搜索引擎能否可以辨认这一点,所以我们做到多一事不如少一事,尽量按照常规出牌。

移动化网站也非常在乎死链接和四处链接,所以尽量做好404、403 等,假如内容死链希望重定向到首页,最好经过302跳转,不要运用javascript 跳转。其次是外部链接,都说外部链接影响排名的并不多,但出于刚刚兴味移动搜索引擎,我们没有办法不做到八面玲珑!

5

五、做好移动版与PC版网站的转换。

确保在手机网站或者PC端网站各个页面上有相应的导航或者提示链接,让用户可以在手机版和PC版进行切换,也便于搜索引擎更好的收录。

总结:假如你看明白了一点,而且正好你没有行动,那就赶快去执行,看太多不去做都是废的。

dedecms建站移动化问题,从6.18织梦更新手机站后问题就解决了,下面是对网站系统做的一些升级记录(记得升级之前一定要备份,切记)以网站http://boaer.com为例:

第一步:下载官方升级文件v57sp1-20150618.zip (记得升级之前一定要备份,切记)

第二步:解压覆盖原来的文件。上传到服务覆盖之前的文件。

第三步:对模板文件的修改。复制以前的老模板文件,分别加上一下代码:

首页:

<meta http-equiv="mobile-agent" content="format=xhtmlurl={dede:global.cfg_mobileurl/}/index.html">

<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|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/index.html"}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

栏目页

<meta http-equiv="mobile-agent" content="format=xhtmlurl={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|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}"}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

文章页面

<meta http-equiv="mobile-agent" content="format=xhtmlurl={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|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}"}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

建议把其中的{dede:global.cfg_mobileurl/} 修改为手机站网站,例如修改成http://m.boaer.com/ 。这代码的主要含义是手机跳转到手机页面。

对手机端模板修改,主要是添加统计代码,对css的一些调整,手机模板也存在于默认模板下.主要的有:

header_m 顶部

index_m   首页

footer_m  底部

index_default_m  列表页

修改之后覆盖。解决验证码失效问题:

直接取消验证码

1、打开 login.php 找到:

if($validate==” || $validate != $svali)

替换为:if( false )

2、在模板文件dede/templets/login.htm里去掉以下验证码的具体HTML代码:

<li><span>验证码:</span>

   <input name=”validate” type=”text” id=”vdcode” style=’width:50pxtext-transform:uppercase’ />

   <img id=”vdimgck” src=”../include/vdimgck.php” alt=”看不清?点击更换” align=”absmiddle” style=”cursor:pointer” onclick=”this.src=this.src+’?'” />

</li>

第四步:把二级目录变为二级域名,就可以方位手机站了。网址:http://www.boaer.com/m/ 为了更友好,可以把二级目录变为二级域名。

1、解析二级域名到服务器IP。

2、解决图片不显示的问题。

把图片变成绝对地址

改目录include下的文件extend.func.php,在最后面添加一个函数方法

function replaceurl($newurl)

{

$newurl=str_replace('src="/uploads/allimg/','src="http://你的域名/uploads/allimg/',$newurl)

return $newurl

}

另外调用文章正文内容的标签{dede:field.body/}

需要改成: {dede:field.body function='replaceurl(@me)'/}

此方法可以适用于任何调用绝对路径图片的页面。

手机访问网站时就会自动跳转到手机站网址了。其他问题可以去DEDECMS官方论坛看看,或者百度搜索基本上都能找到答案。

网站移动端优化小技巧如下:

一,标题要符合要求,移动端屏幕是一种指标性的问题,如何在这么大的尺寸面前就行标题的优化,可以参考在PC端的技巧,尽量让网站在移动端全部展现在眼睛的焦点之中,这样才会吸引用户的关注。不同于PC端就是移动端需要进行手动接触滑屏的方式,进行往下查看更多内容的方式。因此,在网站设计之初就需要考虑一种呈现方式,让用户在长度一定的情况,更多的减少滑动屏幕的方式来,看到更多的信息。

二,移动端和pc端排名不一定要同步,现在搜索引擎在PC端和移动端使用不同算法,在移动端排名好的网站,并不一定在PC端排名也好,反之亦然。所以也要看各位站长自己来衡量。

三,要注意网站logo的重要性,在移动端狭小的屏幕,是否出现LOGO,对于单一网站所占用的屏蔽的大小不一样。很明显就是有LOGO的就比没有LOGO的占有屏幕大,这样在人们搜索移动端时,对于有LOGO的就会更看看清楚,并且眼睛观察到更多信息,都会传递与大脑。很容易在脑海中做出一种判断,增加网站的点击频率。

四,及时关注移动端的消息,移动端并不像PC端在搜索算法和规则上面这么成熟,就以百度为例,百度也是从去年开始在移动端投入巨大的人力,虽然在移动端取得很大的进步,但是远不如PC端这么成熟,因此,在做移动端时候,就需要及时关注百度等公司发布的移动端最新消息,让网站在移动端也像PC那样,从网站结构,网站打开速度等方面做得一样好。

以上由潍坊网络营销师李金{风}为你解答


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/308190.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存