下面我就给大家讲解一下网页页面设计需要注意的一些基本要素。

一、版面设计相关：

1、文章内容页/详情页，从标题开始到正文内容结束，不要插入任何广告；

2、禁止加遮屏广告、弹窗广告、底部悬浮广告；

可以加面积极小的置顶悬浮广告。

3、一个网页上最多只放一个引导APP下载的按钮；

（参照百度移动搜索广告白皮书3.0，对大幅广告和强制引导下载APP做了严格限制https://ziyuan.baidu.com/college/documentinfo?id=1784）

4、主体内容（内容页而言评论、分享、推荐等不视为主体内容）突出，尽量占据首屏，最好不要全部被大图覆盖。

5、页面长度控制不宜过长，不要超过3屏（个人感觉，仅供参考）

二、内链结构相关：

1、一个文字title对应一个URL；

2、链接不要打在样式上，要单独加a，分别对应到相关的文字、图片；

（一一对应的关系有利于提高内页的权重以及与相关关键词的对应度）

3、优化网站分级结构，网页主导航必不可少，且一定要用文字的形式。

PC站一定要有面包削导航；移动站可加面包削也可通过返回按钮的形式。

4、控制页面a的导出数量以及nofollow标签的使用

（蜘蛛分配到每个页面的权重是一定的，然后页面权重会平均分配到下面每个a链接上，控制导出数量集中权重分配到需要引导的页面上）

三、前端代码相关

1、控制页面的大小，一个页面最好不要超过100k 减少http请求提高网站的加载速度。

图片可以适当用Lazy Load Images延迟加载

2、少用JS

（蜘蛛不会抓取JS的内容，而且移动站目前采用MIP，也不支持JS，需要提交组件百度审核）

3、不用iframe嵌套

（蜘蛛不抓取，极不利于优化）

4、重要的代码放前面

（搜索引擎爬虫是从左往右，从上到下进行抓取的）

5、TDK和H1一定要有，是页面最重要的几个标签

一个页面有且最多只能有一个H1

内容页：正文标题用

标签，副标题用

标签，其它地方不随便乱用 h 标签；

首页：可以打在logo上，再加上title属性。

6、H2、H3等可以有，也可以没有，同一个H2等标签不要过多，最好不要超过4个

7、图片img加上alt属性，加了alt就不必加title了

（避免搜索引擎认为恶意优化）

8、在不影响页面功能的情况下，可以尽量给a标签加上title属性

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

9、/不能大量使用

（加粗会被搜索引擎认为是强调作用，过多会被认为是作弊）

10、不要隐藏网页内容