《頁面優化》之網頁元素優化

本文作者:俺是個土鱉i  |  分類:SEO推廣/網站優化  |  428天前  |  人氣708

《頁面優化》之網頁元素優化,網頁元素優化,可以是只擁有一個頁面的網站,也可以是大網站中的某一個頁面。

今天,520設計SEO課堂網為大家帶來的是網頁元素優化教程。希望本次SEO技術培訓對大家有所幫助。 

《頁面優化》之網頁元素優化

 

一、頁面結構設計

首先要明白一個頁面由幾部分構成。

一般頁面結構由頭部、右(左)側、底部和主題部分構成。一般的博客、資訊 站、企業站等的頁面幾乎都是這樣來設計的。

《頁面優化》之網頁元素優化

 

二、文字優化

1、字體

正規嚴肅的網站,不能用太優質的字體。

彰顯個性的網站,也不建議用特別不容易識別的字體。

2、顏色

一般采用黑色或深灰色為佳,不建議出現大量紅色,也不建議出現閃光的文字 (當然這一般就屬于圖片的范疇了)。

3、大小

字體一般為 14px。

4、行間距與字間距

給人的感覺舒服就好。

 

三、圖片優化

1、命名

Google 建議是圖片描述的是什么,就命名為什么,比如上面一張圖片我的命名 為“jiegou.png”,其實如果按照 Google 官方的說法,這張圖片應該命名為“yemianjiegoushilitu.png”,當然用英文更好,則為 “page_structure_diagram.png”。

當然,如果按照 Google 的要求來做是最好的,沒必要非得寫英文,寫中文拼音 也是可以的,對百度搜索引擎也是非常友好的。

2、大小

一般來講,圖片越清晰越好,但一般體積反而是越小越好。雖然這是矛盾的, 但也是事實。

圖片不清晰,自然用戶體驗度也不好,圖片清晰了,很可能體積就大了,導致 頁面顯示圖片慢。

3、備注

備注是什么?就是圖片下方的文字說明。一般大網站的圖片下方都會有對圖片 的說明。

《頁面優化》之網頁元素優化
4、alt 與 title 屬性
圖片描述的是什么,就寫什么,例如上面一張圖的,alt 與 title 均為“圖片 備注示例圖”。

四、代碼優化
一般不要在頁面上使用過多 JS 代碼,容易導致網站加載過慢,不要使用過多冗 余代碼,可以適當對代碼做精簡。當然這是有專門的技術人員在的話,其實 CMS 系統來講,本身是挺好的,但是由于人們開發的主題或二次修改模板,可 能會導致模板中有很多冗余代碼。

以上就是520設計SEO課堂網為大家帶來的是網頁元素優化教程。感謝您的觀看。520設計網課堂SEO培訓

轉自小小課堂

本作品為上傳者原創,版權為上傳者所有。分享時請注明,謝謝!

本文網址:http://www.hbvdgk.tw /listdetail/1/58793/5397.html

快給朋友分享吧!

提示:本站所有資源僅供學習與參考,請勿用于商業用途。圖片來自互聯網~如侵犯您的權益,請聯系QQ:229866246.

提示:轉載請注明來自:sj520.cn 。    原文地址:http://www.hbvdgk.tw

立即登錄/立即注冊 與大神切磋,分享你的觀點!

全部評論: 0

新手
71
作品
4
文章
0
喜歡
520
進群福利
簽到領VIP
掃二微碼

會員登錄還沒有賬號 立即注冊

郵箱登錄郵箱格式不正確

忘記密碼 ?

用第三方帳號直接登錄

微博賬號登錄 QQ賬號登錄
两码中特永久免费公开