网页结构
一、网页中主体结构标签一一对应。
网页头部区域 | <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、图片实际大小与网页大小一致;
原创文章,作者:大壮同学,如若转载,请注明出处:https://www.lidazhuang.cn/seo/1058.html