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

　　一、版面设计相关：

　　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、不要隐藏网页内容

本站资源均来自互联网或会员发布，如果不小心侵犯了您的权益请与我们联系。我们将立即删除！谢谢！