回所有课程
课程库

网站搜索

Webflow站点添加一个搜索框,定制你的搜索结果页面的设计,和控制内容在搜索结果中。

这个视频老UI特性。更新版本即将到来!

网站搜索允许您添加搜索到你的网站,所以你的访问者可以找到他们正在寻找的信息,你可以控制的外观和感觉经验。你也可以轻松排除特定元素的内容,页面,甚至整个集合,所有复选框的勾。

搜索对于大型尤其重要,内容驱动的网站,如:

  • 知识基础和帮助中心
  • 博客或网站内容管理
  • 新闻出版物和媒体网站
网站搜索所有可用CMS的网站托管或以上。在CMS和标准电子商务托管、手动重建索引每隔24小时可用。高承载层、手动重建索引可用每小时一次。

内容自定义代码不是通过网站搜索索引。如果你需要定制代码内容索引,请使用第三方搜索工具
在这节课中
  1. 添加和样式搜索组件
  2. 样式你的搜索结果页面
  3. 索引和控制“搜索”是什么
  4. 常见问题

添加和样式搜索组件

你会发现添加的搜索组件面板中,左边的设计师。

添加的搜索组件添加面板。
添加的搜索组件添加面板。

你会注意到搜索组件有三个部分:

  • 搜索(包装):父元素包含搜索表单和提交按钮
  • 搜索输入:您的用户类型搜索在哪里
  • 提交按钮(可选):一个按钮提交搜索——如果你愿意,你可以躲一个简单的“输入”提交搜索
默认的搜索组件的结构。
默认的搜索组件的结构。

一旦你搜索组件添加到你的网站,你可以以同样的方式你风格一个Webflow网站上任何其他元素。

搜索栏,样式。
搜索栏,样式。

您还可以自定义占位符文本,并设置搜索栏自动对焦,自动地方游客在页面加载搜索字段的游标。

编辑你的占位符文本,让游客知道如何搜索。
编辑你的占位符文本,让游客知道如何搜索。

样式你的搜索结果页面

一旦你搜索组件添加到你的网站,你会看到的搜索结果页面出现在你页面选项卡下,实用程序的页面部分。

搜索结果页面生活效用下页面部分页面的面板。
搜索结果页面生活效用下页面部分页面的面板。

搜索结果页面的结构

当你第一次打开你的搜索结果页面中,你会注意到有一些基本结构已经到位。一个容器元素拥有一切,,有一个可选的搜索组件(人们尝试一个新搜索,如果他们不知道他们在寻找什么)以及一个结果列表,它工作时很像收藏列表样式。

的起点一个搜索结果页面,与样本结果填充发布之前让你开始设计你的网站。
的起点一个搜索结果页面,与样本结果填充发布之前让你开始设计你的网站。

你可以改变这个页面的结构但是你想,随着风格,下面我们将进入。

样式的搜索结果

样式搜索结果作品很像样式集合列表,与风格应用于一个结果项申请列表中的所有其他结果项目。然而,搜索结果中有一个基本的结构开始,和其他一些新的控制。

需要知道
基本Unhosted网站和网站托管将显示示例搜索结果您发布的网站——你可以向客户展示给他们一个他们的搜索体验将会如何。看到真正的搜索结果,您将需要添加CMS或业务托管网站。

搜索结果结构

首先,你的搜索结果中有一个基本的结构元素,您可以重新排列,重组,或删除在你认为合适的地方:

  • 搜索标题(链接):页面的标题,从不管你设置为搜索结果标题搜索部分的页面的页面设置。这个标题作为默认页面的链接。
  • 页面URL(文本块):“鼻涕虫”的页面。
  • 代码片段(段):搜索词的上下文从页面出现。你可以控制这个片段的长度在搜索结果中设置。或者,您可以选择将这段连接到一个自定义的描述,你可以在你的页面设置。

网站搜索设置

你能控制什么内容显示页面中的搜索标题设置为所有的网站的静态页面和页面集合。收藏页面,这个内容可以从任何领域,类似于你配置SEO和开放的图形设置。

类似地,您可以设置一个自定义搜索描述为每个页面和搜索图像,从搜索引擎优化或将内容描述和OG的图像。

控制的内容显示在搜索结果页面设置。
控制的内容显示在搜索结果页面设置。

