現在位置:主頁 > SEO技術分享 > 網站優化不可忽視的代碼標簽

網站優化不可忽視的代碼標簽

阿里瑞SEO2017年04月25日SEO技術分享

簡介今天我們來學習用來描述網站中需要優化哪些代碼標簽。 首先,我們梳理如下幾大類基礎知識 (一)-網站三要素 我們用TKD來快速記住網站組成,TKD就是標題title、關鍵詞keywords、描述...

今天我們來學習用來描述網站中需要優化哪些代碼標簽。

首先,我們梳理如下幾大類基礎知識

(一)-網站三要素

我們用TKD來快速記住網站組成,TKD就是標題title、關鍵詞keywords、描述description三個部分,那么這部分的書寫一定是很注意的,除過關鍵詞keywords外,其他兩個都很重要,我們需要分析用戶需求,結合網站內容去填寫合適的標題和描述,另外要注意能吸引用戶注意。

(二)-網站代碼組成

html>
<head>
<title>武漢SEO</title>
<meta name="keywords" content="SEO研究中心,SEO教程,武漢SEO" />
<meta name="description" content="武漢SEO提供免費SEO公開課,SEO技術問題
解答,SEO優化教程下載和系統SEO培訓及技術指導。SEO高手交流群:25492313 " />

</head>結束標簽
<body>這是簡單的hmtl</body>
<img src="url" alt="表達的意思">
<h1>通過視頻分享SEO<h1/>
<a href="http://bbs.moonseo.cn/forum-39-1.html" rel="nofollow">SEO名詞</a>
</html>


(三)-網站代碼的功能和作用


3.1-HTML的組成

1)-HTML由HTML標簽組成,HTML 標簽是由尖括號包圍的詞,例如<title>
2)-HTML 標簽通常是成對出現的,比如 <body> 和 </body>。當然也有單標簽形式出現的,比如<meta name="keywords" content="   "/>
3)-開始標簽 <b> ,結束標簽 </b>
4)-<h1>:文章標題
5)-<strong>:加粗標簽、強調標簽,
6)-<b>:加粗標簽;
7)-<a>:超鏈接標簽,格式為:<a href=" http://www.ainiseo.com " title="無憂老師"target="_blank">無憂老師博客</a>
8)-<p>:段落標簽;
9)-<br/>:換行標簽,單獨使用,是自閉合標簽;
10)-<hr>:被水平線分隔的標題和段落。

(四)-如何進行代碼優化

1)-<html> 與 </html> 之間的文本用來描述網頁

2)-<body> 與 </body> 之間的文本是可見的頁面內容

3)-<h1> 與 </h1> 之間的文本被顯示為標題,注意:文章標題,文章的標題只有一個,可以用在網頁Logo中,所以一個網頁內只能出現一對h1標簽;h2標簽頁面中可以出現多次,5以內為佳,可以用于首頁的版塊標題,用以強調關鍵詞。 內頁文章標題等。h3-h5很少使用,h6可以用于友情鏈接,減少頁面權重輸出。

4)-百度不能識別圖片,需要ALT標簽給予描述 <img src="url" alt="url表達的意思">  圖片標簽描述
圖片加ALT屬性的作用:
4.1-提高網站相關性和用戶體驗
4.2-當用戶鼠標一移動到該圖片上立刻顯示該圖片想要說明的意思,而不是為了布置SEO關鍵字而寫ALT文字,只有這樣,ALT文字的真正價值才會被體現出來。當網站圖片出現打不開時,用戶依然能夠知道圖片所表達的含義。
4.3-用于圖片的文字注釋
我們在瀏覽網頁時經常會發現當鼠標放在某一圖片上的時候會出現文字注釋,或者在有些網站的LOGO上也會顯示ALT文字,這種文字就是ALT文字,專門用于注釋圖片的,因為搜索引擎目前識別不了圖片,所以用ALT文字來代替圖片 。
4.4-增加關鍵詞密度
可以布置關鍵詞,但盡量按照圖片表達含義來抒寫,不要重復。這樣百度圖片在收錄的時候,方便它的查找。

5)-百度蜘蛛無法識別圖片,這個時候就要為圖片添加ALT屬性,或者在圖片下部加一段解釋性文字。最好同樣寫一段介紹性的文字,用于注釋。優秀范例大家可去優酷視頻尋找學習。  
 
6)-nofollow標簽,Rel="nofollow"  屬性標簽應用  
Rel="nofollow"  屬性標簽應用   書寫規范:<a href="網址" rel="nofollow"></a>
rel=”nofollow”表示不向該頁面導出權重,搜索引擎不追蹤。出站鏈接,不信任鏈接,比如QQ、微博等等可以添加nofollow標簽,一般是在在a標簽里添加。關于我們和聯系我們,可以盡量讓內容豐富一些包含文字,這樣的話我們不必添加nofollow標簽。

7)-JS/CSS的優化 
  JavaScript 是屬于網絡的腳本語言! JavaScript 被數百萬計的網頁用來改進設計、驗證表單、檢測瀏覽器、創建cookies,以及更多的應用。作為SEOer,我們能做的工作就是優化JS和CSS代碼,對冗余廢棄的代碼進行清理刪除,對JS、css代碼進行合并,提升瀏覽器加載速度,改進用戶體驗。
  JS書寫有三種方式,第一種是直接寫到網頁代碼中,比如<>;
  第二種是嵌套式,可以出現在html的任意位置
  第三種是文件調用,html文件引入js文件。
  那么,這里建議大家使用JS,盡量使用外部調用方式。
  
8)-iframe標簽
引用標簽,蜘蛛是無法抓取Iframe標簽中的內容,所以切記要優化的內容不要放置在iframe標簽中。

9)-不建議使用的
圖片、flash、JS、視頻、聲音、Ajax、frame、框架iframe等不能被百度蜘蛛識別,就不能抓取。不建議使用的JS、Ajax、frame、框架iframe,盡量少用。如果遇到frame、框架iframe,盡量用div+css布局,減少使用概率。同時table布局也是不利于網站優化的。

根據筆者建站經驗,建議大家同時使用dreamwaver,這樣可以同窗查看html的源代碼和可視頁面,方便初學者學習。

好了,掌握了如下網站代碼優化三部曲,做一個爆款站就不是什么難事了。

評論

說點什么吧
  • 全部評論(0
    還沒有評論,快來搶沙發吧!