A. 前端制作和SEO

没有哪个比哪个高一级，主要seoer需要与设计者和开发者相互协商，有一些不利于seo的因素需要规避。

B. web前端seo怎么优化

1.整站URL需统一
避免出现同一个页面多个链接形式的出现。
2.URL中的连接符回只用答使用"-" "_"两种。
URL中连接符不能使用"-" "_"两种之外的符号。因为这可能导致搜索引擎无法正确识别链接。
3.Tag页URL中包含关键词(可以为拼音)。
URL中出现页面关键字利于搜索引擎识别页面主体内容。该关键字可以为中文，也可以为拼音。
4.控制网站目录层次少于3层。
目录太深的链接，搜索引擎可能抓取不到，尽量将网站结构控制在3层目录以内。

C. 如何给前端开发做SEO培训

  • 1. 抓取系统（Spider) 首先，我们需要了解搜索引擎的工作原理，以便更好得理解SEO。搜索引擎有一个抓取系统，俗称Spider，你可以把它想象成一群在互联网上乱爬的蜘蛛（有点恶趣味...)，它们会读取各个页面的HTML，并且通过页面上的链接关系，不断抓去新的有价值的页面内容，再将其发回搜索引擎。根据Spider传回的信息，搜索引擎来给你的页面排名。对于这个Spider，你需要注意什么呢？1. 搜索引擎无法很有效地抓取flash的内容。HTML5的出现解决了这个问题。HTML5可以达到很多flash能达到的效果，并且它与搜索引擎更加兼容。2. 搜索引擎无法读取图片中的文字。所以你需要给图片配上标记（alt tags），告诉spider这个图片是什么内容。3. 搜索引擎对于PDF,word，PPT等格式的文件没什么好感，这些格式在排名上会有劣势。4. 不要过度重复关键词。讲一个有趣的宝马公司的例子，宝马公司的营销人员为了提高产品页面的搜索排名，在每个产品上都贴上BMW的标签，导致Spider读到这个页面的时候的效果是“BMW...BMW...BMW...BMW..."这个就属于SEO中的黑帽手段（black-hat）了，这也是GOOGLE所不能接收的，这样做的一般后果是从Google搜索结果中除名。想象一下如果你是某公司的营销总监，你的行为让贵公司被GOOGLE除名，你会是什么下场不用我说了吧？幸好，宝马是个大公司，GOOGLE也不想用户搜宝马的时候只能跳出奔驰，最后这件事双方就协商着解决啦。

  • 2. 关键词调研（Key-phrase research) 关键词调研的目的是了解用户如何搜索，了解关键词的竞争情况，以及搜索热度的发展趋势。我们需要研究出哪一个词语更能回答用户的问题，能让我们的页面被用户找到。搜索引擎通常都提供工具帮助网站分析优化关键词。英文网站可以使用Google Trends来了解和比较关键词的热度，地区来源等。同时,Google Keyword Planner可以告诉你确切的相关关键词的搜索次数，竞争程度。（需登录google账户才能使用）。中文网站可以使用网络指数和关键词工具。

  • 3. 页面优化 （On-page Optimization) 页面优化就是要把恰当的关键词放在恰当的位置，这样搜索引擎才能知道你的页面是关于什么的。具体可以从以下这些方面着手。

    1）页面标题（page titles) 标题是一个页面中最重要的部分。它显示在页面顶端的标签上。你应该为每个页面内容总结出最重要的关键词。要避免一些一般性描述，比如“主页”“博客”“产品”，你要表现你的独特性。通常，你会有多个关键词，你需要把更重要的放在前面。

    2）页面地址（URL） 你可以设置自己的页面地址，应该用一些有含义的单词；需要连接两个词语的时候用连字符(-)而非下划线(_)。3）标题（Headings)你需要在标题中用说明页面的主要内容是什么，关键词需要在这里再次出现。如果一个页面有多个标题，尽量指出它们之间的共同点，否则Spider很难理解你的页面到底是关于什么。4）文章主题（Body )如果你的页面标题，文章标题里都重复了你的关键词，那么你不需要再在文章中像祥林嫂一样反复唠叨“我的阿毛”了，Spider倒不会嫌你烦，但是会认为你作弊，就像上面说得宝马案例一样。5）文字链接（Text Links)在你的网站中，你可能时不时的需要引入链接，连到其他网站或页面去。你的用户所点的超链接文字就是文字链接。很多网站喜欢用“请戳这里”“请猛戳这里”...错了！！你们错了！！这样的词语完全没有说明这个链接的内容，Spider不会理解“请戳这里”是什么东西。你要直接写链接的内容，比如“文章姚笛马伊俐”。6) 标签（Alt tags)刚才也提到了，alt tags就是用来描述页面上的图片的，提高页面的可达性（accessibility），同时也有利于搜索排名的优化。4. 外链建设（link building) 目的是增加链接到你的网站的其他网站数目，让搜索引擎可以由此判断你的内容是权威的有用的。

D. web前端seo怎么优化，你知道多少

