网页结构
一、网页中主体结构标签一一对应。
| 网页头部区域 | <header> |
| 网页底部区域 | <footer> |
| 网页边框区域 | <aside> |
| 网页导航区域 | <nav> |
| 网页章节、页眉、页脚 | <section> |
| 详情页文章区域 | <article> |
| 详情页作者信息 | <address> |
| 详情页中文章的发布日期 | <time> |
| 列表页中文章列表区域 | <ul> |
二、其他说明
1、首页head中标注Meta标签协议，标识对应的网页浏览，
<meta name=”applicable-device”content=”pc”> 只适合PC浏览
<meta name=”applicable-device” content=”mobile”> 只适合移动设备浏览
<meta name=”applicable-device” content=”pc,mobile”> 响应式浏览
2、在head中标注地域服务信息。
<meta name=”location” content=”province=北京;city=北京; coord=116.306522891,40.0555055968″>
name属性的值是location、Content的值为province=北京;city=北京; coord=116.306522891,40.0555055968；
province为省份简称，city为城市简称，均不可为空；
coord是页面信息的经纬度坐标，采用的是bd09ll坐标。若页面信息为城市级别，填写城市中心点即可。若页面信息有具体的地址，经纬度坐标填写该具体地址的坐标（可以通过百度地图的地址解析 API获取）。
3、文章页head接入百度OG协议、360OG协议
百度OG协议；
<meta property=”og:type” content=”article” />
<meta property=”article:published_time” content=”YYYY-MM-DDTHH:MM:SS+时区”/>
<meta property=”article:author” content=”作者姓名”/>
<meta property=”article:published_first” content=”原发媒体名称, 原发网页URL” />
360OG协议
<!–必填–>
<meta property=”og:type” content=”article”/>
<meta property=”og:image” content=”图片地址 “/>
<meta property=”og:release_date” content=”发表时间”/>
<!–选填–>
<meta property=”og:title” content=”SEO文章标题 “/>
<meta property=”og:description” content=”SEO文章简介”/>
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、图片实际大小与网页大小一致；
原创文章，作者：Da Zhuang，如若转载，请注明出处：https://www.lidazhuang.cn/seo/1058.html
