前端seo优化

Posted 前端攻城弱鸡

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端seo优化相关的知识,希望对你有一定的参考价值。

参考链接: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>

 

以上是关于前端seo优化的主要内容,如果未能解决你的问题,请参考以下文章

前端搜索引擎优化SEO优化之Title 和 Meta 标签

前端搜索引擎优化SEO优化之Title 和 Meta 标签

前端-SEO

潍坊SEO:学习seo要知道什么语言代码呢?

前端seo优化

前端里面如何进行搜索引擎优化(SEO)