網站標題及關鍵詞地址隨IP變化而變

有人問伍林堂官網的標題為什么在不同的地區顯示不同的地址加名稱，如下圖：

怎么變的？根據https://www.liuzhixi.cn/的提供方法如下：

第一步：引入js

<script src='//ip.ws.126.net/ipquery'></script>

第二步：需要替換地址的地方加入（去除省、市可去，可不去，去不去關我們什么事情）

<script>      
	if(lc != ''){    
	 	var lcname = lc.substr(0, lc.length - 1); 
	 	//去除省   
		$(".lcname").text(lcname);    
	}else    
	if(lo != ''){    
		var loname = lo.substr(0, lo.length - 1);   
		//去處市 
	$(".lcname").text(loname);    
}else {    
$(".lcname").text("北京");    
};    
</script>

不一定要一個頁面插入一次，多插幾次也無防，只要舒服就行，也就是全局foot插入，任何要改的地方加入下面代碼都能用了。

第三步：需要變換地址的位置加入如下代碼：

<di class="lcname">廣州</di>

這個di隨便改，也就是隨便用什么標簽

第四步：seo的變換，因為對seo不友好，建議需要的頁面插入如下代碼：

<script>    
		if(lc != ''){    
		 	var lcname = lc.substr(0, lc.length - 1);    
			$(document).attr('title',lcname + '網站建設 - ' + lcname + '網站設計 - ' + lcname + '網站優化 - ' + lcname + '伍林堂文化傳播有限公司 - Wu Lintang Culture Communication Co., Ltd');    
			$('meta[name="keywords"]').attr('content', '道教網站,做網站,網站建設,網站制作,網絡公司,網站優化,道教互聯網,道教網站建設,' + loname + '網站網頁設計,' + loname + '網站建設,' + loname + '網站制作,' + loname + '百度推廣,' + loname + '百度優化,' + loname + '網站優化,' + loname + '手機網站建設,' + loname + '網站推廣,' + loname + '網絡公司');    
			$('meta[name="description"]').attr('content', loname + '伍林堂文化傳播有限公司 - Wu Lintang Culture Communication Co., Ltd - ' + loname + '網站建設制作設計|' + loname + '微信小程序開發|網站制作|手機App開發|專業' + loname + '網頁設計公司');    
		}else    
		if(lo != ''){    
			var loname = lo.substr(0, lo.length - 1);    
		$(document).attr('title',loname + '網站建設 - ' + loname + '網站設計 - ' + loname + '網站優化 - ' + lcname + '伍林堂文化傳播有限公司 - Wu Lintang Culture Communication Co., Ltd');    
			$('meta[name="keywords"]').attr('content', loname + '網站建設,' + loname + '網站設計, ' + loname + '網站優化,' + loname + '網站開發');    
			$('meta[name="description"]').attr('content', loname + '伍林堂文化傳播有限公司 - Wu Lintang Culture Communication Co., Ltd - ' + loname + '網站建設制作設計|' + loname + '微信小程序開發|網站制作|手機APP開發|專業' + loname + '網頁設計公司');    
	}else {    
	$(document).attr('title','南通網站建設 - 南通網站設計 - 南通網站優化 - 南通伍林堂文化傳播有限公司 - Wu Lintang Culture Communication Co., Ltd');    
			$('meta[name="keywords"]').attr('content', '道教網站,做網站,網站建設,網站制作,網絡公司,網站優化,道教互聯網,道教網站建設,南通網站網頁設計,南通網站建設,南通網站制作,南通百度推廣,南通百度優化,南通網站優化,南通手機網站建設,南通網站推廣,南通網絡公司');    
			$('meta[name="description"]').attr('content', '南通伍林堂文化傳播有限公司-Nantong Wu Lintang Culture Communication Co., Ltd-南通網站建設制作設計|南通微信小程序開發|網站制作|手機APP開發|專業南通網頁設計公司');    
	};    
</script>

文字自己改，就這樣。

原作者發布鏈接：https://www.liuzhixi.cn/html/89.html