前端处理seo搜索引擎优化 (前端处理数据还是后端)

前端开发人员需要具备哪些SEO优化技巧前端开发工程师不仅需要要跟视觉设计师、交互式设计师配合，完美还原设计图稿，编写兼容各大浏览器、加载速度快、用户体验好的页面。

现在还需要跟SEO人员配合，调整页面的代码结构和标签。

一些成熟的平台，在开发初期并没有考虑优化问题，所以做出来的页面，就算是效果很炫，功能很强，但是对搜索引擎非常的不友善。

任何一个成熟的网站，后期页面都是动辄几百万的，到这个时候再来调整结构，既费时又费力，最怕的还是会影响到排名和收录。

所以说与其在后期碰到问题再来调整，还不如把问题解决在源头。

我本人也是从事前端开发工作的，下面把我工作过程中，积累的几个开发过程中就需要做好的SEO优化技巧，分享给大家。

1、简化代码结构，更利于搜索引擎分析抓取有用内容：页面尽量采用DIV+CSS，当然，表格展现模式用table还是比div方便很多的;所有js、css采用外联方式，图片采用css精灵，减少请求次数。

看下下面同样的内容，用div和talbe布局的代码比较，显而易见用div简便的多。

2、重要内容优先加载(第一个链接最好是网站主关键词，不刻意要求)，可以用css来处理，索引一篇文章的长度也是有限制的，一定要把最重要的内容，优先展现给蜘蛛，这方面你可以通过查看一些比较大的网页快照来求证。

3、每个页面只能出现一次H1标签，H2标签可以多次：H1权重很高，普遍认为仅次于title，一般资讯详情页的标题、商品详情页的标题，都放在H1里。

4、图片一定要添加alt属性，title属性可选：蜘蛛不认识图片上的内容，只能通过alt属性来判断，如果是商品列表页，所有商品都加了alt和title的话，容易造成堆砌关键词，所以我一般是只加alt属性。

5、图片大小声明：如果图片大小不做定义的话，页面需要重新渲染，就会影响到加载速度。

6、链接可根据需求添加title属性以及nofllow值;非特殊性链接，链接地址一定要写入herf属性，有些前端开发人员为了省事，直接用div加个click事件当链接，在视觉上和使用上确实是实现了链接效果，但是做过SEO优化的人员都知道，蜘蛛目前对于js的支持很差，基本无法读取里面的链接地址。

所以说用click事件是绝对不允许的，特别是一些重要的导航链接。

7、页面内容尽量不要做成flash、图片、视频，这些东西蜘蛛是抓不到的，就算是必须的，也要生成相应的静态页面。

有很多企业站看着很炫，全站flash，老板看着是爽了，做SEO优化的人员就要抓狂了，全站没一个链接。

8、除首页外别的页面最好要加上面包屑型导航，导航结构一定要清晰。

9、做好404页面，一般会加首页链接及错误提示，并测试其返回状态码为404：1、用户体验友好，可以留住用户，不至于直接关闭页面;2、蜘蛛友好，可以返回抓取其他页面。

10、网站结构呈扁平状树型，目录结构不宜过深，每个页面离首页最多点击不超过3次，过深不利于搜索引擎的抓取。

新手如何做SEO优化？

第一、关键词分析SEO优化的第一步，也是最重要的一步，就是将关键词需要关注的量进行分析、关键词与网站的相关性进行分析、关键词的布置和排名预测等相关知识进行分析，将各个部分联系在一起，不是每一个部分都独立于彼此，而是环环相扣，标题和内容等都与关键词密切相关，进行搜索引擎时也会容易被收录和接纳。

第二、网站架构分析主要包括剔除网站架构设计中不符合人性化设计的部分、实现目录结构的简洁清晰、网站导航的创意性独特，突出性明显和外部链接的优质广泛等内容。

第三、网站目录和页面优化这也是SEO优化的基本操作了，将网站的基本信息进行优化处理，保证用户对于网站能够在浏览之后有一定的了解和熟悉。

页面的字体大小要合适，不能因为过小而失去一大批视力不好的消费者，也不能因为过大没有多少信息而失去有强迫症或者发散能力不强的用户等。

第四、内容发布和链接布置SEO优化的重要步骤之一就是内容的定期发布和更新，要合理安排网站内容的更新日程和相关讯息。

而且发布的内容要保证原创性，链接的质量也要得到保障，不要发一些复制来的文章或者添加一些低质量的链接，这样反而对优化效果并不好。

搜索引擎优化有哪几个步骤？

1、确定网站的关键字：关键字的选择是SEO优化过程中极为重要的一个环节，关键词分析包括：关键词关注量分析、竞争对手分析、关键词与网站相关性分析、关键词布置、关键词排名预测。

2、关键字词密度的控制：最好使用语句和短语来包含你的关键字词，关键字一定要在我们的网站内容页中出现。

3、添加特定的标签：标签里最好能包含我们的关键字子，对于不同的网页内容，需要我们自己琢磨出合适的标签以提高搜索引擎的机器人对你网站的覆盖范围，并通过此分辨出你网站的有效主题。

4、网站架构分析：网站结构符合搜索引擎的爬虫喜好则有利于SEO优化，网站架构分析包括：剔除网站架构不良设计、实现树状目录结构、网站导航与链接优化。

5、简化网站的链接层次及结构：对于你网站URL的结构应当十分谨慎，应避免使用带有?号及其他长串字符的出现，不然不利于搜索引擎的抓取，当然也就不大可能获得好的排名了。

6、网站目录和页面优化：SEO不止是让网站首页在搜索引擎有好的排名，更重要的是让网站的每个页面都带来流量。

7、内容发布和链接布置：搜索引擎喜欢有规律的网站内容更新，所以合理安排网站内容发布日程是SEO优化的重要技巧之一。

链接布置则把整个网站有机地串联起来，让搜索引擎明白每个网页的重要性和关键词，实施的参考是第一点的关键词布置。

友情链接战役也是这个时候展开。

8、与搜索引擎对话：向各大搜索引擎登陆入口提交尚未收录站点。

在搜索引擎看SEO的效果，通过site:你的域名，知道站点的收录和更新情况。

通过domain:你的域名或者link:你的域名，知道站点的反向链接情况。

9、做好链接的导入与导出：最好不要将所有的外部链接全部都指向我们网站的主页，这样会导致搜索引擎重复的检索你的同一网页，而造成了资源的浪费。

10、建立网站地图：根据自己的网站结构，制作网站地图，让你的网站对搜索引擎更加友好化。

让搜索引擎能过SiteMap就可以访问整个站点上的所有网页和栏目。

11、高质量的友情链接：建立高质量的友情链接，对于SEO优化来说，可以提高网站PR值以及网站的更新率，都是非常关键性的问题。

12、网站流量分析：网站流量的分析从SEO结果上指导下一步的SEO策略，同时对网站的用户体验优化也有指导意义。

13、坚定我们的信心：搜索引擎优化的过程是不断调整的过程，很少能一下子取得成效，而且搜索引擎不断的变化和加强着算法，需要我们不有足够的心理调节能力。