码迷,mamicode.com
首页 > 其他好文 > 详细

前端seo优化

时间:2017-08-23 21:44:35      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:调用   详细   size   目录   过滤   全局变量   one   nbsp   拼接   

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

标签:调用   详细   size   目录   过滤   全局变量   one   nbsp   拼接   

原文地址:http://www.cnblogs.com/doinbean/p/7420154.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!