代码优化：简洁代码，不内嵌CSS，
网站标题及三要素：TDK
内容优化，
第个页面都有相关的TDK，H标签的版合理使权用，
关键词做锚文本或加粗或斜体（理论密度为2%-8%，实则3%-5%为佳）
1：做循环内链，内容页链接指向另一个导航页面，交叉但不重，
2：在部分内容页添加，返回主页链接，
打字太麻烦，很多都需要积累，

E. 前端开发人员需要具备哪些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次，过深不利于搜索引擎的抓取。

F. 前端性能优化的具体方法有哪些

解决办法一：

减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存 ，图片服务器。
前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数
用innerHTML代替DOM操作，减少DOM操作次数，优化javascript性能。
当需要设置的样式很多时设置className而不是直接操作style。
少用全局变量、缓存DOM节点查找的结果。减少IO读取操作。
避免使用CSS Expression（css表达式)又称Dynamic properties(动态属性)。
图片预加载，将样式表放在顶部，将脚本放在底部 加上时间戳。
解决办法二：

减少HTTP请求次数
使用CDN：CDN在前端开发的作用
避免空的src和href
为文件头指定Expires
使用gzip压缩内容
把CSS放到顶部
把JS放到底部
避 免使用CSS表达式
将CSS和JS放到外部文件中
避免跳转
可缓存的AJAX
使用GET来完成AJAX请求

G. WEB前端开发中的几个SEO注意点

近几年来，SEO在国内得到了蓬勃的发展，其中很多的SEO技术越来越体现在web前端的一些细节上。要做好SEO，web前端这一块也要做必不可少的优化。
这就要求我们WEB前端工程师在开发页面的时候，要写出规范标准的代码，符合SEO，做好用户体验。
以下是一些在平时工作中总结的一些前端开发中的SEO注意点，其实很多也是前端的基础知识，仅供大家参考。
1、网站布局要做到样式与页面分离，删除页面中不必要的标签和元素。
2、页面生成要尽量小，要压缩页面的大小，页面尽量使用静态或伪静态。
3、所有的CSS、JS都要使用外部调用。
4、外部调用的JS文件的代码能放在底部的尽量放在底部，页面调用的css文件的代码尽量都放在head内，同一页面尽量不要超过3个JS外部调用。
5、每个页要只能出现一次H1标签，H2~H6标签可以多次，这样做是为了加重H1标签的权重。
6、除首页外别的页面要加面包屑型路径，导航一定要清晰。
7、网站一定要兼容脑残的IE各版本和FF等主流浏览器，这个虽然感觉对SEO影响不大，但是作为前端，这也是最基本的吧。
8、图片一定要添加alt属性，链接一定要添加title属性。
9、网站结构呈扁平状树型，目录结构不宜过深，每个页面离首页最多点击3次，过深不利于搜索引擎的抓取。
10、做好404页面，并测试其返回状态码为404。
11、确保网站代码无误，HTML能通过W3C版本。

H. 在前端开发中如何做好seo优化

很多人学会了一些SEO的常识，就觉得自己已经学会了SEO了，能够给很多网站提供意见，但是其实他们提出的意见，很多时候都是靠猜，靠感觉。至于实际上有没有效果，会不会给网站带来正面的影响，只能走一步看一步。

其实一个SEO做得如何，最了解的还是自己，好的SEOER，能够通过平时一点一滴的数据，进行汇总，通过数据指导，来看清SEO的方向。

SEO是什么，在我看来，SEO就是做搜索引擎的排名，而SEO最终的目的是什么，答案只有一个，那就是通过有排名的关键词，来获得流量，也就是说我们最终的目的就是流量。那么我们很多时候，SEO不要局限在自己的站点上面，我们要把思路拓展，拓展到各个不同的模块领域去。

那么作为SEO，如何科学的去分析自己做的效果如何，如何去更好的通过数据，来指导自己的思维呢？

我们都知道，流量跟排名点击率、排名数、收录数有关系，那么我们的数据，最主要的就是监控这三个维度。

1、排名点击率：

如果是自身网站的话，就比较简单，装个流量统计工具，就可以很好的监控到关键词的点击率。如果是外部的站点，可以通过关键词覆盖的查询，来预估自己的排名点击率。其实在站点和内容都不变的情况下，点击率一般不会有太大的变化。所以排名和收录的因素，就会影响比较大。

总结：

总体来看SEO的主要核心还是数据分析，具体的数据分析可以参考（网络排名只需分析关键词数据）。其实SEO只要观察细致，很多问题都会变得很简单，你要真正搞清楚你想要什么，你想要的流量，而流量跟网站的排名、网站的收录、排名的点击率是有直接关系。搞清楚这些关系，去逐一分析每一个细节，你会发现SEO会变得很简单。

I. 前端如何实现SEO优化

1、提高页面加载速度。
2、 结构、表现和行为的分离。
3、 优化网站分级结构。
4、 集中网站权重。专
5、 文本强属调标签的使用。
6、 a标签的title属性的使用
7、 图片alt属性的使用
8、 H标签的使用
9、图片大小声明
10页面布局调整。