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

免费建站   2012年10月28日 16:48  

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

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

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

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

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

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

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

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

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

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

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

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

Google自定义搜索等待加载中

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

Google自定义搜索拖慢速度

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

1、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自定义搜索,随便填写一些信息。如下图:(点击放大)

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、你可以直接复制以下代码放在自己的页面中就行了,请将代码中的网址换成你自己的就好了。


<SCRIPT 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;
}
</SCRIPT>
<form name="f1" onsubmit="return g(this)">
<table bgcolor="#FFFFFF" style="font-size:9pt;">
<tr height="60"><td valign="top"><img src="https://img.baidu.com/img/logo-137px.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.freehao123.com">
<input name=s type=radio> 互联网
<input name=s type=radio checked> www.freehao123.com
</td></tr></table>
</form>

五、Google自定义搜索效果演示

1、我已经调整了Google自定义搜索,现在用部落的站内搜索假如遇到页面卡住,就可以选择百度搜索了。

2、实际的效果还请朋友们来体验一下,假如遇到问题,欢迎反馈回来。部落快速搜索在全部所有页面的左上角。

六、Google站内搜索小结

1、有人会问,既然谷歌搜索在国内这么不“稳定”,为什么不换用百度搜索呢?一方面百度搜索没有Google自定义搜索功能强大,现在还都是站外搜索。

2、另一方面Google自定义搜索在“某些”内容搜索结果质量要高于百度,可惜Google搜索服务“命运不济”,最后倒霉的还是我们这些用户。

文章出自:免费资源部落 https://www.freehao123.com/ 版权所有。本站文章除注明出处外,皆为作者原创文章,可自由引用,但请注明来源。

域名注册
购买VPS主机

您或许对下面这些文章有兴趣:                    本月吐槽辛苦排行榜

