网页结构
一、网页中主体结构标签一一对应。
网页头部区域
网页底部区域
网页边框区域
网页导航区域
网页章节、页眉、页脚
详情页文章区域
详情页作者信息
详情页中文章的发布日期
列表页中文章列表区域
二、其他说明
1、首页head中标注Meta标签协议,标识对应的网页浏览,
只适合PC浏览
只适合移动设备浏览
响应式浏览
2、在head中标注地域服务信息。
name属性的值是location、Content的值为province=北京;city=北京; coord=116.306522891,40.0555055968;
province为省份简称,city为城市简称,均不可为空;
coord是页面信息的经纬度坐标,采用的是bd09ll坐标。若页面信息为城市级别,填写城市中心点即可。若页面信息有具体的地址,经纬度坐标填写该具体地址的坐标(可以通过百度地图的地址解析 API获取)。
3、文章页head接入百度OG协议、360OG协议
百度OG协议;
360OG协议
4、移动站网页字号等要求
1、主体内容含文本段落时,正文字号推荐14px,行间距推荐(0.42~0.6)*字号,正文字号不小于10px,行间距不小于0.2*字号;
2、主体内容含多图时,除图片质量外,应设置图片宽度一致位置统一;
3、 主体内容含多个文字链时,文字链字号推荐14px或16px:字号为14px时,纵向间距推荐13px;字号为16px时,纵向间距推荐14px;文字链整体可点区域不小于40px;
4、主体内容中的其他可点区域,宽度和高度应大于40px;
首页
首页logo处使用H1标签,图片必须包含alt属性,标题为站点名称。
说明:H1标签在任何页面只允许出现一次!!!
主导航处栏目列表使用H2标签,次导航使用H3标签;
图片、图标从img标签加载必须有alt属性;
站外链接除友情链接与我司网站链接,一律增加nofollow;
列表页
列表页栏目名称处使用H1标签,站点logo处使用H2标签,
导航、图片、图标、站外链接、友情链接要求同首页;
文章页
文章页文章标题处使用H1标签,
Logo处、导航、图片、图标、站外链接、友情链接要求同首页
性能优化
1、HTML中img标签引入时,需要声明img大小;
2、JS、CSS文件需要压缩;
3、js文件默认底部引用;
4、图片实际大小与网页大小一致;