WE’RE
HERE

We’ll be happy to hear fram you, don’t
hesitate to get in touch

快速修复,使您的网站移动友好

浏览次数:100发布时间:2016/04/11文章来源:华仕尊城设计文章分类:高端网站建设
保存自己的mobilegeddon并确保您的网站通过谷歌移动友好的测试这些快速修复。景区简介2015四月看到互联网进入一个虚拟的狂热为网站所有网页设计者、...2016/04/11

保存自己的mobilegeddon并确保您的网站通过谷歌移动友好的测试这些快速修复。景区简介2015四月看到互联网进入一个虚拟的狂热为网站所有网页设计者、开发商和SEO升空之前,谷歌推出了新的排名算法,使他们的网站的移动友好的,情节性的绰号mobilegeddon或mobilepocalypse。网页设计

在写作的时候可以说,mobilegeddon的影响已相当平淡无奇网页设计,但限于一个新的标签添加网页设计在移动搜索结果。谷歌移动友好搜索网页设计结果标签这并不是说,没有更多的到来,我们毕竟是在谷歌的怜悯和它的算法变化。它已经暗示,移动友好的标准可能会成为未来的排名信号。谷歌自己的移动友好测试工具中的一个网页网址的检查很快给你谷歌的判决和一些建议,对什么做下一步,如果有的话。

谷歌移动友好测试工具提供一个伟大的浏览体验的移动用户的决定可能会在你的脑海中有一段时间,但你已经缺乏资源或预算,开发最佳的网页设计解决方案。现在mobilegeddon你已经被逼到了墙角和需要去做的事情,你很快会想想以后的后果。网页设计网页设计

那么谷歌的移动友好测试是什么样子的呢?谷歌打破了五个规则,一个得分为每个规则的测试:视口配置
在一个网页的视图设置允许浏览器来控制页面的宽度和尺度在不同设备。



字体的易读性在视图中使用,字体大小可根据规模设备查看的页面。通过指定一个基础字体大小,其他的风格可以使用相对样式定义排版


规模。避免插件
插件如Flash和Silverlight,java有混合的支持和移动设备上的用户体验,所以应该在本地Web技术有利于避免(例如HTML5


)。内容视图大小
保证内容符合设备的水平限制,防止用户在查看内容的垂直和网页设计水平滚动。使用流体宽度的内容和容器的元素而不是绝对


宽度。尺寸和接近的链接
小链接或按钮,用户使用触摸屏,确保目标越充分隔开,其他目标更网页设计加困难。

除了移动友好的测试,你也应该利用谷歌的pagespeed的见解来优化你的网站的加载时间和用户体验。一些背景信息…随着智能手机和平板电脑的使用量的增加,网站主网页设计发现,他们的桌面网站的设计并没有提供最佳的用户体验。这是不难发现网站设计为一个特定的屏幕大小/浏览器的宽度。

为了解决这个问题,直到几年前,有一个单独的移动网站是与微软等公司的规范,亚马逊和谷歌体育“m-dot”网站,不同于他们的主域。许多人仍然喜欢走在单独的移动路线上,每网页设计一种方法都有几个优点和缺点。再后来,C网页设计SS3和媒体查询。现网页设计在网页设计师和开发人员突然可以创建页面,能够测试设备的页面被浏览和调整设计相应的布局。传媒查询,添加CSS3,让演示的内容是针对特定范围的输出设备而不必改变内容本身。来源:https://developer.mozilla.org/en-us/docs/web网页设计/guide/css/media_queries的术语的适应性和响应的网页设计,创造了一个页面的布局,可以从字面上看,它的被浏览的设备描述。

我不会在这里的差异,因为这一主题将足以填补几个博客帖子。网页设计到现在有更多的网站有一个网站的内容,它可以适应,响应或重新流到设备,而不是一个网页设计单独的网站与相关的维护费用。好吧,让我们来做这个免责声明这些修正是真的只能作为权宜之计而你在幕后工作,稳健,成熟的反应作一个网站。任何决定,你应该考虑你的业务和网站访问者的需求。介绍这些变化也可能会影响你的其他方面的搜索引擎优化策略。在您的生活网站上做任何更改之前,请咨询一个合格的搜索引擎优化。假设你有一个现有的网站
你想对网站的HTML和CSS做最小的改变有了这样的想法,你有几个选择:

IMDb的桌面和移动特定的网站网站转换服务如bmobilized和mobisitegalore将尽一切努力为你在那里但是这些可能的额外费用。我要假设你是时候有钱和现金可怜,所以让我们卷起袖子,这样做的手动方式。对于许多网站,创建一个移动网站的步骤是:一个“M”移动子域的创作,例如“http:/ / m.zazzlemedia。”译文。
取决于您的托管解决方案,这通常是一个快速的过程通过一个控制面板如cPanel和Plesk,或通过改变直接在服务器如Apache和微软的IIS。你也可能有几个小时的等待而
DNS更改生效。设计和构建新的移动特定页面。
记住我们是在一个理想的世界中,移动网站将被考虑和设计根据您的业务和访客的需要,但我们需要一个快速修复。所以保持设计简单,专注于你的伟大内容。当你完成后,上传网页到您的手机
子域。将移动流量重定向到您的新的移动特定站点。
理想重定向将在服务器,设置适当的HTTP响应头(如301,30网页设计2,等)。但在快速和肮脏的解决方案的精神,我们要采取一个JavaScript方法代替以https:/ / GitHub。COM / sebarmeli / JS重定向的移动网站。
后续数据库页的安装说明和例子。测试。把你的移动设备和头到你的桌面网站。你应该自动去你的新的移动网站。

一个额外的步骤会让Googlebot觉察到你的网站的移动网页使用注释:在一页的桌面版,添加一个链接rel=“候补”标签指向相应的移动页面的URL。
在移动页面,添加链接rel=“规范”的标签指向对应的URL
桌面。关于这方面的更多信息可以在这里找到https://developers.google.com/webmasters/mobile-s网页设计ites/mobile-seo/configurations/separate-urls利不影响“主要”网站的设计。可以优化移动设备的内容和音调缺点可能的搜索引擎优化问题与重复内容需要在两家网站上保持内容使用JavaScript是时候把袖子卷起来,然后给这一个编码。我知道我说过我会假设你想让最小的代码的变化,但这取决于你的技术能力,JavaScript网页设计选项可能会感兴趣的。使用免费的restive.js插件,你可以添加平台,形式因素或特定方向的支持,你的网站不必工作通过CSS媒体查询和断点。相反,restive.js添加新样式类到你的HTML和CSS,允许你创建这些类的具体目标。困惑?我会尝试解释。

假设你有一个侧边栏在您的网页是由以下css样式:#边栏{背景颜色:# 666666;宽度:320px;}但在移动设备如智能手机和平板电脑你想隐藏的侧边栏,你可以添加CSS这样做:#边栏。mobi.tablet {显示:无}那么,为什么我不只是用一个媒体查询的呢?我听到你问。媒体查询没有任何错误,但我们对时钟,你真的有时间来测试你的风格变化的基础上的浏览器的宽度?restive.js照顾最耗时的部分,让你的风格你的网站需要通过谷歌的测试。利
安装和安装在几行代码。目标你的CSS基于设备而不是单独的断点。

咨询电话:0755/29555722

(+86) 0755 2955 8889

518000

深圳宝安.西乡宝源.F518时尚创意园.17栋2楼

体验手机版您可以免费体验我们的服务(即时回复)

WWW.W-VI.COM
Copyright © W-Design. All Rights Reserved. 华仕尊城 版权所有 粤ICP 12007005-1 手机版 盗版必究 法律声明