网站HTML结构SEO要求说明(含移动站)

网页结构

一、网页中主体结构标签一一对应。

网页头部区域 <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

(0)
上一篇 2016年12月15日
下一篇 2017年9月4日

相关推荐

联系我
我们将24小时内回复。
取消