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