浅谈前端与SEO | 360UXC
SEO（Search Engine Optimization），就是传说中的搜索引擎优化，是指为了增加网页在搜索引擎自然搜索结果中的收录数量以及提升排序位置而做的优化行为。我认为这是一门说来简单，但操作起来复杂的技术，只可意会，不可言传。作为一名前端工程师，不需要精通SEO，但必须要了解它。SEO有一条不变的准则就是它永远都在变，因为没有一沉不变的优化方案可供大家套用。但我们仍然可以发现一些基础的或是被人们公认的规律来进行网站的SEO。更重要的是我们要有自己的实践，不断发现适合自己行之有效的SEO方法。
从宏观的角度来说，我认为SEO有三条最重要的规律，那就是原创的内容、高质量的外部链接和持之以恒适度的优化。
前端是构建网站中很重要的一个环节，本篇重点从前端的角度来讲解一下SEO的实施方法。前端的工作主要是负责页面的HTML+CSS+JS，优化好这几个方面会为SEO工作打好一个坚实的基础。突出重要内容可以让搜索引擎判断当前页面的重点是什么，提升网站访问速度可以让搜索引擎的蜘蛛顺利、快速、大量的抓取网页内容，所以以下我就着重以突出重要内容和提升网站速度为主来总结一下。
突出重要内容
合理的title、description和keywords
截图取自于360搜索（）
虽然现在搜索对这三项的权重慢慢减小，但还是希望能够合理的写好他们，只写有用的东西，不要在这里写小说，要表达重点。
title：只强调重点即可，重要关键词出现不要超过2次，而且要靠前，每个页面title要有所不同，如下图：
description：把网页内容高度概括到这里，长度要合理，不可过分堆砌关键词，每个页面description要有所不同，如下图：
keywords：列举出几个重要关键词即可，也不可过分堆砌。
语义化书写HTML代码，符合W3C标准。
对于搜索引擎来说，最直接面对的就是网页HTML代码，如果代码写的语义化，搜索引擎就会很容易的读懂该网页要表达的意思。例如文本模块要有大标题，合理利用h1-h6，列表形式的代码使用ul或ol，重要的文字使用strong等等。总之就是要充分利用各种HTML标签完成他们本职的工作，当然要兼容IE、火狐、Chrome等主流浏览器。
我们来看看著名的禅意花园网站（），在没有样式的情况下，代码非常语义化，看起来很工整，加载不同的样式之后可以随心所欲的改变页面外观。
无样式情况下：
加载样式1：
加载样式2：
利用布局，把重要内容HTML代码放在最前。
搜索引擎抓取HTML内容是从上到下，利用这一特点，可以让主要代码优先读取，广告等不重要代码放在下边。例如，在左栏和右栏的代码不变的情况下，只需改一下样式，利用float:和float:就可以随意让两栏在展现上位置互换，这样就可以保证重要代码在最前，让爬虫最先抓取。同样也适用于多栏的情况。
重要内容不要用JS输出。
蜘蛛不会读取JS里的内容，所以重要内容必须放在HTML里。
尽少使用iframe框架。
搜索引擎不会抓取到iframe里的内容，重要内容不要放在框架中。
为图片加上alt属性。
当网络速度很慢，或者图片地址失效的时候，就可以体现出alt属性的作用，他可以让用户在图片没有显示的时候知道这个图片的作用。
可以显示图片时：
不能显示图片时：
需要强调的地方可以加上title属性。
保留文字效果。
如果需要兼顾用户体验和SEO效果，在必须用图片的地方，例如个性字体的标题，我们可以利用样式控制，让文本文字不会出现在浏览器上，但在网页代码中是有该标题的。
例如这里的“电视剧分类”，为了完美还原设计图，前端工程师可以把文字做成背景图，之后用样式让html中的文字的缩进设置成足够大的负数，偏离出浏览器之外，也可以利用设置行高的方法让文字隐藏。注意：不可使用display:的方法让文字隐藏，因为搜索引擎会过滤掉display:里边的内容，就不会被蜘蛛检索了。
HTML代码：
利用CSS截取字符。
如果文字长度过长，可以用样式截取，设置高度，超出的部分隐藏即可。这样做的好处是让文字完整呈现给搜索引擎，同时在表现上也保证了美观。
提升网站速度
尽量外链CSS和JS，保证网页代码的整洁，也有利于日后维护。
这样的好处是可以把内容、表现和行为分离开，保证代码整洁的同时也方便维护。
CSS放在文件头部，JS放在文件尾部，可使用工具对CSS和JS文件进行压缩。
CSS Sprites。
减少HTTP请求。利用CSS Sprites技术可以把网页用到的切片合成到一张图上，这样做既减少了HTTP请求数，又使得样式图片一次加载，避免网页“白”的尴尬。
360官网首页（）主要前端图片2张：
为图片设置高度和宽度，可提高页面的加载速度。
为静态资源文件增加过期时间，让用户通过本地缓存来更快的访问网站。
减少大改版的频率。
压缩、格式化代码。
可以在上线前，使用一些工具，把HTML、CSS和JS都压缩、格式化一下，可以减少页面大小。
不使用CSS表达式，会影响效率。
使用CDN网络，可加快用户访问速度。
启用GZIP压缩，浏览速度变快，搜索引擎的蜘蛛抓取信息量也会增大。
善于利用浏览器插件。
例如火狐的YSlow就很有用，可以查看该页面代码、样式、JS、图片等加载情况，为进一步优化页面起到了指导作用。
伪静态设置。
如果是动态网页，可以开启伪静态功能，让蜘蛛“误以为”这是静态网页，因为静态网页比较合蜘蛛的胃口，如果url中带有关键词效果更好。
动态地址：
/index.php
伪静态地址：
/index.html
不要耍小聪明，利用已掌握的技术想方设法欺骗搜索引擎，可能会在短时间内有明显的效果，排名提升等，但搜索引擎发现后会果断降权你的网页或直接封杀，得不偿失。
希望本文能让大家正确认识SEO，SEO要适度，网站还是要以“内容为王”，有好的内容网站才会有发展。
欢迎访问我的个人网站（），互相交流、学习。
浏览 （73,822）浅谈当前SEO工作
稿源：程明明的网站
千谈万谈，总是离不开SEO，谁叫小编我是一个站长呢？SEO听着很神秘，但是我相信对于很多人来说一点也不神秘，很简单，任何事物一旦接触久了，就会感到很不以为然，开始孤傲起来。&SEO啊，其实就是每天发点外链，写几篇新闻，有空的话看看数据，查查排名&。这就是我常说的一句话，但是，如果是和小编有接触的人会发现，我并没有说实话哦。其实应该说，我的态度没有表达出来，当时的表情你们可是没有看见，想想确实有点diao丝的感觉。
还是回到今天的内容上面来说。SEO工作，其实每天真正做的，无非就是上面说的那样，当然，这只是一个小小SEO需要做的事情，如果你实力超强的话，可以做更多的事，担任管理者都是可以的，但这无疑，就会要求你必须要在能力上面有所建树，不然，别人也不会平白无故的服你，信任你，不可能把任务交给你，当然，更不可能给你丰厚的money。其实，我对SEO的感觉是很平淡的工作，短时间很难做得出什么效果，这样，你就需要花时间去积累，但是，企业一般招聘人，说明它是需要的，稍微严重点说，企业急需要在这方面有所成绩的，但是，如果你是做SEO的，进入了一家企业，老板告诉你，你现在开始做。然后你回去就开始诊断分析，经过一天的惊心动魄，终于把方案拿了出来，说，网站需要调整，老板一听，说怎么改，就这样我们也有了一展才华的地方了，这个要改，那个要改，总之，改、改、改.....
当所有的都按照你的要求改好之后，不知道过了多少天了，因为，一般企业的工作效率我实在有点怀疑。暂且不说这里，就是改好之后吧，如果你修改较大的话，是否需要网站恢复期呢？就这样因为修改，原先的排名消失了，过了一个月加上各方面的优化工作排名回来了，但是依然也只能是原先之前的样子（一般都是首页排名），这时老板该问了，都做了这么长时间了，排名还没有之前的好呢？越做越差，怎么搞的？这时你肯定有很多要说的，但是你该怎么说呢？其实，每一位做SEO的都或多或少的经历过这样的事情，小编我上次跟上级沟通的时候，还差点丢了工作。
最近一段时间，我的一个朋友去找工作，碰了很多的壁。和我做朋友的多半是和网络有关的工作，再结合今天要说的，那肯定，他找的无疑就是SEO的工作。因为他在SEO这方面还有很多需要学习的地方，我推荐他去一些网络公司去学习，去磨练自己。他也是比较情愿，但是SEO工作啊，也确实不是那么好找的，接到了几个面试，无不都一一无功而返，不满足要求，那到底是不满足什么要求呢？下面举例一家公司的面试要求。
1、熟悉了解Google，baidu搜索引擎的原理和特点，熟悉排名规则和规律，合理制定和设置推广计划，提升在google，baidu搜索引擎中的排名。
2、具有较强的网站营销策划能力和团队沟通协调能力。
3、熟悉html、css语言。
4、x年及以上SEO相关工作经验。
5、进行SEO、微博、CPA、CPC、CPS、软文等互联网蝗虫式推广（我也OUT了）
6、有大型网站搜索引擎优化经验优先。
7、良好的沟通以及书面表达能力，擅长文字写作。
这是一份很平常的招聘要求，但是以目前在小编当地的工资水品，想拿4k的工资去招这样的人，有点异想天开了，当然，这可能是我的观点，再加上，现在就业压力这么大，你不做我做，人要比工作多得多。但是，你招的人，也许有，但是，做不长久，也许是刚转正，甚至是没转正就离职了，而工作呢?做的是七零八落的，接着再招一个人，周而复始的。
高要求，低收入。不能不说，现在SEO的工作要求是越来越高了，会代码，会PS，还要有大型网站优化经验，大型网站，什么是大型网站，有大型网站优化经验人家还去你那几千块钱的公司......
互联网大佬马云曾经说过一句话：&员工离职，只有两个原因，一是受了委屈，二是工资给少了。&现在，员工离职，是很多企业非常普遍的事情，能坚持半年的都成了老员工，这也许是员工自身有问题，但我们也不妨想想，如果一个企业能满足员工的基本要求，那还有人愿意，费了吧唧力气的去再找公司啊，企业有问题，导致了员工的问题。
古语有云：没有学不好的学生 只有教不好的老师。如果一个企业真的好的话，即使是离职的员工他也会非常感谢他曾经的公司。就像学生一样，对自己严厉的老师，是自己最难忘记的。一个好的公司，体制健全，作风严谨，使原本松散的员工有了一种紧迫感，促进了员工的成长。可能，这里面有很多的不适应，觉得公司管的太严或者是自己感到压抑得慌，都是刚从学校里面出来，这些都是在所难免的。这是很正常的现象，我们都需要经历。
每一个人的成长都需要一个过程，就像现在的工作一样。也许是就业压力，也许是工作能力。拿着这么少的工资，要做那么多的工作。
本文作者：吾诺瀚卓()，转载请保留版权。如有异议，可以留言交流学习！
文章：11篇人气：28036
程明明，SEO领域新人，对网站建设及SEO有独特的见解，与互联网的发展保持一致。开设站长之家专栏，也是能让自己第一时间捕捉到的互联网变化，展现给大家，希望能和大家一起学习，进步
本网页浏览已超过3分钟，点击关闭或灰色背景，即可回到网页浅谈SEO新手对网站优化的瓶颈_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
浅谈SEO新手对网站优化的瓶颈
&&浅谈SEO新手对网站优化的瓶颈
阅读已结束，下载文档到电脑
想免费下载更多文档？
定制HR最喜欢的简历
下载文档到电脑，方便使用
还剩9页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢}