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

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

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

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

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

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

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

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

5、頁(yè)面長(zhǎng)度控制不宜過(guò)長(zhǎng)，不要超過(guò)3屏（個(gè)人感覺(jué)，僅供參考）

二、內(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)頁(yè)的權(quán)重以及與相關(guān)關(guān)鍵詞的對(duì)應(yīng)度）

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

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

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

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

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

1、控制頁(yè)面的大小，一個(gè)頁(yè)面最好不要超過(guò)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、重要的代碼放前面

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

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

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

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

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

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

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

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

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

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

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

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

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