网站SEO优化如何带给你更多的流量世界看脸，网站看流量，门面自然要漂亮，不过很多朋友以为做网站是门技术活儿，自己学艺不精做不好，没有流量自然也就没用利润可言。如果你看了今天这篇软文，就会明白，刀法于人，虽有招式，但无内功支撑，久战必败。而这篇好文，就像内功修炼心法，按6个大招来，速成可待。

适用前提：

非专业设计师 没太多空闲时间去做。 为什么要做网站?网站是用来传达信息的。一切不以传达有效信息的网站都是yy. 网站是用来促使用户行动的，也即Call To Action。无法让用户产生你所期望的都是无效的。

所以，先摆脱一个错误的认识：网站仅仅是用来装饰用的，仅仅是为了吸引人注意的，有点流量还用愁利润在何方么?所以，我们既然是专业网站建设设计，就要回归到做设计的本源，为了达到以上效果，同时兼顾美观、大方、好看。

你需要让用户有参与感，这也是进行用户体验设计的时候最难的一点，因为实现参与感就意味着你需要为用户提供高质量的内容，还得以绝妙而令人兴奋的方式来呈现出这些内容。如果你觉得自己的网站死气沉沉，那么接下来的这六大秘诀，应该能让你的网站焕发活力

1、视差：让单纯的滚动变成互动

如果改变网站某一方面的设计能让用户与网站之间的参与度提高7成，那么你会不会使用?实际上，很多网站已经开始这样做了，这就是视差滚动给网站带来的改变。作为设计趋势，视差滚动已经席卷了网页设计领域。这种独特而醒目的设计风格让信息和内容的呈现更加有趣和直观。

视差滚动设计中，多种元素会随着页面滚动而运动，给人以一种独特的动态体验，这种体验还会驱使用户进一步滚动。如果你想设计出一个视差滚动的网页，诸如Webydo这样的免代码工具可以帮你制作出动感而精美的网页。最近他们又推出了新工具，Parallax Scrolling Animator，非常不错哦。

2、符号与标识：视觉润滑剂

在信息量较大的网站中，你可能需要借助大量的文字来描述事物，这也就意味着设计师需要最大程度地展示文本。使用图标和符合可以帮助用户更快更好地定位内容。虽然符号和标识都只是微小的视觉符号，但是它们不仅可以启发用户，让他们更好地理解内容，还可以像路标一样引导用户的视觉流向。在互联网发展早期，图标和符号通常是点阵的，要修改和调整的话过程会非常繁琐。但是现在不一样了，设计师可以借助图标字体来轻松使用符号和图标，它们不仅是矢量的，而且还具备强大的拓展性，并通过CSS便捷地定制。最值得推荐的工具无疑是Glyphter，它不仅可以从开源的图标集来绘制图标，还能通过上传SVG格式的图标或者文字来制作。使用图标和符号来支撑文本段落和不同的基面元素，比起单纯的文本累积来的更加靠谱，如果结合动态排版技术，你的网站体验会更加令人愉悦、便于阅读。

3、灵活的版式：响应式设计

响应式设计并不仅仅是让布局更灵活，它还关乎内容。网页布局能随着屏幕尺寸改变而改变只是一方面，各个模块中所包含的内容也应该随之进行调整。移动端的用户通常没有时间浏览过长的段落，所以请确保移动端的段落足够简洁，交互和响应也应对更加清晰直观。移动端屏幕本就不大，如果字体过大或者过小都不合适，所以请使用动态排版技术确保字体在一个适宜于阅读的区间中，千万不要让用户放大看文本!说道响应式的网站设计，Information Architects site 是一个非常值得学习的案例——它不仅内容关于响应式设计，还是响应式设计的发起者之一。这个博客不仅深入探讨了响应式设计的思想和技术，并且以自己为范例展示了如何完美地响应式展示内容。响应式的内容展示让用户更轻松地浏览，也使得网站本身更加流畅清晰，使得整体上更具有吸引力。这种设计思想也应该延伸到图片展示上。

4、矢量图片与响应式视觉

文本只是网站设计的诸多设计因素之一，图片和文本同样重要。通常网站所使用的图片多是位图，格式常见于JPG、PNG以及GIF。而位图带来了2个问题：

