SEO前端优化_SEO网站前端优化整理

SEO前端优化

搜索引擎优化，又称为SEO，遵循搜索引擎的指引，致力于提升网站的根本价值，通过优化网站布局、丰富内容方案、加强用户交流互动等方式，进行周密部署，目的是让网站在搜索引擎中的排名更佳，从而吸引更多网络用户前来浏览，SEO与搜索引擎之间，形成良性循环，彼此增益。要更清晰明白前面那些文字，必须先弄懂搜索系统的两个基本原理。也就是说，借助搜索排名提升的手段，我们的网址就能在查询回应中位居前列。

1、提高页面加载速度

使用样式表处理能够实现的，无需借助图像文件，图像文件应尽量减小体积，可以将多个图标整合到一张图片中，运用图像映射技术，通过特定选择器定位目标图形区域，以此降低网络请求频次，从而提升页面载入效率。

2、结构、表现和行为的分离。

css和js文件不应放在同一文档中，使用外部链接能够显著提升网页的载入效率。

3、优化网站分级结构

在每个内页加面包屑导航

4、集中网站权重

蜘蛛给每个页面的重视程度是固定的，这个程度会均摊到每个a链接上，要集中网站的重要性，可以运用”rel=”特性，它指示蜘蛛不必访问目标页面，能够把重视程度分给其他连接。

5、文本强调标签的使用

使用标签加粗文字

6、 a标签的title属性的使用。

在确保页面功能不受干扰的前提下，建议为a标签设置title属性，这样做能更好地帮助爬虫获取信息。

7、图片alt属性的使用

这个特征能够在图像无法成功载入时，在页面的对应位置呈现必要的说明文字

8、H标签的使用。

H1标签的运用必须格外留意，这种标签自带特殊地位，一个页面内仅能存在一个H1标签，它应当安放在页面核心标题的位置，例如首页的标志上可以设置H1标签。

9、图片大小声明。

10、 页面布局调整。

页面内容尽量不要做成flash、视频。

11、尽量保证 HTML 的纯粹和高质量

我们需要尽可能使构造、呈现和功能三者分开处理。如果在单个构造文件里堆砌过多呈现规则或功能代码，会减慢文件载入进程，而且，如果呈现部分缺少尺寸规格，会导致页面需要再次计算布局，这同样会减慢载入进程。如果载入过程耗时过长，检索系统就会终止访问。这份 HTML 文档如果包含与众不同的丰富内容，并且恰当配置了图片作为注解，就能够被视为品质上乘，满足用户的要求，进而有助于提升搜索引擎的排序位置。

12、扁平化网站结构

通常情况下，一个网站的层级越少，越便于“爬虫”进行检索。因此，目录层级一般不超过三个，否则“爬虫”很可能停止向下探索。这和用户浏览网页的体验类似，层级过多会使用户感到不便，而“爬虫”的行为也遵循了用户的思维模式。

13、合理安排重要内容的位置

需要把关键信息的网页标记放在首位，首部内容被视为首要，以便让网络爬虫优先获取，执行关键词采集任务。而且，核心内容不能通过 或 来呈现，爬虫无法识别 ，通常不会去分析 内部元素。

代码部分

HTML：

1.标签的有开有合。

2.避免冗余代码，例如去除空格字符。

标签应当根据语义恰当选用，通过恰当的成分来呈现恰当的信息，以便于使用者与网络爬虫迅速识别文档构造。比如采用 h1 标签能够使网络爬虫明确此处为关键内容。然而务必留意，当需要表达突出效果时，不宜过多使用标题成分或 b、 i 这类缺乏实际价值的标签，而应选用 em 或其他方式来体现强调意图。另外，h1 的分量比 h2 更重，我们不该为了提升分量而胡乱使用 h1 ，通常情况下 h1 是用来做正文主标题的。

4.合理的嵌套规则，避免行元素内嵌套块元素。

img元素必须包含title属性和alt属性,alt属性在图片无法正常加载时,能够以文字形式替代图片内容,便于搜索引擎识别信息,同时也能应对浏览器关闭图片或屏幕阅读器无法读取图片的情况

