有人问伍林堂官网的标题为什么在不同的地区显示不同的地址加名称，如下图：

怎么变的？根据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

打赏

微信扫一扫，打赏作者吧～