SEO工具：提取關(guān)鍵詞PC端所有標(biāo)題信息

工作中經(jīng)常遇到需要整理很多關(guān)鍵詞的首頁、前三頁的信息；但是一個(gè)一個(gè)標(biāo)題復(fù)制太累了，所以做了一個(gè)小工具自動(dòng)提取當(dāng)前搜索結(jié)果的所有標(biāo)題。

因?yàn)樾枰Y(jié)合本地實(shí)際搜索結(jié)果，放棄了使用服務(wù)器端采集或現(xiàn)成API的做法，而是通過手動(dòng)搜索，然后通過JS程序自動(dòng)收集并展示到頁面右側(cè)。

最終效果如圖：

實(shí)現(xiàn)邏輯

1、編寫JS代碼完成采集當(dāng)前頁面所有TITLE信息的功能

2、把JS代碼封裝到瀏覽器收藏夾中

3、每次使用時(shí) ①打開需要提取的搜索結(jié)果頁面 ②點(diǎn)擊收藏夾 ③復(fù)制搜索結(jié)果TITLE信息

代碼實(shí)現(xiàn)：

代碼使用了jquery技術(shù)，百度本身使用了jquery不需要再做加載，直接寫代碼。

var key = $("#kw").val(); //獲取當(dāng)前關(guān)鍵詞
$("#content_right").html(key + "</br>"); // 清理右側(cè)內(nèi)容
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>") // 添加所有標(biāo)題
	} else {
		if ($(this).attr("tpl") == "recommend_list") {
			tpl = 1
		}
	}
});

封裝到收藏夾中：

第一步：壓縮js

收藏夾不能包含換行，只能壓縮。通過現(xiàn)成工具壓縮后得到

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

第三部：建收藏夾

隨便把一個(gè)網(wǎng)頁添加到收藏夾，然后將收藏的網(wǎng)址改為一下代碼，名字隨便起。

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的搜索結(jié)果頁面

2、點(diǎn)擊對應(yīng)的收藏，所有title會(huì)顯示在右側(cè)，格式為 排名：TITLE

3、自由復(fù)制使用

移動(dòng)端的方法后續(xù)放出