SEO工具：提取关键词PC端所有标题信息

工作中经常遇到需要整理很多关键词的首页、前三页的信息；但是一个一个标题复制太累了，所以做了一个小工具自动提取当前搜索结果的所有标题。

因为需要结合本地实际搜索结果，放弃了使用服务器端采集或现成API的做法，而是通过手动搜索，然后通过JS程序自动收集并展示到页面右侧。

最终效果如图：

实现逻辑

1、编写JS代码完成采集当前页面所有TITLE信息的功能

2、把JS代码封装到浏览器收藏夹中

3、每次使用时 ①打开需要提取的搜索结果页面 ②点击收藏夹 ③复制搜索结果TITLE信息

代码实现：

代码使用了jquery技术，百度本身使用了jquery不需要再做加载，直接写代码。

var key = $("#kw").val(); //获取当前关键词
$("#content_right").html(key + "</br>"); // 清理右侧内容
var tpl = 0;
$("div .result").each(function() {
	if ($(this).attr("tpl") != "recommend_list") { //不要热门搜索位置
		var sid = Number($(this).attr("id")) - tpl;
		$("#content_right").append("P1-" + "-" + sid + ":" + $(this).find("h3").text() + "</br>") // 添加所有标题
	} else {
		if ($(this).attr("tpl") == "recommend_list") {
			tpl = 1
		}
	}
});

封装到收藏夹中：

第一步：压缩js

收藏夹不能包含换行，只能压缩。通过现成工具压缩后得到

var key=$("#kw").val();$("#content_right").html(key+"</br>");var tpl=0;$("div .result").each(function(){if($(this).attr("tpl")!="recommend_list"){var sid=Number($(this).attr("id"))-tpl;$("#content_right").append("P1-"+"-"+sid+":"+$(this).find("h3").text()+"</br>")}else{if($(this).attr("tpl")=="recommend_list"){tpl=1}}});

第二步：JS代码前加入前缀

一些浏览器需要在代码前加入 javascript:才能识别为js

第三部：建收藏夹

随便把一个网页添加到收藏夹，然后将收藏的网址改为一下代码，名字随便起。

javascript:var key=$("#kw").val();$("#content_right").html(key+"<br>");var tpl=0;$("div .result").each(function(){if($(this).attr("tpl")!="recommend_list"){var sid=Number($(this).attr("id"))-tpl;$("#content_right").append("P1-"+"-"+sid+":"+$(this).find("h3").text()+"<br>")}else{if($(this).attr("tpl")=="recommend_list"){tpl=1}}}); 

使用方法：

1、打开想要提取TITLE的搜索结果页面

2、点击对应的收藏，所有title会显示在右侧，格式为 排名：TITLE

3、自由复制使用

移动端的方法后续放出