在我們優(yōu)化一個(gè)網(wǎng)站之中,往往是摻雜著html代碼的優(yōu)化。一個(gè)網(wǎng)站不但需要做好用戶體驗(yàn),也需要做好搜索引擎的一個(gè)體驗(yàn)。搜索引擎體驗(yàn)就涉及到html代碼優(yōu)化,那到底如何優(yōu)化網(wǎng)站的html代碼呢?今天亞網(wǎng)互聯(lián)小編我就給大家普及一下html代碼的優(yōu)化知識(shí)。
一、基礎(chǔ)html代碼認(rèn)識(shí)
html代碼是由div+css的組成,所謂的DIV就是我們看到網(wǎng)站的框架而CSS指的是控制這個(gè)框架的控制器。大家可以發(fā)現(xiàn)整個(gè)網(wǎng)頁是有頭部(head)、內(nèi)容(body)、footer(底部)三部分組成。網(wǎng)頁就像蓋房子一樣先做框架(div),在具體施工(css)。網(wǎng)站的頭部主要包括標(biāo)題(title)、描述(description)、關(guān)鍵詞(keywords)三部分。對(duì)于body身體部分中其實(shí)也就包含圖片、錨文本兩個(gè),不論logo還是輪展圖都屬于圖片,其中圖片分為背景圖片和加入的圖片,導(dǎo)航欄或者文章的標(biāo)題都是錨文本。底部footer跟身體部分是一樣的。
總結(jié)每個(gè)網(wǎng)頁都是由圖片、文字、錨文本組成的,頭部(head)寫上三大標(biāo)簽,內(nèi)容(body)放產(chǎn)品以及內(nèi)容,底部(footer)放我們的一些聯(lián)系方式。
二、html代碼優(yōu)化
1、首先我們要知道哪些是搜索引擎不認(rèn)識(shí)的,像iframe(拿出網(wǎng)頁),圖片,視頻,js,flash。
有些朋友可能會(huì)為了增加網(wǎng)站美觀度而添加很多視頻,js,flash等之類效果展示,其實(shí)這種東西能少用就少用,除非是對(duì)用戶體驗(yàn)有用的。
2、其次我們需認(rèn)識(shí)一些特別的標(biāo)簽,像nofollow標(biāo)簽,(nofollow在html代碼之中是不傳遞權(quán)重的意思)我們可以針對(duì)一些無關(guān)緊要的東西給nofollow掉。如:QQ客服、廣告、登入頁面或注冊(cè)一些鏈接之類的都可以nofollow掉。寫法:<ahref=“鏈接地址”rel=“nofollow”>文字</a>
3、然后我們?cè)僬J(rèn)識(shí)下圖片標(biāo)簽,圖片是搜索引擎不能識(shí)別的,但圖片有個(gè)alt屬性能說明圖片是干啥的,所以我們的每個(gè)圖片最好寫清楚alt屬性。這樣你網(wǎng)站的基礎(chǔ)得分也會(huì)高點(diǎn)。寫法:<imgsrc=“圖片路徑”alt“圖片描述”/>
4、最后我們認(rèn)識(shí)下H標(biāo)簽,在代碼中加入H標(biāo)簽有利于層級(jí)關(guān)系的分布,這樣能告訴搜索引擎那塊是比較重要的,便于搜索引擎識(shí)別。H標(biāo)簽包括H1,H2,H3,H4,H5,H6。等級(jí)從h1-h6由高到低。
H標(biāo)簽用法:我們認(rèn)為那塊是這個(gè)頁面最重要的我們可以用h1標(biāo)注起來。但h1標(biāo)簽在一個(gè)頁面只能出現(xiàn)一對(duì),而h2-h6可以出現(xiàn)多對(duì)。其實(shí)一個(gè)網(wǎng)頁沒有H標(biāo)簽也是沒關(guān)系的,對(duì)于網(wǎng)站影響是不大的,但是用起來也是可以的,畢竟這樣能更好的體驗(yàn)出網(wǎng)站代碼的完整性。
總結(jié):我們?cè)谧鲆粋€(gè)網(wǎng)站優(yōu)化的時(shí)候不要完全追求網(wǎng)站的美觀度,胡亂添加js、flash等效果展示。更需要注重用戶體驗(yàn)和搜索引擎體驗(yàn)。在搜索引擎體驗(yàn)時(shí)一定要做好最基本的html代碼的優(yōu)化。只有我們做好這些最基本的設(shè)置,再加上我們做的非常好的用戶體驗(yàn)。那我們的網(wǎng)站排名自然會(huì)超過別人。
如沒特殊注明,文章均為深圳網(wǎng)站建設(shè)原創(chuàng),轉(zhuǎn)載請(qǐng)注明:亞網(wǎng)互聯(lián)cxtj168.cn
【 微信掃一掃 】