下面我就給大家講解一下網(wǎng)頁頁面設(shè)計(jì)需要注意的一些基本要素。

一、版面設(shè)計(jì)相關(guān)：

1、文章內(nèi)容頁/詳情頁，從標(biāo)題開始到正文內(nèi)容結(jié)束，不要插入任何廣告；

2、禁止加遮屏廣告、彈窗廣告、底部懸浮廣告；

可以加面積極小的置頂懸浮廣告。

3、一個(gè)網(wǎng)頁上最多只放一個(gè)引導(dǎo)APP下載的按鈕；

（參照百度移動(dòng)搜索廣告白皮書3.0，對(duì)大幅廣告和強(qiáng)制引導(dǎo)下載APP做了嚴(yán)格限制https://ziyuan.baidu.com/college/documentinfo?id=1784）

4、主體內(nèi)容（內(nèi)容頁而言評(píng)論、分享、推薦等不視為主體內(nèi)容）突出，盡量占據(jù)首屏，最好不要全部被大圖覆蓋。

5、頁面長度控制不宜過長，不要超過3屏（個(gè)人感覺，僅供參考）

二、內(nèi)鏈結(jié)構(gòu)相關(guān)：

1、一個(gè)文字title對(duì)應(yīng)一個(gè)URL；

2、鏈接不要打在樣式上，要單獨(dú)加a，分別對(duì)應(yīng)到相關(guān)的文字、圖片；

（一一對(duì)應(yīng)的關(guān)系有利于提高內(nèi)頁的權(quán)重以及與相關(guān)關(guān)鍵詞的對(duì)應(yīng)度）

3、優(yōu)化網(wǎng)站分級(jí)結(jié)構(gòu)，網(wǎng)頁主導(dǎo)航必不可少，且一定要用文字的形式。

PC站一定要有面包削導(dǎo)航；移動(dòng)站可加面包削也可通過返回按鈕的形式。

4、控制頁面a的導(dǎo)出數(shù)量以及nofollow標(biāo)簽的使用

（蜘蛛分配到每個(gè)頁面的權(quán)重是一定的，然后頁面權(quán)重會(huì)平均分配到下面每個(gè)a鏈接上，控制導(dǎo)出數(shù)量集中權(quán)重分配到需要引導(dǎo)的頁面上）

三、前端代碼相關(guān)

1、控制頁面的大小，一個(gè)頁面最好不要超過100k 減少http請(qǐng)求提高網(wǎng)站的加載速度。

圖片可以適當(dāng)用Lazy Load Images延遲加載

2、少用JS

（蜘蛛不會(huì)抓取JS的內(nèi)容，而且移動(dòng)站目前采用MIP，也不支持JS，需要提交組件百度審核）

3、不用iframe嵌套

（蜘蛛不抓取，極不利于優(yōu)化）

4、重要的代碼放前面

（搜索引擎爬蟲是從左往右，從上到下進(jìn)行抓取的）

5、TDK和H1一定要有，是頁面最重要的幾個(gè)標(biāo)簽

一個(gè)頁面有且最多只能有一個(gè)H1

內(nèi)容頁：正文標(biāo)題用<h1>標(biāo)簽，副標(biāo)題用<h2>標(biāo)簽，其它地方不隨便亂用 h 標(biāo)簽；

首頁：可以打在logo上，再加上title屬性。

6、H2、H3等可以有，也可以沒有，同一個(gè)H2等標(biāo)簽不要過多，最好不要超過4個(gè)

7、圖片img加上alt屬性，加了alt就不必加title了

（避免搜索引擎認(rèn)為惡意優(yōu)化）

8、在不影響頁面功能的情況下，可以盡量給a標(biāo)簽加上title屬性

（可以更有利于蜘蛛抓取信息）

9、<b>/<strong>不能大量使用

（加粗會(huì)被搜索引擎認(rèn)為是強(qiáng)調(diào)作用，過多會(huì)被認(rèn)為是作弊）

10、不要隱藏網(wǎng)頁內(nèi)容