<div class="seo-area">
<h1 title="拭目以待的博客">拭目以待的博客</h1>
<h2 title="博文列表">
<a href="http://www.lovejavascript.com/seo/content.html?id=6" title="前端国际化">前端国际化</a>
</h2>
</div>
下一步，将这个区域更换为境像博文入口。
<div class="seo-area">
<h1 title="拭目以待的博客">拭目以待的博客</h1>
<h2 title="博文列表">
<a href="/seo/index.html" title="博文列表">博文列表</a>
</h2>
</div>
这个 /seo/index.html指向的地址，是一个同步生成的博文列表，这个列表不需要样式也不对外公开。
生成列表页界面示例：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>拭目以待的博客</title>
</head>
<body>
<h1>拭目以待的博客</h1>
<ul>
<li><a href="/seo/content.html?id=16">node乱码解决方法</a></li>
<li><a href="/seo/content.html?id=15">悦跑圈——属于跑者的圈子</a></li>
<li><a href="/seo/content.html?id=13">same-和而不同</a></li>
<li><a href="/seo/content.html?id=11">querySelector</a></li>
<li><a href="/seo/content.html?id=10">面试阿里失败总结</a></li>
<li><a href="/seo/content.html?id=9">listManager使用详解</a></li>
<li><a href="/seo/content.html?id=8">margin-top 外边距合并</a></li>
<li><a href="/seo/content.html?id=7">JSON.stringify()执行出错</a></li>
<li><a href="/seo/content.html?id=6">前端国际化</a></li>
<li><a href="/seo/content.html?id=4">UEdit 使用总结</a></li>
<li><a href="/seo/content.html?id=5">自定义表单、流程、菜单开发总结</a></li>
</ul>
</body>
</html>
百度爬虫会根据首页中的博文列表链接对该页面中的博文信息进行获取，而我们要做的就是将这些生成的链接真实的指向一个详情页境像地址,这些详情页同样也是不需要样式支持，但是需要存在一些必要的SEO友好信息。如title,h1等。
生成详情页界面示例：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="{{seo-title}}" />
<meta name="description" content="{{seo-title}}">
<meta name="author" content="{{seo-author}}">
<title>前端国际化</title>
</head>
<body>
<div class="content-warp">
<header class="content-header">
<h2 class="content-title">前端国际化</h2>
<div class="top-bar">
<span class="author">拭目以待</span>
发布于
<time class="createDate">2016-02-24</time>
</div>
</header>
<div class="content-main">
博文详情
</div>
</div>
</body>
</html>
通过site:**.com查看结果一般都需要等待一周左右，当然大站可能会更快些。seo优化是一个测试的过程，每次代码变更后都需要这么一个时间段，似乎太过于被动。
在这里提一个可以快速查看效果的方法，使用 百度站长工具->网页抓取->抓取诊断可以实时的查看优化效果。虽然会有差异，但是总体上与结果相符。
到这里似乎已经结束，但是优化永无止静。再粘几个博客首页上需要注意的几点。
1、在首页body后紧根增加一个隐藏的H1标签，用于填写博客的简介及logo。
<h1 class="seo-h1">
<img src="http://lovejavascript.com/images/logo121-75.png" alt="loveJavaScript">
欢迎来到拭目以待的空间。前端技术日新月异，有人曾说过:"技术不进则死";你是否感受到了来自这方面的压力? 前端交流群：452781895
</h1>
2、在每个详情页增加百度主动推送代码，具体的站点可以到百度站长工具中根据站点进行获取。
(function(){
var bp = document.createElement('script');
bp.src = '//push.zhanzhang.baidu.com/push.js';
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
3、增加外链，到各大站点进行博文转发，增加原文链接。
如果觉着这个博文有所帮助，请帮助完成第三条，多谢。
原文链接：https://blog.csdn.net/iteye_17835/article/details/82652057?ops_request_misc=&request_id=6d3ac28c831e4520b9a6a1dbc397d3e1&biz_id=&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~koosearch~default-3-82652057-null-null.268%5Ev1%5Econtrol&utm_term=seo%E4%BC%98%E5%8C%96
原创文章，作者：优速盾-小U，如若转载，请注明出处：https://www.cdnb.net/bbs/archives/23380
