真人线上国际
service phone

0566-88666668

<
>
联系我们

0566-88666666

中国杭州

技术案例中心 您的位置: 主页 > 技术案例中心 >

移动端(手机)网站应该注意什么问题?

发布人: 真人线上国际 来源: 真人线上国际 发布时间: 2021-01-13 13:40

  包括网站代码,页面的设计以及网站的优化各个方面吧,特别是HTML5的网站。希望有经验的同学谈谈。

  首先,我们要先确定网站的方向,或者说是策略。基本上移动端网站有3个选项:

  1. 响应式网站,即网站的域名和URL都不变,只是根据浏览设备而自动调整页面的大小和内容,这主要是靠HTML5和CSS代码实现的。

  2. 网站的域名和URL不变,但是根据用户的设备来进行判断,给用户不同的页面,即URL不变,但是HTML页面发生了变化。

  ,根据用户的设备来进行判断,然后进行跳转。这里先埋个伏笔,跳转方式很重要,后面详细说明。

  在这里,我想重点说一下,第一种方式是最佳的方式。但是这种方式也有很多的挑战。而国内普遍采用的是第三种方式,这种方式从网站优化上和成本上都不是非常好,但是客观现实的影响,却比较普遍。还有就是国内的移动网络的网速实际还比较慢,所以移动端的网站需要进行精简,这样的话对桌面端的网站进行适配是肯定不行的。

  1. 第一种方式面临的问题是非智能机的浏览器和台式机的IE6等浏览器对HTML5和CSS的支持是存在问题的。

  2. 第二种方式,我是持谨慎态度的,因为我会担心网站对百度蜘蛛的处理问题,因为百度蜘蛛没有区分移动和桌面的蜘蛛,这样在判断跳转上可能会出现问题,从而对网站的排名和权重有不利的影响。

  3. 第三种方式,其实是个无奈之选,但是从技术上绝对不是最佳之选。o(╯□╰)o

  下面的很多内容都是针对采用第三种方式的网站来给的建议。其实第三种方式最大的挑战就在于使搜索引擎蜘蛛正确的判断我们的网站为移动端网站。

  根据用户访问设备来进行的跳转的时候,可以采用两种方式HTTP重定向和Javascript重定向。HTTP重定向就是我们通常说是的301和302重定向。但是我会建议大家采用302重定向的方式。因为如果搜索引擎蜘蛛对页面的判断出现了问题,无法准确判断是移动端网站的时候,采用301跳转回有比较大的风险。而Javascript重定向这种方法,对某些搜索引擎而言不是很友好。

  如果对搜索引擎的蜘蛛判断不准确时,即无法判断是否为移动端蜘蛛时,让其返回适配版的HTML版网站即可,无需跳转回桌面版。

  和m.domain.com/abc.html。同时需要注意的是,不要给移动端的URL添加很多追踪参数。使用规范、简单的url,尽量去除与页面内容无关的参数,如用来区分手机型号、区分访问用户,方便统计等的参数。(如果需要添加参数的处理方式,可以采用其他的方法。)

  我们再帮着搜索引擎判断我们为移动端网站时,主要有2种方法,建议最好是同时采用。

  !DOCTYPE 声明位于文档中的最前面的位置,处于 html 标签之前。例如:

  这一段的内容摘自百度出的《手机优化指南v1.1》。需要注意的是HTML5的网站容易被搜索引擎判断为是响应式网站,即一个网站可以适配不同的浏览设备。所以,最好还是添加link标签。

  link标签,需要在移动端和桌面端同时对页面进行注释。这里需要注意的是这样就需要保持移动端和桌面端的网站URL规划一致。

  link rel=alternate media=only screen and (max-width: 640px) href=

  link rel=canonical href=

  Title & Description最好也跟桌面端的网站保持一致,但是可以在网站名称的部分加入手机站的表述,如:桌面端的网站titleXXX网站-专注国内二手房交易市场/title;而移动端网站则可以写成title

  XXX网站-专注国内二手房交易市场/title或titleXXX网站

  很重要,其实面包屑导航在不管是桌面端还是移动端都非常重要。但是很多人在移动端容易忽略面包屑导航。

  robots.txt文件最好不要对搜索引擎蜘蛛进行屏蔽,保持开放状态。

  刚好我也是做过网站建设,来回答一下这个问题,如今却是很多企业的官网需要手机访问网站的功能。

  其实一个网站,在PC端和手机端,数据的展现和内容展现是要设计成同步的,没有什么不同,如今不会有人设计一个PC端和手机端分开不同的数据。

  手机端目前为了适应不同类型的手机,所以会在前端页面设计上要具备各种手机上浏览器的自适应的页面。

  因为手机屏幕和电脑显示器屏幕不一样,网站的内容数据都是读取同样的内容,所以在手机端的页面如果读取网站的图片就会大小不合适,所以这时候就要使用程序代码来设计网页能自适应手机屏幕,除此之外没什么其他特别的不同。

  首先如果你已经有一个PC端网站的话,要找人设计,你就首先要按照PC端和手机端的后台整合一起,数据同步,这是主要的,你不能分开两个系统,那样虽然也可以,但是管理会多很多工作的,内容也是要重复发布两次。

  如果还没有PC端网站,只是想单独建立一个手机网站,那么也是需要在PC端先假设系统进行开发手机网站的,管理以后也是要在PC端管理操作。

  前面说过手机端和PC端网站不同就是因为页面的布局需要不同显示方式,因为手机屏幕毕竟和电脑显示器不同,但是在设计这个前台页面的时候,可以选择两种方式:

  这种页面设计格式叫HTML5页面格式,这种页面是一种自适应页面,具体做法就算程序员在设计的时候,一个网站前台就是指设计一套前台页面,但是会设计两个不同的CSS样式文件,在页面文件里加入自动判断代码,识别出手机访问网站的时候就会调取手机模式的CSS样式文件,页面就会按照手机屏幕的格式来显示,如果检查到是PC端浏览器访问,就会切换到PC端的CSS样式文件。

  HTML5响应式网站页面目前是很多企业网站比较流行的网站设计方式,目前有很多设计得都比较好。

  这种页面完美解决了同一个网站让手机和PC端访问不会出现差异化的问题,页面内容不会有不同。

  这种设计方案目前也有很多人在使用,具体就是,同一个网站管理后台,但是前台网站页面模板会分成两套分别设计,PC端单独一套,手机端单独一套,在网站PC端的模板里会加入识别代码,只要识别到是手机访问PC端的页面,就会自动调取手机端的那套模板来运行,会适应手机的屏幕来显示,页面读取的内容数据也是同PC端的一样数据。

  这种设计方案,虽然读取的都是同一套网站的数据内容,但是PC端和手机端的模板是分开设计,可以按照各自需求来特别设计,手机端的页面也可以增加更多个性化的特别设计。

  网站建设出来了,在无垠的互联网中你的网站就如大海滩边的一粒沙子,你不推广宣传是每人知道你有了这个网站,搜索引擎也不会知道你有这个网站,所以要给搜索引擎知道,要让人知道。

  这个搜索引擎就是诸如百度、搜狗、360等等,目前今日头条的搜索也开始加入这个队伍了。

  无论是手机端的网站前台页面,还是PC端的前台页面,都要有良好SEO优化设计,有些搜索引擎还会区分手机端和PC端,例如百度的。

  这个黑名单是指有些网站域名,以前是人家用来做的一些非法网站,已经被搜索引擎列入了黑名单,或者被腾讯QQ或者微信之类的屏蔽了,这样的域名,你使用之后会对你之后网站的推广宣传产生极大的阻力,会艰难许多。

  三、少用图片。能用CSS做到的。就用CSS。CSS3很强大了。如果你设计稿设计的特别好。可以直接使用CSS3PE生成对应的CSS3样式

  五、页面的深度。。。。咳咳咳。。专业的忘记了。就是不要太深。。。点一个进一个在进一个。。。最后都回不来首页了

  我在开发中也遇到过很多问题,刚刚开始就是一些兼容性,html5跟css3自己接触比较少,所以出现了种种问题。

突尼斯赌场
版权所有©杭州 突尼斯赌场 通信技术股份有限公司
突尼斯赌场 京ICP备17049943号 网站地图