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版本。

SEO优化基本要点

1.定义网站的名字，选择与网站文字相关的域名。

2.分析网站核心内容，定义相关栏目，定制栏目菜单导航

3.根据网站栏目，收集信息内容，整理，修改，创作，添加。

4.分析网站相关长尾关键字，合理添加到内容中。

5.符合W3网页标准，全站生成静态网页。

6.合理交换网站相关的友情链接，不能与搜索引擎惩罚的或与行业不相关的网站交换链接。

7.制作XML,HTML的地图，以便spider对网站内容的抓取。

8.为每个网页定义标题，meta标签标题简洁，meta围绕主题关键词。

9.网站经常更新相关信息内容，禁用采集，手工添加，原创为主。

10.网站设计美观大方，菜单清晰，网站色彩搭配合理，尽量少用图片、flash、视频等影响网页打开速度。

SEO的效果

内部优化分为结构优化和页面优化

1、网站的结构优化

a、避免spider陷阱

主要有flash,sessonID各种跳转框架结构、动态URL、

b、清晰的导航栏，解决我们现在在哪里，下一步要去哪里。

c、复制内容的处理

d、URL的静态化

e、网站的地图。Sitemap的提交

f、内部链接分布原则

g、锚文本尽量多样性，重点关键词重复出现的次数要多，翻页尽量要好，页面距离首页点击次数越少越好，

页面优化

a、标题优化独特而不重复，准确相关，字数要在显示范围内，关键词出现在最前面吸引点击。

b、关键词标签，主要是说明页面的主题关键词，但现行的搜索引擎都无一例外把此标签排除在排名算法外。

页面内容

1、用好的页面和内容留下浏览者的眼球，可以让搜索引擎的spider快速载入并记录网站相关内容，可提升PR值。

2、页面较好用文字描述，少用flash,ajax，仅在需要用的地方用，并把flash,ajax当做网页上的单元，而非网页本身，替代的html.javascript也可达到flash,ajax的效果。flash,ajax可以带来好的创意，但也会带来难以侦测的垃圾网站形式，因为搜索引擎只索引页面而不索引程序。

3、页面内容不只是给用户看的，更是给搜索引擎看的。

网页内容给用户看

a、懂得广告学思维，让不同类型的用户在你的站点上都能找到他们喜欢的信息，用户认同的信息更容易赢得信任，从而使用户成为你的用户。

b、内容越短越好，用户的时间都很宝贵，他们不会认真的看一个陌生站点的内容，正如我们对其他站点的态度那样。

c、内容要有主次重要。

d、美工、图片、动画等等引导用户随你的思维进行。

网页内容给搜索引擎看

a、确定网页的关键词，然后频繁出现在文章内。

b、每个网页的关键词不要超过三个，让内容围绕关键词展开。

c、关键词出现在metakeywords.Metadescription中

d、关键词重点突出，给关键词加黑体、斜体或加入H1之间。

e、适当的时候，把一些关键词链接向权威的专业的站点。

f、网页页面内容通过链接锚文本的形式相互链接。

内容页面有规律的更新

网站更新的越频繁，spider爬行的就越频繁，这意味着网站新文章几天甚至几个小时可以出现在索引中，而不需要等几个星期，这是网站最好的收益方面。

怎样使网页内容或网站受到高关注点

1、按某种分类或者归类，列出清单，引用大量数据，容易组织也容易被当做权威数据而被大量引用。

Eg.中国十大知名导航网，特点：列表简单、非常实用

2、怎加文章内容的权威性

内容通俗易懂，深入浅出，便于挖掘、理解。

3、减少语法或者拼写错误，结构合理，措辞严谨，因为权威的数据中出现不应有的错误，是权威性大打折扣。

4、为站点添加“隐私政策”“关于我们”“联系方式”、“顾问”等会使网站变得可信。

5、巧用新闻站点和RSS聚合

撰写高质量的文章，在对应的行业新闻门户网站发布。

Eg.研究SEO，就要在SEO方面的网站上和论坛上发表。

6、发表动态性的文章，可以提交新闻门户网站，然后提供供稿来源。

7、为了推广，可以同其他站点交换文章，相互发表，增加文章的出现率和点击率。

8、利用RSS，把文章发布在RSS网站上，便于人们阅读和收藏。

9、利用网址站，目录站，和社会化书签，把自己的精品文章添加到百度收藏，雅虎收藏，google.书签，QQ书签等社会化书签，让用户通过google阅读器，RSS等阅读你的文章，不断扩大网站的影响力及其知名度。

10、利用社会关系在特定的场合或者有吸引眼球的地方，拍摄名人炒作的照片，或记录下某人的某句话，并写上精彩点评和解说，进行抛砖引玉，便于快速传播。

关键词

1、长尾关键词

a、对于一般的小型网站，目标目标关键词带来的流量占网站总站搜索流量的绝大部分

b、存在于网站目录页，内容页的关键词也会带来流量，但为数不多。

c、特征：

1比较长，往往要2-3个词组成，甚至是短语。

2存在于内容页面，除了内容的标题，还存在于内容中。

3长尾关键词带来的客户，转化为网站产品客户的概率化目标关键词低很多。

4搜索亮非常少，并且不稳定。

5存在大量长尾关键词的大中型网站，其带来的总流量非常大

2、关键词优化的好坏

a)站点的规模，及由此定位的关键词。

b)关键词在站点的分布情况。

c)关键词扩展的挖掘和利用

d)首页，目录页，内容页的标题标签是否书写规范

e)关键词密度以及关键词在网页上的位置

密度在2%-8%

位置：网页标签，目录名文件，正文标题，在正文中各处自然使用关键词