显示内容“类型”

您可以使用搜索描述字段添加额外的信息,你的搜索结果。例如,假设你想向游客展示类型内容的一个特定的搜索结果通过显示博客类别与结果。

‍显示额外的信息在搜索结果通过创造性的与搜索描述字段。
在搜索结果中显示额外的信息通过创造性的与搜索描述字段。

只需将你的类别名称添加到搜索描述字段,然后连接在你的搜索结果布局一个文本字段搜索描述字段,然后风格。

示例:使用这个新字段来显示搜索结果的内容类型。
示例:使用这个新字段来显示搜索结果的内容类型。

添加一个搜索结果缩略图

你也可以设置一个搜索图像在你的页面设置,就像你会设置一个噩的形象。一旦你添加一个搜索图像,你可以将图片添加到你的搜索结果通过连接一个图像元素,搜索图像。你也可以设置搜索图像作为背景图像源在一个div。

要添加图片搜索结果?不是一个问题。

样式代码片段

除了喜欢你风格样式的文本片段其他任何文本,你可以控制片段长度(字符数)并将高亮显示(大胆的表象中的搜索词片段)。

设置你的结果数量在你的搜索结果和片段长度设置。
设置你的结果数量在你的搜索结果和片段长度设置。

风格突出显示在你的代码片段,风格基本标签“粗体”在一个富文本元素风格指南页面,这样式你标记的条目将申请在你的搜索结果页面。

风格突出了你的片段通过瞄准“粗体”标签。
风格突出了你的片段通过瞄准“粗体”标签。

样式你的“空”(或“没有结果”)的状态

正如表格有错误和提交状态,你可以风格,你的搜索结果页面“没有结果”状态,您可以定制软化的影响当用户搜索的东西不可以在你的网站。(例如,您可能想添加一个插图,连同一个链接回你的主页,帮助他们调整自己)。

切换到“没有结果”状态页面设计没有结果。
切换到“没有结果”状态页面设计没有结果。

定制的设计“没有结果”状态,切换到“没有结果”模式在你的搜索结果设置部分。从这里你可以定制设计以任何方式。

片段的样式

除了喜欢你风格样式的文本片段其他任何文本,你可以控制片段长度(字符数)并将高亮显示(大胆的表象中的搜索词片段)。

设置你的结果数量在你的搜索结果和片段长度设置。
设置你的结果数量在你的搜索结果和片段长度设置。

风格突出显示在你的代码片段,风格基本标签“粗体”在一个富文本元素风格指南页面,这样式你标记的条目将申请在你的搜索结果页面。

风格突出了你的片段通过瞄准“粗体”标签。
风格突出了你的片段通过瞄准“粗体”标签。

设置的结果数

最后,你可以选择你想要显示多少结果在你的搜索结果,到60岁。

支持跨多个搜索结果页面分页还没有可用的。

搜索结果预览

当你风格的搜索结果,您可以更改显示的结果通过改变“预览结果”字段的搜索词的搜索结果设置部分。这将帮助你得到一个清晰的搜索结果将会出现不同的查询。

前预览结果活到看到寻找不同的查询结果。
前预览结果活到看到寻找不同的查询结果。
直到你添加CMS或业务托管和发布你的网站,你会看到样品的结果,而不是真正的结果从你的网站。预览和风格真正的搜索结果,发布您的网站创建搜索索引。学习更多在下面的索引部分。

索引和控制“搜索”是什么

索引的内容和页在你的搜索引擎,控制人们可以搜索什么内容在提交时搜索你的网站。例如,如果你不想让一个特定的页面是通过搜索发现,您可以删除它从你的指数(更多关于如何做到这一点)。

目前,搜索引擎网站是有限的。你可以有一个搜索栏你想要尽可能多的页面,但他们将所有搜索相同的内容。

创建索引

一旦你已经添加了CMS或业务主办,创建搜索索引后首次发布站点。

你可以设计你的搜索结果之前创建索引(或者在你添加主机)通过与样本的结果。

更新你的指数

有两种方法来更新索引的内容在搜索结果中匹配最新的更新你的网站内容:

  1. 手动重建索引
  2. 自动重建索引

在CMS主机、手动重建索引每隔24小时可用。业务主办、手动重建索引可用每小时一次。在CMS主机,自动重建索引每72小时发生一次,并在业务主机自动改变符号发生每12小时。

