自定义搜索引擎创建与安装谷歌搜索框的其他使用方法(一)

前言

最近经常逛V2EX网站,对其站内的搜索引擎特别好奇.站内对其也有相关的讨论,才知道原来借助的是谷歌的搜索- (简称CSE).

介绍

通过谷歌自定义搜索引擎(以下称之为CSE)的使用,我们可以很方便的在我们的博客首页上添加谷歌搜索框如何访问google(谷歌)搜索引擎搜索,充分利用谷歌抓取的数据从而帮助他们从我们的站点上搜索到满足他们需要的信息.通过自定义搜索引擎的功能,为自己的网站提供更加丰富的搜索需要并提高站点的搜索质量从而增加站点自身的搜索排名.

使用

要使用谷歌自定义搜索引擎的前提,也是最重要的一点自然是能访问谷歌开发者后台.利用注册号的账号登录谷歌控制台才能继续以下其他步骤.

自定义搜索引擎创建与安装谷歌搜索框的其他使用方法

如果仔细观察V2EX的搜索框的部分代码和搜索链接如何访问google(谷歌)搜索引擎搜索,我们会发现V2EX的搜索虽然用到的也是自定义搜索引擎但和上面的方法不太一样.主要的区别在于不用使用谷歌标签和脚本.只要把将搜索的结果重定向到谷歌搜索,让他们替我们针对网站做定向搜索.以下针对hexo框架的博客站点简要说明下.

1
2
3
4
5
6

# 是否显示边栏中的搜索框（仅样式，未添加搜索功能）
# Search Box in left column
# type google | baidu | swifttype
search_box:
  on: true
  type: google

<% if (theme.search_box.on && theme.search_box.type == 'google'){ %>
<form action="https://www.google.com/search" target="_blank" method="get" accept-charset="UTF-8">
  <input type="text" name="q" class="search" autocomplete="off" maxlength="20" placeholder=" <%= __('index.search') %>...">
  <input type="hidden" name="q" autocomplete="off" value="site:<%- config.url.replace(/^https?:\/\//, '') %>">
form>
<%}%>

未完待续参考资料

利用为hexo添加站内搜索v2.0

Api