1、如何讓網站代碼產生更好的優化效果
內容比較長,但是都是干貨。
代碼優化是頁面優化的一個重要環節,也是頁面優化的基礎,代碼優化包括:精簡代碼,頭部優化權重標簽優化以及圖片優化。
頁面代碼優化包括5大環節
1、清理垃圾代碼是指刪除頁面中的冗餘代碼,可以刪除80%的冗餘代碼,垃圾代碼主要指那些刪除了也不會對頁面有任何影響的非必要代碼。
下面請看常見的垃圾代碼。空格
空格字元是網頁中最常見的垃圾代碼。但並不是指 標簽,而是有代碼編輯環境下敲擊空格所產生的符號,每個空格相當一個字元,那麼也就是說,一個頁面,空格就占頁面體積的15%,100K的頁面,有15K是空格字元。
空格字元最常出現在代碼的開始和結束處,還有就是空行中。
這些都是容易產生垃圾代碼的地方。
消除這樣的垃圾代碼的方法就是選中代碼然後按shift+tab鍵左對齊。
2、HTML標簽的轉換
這個主要就是使用短標簽替換在網頁中有同樣效果的長標簽,例如:,<b>與<strony>兩者都是對字體加粗但是<strong>卻比<b>多了5個字元。如果一個頁面出現上百個加粗標簽,就會產生不少的冗餘代碼。
解決方法是利用DW的查找功能替換長標簽,這個大家自己試試,我就不舉例了。
3、CSS優化
CSS可以以調用的方式,避免同樣的標簽重復寫樣式,從而達到精簡代碼的效果。另外,CSS有3種調用方式
《1》頭部調用,也就是在<head>和</head>之間,這樣是最不明智的,如果內容少則影響不大,否則大大增加頁面的體積,還佔用了頂部的重要位置。
《2》主體調用,例子如下:
<body>
<pstyle="font:Arial,helvetica,sans-serif;font-size:9px;line-height:12pt">我的網頁</p>
</body>
這樣的調用方式既不能發揮CSS的優勢,又大大增加頁面的代碼量。
《3》外部調用
也就是把CSS樣式內容放到外部文件中,使CSS樣式和頁面分離,這樣可以減少頁面的代碼量,而且還不會佔用頁面頂部的重要位置,讓搜索引擎優先發現頁面中相對重要的內容。這樣做的同時要避免使用CSS為重要的內容定義樣式..
例子相信大家都會吧?不會的百度一下哈....這里不舉例了..
J4、S優化
JS無論對普通用戶還是搜索引擎,都是極其不友好的,所以在規劃網頁時,要盡量不要使用JS.
目前為止,搜索引擎不解析JS生成的頁面或內容,JS代碼冗長,執行效率遠低於HTML,導致打開慢.
JS優化,並不是說提高JS的代碼執行效率,而是避免JS佔用頁面空間及重要位置...所以我們只要改變JS代碼出現的位置和調用方式就行..
JS調用分內部和外部調用...內部又分頭部和底部調用..
頭部調用就是把JS代碼放到頁面頭部去,但巨量的JS代碼放到頁面頭部不但增加頁面的體積,而且還會佔用首頁這樣重量級位置...從而使得頁面中相對重要的位置不能優先向搜索引擎展示,
底部調用的原理一樣...
所以..下面說說外部調用...就是把JS放到一個JS文件里,再在頁面中調用,這樣做既不佔用頁面的重要位置,又可以精簡大量代碼,加快頁面顯示速度,,呵呵....
看代碼:
<scriptlanguage="javescript"src="/include/web.js"></script>
5、接下來的就是表格優化了。表格優化主要就是解決嵌套問題。讓表格獨立,從而加快顯示速度。。提高用戶體驗.同時又精簡代碼...
介紹表格優化前我們要先搞清楚瀏覽器是怎樣解析HTML的過程..
當瀏覽器編譯器遇到一個標簽時..就開始尋找它的結束標簽..直到它匹配上,才能顯示它的內容...所以當你表格嵌套很多時,打開頁面就會特別慢,這樣就降低了用戶體驗了...
解決方法就是,盡量不要把表格嵌套起來...這樣做既有效的刪除了冗餘代碼,減低了頁面的體積,又提高了搜索引擎的友好性...
2、網站如何優化代碼?
F
3、如何做好網站代碼優化
<h>標簽優化:<h1>標簽和<h2>標簽在使用的時候建議包含關鍵詞;<h1>標簽和<h2>標簽在使用的時候建議只出現一次;<h3>、<h4>、<h5>標簽SEO作用較小,建議不要亂用;<h6>可以用在首頁友情鏈接處,以降低友情鏈接對頁面目標關鍵詞的影響。
<strong>:標簽優化:頁面內不要有大量的加粗文字;頁面內非關鍵詞文本少用此標簽;一般網站標題、板塊標題、標注文章小標題都需要用此標題;常用來標注文章小標題。
title屬性:為鏈接添加描述性文字。作用:滑鼠懸停在超鏈接上,顯示該超鏈接的文字注釋SEO作用:增強頁面和關鍵詞的相關度、可以用來調整關鍵詞密度。
還有好些需要注意的,我一個個寫下來有點耗時間,可以私信我
4、HTML代碼怎樣做利於SEO優化
SEO代碼優化入門的最佳HTML代碼教程
我們先看下最基本的HTML標簽元素
1、<!--頁面註解-->
2、<html>
3、<head>
4、<title>頁面標題</title>
5、<meta http-equiv=Content-Language content=zh-cn>
6、<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
7、<meta name="keywords" content="關鍵詞">
8、<meta name="description" content="網站描述">
9、<link href="/img/index.css" rel="stylesheet" type="text/css" />
10、<script language="JavaScript" src="/include/dedeajax2.js"></script>
11、</head>
12、<body>
13、<div>
14、<h1>頁面內容標題</h1>
15、<h2>頁面相關性標題</h2>
16、<h3>標題系列</h3>
17、<h4>標題系列</h4>
18、<h5>標題系列</h5>
19、<h6>標題系列</h6>
20、<img src="xxx.jpg" alt="圖片說明">
21、<a href="/" title="鏈接說明">鏈接詞</a>
22、<strong>重點關鍵詞強調</strong>
23、<b>關鍵詞強調</b><u>關鍵詞強調</u><i>關鍵詞強調</i>
24、</div>
25、<div>
26、版權部分關鍵詞強調
27、</div>
28、</body>
29、</html>
********************************************************
註:在<body>..</body>標簽區中的羅列,都是一些基礎的HTML標簽,這些標簽出現的次序是可以變化的。
我們一步一步來說。
第1行的<!--頁面註解-->。這個標簽是用來做HTML代碼註解的,很多站在這里會寫上關鍵詞,這種形式的註解在瀏覽器中是不會顯示的,而搜索引擎可以讀到。所以這個標簽有的時候會成為作弊的一種形式,不要過多的用這種標簽到來註明你的關鍵詞,否則如果搜索引擎認為你是作弊的話,就慘了。
第4行<title>頁面標題</title>。這是相當重要的!這里字字值千金!對於做百度seo的朋友,一定要記得這個標簽可能是你是否真正能夠做到排名靠前的重點,而且這個重點絕對不容忽視。標題主要注意你的用詞,如果你做垃圾站,堆關鍵詞也無所謂,如果你要做正規站點,請你正確對待,寫得標准一點,不要堆關鍵字,保持你的主要詞在這里出現三次,太多對你沒有好處,對排名也不會有好處。GG並不喜歡太長的標題,百度也偶爾提到只希望在標題的前20個字里出現你的關鍵詞。明確這些以後,還要注意的是,你的主要關鍵詞應該在標題里越靠前越好!
第7行<meta
name="keywords"
content="關鍵詞">。這個的用途現在權重越來越低,但是再低都是有權重的,只要認真對待,這里的詞是有效果的。這里注意兩點:第一、大部分人都會選擇在這里寫關鍵詞不會超過三個,有的人直接只寫一個,這是有好處的,每一處標簽都有權重,你強調的內容越少,那麼它的權重會相對更高的,所以不要寫太多,否則不如不寫,而讓搜索引擎自己去判斷你的頁面關鍵詞。第二、幾乎所有的SEO專業人員都會跟你說盡量在每一個頁面寫不同的關鍵詞,避免被認為是重復頁面的危險。
第8行<meta
name="description"
content="網站描述">。這個是主要為了在搜索結果里出現的索引結果的,索引結果就是在百度搜索你的站的時候標題下面的摘要內容。這是一個頁面的導讀,用來說明網頁的主要內容,當然現在的權重不高,跟keywords標簽一樣,不太受重視。而且現在由於搜索引擎機器人的越來越智能化,基本上已經實現整個頁面的摘要內容隨意出現它的索引結果里了,搜索引擎會根據你搜索的內容不同顯示不同的索引。你如果要寫description,就認真去寫,很多人是用這里來控制搜索引擎的索引顯示的,因為網站描述寫得越具體,就越有可能在索引的時候出現這個標簽中的內容。
第9行<link
href="/img/index.css" rel="stylesheet" type="text/css" />
這個只是一個CSS樣式表的 調用方式一共分2一種直接把CSS寫進HTML 一種是這種相對方便 和減少網頁代碼量的做法 調用CSS樣式表!
第10行<script
language="JavaScript" src="/include/dedeajax2.js"></script>
這個是調用JS(javascript)文件的方法 也可以直接把JS寫進HTML網頁 但這樣和上面的CSS調用一樣 方便減少網頁代碼量!
本來以為JS代碼搜索引擎抓取不了 但實驗結果表明SE已經能夠抓取JAVASCRIPT內的代碼! 實驗頁見( /seojs.html )
第14行<h1>頁面內容標題</h1>。這個標簽是一個頁面最重要的標簽,也是搜索引擎定位這個頁面的主要依據,如果你的<h1>標簽里沒有出現你的頁面關鍵字,那真是的一種很大的損失,這里的權重相對於其它的在<body>區的標簽來說更加重要。在HTML代碼中,它的重要性僅次於<title>。很多人放棄寫這個標簽,對於搜索引擎是很不友好的,你可以不出現其它的強調關鍵詞的標簽,但是這個標簽一定要出現,這是告訴搜索引擎你的頁面用一句話應該如何表達,如果這一行字都沒有,再智能化的機器人可能都會以你的<title>來決定是否用來作為一個詞的排名,很多時候一個網站的頁面標題都是完全一樣的,因為他們程序的原因,但是如果你沒有辦法修改title,已經損失很大了,而如果你的頁面這個<h1>標簽也沒有出現的話,我不知道搜索引擎會怎麼樣去理解一個頁面,對於SEO來說,那真很糟糕的一件事情。所以,認真對待你的頁面<h1>,這是很重要的,要強調的是,這個標簽一個頁面不要出現太多,道理很簡單,太多會讓別人無法確定你頁面中哪一個才是最重要的,無法確定重點跟沒有這個標簽我覺得沒有太大的分別。所以,最好只出現1次,以達到明確說明的目的。
第15行<h2>頁面相關性標題</h2>。這個標簽與<h1>是一樣和道理,但是權重相對來說較低,如果你的頁面沒有<h1>,那麼這個標簽對於頁面來說基本上就相當於<h1>的重要性了。這裡面你包含的是長尾關鍵詞相關的內容,比如你的頁面做幾個關鍵詞,主詞應該出現在<h1>里,那麼其它的詞以及你想發展的詞就可以出現在<h2>里,這樣來說是一種合理的安排。
而<h3>~<h6>這些標簽,重要性是依次遞減的,在一個頁面的權重越來越低。
第20行<img
src="xxx.jpg"
alt="圖片說明">。我想這個標簽很多人都知道,它的作用很明確,不是指定一張圖片的說明文字,讓搜索引擎知道這張圖片是關於什麼的。比如你的圖片是"周傑倫",那麼你的alt="圖片說明"中的"圖片說明"就應該是與"周傑倫"相關的詞或者句子。這樣寫當然也有利於你在圖片搜索的結果里顯示排名更前面一點,不過現在百度基本上是以頁面標題作為一張圖片排名的要素,當然,你的alt標記做得好,將會增加你的圖片匹配度。關於圖片說明的研究,以後我也許會寫一篇分析性的文章,因為有<a>鏈接的圖片里,還會有一個title標簽,title與alt這兩個誰重要,是有必要研究一下的。
第21行<a
href="/"
title="鏈接說明">鏈接詞</a>。這是鏈接說明,同進也是一個頁面鏈接的SEO重點,這里的"鏈接詞"相當的重要,如果你跟別人交換鏈接,你這個詞的寫法是起著外鏈好壞與否的決定性因素的。"鏈接詞"建議你最好寫成自己的關鍵詞,如果覺得實在不行或者怎麼樣,你一定要在"鏈接說明"里出現你的關鍵詞。否則對於排名,你的鏈接做得沒有太大的好處。這在SEO專業術語里還有一種叫法,叫做"google****",就是用很多站點,同時做鏈接到一個網站,然後所有的"鏈接詞"都寫一個詞-"周傑倫菲",不久以後google就會將這個站當做"周傑倫"這個詞最權威的站點,即使被那些站點鏈接的這個頁面沒有任何與"周傑倫"相關的內容,這個網站在"周傑倫"這個詞的排名情況也會很好。不過google已經調整了演算法,但是這樣做鏈接肯定是有用的,一定要認真對待你的鏈接。還有一個重點,就是對方的鏈接,如果是JS調用的,你就別想在他那裡得到任何權重,因為搜索引擎不會去讀取JS里的內容,所以,建議大家好好做鏈接,不要做了鏈接你的站卻跟沒做一樣。像百度空間的友情鏈接就是JS文件調用的,所以百度空間里的友情鏈接你是沒有權重的。具體可以查看HTML代碼,正常情況下一個頁面你找不到你的網站地址在<a>..</a>標簽內出現,基本上這就是屬於無效鏈接。
第22行<strong>重點關鍵詞強調</strong>。這個標簽基實重要性僅次於<h1>,很多人都這樣跟我講。所以我也基本上認同,很確定的是它比<b>、<u>、<i>等標簽要權重高。所以如果你的頁面有很重要的詞,而你想強調它,首先選這個<strong>標簽吧,接下來相對不重要的詞強調請你選<b>、<u>、<i>等標簽。當然,不要用得太多了,用得太多沒有重點就等於沒有用了。
第27行版權部分關鍵詞強調。我為什麼要寫這個?因為這個權重越來越高了,在底部版權部分,很接近版權部分出現的關鍵詞,是一種SEO策劃的手法。在這里強調你的關鍵詞,是讓你的關鍵詞布局更加合理,而不是頭部出現關鍵詞,中部強調很多次,而底部卻什麼也沒有關聯,這個詞在這個頁面是否值得懷疑呢?
5、公司網站如何做代碼優化
根據公司業務確定核心關鍵詞,在結合網站內容結構選擇指數合適的關鍵詞進行布局,下來就是注意網頁中h標簽的使用,一個頁面中建議出現一個h1標簽,h2和h3不進行次數限制,對於角碼跟小的h標簽可以使用但對SEO的影響越來越小。
其次是網站中圖片的處理。適當對圖片添加alt屬性,其次對於新站而言一定做好無價值頁面鏈接的nofollow處理,提高網站初期搜索引擎的抓取效率等等,這些是常規的代碼優化,其次就是需要根據網站具體程序進行具體調優
6、網站代碼優化要做哪些工作
title,網頁標題,每個頁面都要有一個唯一標題。title在優化中至關重要,是概括整個網頁。
keywords,網頁關鍵詞,不參與網頁排名,相當於一篇文章的核心詞。
description,網頁描述,促進網頁排名,相當於文章的摘要。
img,圖像標簽,常規蜘蛛無法識別圖像信息,並不代表不需要優化,我們要給圖像添加描述(alt標簽),一個頁面圖片大小盡量統一,用高清圖,增加用戶體驗度。
video,視頻標簽,和圖像的優化原則一樣,為了增加用戶體驗度而優化。
H標簽,是指網頁html 中對文本標題所進行的著重強調的一種標簽,以標簽<h1>、<h2>、<h3>到<h6>依次顯示重要性的遞減,製作<h>標簽的主要意義是告訴搜索引擎這個是一段文字的標題,起強調作用。
在優化中,h標簽來標記你標題的重要性次序,能給優化起到加分作用。h標簽要麼只用h1,要麼h1—h6都用上,用錯了會有負面影響。
rel=」nofollow」,屬性標簽應用,用於不向該頁面導出權重,搜索引擎不追蹤
7、網站代碼如何優化
SEO優化網頁代碼,利用夫唯「四處一詞」理論,可以從以下幾個方面:
1、title標簽
title 標簽能夠告訴用戶和搜索引擎網頁頁面的主題思想是什麼,一直是搜索引擎的抓取重點。通常,搜索引擎抓取Title標簽出於兩個目的:作為影響網頁排名的重要因素和作為搜索結果頁面的顯示信息。不管是哪一個目的,對我們做SEO來說都非常重要。
一般來說,Title標簽中的單詞最好保持在3~5個左右,最好包含關鍵字。但Title標簽中的單詞不要全部都是關鍵字,因為這樣可能會造成頁面關鍵字堆砌,導致過度優化。所選單詞應簡潔明了、具有描述性,要與網頁內容具有很大的相關性,並且每個不同的頁面都應該包含Title標簽。
2、meta keywords標簽
告訴搜索引擎本頁面要優化的關鍵詞是什麼,標簽中最好包含關鍵字,用英文逗號隔開。
3、meta description標簽
meta description標簽可以說是對Title標簽的進一步解釋,可以是一句話或者是包含十幾個單詞的短語。
每個頁面都該有其自己的Meta Description標簽,並且Meta Description標簽還可包含一些與網站內容相關但Title標簽中未提及的信息。與Title標簽要求相似,該部分內容也應具有描述性,與網頁內容具有相關性,可包含關鍵字,但不可過多。
4、h1標簽
H1是搜索引擎識別頁面信息的重要標記。合理使用H1能夠使得頁面結構更加清晰,有利於搜索引擎的抓取。H1給文章標題用,並且用一句話合理包含關鍵詞。
5、strong標簽
Strong標簽不僅是對文字加粗,並且這種形式的加粗會告訴搜索引擎該部分文字比較重要。所以文章正文開頭合理出現關鍵詞,並用Strong標簽。
6、alt標簽
圖文並茂。ALT標簽是一種圖片標簽,它將圖片的信息以文本的形式展現。對ALT標簽的使用沒有太多要求,只要在網頁中出現圖片的部分添加上該屬性即可,但其標簽內容應與相應頁面內容具有相關性,長度不得過長,一般1~5個單詞即可。
8、如何通過優化JS代碼來適合網站優化
一、 讓代碼簡潔:一些簡略的表達方式也會產生很好的優化
eg:x=x+1;在不影響功能的情況下可以簡寫為x++;
二、 變數名方法名盡量在不影響語意的情況下簡單。(可以選擇首字母命名)
eg:定義數組的長度可以取名為:ArrLen而不需要取為ArrayLength。
三、 關於JS的循環,循環是一種常用的流程式控制制。
JS提供了三種循環:for(;;)、while()、for(in)。在這三種循環中for(in)的效率最差,因為它需要查詢Hash鍵,因此應盡量少用for(in)循環,for(;;)、while()循環的性能基本持平。當然,推薦使用for循環,如果循環變數遞增或遞減,不要單獨對循環變數賦值,而應該使用嵌套的++或–運算符。
四、 如果需要遍歷數組,應該先緩存數組長度,將數組長度放入局部變數中,避免多次查詢數組長度。
因為我們常常要根據字元串、數組的長度進行循環,而通常這個長度是不變的,比如每次查詢a.length,就要額外進行一個操作,而預先把var len=a.length,則就少了一次查詢。
五、 盡量選用局部變數而不是全局變數。
局部變數的訪問速度要比全局變數的訪問速度更快,因為全局變數其實是window對象的成員,而局部變數是放在函數的棧里的。
六、 盡量少使用eval。
每次使用eval需要消耗大量時間,這時候使用JS所支持的閉包可以實現函數模板。
七、 減少對象查找
因為JavaScript的解釋性,所以a.b.c.d.e,需要進行至少4次查詢操作,先檢查a再檢查a中的b,再檢查b中的c,如此往下。所以如果這樣的表達式重復出現,只要可能,應該盡量少出現這樣的表達式,可以利用局部變數,把它放入一個臨時的地方進行查詢。
八、 字元串連接。
如果是追加字元串,最好使用s+=anotherStr操作,而不是要使用s=s+anotherStr。
如果要連接多個字元串,應該少使用+=,如s+=a;s+=b;s+=c;應該寫成s+=a + b + c;
而如果是收集字元串,比如多次對同一個字元串進行+=操作的話,最好使用一個緩存。怎麼用呢?使用JavaScript數組來收集,最後使用join方法連接起來,如下
var buf = new Array();for(var i = 0; i < 100; i++){ buf.push(i.toString());}var all = buf.join("");
九、 類型轉換
1. 把數字轉換成字元串,應用"" + 1,雖然看起來比較丑一點,但事實上這個效率是最高的,性能上來說:("" +) > String() > .toString() > new String()
盡量使用編譯時就能使用的內部操作要比運行時使用的用戶操作要快。
String()屬於內部函數,所以速度很快,而.toString()要查詢原型中的函數,所以速度遜色一些,new String()用於返回一個精確的副本。
2. 浮點數轉換成整型,這個更容易出錯,很多人喜歡使用parseInt(),其實parseInt()是用於將字元串轉換成數字,而不是浮點數和整型之間的轉換,我們應該使用Math.floor()或者Math.round()。Math是內部對象,所以Math.floor()其實並沒有多少查詢方法和調用的時間,速度是最快的。
3. 對於自定義的對象,如果定義了toString()方法來進行類型轉換的話,推薦顯式調用toString(),因為內部的操作在嘗試所有可能性之後,會嘗試對象的toString()方法嘗試能否轉化為String,所以直接調用這個方法效率會更高
十、 盡量作用JSON格式來創建對象,而不是var obj=new Object()方法。
因為前者是直接復制,而後者需要調用構造器,因而前者的性能更好。
十一、 當需要使用數組時,也盡量使用JSON格式的語法,
使用JSON格式的語法即直接使用如下語法定義數組:[parrm,param,param...],而不是採用new Array(parrm,param,param...)這種語法。因為使用JSON格式的語法是引擎直接解釋的。而後者則需要調用Array的構造器。
十二、 對字元串進行循環操作,例如替換、查找,就使用正則表達式。
因為JS的循環速度比較慢,而正則表達式的操作是用C寫成的API,性能比較好。
十三、 插入HTML
很多人喜歡在JavaScript中使用document.write來給頁面生成內容。事實上這樣的效率較低,如果需要直接插入HTML,可以找一個容器元素,比如指定一個div或者span,並設置他們的innerHTML來將自己的HTML代碼插入到頁面中。
十四、 對象查詢
使用[「」]查詢要比.items()更快
十五、 定時器
如果針對的是不斷運行的代碼,不應該使用setTimeout,而應該是用setInterval。setTimeout每次要重新設置一個定時器。
十六、 盡量減少DOM調用
在Web開發中,JavaScript的一個很重要的作用就是對DOM進行操作。可是對DOM的操作是非常昂貴的,因為這會導致瀏覽器執行迴流 (reflow)操作。我們應該盡可能的減少DOM操作。
9、我們如何優化網站代碼和標簽,讓SEO關鍵詞集中權重
1、HEAD部分代碼規范化。
HEAD部分代碼是搜索引擎爬行網站的入口部分,現在很多網站的頭部代碼都相當統一化,刻板效應明顯十足,這樣的網站代碼是像模板框架一樣是不被spider喜歡的,而我們要做的就是將網站的代碼規范化,建立起網站獨一無二的head部分,讓搜索引擎有新鮮感,這樣才能夠吸引spider爬行。
2、使用DIV+CSS分離布局網頁。
雖然現在div+css已經很成熟了,但是很多網頁設計者可能考慮到網頁的兼容性以及布局的簡易性還是使用老式的table布局,雖然table布局很方便,但是其弊端也是顯而易見的,那就是會大大增加網頁的大小,尤其是多層表格的嵌套,這種布局不僅會提升體積,同時如果嵌套數太多的話就會影響到搜索引擎的爬行,影響到站點的收錄。
另外,一些網站會使用外部文件,將css和js放在外部文件中,頁面html中只要放一樣代碼調用就可以了,有時候我們去查看的一些源文件代碼,會看到很多css代碼以及javasript代碼,將javascript放置在網站頁面的html文件中的最前面,而真正能用到得一些文字部分這被推倒了html的後面,張新全seo認為這種代碼都需要精簡。
3、CSS代碼本身的優化。
CSS是頁面效果呈現中非常重要的組成部分,它包括顏色、大小尺寸、背景和字體等。寫CSS很簡單很容易,但是要想寫出精煉的CSS代碼還是有很多技巧的。