手动重建索引

手动重建索引允许你故意刷新内容在你的搜索引擎。这是最适合当你把重要的更新内容,或广泛的变化你的搜索引擎内容(参见下面的“精炼你的搜索指数”)。

手动重建索引你的网站,打开设置面板左侧的设计师和搜索部分,点击“索引了。“索引可以在大型网站需要24小时。

触发一个重建索引的搜索部分的设置面板。

检查的状态指数,回到你的搜索部分设置面板。(如果你主要内容变化和需要你的网站立即重建索引,请联络支持为你,谁能重建索引作为一次性礼貌。)

手动重建索引可用在CMS主机每隔24小时,每小时业务主办。

自动重建索引

在一个正在进行的基础上,我们将更新你的搜索索引的内容在你的搜索引擎更新最新的改变你的网站。在CMS主机,自动重建索引每72小时发生一次,并在业务主机自动改变符号发生每12小时。

精炼你的搜索索引

默认情况下,一切都在你的网站上(不包括符号、收藏列表效用页,有密码保护的内容)索引添加搜索时,用户可以发现这个内容当他们寻找的东西。在大多数情况下,你想要改善你的索引多运动控制用户可以通过搜索发现,隐藏内容你不希望被发现。

排除来自网站搜索的内容不影响Google和其他搜索引擎索引你的网站。你可以让搜索引擎没有特定页面的索引在你的站点的设置。

不包括静态页面

一个常见的例子,当你想要改善你的指数是如果你有一个特定的页面你不想让用户在搜索——例如,一个内部风格指南,你想保密,甚至你的主页,它只作为一个条目指向你的网站。在这些情况下,你想从搜索完全排除这些静态页面。

排除静态页面在页面设置。
排除静态页面在页面设置。

排除静态页面,页面设置和向下滚动到新的搜索设置部分,生活在你打开图设置。在本节中,您将看到一个复选框“排除这个页面的网站搜索结果。“一旦检查,从索引索引命令将删除此页面。

密码保护页面和效用页面默认被排除在搜索。

除收藏页面

同样,你可能想从搜索如果不排除特定的集合中心站点的内容,如标签、分类或其他信息,没有有趣的收藏页面。

排除从搜索页面集合,集合页面的页面设置和向下滚动搜索设置部分。一旦你检查”网站从搜索结果中排除这些页面,这些页面将被删除从您的下一次搜索引擎索引你的网站。

排除集合从搜索页面设置集合。
排除集合从搜索页面设置集合。

不包括一组页面将从搜索结果中排除所有模板页面,但任何集合列表中,这个集合的内容在其他页面仍然会发现,当他们将从该页面被索引的内容。在这种情况下,您可能想要使用元素级别排斥那些收藏列表(见下文)。

目前不可能排除个人藏品从搜索。

排除元素

是一个好主意来排除重复元素(如导航栏,页脚,边栏和形式)从搜索,因为他们出现在你的网站和可以“泥泞”你的搜索结果。(例如,如果一个人搜索“博客”,但“博客”这个词在你的导航,网站上的每个页面可以被认为是相关的搜索)。

出于这个原因,符号和收集被排除在搜索结果列表默认情况下,但是你可以覆盖该设置父元素的象征。

排除重复的元素,如导航栏,页脚,边栏清理搜索结果。(注意,默认符号被排除在外)。

排除特定元素,打开元素的设置和在搜索设置部分,单击“排除在搜索结果的内容。”

任何排除规则设置在父级别也将适用于孩子元素。

常见问题

如果我出口我的代码发生在搜索什么?

出口网站上搜索将不会工作,因为搜索引擎需要托管Webflow。

我怎么能看到用户正在寻找什么?

看到你的网站访客搜索,集成Webflow站点搜索与谷歌分析

我可以有多个搜索引擎有不同的内容吗?

目前,搜索引擎网站是有限的。你可以有一个搜索栏你想要尽可能多的页面,但他们将所有搜索相同的内容。

我可以在编辑器中搜索自己想要的东西吗?

在编辑器中搜索不工作。为了测试搜索,打开你的网站在一个隐身链接或测试结果从设计师在搜索结果中设置结果预览输入。

尝试Webflow——它是免费的
Baidu
map