移动端优化的主要性
让网站在移动设备上呈现良好效果具有主要意义,尤其是移动端客户体验优化,下面列出了个中部分缘故原由:
(1)适宜移动设备的网站会展示在搜索结果中更靠前的位置。

(2)在google.com上的搜索半数以上为移动搜索。
(3)对付许多广告主而言,其大部分流量来自利用手机的用户。
(4)如果网站不适宜移动设备,访问者选择离开的可能性会提高5倍。
(5)谷歌发布了Mobilegeddon和移动第一索引,因此,一个网站须要对移动设备友好,这样网站的内容才能在移动搜索引擎结果页面中被索引到并得到对应排名。
对付移动端网站,当前市场上普遍有两种情形,一种是当下比较盛行的相应式网站,另一种是根据详细用户需求或者因程序版本不支持而开拓的独立移动端网站。SEO认为相应式网站(ResponsiveWeb)和独立Mobile站点都是为了移动友好。只要移动端和PC真个内容可以同步,精确利用rel="canonical"和rel="alternate"标记,不管是相应式还是独立的Mobile站点,对SEO而言都可以,详细看公司的资源分配情形。建议条件许可的情形下,尽快采取相应式网站,为网站的长远发展做准备。
移动设备测试
站点显示必须能够缩小在移动设备上显示,同时仍要功能正常且用户友好。这样做的目的是使适宜移动设备的网页在搜索中得到更高的排名。
可以利用Google的移动设备友好测试工具(https://search.google.com/test/mobile-friendly)检讨网站的移动设备友好性。GooogleSearchConsole里面也会有关于移动端网页友好改进建议,企业可定期查看并安排技能职员进行对应修正以确保网页移动真个友好性。
相应式网页的上风
1.本钱低
利用相应式网站制作的本钱远远低于手机端独立站(常日是M.子域网站)。这是由于相应式网站利用相同的代码库。相同的代码库意味着用于桌面站点的HTML代码与移动版本相同。实质上,这是在做一个网站,而不是两个网站,而且这样做的本钱要低得多。
2.搜索引擎优化效果好
相应式网站设计可以知足谷歌的移动友好的哀求。桌面版和移动版都是一个URL,意味着没有重定向,从而肃清了常见重定向缺点的风险。移动专用网站(M.子域)利用重定向将用户勾引到站点的移动版本,因此可能涌现重定向缺点。如果利用移动端专用网站(M.子域),且网站PC端有旧页面重定向到现有页面,用户点击链接到旧页面后,必须重定向到新页面,然后再重定向到网站的移动版本。这相称于多次重定向,意味着链接为目标网页所通报的权重丢失了。由于相应式Web设计的网站利用相同的URL,以是不须要重定向到子域,这意味着不须要多次重定向也不会丢失链接,因此可以得到更好的域名权重。
网站的两个版本的内容也保持不变,这意味着只须要利用一套内容。这可以节省韶光和金钱,同时也意味着,当在移动版本的网站上利用类似内容或重复内容时,不会由于禁绝确地利用rel="canonical"和rel="alternate"标记而遭受任何重复内容的惩罚。
社交分享和反向链接是主要的搜索引擎优化排名成分。对付相应网页分享URL来说更加随意马虎,由于URL保持不变。然而,如果在另一个站点或社交媒体上分享移动子域的URL但是用户是在桌面PC端或Mac上点击了被分享的URL,那么站点将不得不重定向到桌面版本的站点,这时,常见的重定向缺点就会涌现。
相应式网页设计站点利用的单个URL意味着不会在谷歌搜索结果中得到同一页面的多个版本的排名。独立的Mobile站点如果没有培植好,可能导致谷歌同时收录该站点的桌面版本和移动子域版本,这时谷歌可能会做出惩罚,这意味着谷歌会降落网站在搜索结果中的排名,同时网站的转化率也会降落。
3.网站培植韶光更快
由于只建立一个网站,只须要编码一套HTML,这使网站培植韶光更快。如果韶光很主要,想要尽快启动项目,相应式网页设计常日是精确的办理方案。然而,调度CSS使网站的移动版本完美运行可能须要一些韶光。
相应式网页的缺陷
1.网站的速率变慢
与m.example.com子域网站比较,网站相应速率对相应式网站来说是个问题。由于网站须要加载韶光来识别设备是移动的,然后加载不同的样式,这意味着页面加载韶光变长加载速率变慢。页面速率对付网页浏览者来说是个关键成分,他们须要页面速率尽可能快,方便快速访问。办理这个问题的方法是对站点的桌面版本和移动版本利用大略的设计来减少所需的CSS,而大略的设计和样式也可能会带来更好的转化。
2.构建过程中增加的Bug
当网站的移动版本被设置样式时,由于可用的屏幕大小和方向不同,常常会导致Bug。Bug常日包括图像错位、文本质彩或字体显示与PC端不一致,文本在屏幕上拟合不当,无法精确嵌入***,下拉菜单和按钮滑块不正常事情或无法精确点击。这些都是可修复的,只是须要花费更多的韶光去创造、测试并修复。
3.兼容性差
用户在测试站点兼容性时会碰着各种各样的问题,由于站点的样式与桌面版本非常不同,在测试期间会涌现一些Bug,导致须要不断修正CSS,这样用户体验才会逐渐完美。
移动子域名的上风
1.网站速率快
移动端独立站的速率比自适应网站的速率要快,由于该网站的移动版本将利用专门为m.example.com子域设计的HTML和CSS构建。网站速率是谷歌SEO排名的一个成分,相同条件的两个网页,网速越快的网页排名将会越靠前。
对付用户而言,访问速率快的网站可以得到用户更多的浏览时长,他们不会在加载过程中就失落去耐心,同时有可能刺激用户访问更多的页面。
2.用户体验更好
移动端独立站有专门针对不同移动设备的设计方案,这样可以很高效地提升用户体验并减少在测试阶段的网站不兼容问题,提高用户实际浏览体验。
移动子域名的缺陷
1.影响SEO效果
移动端独立站站点域名常日是m.example.com,也便是说移动端内容位于一个子域名上,而主域名的权重每每是比子域名高。如果移动端内容与桌面站点内容相同或者非常附近,并且没有精确利用rel="canonical"和rel="alternate"标记,网站可能会由于重复内容受到谷歌的惩罚。这可能也意味着失落去很多主要关键词排名或关键词排名在移动搜索结果和桌面搜索结果中显著低落。移动子域网站内容的另一个问题是,为了使设计过程更快、更大略,人们方向于删除部分内容,这将对搜索引擎优化效果产生负面影响。
重定向也是一个问题,从桌面到移动设备进行重定向时,初始加载速率会减慢或涌现重定向缺点等问题。
2.建站周期长
由于开拓两个网站,一个是移动版的,另一个是桌面版的,须要的韶光是编写两个独立代码库所需的韶光。这也意味着两组测试和两组Bug修复,还须要测试网站,以确保搜索引擎不索引两个版本的网站。因此网站培植的韶光就更长了。
3.本钱高
与相应式网站比较,构建两个网站的本钱要高得多,相应式Web设计只须要修正CSS代码以许可在移动设备上利用不同的样式。
如何设计高质量移动端网站
设计高质量移动网站有下面10条建议。
(1)企业Logo展示。
(2)头部联系办法明显。
(3)导航构造简短为宜。
(4)随意马虎返回顾页的按钮。
(5)避免弹出窗口。
(6)明显的搜索功能。
(7)利用谷歌舆图。
(8)利用面包屑导航。
(9)设计横向和纵向展示样式,鼓励用户切换到最佳方向。
(10)设计有效的表单,利用自动添补功能,用户可以轻松地利用预填充数据完成表单。
引擎力,谷歌推广专家!
200+上市公司的选择!