加快站内Google自定义搜索载入速度:提高站内搜索质量与用户体验

分类：免费建站时间：2024年11月05日来源：网络

文章目录

减慢网页载入
选择性地加载
托管搜索结果
使用百度搜索
搜索效果演示
站内搜索小结

已经收到不少朋友反映部落添加的Google自定义搜索无法载入，或者载入缓慢的问题了，主要表现就是提交了搜索后会进入搜索页面，然后一直停留在等Google服务器响应中，正在载入Google自定义搜索的页面中。

之前我是直接博客的侧边栏添加的Google自定义搜索代码，每打开一次网页时Google自定义搜索代码就会载入一次，所以影响网页加载速度是显而易见的，有一段时间因为Google服务器在国内“故障”，整个侧边栏都是空白，一直卡在那里。

为了不让Google自定义搜索代码加载影响博客网站的网页打开速度，真是“煞费苦心”呀，先是将Google自定义搜索代码移除侧边栏，然后改用表单提交搜索关键词，最后用此关键词打开Google自定义搜索，实现站内搜索。

可就是在最后一步最终还是出了问题，Google自定义搜索一直在加载中，搜索结果怎么也不出来。虽然部落的站内搜索用的人少一些，但是有不少朋友通过此搜索会找到一些“最相关”的资源，这些慢的加载速度显然不利于用户体验。

所以为了提高站内搜索质量，这次我们就专门针对Google自定义搜索载入速度慢的问题进行相关的优化。这里还有一些免费建站小技巧：

1、替换站内搜索：网站添加优化Google自定义搜索影响网站打开速度和证书错误
2、轻松备份保安全：巧用远程FTP备份网站文件：Drivehq网盘和Cobian Backup备份软件
3、SEO重定向问题：301永久重定向设置和Wp Super Cache导致PHP 301重定向失效

加快站内Google自定义搜索载入速度:提高站内搜索质量与用户体验

一、Google自定义搜索载入慢影响网页打开速度

1、用一般的方法添加了Google自定义搜索代码，在打开网页时会加载Google自定义搜索的JS、CSS、图片等。

2、而一旦谷歌的服务器出现了“故障”，网页就有可能卡在等谷歌服务器响应中，最后超时放弃，在浏览器中会显示无法连接的错误。

Google自定义搜索无法连接服务器

3、而表现在网页中就是“等待加载中”，网页迟迟无法完全打开。

Google自定义搜索等待加载中

4、另外，经过测试，Google服务器的代码和文件有时会拖慢网页加载速度，情况就和网页放多了太多的广告代码一样。

Google自定义搜索拖慢速度

二、使用Form表单提交搜索：有选择性的加载Google自定义搜索

1、Google自定义搜索官网与图文教程：

1、官方首页：https://www.google.com/cse/?hl=zh-CN
2、图文教程：网站添加优化Google自定义搜索影响网站打开速度和证书错误

2、多数情况下，我们打开网页只是想看一下文章，并没有用到站内搜索，这样的情况我们就不要让Google自定义搜索加载进来了。

3、之前部落就是在全站加载了Google自定义搜索代码，后来改用了Form表单提交搜索关键词，即当有人要搜索时才会加载Google搜索代码。

4、这是我放在侧边栏的一段Form表单提交搜索的代码，你可以直接复制过去使用。


<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
 <div><label class="screen-reader-text" for="s">搜索：</label>
 <input type="text" name="s" id="s" class="input" value="输入关键词" onBlur="if(this.value=='') this.value='输入关键词';" onFocus="if(this.value=='输入关键词') this.value='';" />
 <input name="submit" type="submit" class="button" id="searchsubmit" value="搜索" />
 </div>
 </form>

5、实现的效果就是提交了关键词后，跳转到Google搜索页面，这个页面是加载在站内页面中的。如下图：

Google自定义搜索跳转到内页搜索

三、使用Google托管搜索结果：避免博客本身的加载慢而影响搜索体验

1、所谓Google托管搜索结果是用户点击提交搜索后，直接跳转到Google的网站上，也就是外站，结果不在本站内页显示。

2、这样做的好处是可以避免因博客网站的网页本身的加载慢而导致Google自定义搜索加载不出来的情况。

3、将搜索结果托管到Google，比较适合一些博客速度打开慢或者网页内容很多的，比如部落的网页就比较“冗长”了。

4、新建一个Google自定义搜索，随便填写一些信息。如下图：（点击放大）

5、确定后，进入Google自定义搜索外观的选择中。

Google自定义搜索选择外观

6、选择“由Google托管”，并“新窗口”中打开链接地址。

Google自定义搜索选择谷歌托管

7、最后点击获取代码，默认看到了是Google自定义搜索V2版本的代码，这个代码貌似是要先在</head>前加入JS才行。

Google自定义搜索代码版本

8、部落用的是V1版本的代码。直接复制代码放在网页中就可以使用Google托管搜索结果了。

四、使用百度搜索作备选：以防Google自定义搜索打不开

1、当Google自定义搜索打不开时，换成使用百度搜索，相信多数用户用站内搜索时一定会乐于接受的，至少给一个用户搜索另一个结果的机会。

2、要想使用百度站内搜索也很简单，有了百度站长工具平台账号的朋友，可以直接登录到百度站长平台中，点击“免费代码”。

Google自定义搜索进入百度免费代码

3、找到百度站内搜索代码，复制代码放在你的网页中就行了，注意将其中的网址换成你自己的。

百度站内搜索代码

4、提示：如果网页采用utf-8代码，则需要在代码中加入<input name=ie type=hidden value=utf-8> ，否则搜索关键词会出现乱码。

5、没有站长平台账号的，可以直接进入此网址得到百度免费搜索代码：https://www.baidu.com/search/freecode.html

6、你可以直接复制以下代码放在自己的页面中就行了，请将代码中的网址换成你自己的就好了。


<ｓｃｒｉｐｔ language=javascript>
function g(formname) {
var url = "https://www.baidu.com/baidu";
if (formname.s[1].checked) {
 formname.ct.value = "2097152";
}
else {
 formname.ct.value = "0";
}
formname.action = url;
return true;
}
</ｓｃｒｉｐｔ>
<form name="f1" onsubmit="return g(this)">
<table bgcolor="#FFFFFF" style="font-size:9pt;">
<tr height="60"><td valign="top"><img src="/uploads/allimg/20241105/1-241105134J4929.gif" border="0" alt="baidu"></td>
<td>
<input name=word size="30" maxlength="100">
<input type="submit" value="百度搜索"><br>
<input name=tn type=hidden value="bds">
<input name=cl type=hidden value="3">
<input name=ct type=hidden>
<input name=si type=hidden value="www.lamuba.com">
<input name=s type=radio> 互联网
<input name=s type=radio checked> www.lamuba.com
</td></tr></table>
</form>