在这个部落村庄里,已经有48 位神马家族成员冒出泡来在农场开始干活了
  • ASHE 3

    沙发

    这是农场的第 1 块农田,部落批准 [ASHE] 在[2012-10-28 16:58]开垦完成.
  • babytomas

    你博客搜索很慢我还以为是主机的问题,原来是谷歌 。。现在我博客访问速度应该飞起来了吧 :twisted:

    qi 回复:

    @babytomas, 你怎么换了CN域名了?

    babytomas 回复:

    @qi, 一言难尽唉 。。三个月前就买了这个、等BEI.AN等到现在、本来不耐烦的买了一个.me域名、谁知到百度竟然不收录 。。最后无奈的这个*好了就欢了过来、但是很奇葩的是还没有收录额 。。 :arrow:

    qi 回复:

    @babytomas, 百度就是这样,慢慢地就会好了。

    babytomas 回复:

    @qi, 喔、原来刚开始的时候是这样,但是我担心百度一直不收录我的域名简直等于是TK,,,

    qi 回复:

    @babytomas, 不会的,百度是个“痴呆”,反应慢。实际它是收录了,就是不放出来,不给排名。

    babytomas 回复:

    @qi, 额、不知道到底是.me好还是.cn好唉、、

    这是农场的第 2 块农田,部落批准 [babytomas] 在[2012-10-28 17:01]开垦完成.
  • 安卓博客 6

    主题自带的是谷歌搜索,想换成百度的

    qi 回复:

    @安卓博客, 百度的搜索是免费用的,可以换的。

    Musk 回复:

    @安卓博客, 用百度收索?百度收录不仅慢,而且收录页面少的可怜。万一再K几下……

    这是农场的第 3 块农田,部落批准 [安卓博客] 在[2012-10-28 17:28]开垦完成.
  • oyoy 20

    小站不需要搜索的橹过

    iShare 回复:

    @oyoy, 同样自带搜索解决 :mrgreen:

    这是农场的第 4 块农田,部落批准 [oyoy] 在[2012-10-28 18:01]开垦完成.
  • iShare 16

    图标有内涵 :twisted:

    这是农场的第 5 块农田,部落批准 [iShare] 在[2012-10-28 18:17]开垦完成.
  • xlxl2010 4

    搜素也很讲究

    这是农场的第 6 块农田,部落批准 [xlxl2010] 在[2012-10-28 19:51]开垦完成.
  • Tokin 17

    腾讯soso收录网页也挺多的,就是不支持这个,百度收录的太少了,谷歌还经常出“故障” 不知道默认的引擎什么时候升级的再强大点

    qi 回复:

    @Tokin, QQ收录我3万多,不知道为什么要收录这么多。

    Tokin 回复:

    @qi, 爆发式的收录,不知道什么情况,谷歌都没搜搜强大 :neutral:

    这是农场的第 7 块农田,部落批准 [Tokin] 在[2012-10-28 21:46]开垦完成.
  • wwk 4

    我也使用的谷歌自定义搜索,也是慢,后来加上了站内搜索。
    谷歌不行的时候提示朋友用站内搜索。

    这是农场的第 8 块农田,部落批准 [wwk] 在[2012-10-28 22:55]开垦完成.
  • OMG我的游戏 5

    谷歌的还是不建议用,什么js库,什么字体库的,经常抽风,一抽风就悲催

    qi 回复:

    @OMG我的游戏, 可惜了,谷歌这么多好的资源,在我们这里都无法使用了。

    这是农场的第 9 块农田,部落批准 [OMG我的游戏] 在[2012-10-29 10:47]开垦完成.
  • 飘零 6

    谷歌搜索加载确实慢,我在知更鸟那搜个东西慢死了

    这是农场的第 10 块农田,部落批准 [飘零] 在[2012-10-29 13:28]开垦完成.
  • 哼哼猪 12

    怕抽风,使用站内自带搜索的路过

    qi 回复:

    @哼哼猪, 你有发现站内搜索结果不准确不?

    哼哼猪 回复:

    @qi, 貌似是这样的,不过我感觉还好

    这是农场的第 11 块农田,部落批准 [哼哼猪] 在[2012-10-29 14:35]开垦完成.
  • 好残忍,最近的 # 遭受xxxxx!

    这是农场的第 12 块农田,部落批准 [woniuren] 在[2012-10-29 17:42]开垦完成.
  • Nicky 17

    直接把小工具删了。。。

    这是农场的第 13 块农田,部落批准 [Nicky] 在[2012-10-29 19:28]开垦完成.
  • ss_ss 13

    一般还是直接用”site:abc.com + 搜索词”来的快。。

    qi 回复:

    @ss_ss, 其实我们还可以将搜索关键词跳转到百度或者谷歌的site:abc.com这样的搜索,结果和调用谷歌或者百度站内搜索是一样的。

    这是农场的第 14 块农田,部落批准 [ss_ss] 在[2012-10-29 23:35]开垦完成.
  • 侯永禄 3

    一直在琢磨这么一个问题:谷歌自定义搜索的结果的样式跟网站很不协调,能否使用css“更具体的样式”的特性强制美化呢!

    qi 回复:

    @侯永禄, 可以,我的那个“搜索资源”页面就是用了内链CSS强制改变样式。

    这是农场的第 15 块农田,部落批准 [侯永禄] 在[2012-11-1 00:09]开垦完成.
  • 行殇 7

    前天谷歌网站打不开 网站搜索页废了 现在好了~不过一般站内搜索就行了,而且你的不是有百度搜索吗-

    这是农场的第 16 块农田,部落批准 [行殇] 在[2012-11-4 23:33]开垦完成.
  • Tony

    能否有办法在搜索框下载完前显示网页? 请高手指教.

    qi 回复:

    @Tony, 可以改变一下你的网页的Div结构。Div加载的顺序是从上到下的。你可以将加载搜索的Div放在尾部,这样就会是最后加载了。

    这是农场的第 17 块农田,部落批准 [Tony] 在[2012-11-7 19:13]开垦完成.
  • miaomiao

    谢谢了,至少临时能用一下,总好过没

    这是农场的第 18 块农田,部落批准 [miaomiao] 在[2012-12-11 00:17]开垦完成.
  • 观大海 6

    牺牲网站打开速度是不可取的!

    qi 回复:

    @观大海, 速度越快客户就满意。

    这是农场的第 19 块农田,部落批准 [观大海] 在[2013-1-15 14:06]开垦完成.
  • finle 4

    文章没有细看,不知道这个方法对现在还否试用?

    这是农场的第 20 块农田,部落批准 [finle] 在[2013-9-27 09:45]开垦完成.
  • QQ地带

    哎,换了,可惜直邮chrome搜起来很快。火狐和ie都等半天。

    这是农场的第 21 块农田,部落批准 [QQ地带] 在[2014-1-22 11:17]开垦完成.
  • 赤橙

    本人新手,请问文中的“4、这是我放在侧边栏的一段Form表单提交搜索的代码,你可以直接复制过去使用。”下面的那段代码需要写入的那个文件名是什么?写入该文件的哪个位置?

    qi 回复:

    @赤橙, 写在侧边栏文件,如果sider.php这样的。任意想要显示的位置即可。

    赤橙 回复:

    @qi, 谢谢

    这是农场的第 22 块农田,部落批准 [赤橙] 在[2014-2-16 22:40]开垦完成.
  • 统计年鉴 2

    qi,今天发现你的很多个站哦!

    我的主题是UFO主题,加载了谷歌在线字体,死活找不到去除的办法,现在加载半天都无法成功,网站速度很慢,咋整啊?yearbook.hk这个。

    这是农场的第 23 块农田,部落批准 [统计年鉴] 在[2014-6-5 18:16]开垦完成.
  • 用表单的思路不错。我还是坚持用GOOGLE。

    这是农场的第 24 块农田,部落批准 [土木坛子] 在[2014-7-15 19:20]开垦完成.
  • Rich 10

    怎么设置百度的搜索框中内容与#同步自动填写?!

    qi 回复:

    @Rich, 在搜索设置中有这一项。

    Rich 回复:

    @qi, 哪个搜索设置?百度?谷歌?WordPress?

    qi 回复:

    @Rich, 谷歌里有,百度好像没有这一项。添加自定义搜索中,有这个选项。

    这是农场的第 25 块农田,部落批准 [Rich] 在[2014-7-31 22:17]开垦完成.
看贴要回贴有N种理由!看帖不回贴的后果你懂得的!


评论内容 (*必填):
(Ctrl + Enter提交)   

部落快速搜索栏

各类专题梳理

网站导航栏

X
返回顶部