如何为手机网站做SEO优化？让北京网站设计公司推来客与您分享：

1、手机站定位和页面设计

除了页面大小和展示形式的差异，手机站和PC站还要分析用户需求。比如本地的装修网站，PC站主要展示装修效果图、装修报价、公司的装修设计师风格，那么手机站就应该突出公司的联系方式、地图、电话等。手机网站需要的是“及时、快速”。

同时考虑到营销网站建设的响应速度，整体页面最好采用div+css代码编写。不要为了图片方便而使用flash或者js，这样搜索引擎抓取起来会非常困难。也有很多手机浏览器如UC，不支持flash播放。需要在手机上单独安装flash，用户哪有那么多时间等？

现在很多智能手机都不支持java程序，所以最好用php来开发网站。2、手机站要做到简洁、大方

用户在手机上浏览内容，或者在屏幕更大的平板电脑上浏览，但无论多大，都没有普通电脑屏幕大。所以手机站的页面要简洁一些，尤其是有下载需求的。网站和手机站的下载按钮要清楚地放在用户面前。如果你在手机上看过太原雅辉装饰公司的手机站，你可以明显感觉到，我在设计导航的时候，并没有把它隐藏起来，以下拉的方式展示，而是平铺在页面上，用户一目了然。知道点击哪里可以找到他想要的东西。

另外，内容页不宜过长，因为用户用手机浏览网站的时间很短，有的还是边开车边看。流量和网速是个大问题，一个问题可以一句话写。一张图就解决了，所以不要长篇大论。

对于商城手机网站，除了以上几点，最重要的支付页面一定要精简得像个傻子。这个可以参考京东和淘宝。他们的支付页面非常好。3、手机站禁止使用弹窗（一定要禁止）

弹窗足以惹恼PC站用户。如果手机或者平板上出现弹窗，用户真的很无语：“让我们进去，人家不让我们进去”。安心观看。”4、用哪种web语言做手机站比较好？

关于这一点，我在赵一鸣随笔博客的移动网站优化教程中已经讲过，详细分析了html4和html5作为移动网站的区别。在这里我可以100%的告诉你，只要用户体验好，什么语言都可以，不一定是HTML5。你觉得推来客网站制作公司的手机站是HTML5的吗？5、url路径必须要规范化

做手机站不要用栏目页节省空间成本，买个新空间，用单独的二级域名做手机站最好，比如m.xxx.com或者wap .xxx.com。6、PC站与手机站做开放式配

我的装修网站手机站上线后才针对性的更新了内容。没有外部链接。现在大部分主要关键词都排在首页。最重要的原因是我的手机站已经开通了。如果你不知道如何做开放配置，你可以在我博客的移动网站优化部分阅读如何为移动网站做开放配置。以视频的形式展示，一步步教你如何做开放配置。匹配。7、其他小细节

关于机器人、地图、关键字设置等，和PC站是一样的。 PC 站做什么，移动站就做什么。手机站首页的标题只能写公司的品牌词，也可以和PC站的标题一样，无所谓。

对于响应式网站，我们会讲到移动互联网和响应式设计的关系。首先，我们会介绍如何巧妙地使用响应式设计，为什么性能对于移动端很重要，为什么响应式设计不能成为你网站的目标，最后的性能技术问题帮助我们更好地理解问题。

自2000 年以来，设计人员和开发人员将移动设备的问题过于简单化，以至于有些人仍然认为响应式网页设计可以解决所有问题。

每个人都必须明白，除了任何目标之外，移动网络体验必须像闪电一样快。快速、有用且兼容的体验是所有移动设备面临的挑战。当您使用响应式设计时，这些挑战就存在了。从一开始就关注性能将使过程更容易。

响应式设计很棒，但它不是万能的。如果您坚持使用移动设备，性能问题可能隐藏在转化率背后。约11% 的网站

是响应式，这个数字每月都在增长，所以现在是谈论这个问题的时机了。

据Guy Podjarny研究，72%的响应式网站不分屏幕大小都提供相同的字节，尽管这会降低移动网络连接。不是所有用户都有耐心等着网站加载。

对响应式设计存在的问题有了基本认识，我们就能减低它带来的损失。

移动网站来自过去

我不是说你不应该采用响应式设计或者去用m.*的子域名。事实上，现在社会分享无处不在，不分设备，分配给给文档一个URL，这是聪明的做法。但这并不意味着一个单独URL应该提供相同的文档或每一个设备都应该下载相同的资源。

援引Ethan Marcotte的话，他创造了“响应式网页设计”这个术语。

最重要的是，响应式网页设计的初衷不是要取代移动网页。——Ethan Marcotte



交互、移动、快速

如果我们能使用一些其他的技术，就可以实现获得响应式设计好处的同时，不影响移动设备的性能。响应式设计从来不是意味着要解决“性能”，这也是为什么我们不能因此指责它的原因。然而，相信它能解决你所有问题，这大错特错。

设计响应式很重要，因为我们需要解决跨桌面和移动端视窗大小范围的问题。但是只考虑屏幕大小就低估了移动设备。桌面和移动端的界限正在变得模糊，基于不同的设备对我们而言仍然有多种可能性。但是我们还不能通过媒体查询来决定响应式设计的功能。一些评论家称之为“可靠的响应式网页设计”，然而另一些人则认为它是伴随现代视觉的响应式网页设计。在没有了解其基本语义的情况下，我们需要搞清楚这个问题。

虽然没有可应用于各类文档的万全之策，但是能够运用一些技巧来改善现有响应式的解决办法，并且力求性能最大化。

实现每一个文档对所有的设备都使用相同的URL和相同的内容，结构不必要相同。

当从零开始，遵循“移动先行”的方法。

在一个真实设备上测试当资源加载和显示会发生什么。不要依赖调整你的桌面浏览器。

使用优化工具测量和提高性能。

通过JavaScript传输响应图片，虽然我们更期盼着浏览器供应商（例如srcset）能解决这个问题

当你需要当前设备具备加载条件时，只加载JavaScript，这会在onload事件之后发生。

对移动设备，内联文档的原始视图，或者发送一屏显示内容。

使用下面一种或几种技术应用智能响应式的解决方案：条件加载、按组响应、服务器端层（如适应性方法）。

条件加载

不要总是在CSS中依赖media queries，因为浏览器将会为所有设备加载和解析所有选择器和样式 （后面详细讨论）。这就意味着手机为了一个大屏要下载和解析CSS。因为CSS块的呈现，你要浪费一些时间等待联接成功。

在设备上用JavaScript的matchMedia查询来代替CSS media queries，你知道这些内容是不会变化的。例如，大家都知道iPhone不能动态的转换成iPad的规格，所以我们只在正在需要CSS时才用。

可以用特征检测，例如 Modernizr，对UI和功能性做出更明智的决定而不是仅仅根据屏幕尺寸。

按组响应

在处理简单文档、为台式电脑和智能手机提供相同的HTML时，虽然为我们可以让所有屏幕依赖一个单一的HTML基础和响应式设计，但这并不总是最好的解决方案。为什么呢？同样是由于移动设备的性能。

即使我们在服务器端储存相同的文档，但是根据设备组别的不同给用户不同的文档。举个例子，为一个6英寸甚至更大的屏幕提供大的浮动菜单，为一个小屏幕提供汉堡菜单。在每个组群里，使用响应时技术以适应不同的场景，例如肖像模式和风景模式的转换，切换iPhone（320像素宽）、5英寸Android设备（360英寸）和平板（400像素）。

我们专注高端建站，小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验，每一个项目承诺做到满意为止，多一次对比，一定让您多一份收获！