前端seo优化

Posted 2020-10-04 前端攻城弱鸡

参考链接：http://www.cnblogs.com/EnSnail/p/5671345.html 博客园

链接：https://www.zhihu.com/question/21658448/answer/18903129
来源：知乎

以上链接方法写的很详细

补充：

1.增加网页的文字，如果不是个性字体，都可以将图片设为背景，自己用css写文字样式，保留搜索引擎的文本

h1 {
  background: url(img/replacement-image.png) no-repeat;
  height: 50px;
  width: 400px;
  display: block;
  text-indent: -9999px;
}

2.如果需要有个性字体的图片，可以让文本文字不会出现在浏览器上，但在网页代码中是有该标题的。

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

.tit{

　　font-size:18px;

　　height:25px;

　　line-height:25px;

　　overflow:hidden;

　　text-indent:-9999px;

}或

.tit{

　　font-size:18px;

　　height:25px;

　　line-height:50px;

　　overflow:hidden;

}

3.链接中加入title，关键文字可以使用h2标签，因为一个网页最好尽量少h1标签，外部链接，链接到其他网站的，则需要加上 el="nofollow" 属性。

<a href="" title="">跳转<h2>关键字</h2></a>

4.如果是动态网页，可以开启伪静态功能，让蜘蛛“误以为”这是静态网页，因为静态网页比较合蜘蛛的胃口，如果url中带有关键词效果更好。

5.减少不必要的http跳转

对于以目录形式访问的 HTTP链接，很多人都会忽略链接最后是否带 ’/\'，假如你的服务器对此是区别对待的话，那么你也需要注意，这其中很可能隐藏了 301跳转，增加了多余请求。

6.高效率写法

// 全局变量
var globalVar = 1;
function myCallback(info){
//局部变量缓存全局变量
var localVar = globalVar;
for( var i = 100000; i--;){
//访问局部变量是最快的
localVar += i;
}

在 javascript中使用"+" 号来拼接字符串效率是比较低的，因为每次运行都会开辟新的内存并生成新的字符串变量，然后将拼接结果赋值给新变量。与之相比更为高效的做法是使用数组的 join方法，即将需要拼接的字符串放在数组中最后调用其 join方法得到结果。不过由于使用数组也有一定的开销，因此当需要拼接的字符串较多的时候可以考虑用此方法。

7.使用async关键字，告知浏览器遇到script时不阻塞DOM的构建

<script src="app.js" async></script>