您現在的位置:[辽宁35选7]辽宁35选7 > 網頁代碼優化大乘真經 十年磨一劍的干貨!

辽宁35选7:網頁代碼優化大乘真經 十年磨一劍的干貨!

發布日期:2014-04-07 閱讀次數:1515

     今天,在此給大家分享多年總結的網頁代碼優化真經。為什么說十年磨一劍?因為本人制作網頁已經10多年了,站內優化也做了好幾年,才積累了這些心得。今天,辽宁35选7小編就來一個”帥哥散花“,請大家接好!

  一、用好html標簽重定義,精簡代碼!

  Html標簽重定義比Class要節省頁面代碼。html里常見的標簽有span、u、i、small、big、cite等,我們都可以用到頁面中,然后在Css文件重定義樣式。例如:如果是需要三個div才達到的效果,用 i、span、p三個標簽就能很簡潔達到,根本不用class和div。

  二、標簽使用要讓搜索引擎易于理解。

  h1只能用于頁面主標題,一個頁面只能有一個,有的模板默認把logo鏈接或文字鏈接設置成h1,這是非常錯誤的,h1應該只給標題純文字;h2用于次一級重要的標題;h3可在列表頁用于文章標題。 h2和h3根據需要適量使用,不能太多。

  h標簽后面可以跟著p或ul,p是對h進行完善描述,ul是調用相關文章,這兩個都有助于搜索引擎理解。

  在文章內容頁,strong用于段落小標題,段落用p,這樣不但看上去比較美觀,搜索引擎也會明白。

  三、想樣式美觀而且代碼精簡,請用好background。

  如果想讓html元素具有出彩的效果并且代碼簡潔,css中定義html元素的background圖片是首選。因為background是在css文件中進行定義,比你直接在網頁中用img代碼中要節約很多字母。我們網站首頁大圖和一些重要超鏈接都通過background修飾,不但樣式美觀,而且代碼能精簡20%左右。

  四、按內容相關性,分Div塊

  頁面先分大區塊,然后再細分。小編的網站頁面按頂部、導航、左側、右側、底部,分長不同大Div。然后每個大Div中又可以根據相關性進行細分。這樣的網頁,搜索引擎對頁面層次非常容易理解,正確劃分邏輯區塊,是代碼優化非常關鍵的步驟!

  五、揚長避短,活用iframe和img圖片

  一般seo教程上都說盡量避免用iframe,因為不利于網站優化。但iframe有個好處,它里面引用的是另外一個網頁,可以單獨下載,不影響本頁面下載速度。所以,如果你的網站中有大輪播圖或flash,可以將之放入iframe中,有利于提速。

  img圖片也有妙用:我們做網頁優化都要避免相似頁面,減少樣本文字,但是有些文字是必不可少的。這時候就可以讓img圖片上場,將文字做成圖,這樣不管你有多少文字,那篇是一篇作文,html代碼中都只有一段簡短的img代碼,非常精簡!

  最后,提醒大家,網頁中鏈接地址最好用絕對路徑,避免誤被其他域名解析,產生大量復制頁面。很多同學都出過此類問題,不要到時后悔莫及。

  好了,小編就給大家分享到這里,如果大家能掌握以上幾個主要原則,那么你們只做出的一定是代碼精簡、樣式美觀、搜索引擎易于理解的頁面!如果大家有不明白地方也可以聯系小編,我非常愿意將我的經驗分享給大家,一起提高網站優化水平。

標簽:網頁代碼
司瓦圖胡經理
技術客服,免費咨詢
技術客服司瓦圖胡經理
司瓦圖網絡自2007年正式注冊成立,目前提供各類平臺系統定制,包括電商平臺開發,微信小程序定制開發,微信平臺定制開發,企業官網制作以及400電話開通等服務!

全國服務熱線4000-522-555周一至周六8:30-18:00

地址:合肥市政務區天瓏廣場5號甲級寫字樓1007-1008室

老張個人微信

老張原創分享

Copyright © 2018 版權所有:合肥司瓦圖網絡科技有限責任公司 ALL Rights Reserved  
皖ICP備07007410號
司瓦圖老張頭像
司瓦圖老張
老張自05年進入互聯網行業,一直從事互聯網平臺開發行業,服務項目主要有:平臺定制開發,電商平臺開發,微信商城,微信小程序等。
司瓦圖老張微信
{ganrao}