现在的师不仅设计网页的外观和风格。他们也常常负责主要前端代码的编写。换句话说，SEO（搜索引擎优化）的相当一部分责任落在设计师的肩上。然而大量师对这个领域的熟悉程度仍不足以让他们写出一个对搜索引擎充分优化的网页。

本文旨在为普通，甚至部分高级师提高SEO技巧提供一些重要的窍门。

1. 让代码比设计更美

搭建网页前端的时候，使用有语义的代码。用描述性的标签组织页面结构，可以提高内容对搜索引擎的可读性。这也会让修饰页面的工作变得更简单干净。

2. 使用关键字，但要把握分寸

关键字是指描述主要内容的词语。有策略地在页面中安放关键字是很重要的，例如在URL、标题标签（title tag）以及主要的抬头标签（heading tag）中。在正文中经常使用关键字也很重要，但是不能过度，否则你的文章可能因关键字堆砌遭到惩罚。

3. 避免使用Flash作导航栏

无论华丽的下拉列表效果如何诱人，不要使用它。搜索引擎不能顺利读取Flash文件中的内容，所以Flash导航栏中的链接将无法被跟踪。

4. 使用不同的页面标题

你的网站的每个页面都应该有标题属性，而每个页面的标题应该各不相同。如果每个页面的标题都一样的话，搜索引擎会理解为你的网站的每个页面都是相同的主题。

5. 不要忘记图片

好好利用图片的alt属性，合理地描述它。搜索引擎再怎么聪明，它们也看不懂图片。忽略这点会让你损失大量图片搜索的流量。

6. 不要使用通用链接

搜索引擎非常重视链接。所以当链接到相关内容时，请使用能确切描述该内容的文字。比如，当你为浏览者提供更多Photoshop信息的链接时，使用诸如“关于Photoshop的更多信息”的描述，而不只是“更多信息”。

7. 忌用图片代替文字

作为设计师，我们总是希望作品越美观越好。于是有时我们会用一张漂亮的图片替换掉浏览器上难看的标题文字。请尽量避免这样做。我前面说过，搜索引擎不能理解图片的内容，而这里应该是你写关键字的地方。

作者注：这一点我貌似误导大家了。事实上我们有办法用图片达到目的，比如FIR。

8. 慎用AJAX

Ajax加强用户体验的效果很赞，但是请不要过度使用。Ajax生成的内容无法被链接到。一个不错的thumb原则是：如果你用Ajax加载的可能是一个独立页面，就尽量不要使用它。

9. 尽快被收录

让网页尽快被搜索引擎收录的方法之一是，尝试搞到高人气的相关利基网站的内链。提交给谷歌也是一个选择，不过这有时会花好几天时间，运气不好的话几个星期也有可能。

10. 争取内链

内链的数量和质量对网站在搜索结果中的位置有很大影响。让大伙链接到你的网站的一个好办法是提供高质量和原创的内容。另一个办法是大方为别人的网站提供链接。

11. 坚持同样的URL

你要创建网站时，请从一开始就决定好是否要使用“www”。一旦决定好了就不要再改。搜索引擎会把www.webdesignledger.com和webdesignledger.com看作两个不同的重复的网站，而搜索引擎不喜欢重复的网站。

随着生活节奏加快，人的需求也相应增高，互联网行业也不例外，各企业主对网站建设的要求也增高，很多企业都选择了响应式网站设计。然而很多对于seo来说，响应式网站优化与单独pc与移动站优化一直存在争议，也有很多新手seo分不清楚到底哪个类型对网站优化更友好。那么响应式网站优化有什么优缺点呢？

响应式网站优化优点

①节约建站成本

很多人觉得制作响应式网站工期很长，会增加成本，其实是错误的。响应式网站只需要设计一套pc端的设计图，就可以了，至于移动端与平板电脑上面的展现前端人员调css样式就可以了。而分开做单独的移动端，那么需要出两套设计图，这增加了网页设计的成本。一般企业网站而言工时主要还是用在了网页设计上面，建站过程中虽然响应式设计汇增加一部分前端人员切图时间，但是这个时间增加的相对设计来说还是比较少的。

②URL永远同步一致

响应式网站设计在适配到移动端的时候，虽然调节了网页布局，但是其URL不会发生变化，这对于SEO来说是非常大的优势。移动端在百度熊掌号没有推出之前，实际上是没有单独针对移动端排名的算法的，甚至收录也是。当pc网站收录/有排名了以后，移动端的收录与排名是根据适配规则继承pc端网站而来的，只不过在继承地过程中，搜索引擎会根据移动端浏览体验再进行微调。

③内容一致，形象更统一，用户体验良好。

大家都知道，响应式网站适配到移动端的时候是调节了css样式，整体内容与pc端基本上是保持一致的，比如颜色，每个页面板块内容等。这对于老访客而言，用户体验更好，不管是在pc端还是在移动端它们的操作浏览体验都是一致的。而用户体验又是SEO中非常重要的一块，占据着绝对地位。

响应式网站优化缺点

①加载速度相对于单独移动站较慢

响应式网站因兼容多个屏幕尺寸，所以需要写多套css样式，适配到不同分辨率上面需要加载调整css样式与图片弹性伸缩来适应于浏览者当前屏幕，这就导致加载时间较长，另外很多网站中的图片因为公用关系本身PC上面的尺寸就比较大，导致在手机上去看还是同样大的尺寸，也是导致网站加载过慢的一个因素，对于网站优化而言，网页加载速度又很重要，尤其移动端优化需要在1.5s内完成。相对于单独的移动端网站，响应式网站加载速度要弱一点。

②选词布局的尴尬

PC端搜索所展现的网页标题在32个汉字，而移动端需要控制在20个字以内，然而响应式网站需要移动端与pc端保持一致，因为url未发生变化，不能定义两个不同的网页标题。想pc端与移动端都完全展现写不一样的标题只能单独地移动站来实现。同理，想设置不同的描述与关键词也是需要单独移动端来展现。这里可能有些同行会说pc端与移动端做一样的词，十二君想说的是用户用pc与移动的搜索习惯是不同的，比如有些词是pc端搜索量较高，有些词又是移动端搜索量较高，如果做的关键词较多，pc端与移动端的关键词差别又比较大，那么只能放弃一部分关键词，毕竟一个网站承载地关键词是有限，只能取下折中的办法。若是用单独移动站与单独pc站来做词，那么可以让流量最大化，这是响应式网站优化无法取代的优势。

③个别行业感官体验不友好

大家都知道响应式网站适配到移动端主要是继承pc端的样式与内容，针对一些特别行业，移动端用户的浏览习惯于pc端是相差巨大的，比如电商平台pc端内容会很丰满，但是适配到移动端，会导致页面极长。若是想针对两个端口根据用户浏览习惯做风格差异化较大的UI界面，这对于响应式网站来说无疑是非常痛苦的，这个时候一般就选择单独移动端设计了。

网站关键词：网站建设  网站设计  网站制作  上海网站建设  上海网站设计  上海网站制作  上海网络公司  网站建设上海  上海做网站  上海建设网站  上海做网站公司  上海建网站公司  上海高端网站建设  上海手机网站建设  怎么建设网站  如何建设网站  营销网站建设  品牌网站建设  网站建设方案  响应式网站建设  外贸网站建设  公司网站建设  建设网站  网站建设服务  高端网站建设  网站优化服务  上海网站公司  企业网站设计  官网制作  官网建设  官网设计  网站建设公司  网站设计公司  网站制作公司