学过前端的可以做seo吗？前端学习SEO有更大的优势

前端指的就是web前端程序员，这是一个技术工种，公认的互联网高薪职业。在一线城市上班，一个月能拿到2万-3万元都是很正常的事情，很多小伙伴都羡慕得不要不要的。

现如今互联网公司竞争大，工作强度也大，程序员通宵加班也是常有的事，在高强度的工作压力下，很多程序员都有掉发、腰椎病等职业病隐患。

这时候很多的web前端程序员就想着转行了，有些人想到了要做SEO，不想在搞什么技术了。做程序猿是真心累啊，今天还在笑呵呵的敲打着代码，明天就有可能会收到公司高层发过来的辞退书。

那么，问题来了，对于web前端程序员来说，究竟适不适合参加SEO培训呢？学过前端的可以做seo吗？

先来看看前端，做的工作和SEO的关系：

前端是构建网站中很重要的一个环节，本片重点从前端的角度来讲解一下SEO的实施方法。前端的工作主要是负责页面的HTML+CSS+JS，优化好这几个方面会为SEO工作打好一个坚实的基础。突出重点内容可以让搜索引擎判断当前页面的重点是什么，提升网站的访问速度可以让搜索引擎的蜘蛛顺利、快速、大量的抓取页面内容。

下面再看看SEO优化中和前端的关系：

①：合理的利用title、description和keywords

title：只要强调重点即可，重要关键词出现不要超过2次，而且要靠前，每个页面的title要有所不同。

description：把网页内容高度概括到这里，长度要合理，不可过分堆砌关键词，每个页面的description要有所不同。

keywords：列举几个重要的关键词即可，不可过分堆砌。

②：语义化书写html代码

对于搜索引擎来说，最直接面对的就是网页html代码，如果网页写的于下一话，搜索引擎就会很容易的读懂该网页要表达的意思。例如文本模块要有大标题，合理利用h1-h6，列表形式的代码使用ul或ol，重要的文字使用strong等等。

③：重要的内容不要用js输出

蜘蛛不会读取js里的内容，所以重要的内容必须放在html里。

④：慎用ajax

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

⑤：尽少使用iframe框架

搜索引擎不会抓取iframe里面的内容，重要的内容不要放在框架里。

⑥：为图片加上alt和title属性

⑦：保留文字效果（切忌用图片代替文字）：
如果需要兼顾用户体验和SEO效果，在必须应图片的地方，例如个性文字的标题，我们可以利用样式控制，让文本文字不出现在浏览器的上，但页面代码中是有该文字的。

例如：可以让文字缩进设置成足够大的负数，偏离出浏览器之外，也可以利用设置行高的方法让文字隐藏。注意：不可使用display：none的方法让文字隐藏，因为搜索引擎会过滤掉display：none里面的内容，就不会被蜘蛛检索了

提升访问速度：

①：尽量外链css和js，css放在头部，js放在尾部。

这样做的好处也可以把内容，表现和行为分离，保证代码整洁的同事也方便维护。

②：css sprites

减少http请求，利用css sprites技术可以把网页用到的图片整合到一张图上，这样就减少了http请求数，又使的样式图片一次加载，避免网页“白”的尴尬。

③：为图片设置高度和宽度，可以提高页面的加载速度。

④：为静态资源文件增加过期时间，让用户通过本地缓存来更快的访问网站。

⑤：压缩、格式化代码。

相信，大家通过上述对前端和SEO两者之间的关系，讲解分析。可以看出来，前端在SEO优化中是不可少的。所以，小编这里想要说的就是：学过前端的可以做seo吗？答案是肯定的，前端可以做SEO。

而且，懂前端的去学习SEO，后续自己做SEO的时候，前端的问题都可以自己解决，不必要求于他人，相对于只懂SEO的来说，有一个明显的优势。当然SEO还是需要不断的探索的，不像写代码，是哪个就哪个。SEO是要根据搜索引擎算法不断更新迭代的脚步前进的。

发布时间：2019-04-06

推荐阅读：

1. 关于权重页是否要加nofllow的进一步解析
2. 纪鑫智：成功的网络营销人员必须拥有的5大能力
3. 网站被镜像怎么进行维护？优质视频内容的要求
4. 利用二八原则，让网站流量获取倍增不是问题
5. 针对网站一些未收录的文章，是否修改文章还是删除呢？