a元素必须包含title特性。若要禁止追踪某个链接，可为其设置rel空白值，以此告知“爬虫”忽略该链接。由于“爬虫”对每页的权重分配是固定的，为了集中页面权重并分配给更重要的连接，给无需追踪的链接添加此属性就显得十分关键。

七、关于元标签的改进工作，曾经是网络搜索排名提升的关键技巧，如今虽然不再是决定性因素，但依然需要关注，具体内容包括，元标签的配置，关键词的分布要恰当，一般占比在百分之二到百分之八之间，这意味着关键词必须适当出现在内容里，或者在搜索引擎规定的限度内，切记不能过度堆放关键词。

标题部分要包含必要的信息标识,网站的具体名称,以及相关的核心词汇,注意不要把关键词堆砌在一起。

9.合理使用注释。

10.尽量少使用框架,因为“蜘蛛”一般不会读取其中的内容

文本缩进应当通过CSS来实现，不能使用特殊符号‘ ’。版权符号可以直接输入，用键盘拼出，选择序号5就能得到©。

CSS：

1.避免将css代码写在标签内。

如果样式表指令不多，可以直接放置在文档起始处，如果指令数量较多，则应该通过外部文件载入。

不要选用通配符样式，比如 *{:0;:0;}，这首先是因为这种做法运行缓慢且效率低下，其次还会让一些非目标元素也跟着重置了它们的边距和内边距。

编写代码时运用缩写技巧能提升效率，减少篇幅，涵盖诸如符号，字体设定，以及色彩数值等内容。

运用css的继承特性，当某个容器中存在多个后代元素需要应用相同的视觉效果时，可以将这些共通的样式规则直接施加在容器本身上。

当若干项目具备一致的格式时，能够创建一个通用的类别名称，或者运用集体挑选器。

7.使用背景图合并技术。

8.适当的代码注释。

9. 需要小心对待 ：none ：若希望某些文字不被呈现，应调整z-index值，或将其置于屏幕视线范围之外。

因为搜索引擎会过滤掉:none其中的内容。

JS：

1采用外部引入的方法。

2.合理合并JS代码，可减少服务器的压力。

注重编写优质的代码，比如要尽量降低页面的重绘操作，还要避免频繁查询作用域链上的元素。

为什么要做前端优化

搜索引擎清理不满足现在条件下的网站

原因：提升了对页面质量的要求

解决方案：提升页面质量：文章，企业，流量站

1.文章url：不超过三层的页面
2.浏览器标题：加上网站名称
3.文章标题：用H1加分，不要使用div等
h1标签的级别如果设置得比较大，一个页面内最适宜只设置一个，否则百度可能会判定存在违规操作
文章发布时间，百度运用激光算法，针对模糊的时间进行处置，务必确保分秒无误
内容进行同义词替换属于最为基础的仿写手法，成效非常不理想，这种做法如同用“火车头”般，一次性替换掉三万个近义词
百度搜索时，若需限定关键词出现在标题中，可使用intitle：加上所需词汇，例如intitle：xxxx intitle:答案，当要在特定网站内搜索，并查看该站点的相关信息，可结合site：操作，如site:加网站地址
*神马收录的网站就很nb，及搜狗收录都很值钱*
7.文章底部：最好做相关推荐

高质量的页面打造

1.你的网站需要蜘蛛去抓取
a：好的域名，抓取问题可以得到解决，降低优化难度
推送方法，文章发布后，能立刻传送给百度，确保时效性；人工操作的话，可以利用宝塔的定时功能来完成，或者设置计划作业
c：推送内容，页面质量需要高
橘子seo挑选网址，统计外部链接，关注访问量高的站点，依靠手机广告获取收益
2.页面符合收录的标准
*高质量的页面，是由很多维度同时来判断的，先定位自己*
a：企业站：要很好的打造页面--覆盖用户需求
营业执照，证书（打水印），其他人看到会增加合作机会
关于我们，公司介绍
相关案例
专业技能
合法