每次使用这样的图片的时候，都会向网站的加载过程发一个HTTP请求。随着某个图片在网站越来越受欢迎，这个加载时间会开始膨胀，更不用说渲染更多页面所需要的数据请求了。解决方案：使用矢量图片。矢量图片可以更容易缩放到任意大小，轻松适应任何分辨率。SVG格式是日益流行的矢量图片格式，许多网页设计师都特别喜欢使用这种格式，因为它不仅可以适配不同的风格，并且能够实现许多漂亮而吸引人的效果。

5、游戏化

其实，最巧妙的解决方法是让网页游戏化，或者增加游戏元素吸引用户，这可以增加网站的互动性和奖励感。游戏化最常见的就是各种徽章，你可以在完成各种任务之后解锁徽章，教育网站Treehouse就是这么做的，当你完成课程之后会收到新徽章，这对于用户非常有意义。但是，如果你的网站并不具备类似的功能和结构，那该怎么办?对于博客、电商网站或者其他相对更标准的网站而言，游戏化可以采取的策略，是在特定情况下为用户提供优惠券或者折扣。比如，用户可以通过在Twitter上转发网站内容来获取免费电子书，或者电商网站的优惠券，或者获取更多隐藏的内容，等等等等像这样的小活动、小互动其实可以赋予用户更加私人化的体验，培养他们的关注意识和互动意识，鼓励他们参与，常常回来。

6、图像压缩：网站提速

没有什么比网站加载缓慢更让人抓狂。如果网站加载时间太长，用户会相继离开——谁知道网站什么时候能最终打开呢?尤其是在这个缺乏耐心的时代。当网站越来越复杂，越来越视觉化，加载时间不可避免地受到影响。幸运的是，有一些技巧可以解决这个问题：

・简化内容,

・优化网站图片

・通过内容分发系统(CDN)来提升网站

对于初学者，许多设计师会倾向于借助简化网站内容来提升访问速度，尽可能去除空白、注释和冗余的CSS与JS文件，小步快跑。

移动互联网的推出，各位站长也纷纷的挤入了移动化网站，移动网站可以说是一个比一个做的漂亮，那么既然做了移动化的网站，那少不了的自然是SEO优化，在PC端上你的网站可能在某个词上有排名，但在移动搜索引擎上，未必你会优先排名展现。

首先来看看我们需要针对的搜索引擎吧，也就是今年的移动搜索引擎使用份额。其他的可以忽略不计，重点我们考虑在百度，因为他在移动搜索引擎中份额占比是79%。

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

\

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

三、避免耗费用户流量

在移动互联网上，用户最关心的啥?流量嘛，如果你做一个网站，一打开就是视频、flash、弹窗，用户会感觉到可怕，你可能会认为用户不知情在你网站上耗费的流量，但如果有一个铁杆粉丝一直在关注你的网站，却因为你网站耗费流量过多，没到月底没流量了，你觉得这事儿是好事还是坏事。在技术层面来讲，Apple产品不支持Flash功能，很大一部分智能手机用户用不了这项功能，同样，很多智能手机也不支持Java，所以这只是两方面都是不讨好的做法。

四、页面细节优化

与PC端的网站一样，页面不可确实keywords、description，可能在PC端上，我们不加上关键词和描述搜索引擎一样可以识别到你的具体内容是什么，但是我们并无法确定到移动搜索引擎是否可以识别这一点，所以我们做到多一事不如少一事，尽量按照常规出牌。移动化网站也非常在乎死链接和到处链接，所以尽量做好404、403 等，如果内容死链希望重定向到首页，最好通过302跳转，不要使用javascript 跳转。其次是外部链接，都说外部链接影响排名的并不多，但出于刚刚兴趣的移动搜索引擎，我们没有办法不做到面面俱到!

五、跳转

一般情况下我们的PC网站上都可以看到一个手机版的按钮，或者是当手机输入域名的时候会自动跳转到手机网站，这一技术改变了手机用户的用户体验，如果还有不懂的朋友，可以去学习学习网站自动识别手机端与PC端，但跳转归跳转，偏偏还有用户就是喜欢用手机看PC网站，所以我们还的在手机网站上做一个按钮让移动网站跳回PC端，这就是用户体验的一个细节处理。