f)关键词的字体，特殊性

Eg.加粗、黑体、斜体

g)是否存在关键词叠加、隐藏文本和链接等作弊行为

3、关键词分析

思路：a、选择符合自己实力的关键词

b、不选择流量太低的关键词

过程：a、了解行业状况

b、行业关键词集合

c、关键词竞争分析

d、关键词发展规划和流量预计

f、确定目标关键词

4、目标关键词的特征

a、目标关键词一般作为网站首页的标题

b、目标关键词一般是2－4个字构成的一个词或词组，名词居多

c、目标关键词在搜索引擎每个月都有一定数量的稳定搜索量

d、搜索目标关键词的用户往往对网站的产品和服务有要求，或者对网站的内容感兴趣

e、网站的主要内容围绕目标关键词展开

5、关键词确定

a、关键词的相关性和密度性

b、关键词的搜索频率

c、关键词的竞争对手

6、关键词的位置

a、首先关键词应该在文章的每个段落里

b、网页头部标签(eg:descriptiontag描述标签、关键词标签等)应该放入关键词

c、网页图片的ALT标签应写上关键词

d、可以吧关键词作为子目录

e、网页中谈到其他网页的关键词时，不要忘了添加链接并指向那个网页

7、关键词权重的参数

a、这个网页的PR值，这个网页域名的PR值

b、关键词在网页标题中的比重和位置

c、关键词在meta标签中是否被提及

d、网页内是否有很多与该关键字相关的关键词组

e、关键字的密度、字体、位置

f、以这个关键词链接向本网页的外部链接和内部链接的数量

8、关键词在metakeywords中应注意

a、确信使用的关键词出现在网页文本中

b、不要重复使用关键词

c、一个网页从关键词标签里应该包含了3-5个重要的关键词，不要超过5个。

d、主流搜索引擎对其的字数要求是不超过160字节

9、关键词在H1、H2、H3等Headline标签中的使用

H1、H2、H3等标签的搜索引擎表明他们包含的部分在整个页面的重要程度

同时注意同一个页面不要出现两次及两次以上的的H1、H2，否则会受到惩罚

10、关键词在URL中的使用

URL中的关键词对搜索引擎排名中的重要作用，但是在域名中包含关键字比在目录中包含关键字拥有更大权重，这也促使很多网站使用大量的二级域名

链接

链接分为交叉链接和反向链接（外部链接）

1、反向链接又称为导入链接和外部链接

Eg网页A上有一个链接指向网页B，则网页A上的链接是网页B的反向链接

2、链接的质量和相关性

链向作弊以及质量差的页面，会受到搜索引擎的连带处罚，同样。链向质量高的，相关性高的页面会受到搜索引擎的喜欢

3、外部链接的锚文字

外部链接的锚文字与页面主体密切相关的时候，搜索引擎会对该页面给予正面的评价，但是如果外部链接的锚文字与页面主体毫不相干，甚至可能被搜索引擎惩罚

4、外部链接页面本身的链接流行度

5、链接的周围文字

搜索引擎链接周围的文字进行语义分析或判断外部链接页面的相关性，相关性越高，则会获得越高的权重

6、每页的链接页面在相关主题的网站社区中的链接流行度，用于判断外部链接页面是否采用了链接买卖等作弊手段，间接影响网页的排名

7、每页的最高链接数应少于100个，避免被搜索引擎视为链接农场（链接农场：无上下文，全篇充斥着大量的链接，大多被黑帽所喜爱。黑帽：用以伪装、欺诈和窃取的方式，取得最高排名）

8、外部链接按PR值

9、网站新外部链接产生的速度应当平稳增长，否则可能引起搜索引擎的怀疑

网站内链接结构

1、尽量改原来的图像链接和fiash链接，使用纯文本链接，并统一全局链接位置

2、内容结构的调整后，应立即到搜索引擎登录，并希望能尽早收录新标题和新描述

增加反向链接的方法

1、向目录网站（如DMOZ---开放目录）提交你的网站

2、书写文章，并发布在合适的站点上

3、站点上的文章写明版权声明

4、在人气旺的论坛上发表文章和留言，并带着签名指向你的网站

5、在博客上留言、名称指向你的站点

6、参与百度知道，百度贴吧，google论坛等，留下站点链接

交叉链接

交叉链接又称友情链接，

其目：1、提升新站的PR值

2、优化中的网站

弊端：在交换友情链接后，站长如果需要检查对方的链接是否依然还在，那么使用普通的查询友情链接的工具就无法完成，然后就需要逐个打开交叉页面来检查，增加了工作量

导入交叉链接的方法

1、合作伙伴，链接交换、

充分利用合作伙伴或者商业伙伴之间的关系，尽可能让对方为自己的网站添加一个链接或者交换链接（互换权重高的）

2、管理好自己的站点

想办法尽可能的从权重高的网站上获得链接的支持，利用某些网站提供交换链接的地方留下自己的网站链接

3、利用相互参与社会化WIKI平台，如百度百科的编辑，Googlepage建立专业网页并建立指向自己网站的链接

4、开百度空间，空间域名可使用公司产品的关键字，同时进行公司原网站信息的转载，附带公司网站，让百度robot在第一时间访问本站点，同时可使空间账户去随机访问百度空间内其他用户，以获得回访

链接优化

1、建立网站地图

建立一个完整的网站地图，把网站地图的链接放在首页上，是spider很快很方便的发现和抓取所有网页

2、每个网页做多离首页四次就可到达

3、网站的导航系统最好使用文字链接

4、导航中的链接文字应准确描述栏目中的内容

5、整站的PR传递和流动

6、网页的互相链接

---