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

作者: loooooong 分类: 未分类 发布时间: 2021-08-05 11:52

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

因为需要结合本地实际搜索结果,放弃了使用服务器端采集或现成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、自由复制使用

移动端的方法后续放出

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

专栏推荐