1. 程式人生 > >前端seo優化

前端seo優化

over all 個性 data 行高 pre log 網站 訪問

參考鏈接: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優化