准备 SAP SuccessFactors Career Site Builder 实施
设计招聘网站
完成招聘系统的初始设置
构建招聘网站
将招聘网站移至生产
吸引潜在应聘者
实施源报表
作为顾问取得成功

浏览 Career Site Builder 页面元素

Objective

After completing this lesson, you will be able to 浏览招聘网站构建器组件和页面元素。

招聘网站页面类型

每个招聘网站页面类型中包含的信息包括以下内容:

页面名称功能
主页这是招聘网站的主页。可以为每个活动区域设置和品牌创建主页。
内容页面这是包含公司内容(例如有关公司的福利信息)的招聘网站构建器 (CSB) 站点的一部分。
类别页面这些页面根据关键字、位置或其他作业数据显示分组在一起的作业。除作业外,页面通常还包括自定义副本和图形或视频链接。类别页面的链接通常位于"特色职位"或类似标题下的标题中。
登录页面这些是针对特定受众设计的营销活动特定页面,可通过在线广告购买获得。数据采集表单只能添加到登录页面。登录页面不在搜索引擎(站点地图)中建立索引,可能供短期使用。
作业页面这是 CSB 职位发布页面,其中包含职位需求中的所有外部职位内容。布局可以定制。
热门职位页面热门职位页面包含系统生成的页面,这些页面对应于将用户定向到招聘网站的热门职位搜索。
查看所有作业页面(页脚)查看所有职位页面包含所有类别页面的完整列表,对于 SEO 很重要。

主页

以下是主页的一些特征:

  • 抬头
  • 查看档案(候选人档案的链接)
  • 搜索功能(突出显示)
  • 订阅功能(突出显示)
  • 特色职位(类别页面)
  • 职位地图
  • 页脚
Everest 公用事业公司的主页示例。

类别页面

类别页面具有以下功能:

  • 类别页面通常用于突出显示难以填补和大量职位。
  • 标准招聘网站构建器站点包括 10 个类别页面。
  • 您可以使用类别页面表示职位类别、品牌、地点等。
  • 您可以在多个类别页面上显示作业。
  • 限制类别页面上的内容数量,以减少滚动申请人访问职位表必须执行的数量。

领先实践包括:

  • 尽管不同的组件可用于不同的类别页面,但这是每个类别页面使用相同的布局的主要实践。
  • 这也是客户为每个类别页面提供唯一副本(文本)和图像或视频的主要实践。
  • 主要做法是使用申请人跟踪系统 (ATS) 中的特定数据字段,例如部门、业务单位或职能,以确定将哪些作业映射到这些页面。

启用统一数据模型后,可以使用关键字和/或位置或通过从职位需求上的任何对象进行筛选来定义类别。

Best Run 公司的类别页面示例。

内容页面

这些页面上不包含任何作业。相反,这些页面包含有关公司文化、福利、多样性、大学计划和实习等的信息。

Fenix 公司的内容页面示例。该页面显示两个部分,其中包含内容:职业成长和弹性工作政策和相关照片。

标准 CSB 实施合同包括 14 个内容和/或类别页面。

这些页面的链接可以包含在主页上的下拉菜单中、主页正文或页脚中。

登录页面

客户可以通过在线广告购买(将候选人链接到专门为其设计的登录页面)来吸引特定目标受众中的候选人。

面向工程学生的 SAP 登录页面示例。它有一个基本的信息提交表格和大学毕业生的照片。

以下是使用登录页面的示例:

  • 在领英上宣传招聘会。
  • 在 Facebook 上发起营销活动,以吸引最近的大学格局。
  • 在"确实"上宣传公司的职业生涯,而不是针对特定的职位发布。
  • 购买 Google AdWords。

搜索结果页面

启用统一数据模型后,客户可以为每个品牌配置搜索结果页面的所有元素以及作业结果卡。此外,还可以配置候选人可细化搜索结果的字段。

搜索体验标签将突出显示,显示不同的选项。
搜索筛选器选项卡将突出显示,显示不同的筛选器字段选项。

作业页面

以下是招聘网站构建器工作页面的一些特点:

  • 页眉和页脚导航
  • 按关键字功能搜索,用于搜索整个作业收集
  • 社交共享图标
  • 加入人才社区的链接
  • 顶部和底部的"立即应用"按钮
具有所有标志的工作页面示例。

CSB 全局元素

每个页面上都有以下主要元素:

  • 标头
  • 页脚

标头

标题的目标是允许候选人实现一致的站点导航。包括支持主要目标的链接:申请职位并加入人才社区。

标头的主要实践包括以下几点:

  • 关于我们(使用下拉列表查看所有内容页面)

  • 特色职位(使用下拉列表查看所有类别页面)

  • 地点(Google 职位地图)

  • 登录

  • 加入人才社区(通常在"未找到工作?"下找到)

  • 语言选择器(适用于多区域站点)

包括左上角的客户徽标,当用户位于平台的其他页面上时,该徽标将链接到主页。

为便于导航,应在标题中复制主页上的任何链接("行动调用")。

随即显示带有徽标的 GreenGrid 页眉。

页脚

针对页脚的领先实践包括以下几点:

  • 职业主页

  • 企业主页(向搜索引擎传达可信度和质量)

  • 热门职位(链接到热门搜索结果页面,以帮助确保搜索引擎为其建立索引)

  • 查看所有职位(类别页面链接,帮助确保搜索引擎为其建立索引)

在包含社交链接时,请执行以下操作:

  • 仅选择特定于求职者的社交网络链接。

  • 在页脚中或页面底部附近显示社交链接。

    带有以下点的页脚示例:我们的公司、历史记录、公司责任、投资者、媒体、联系我们、EEO 声明和可访问性。还提供 Twitter、Facebook 和 LinkedIn 链接。

CSB 页面组件概览

可以添加到使用招聘网站构建器创建的页面的组件类型包括:

  • 特色职位

  • Google 职位地图

  • 图像轮播控件

  • 图像和文本轮播控件

  • 信息和订阅表单

  • 图像

  • 大图像

  • 搜索栏

  • 订阅表单

  • 文本

  • 带标题的三栏图像

  • 两列

  • 视频

  • 数据采集表单

  • 自定义插件

提示

您可以单击组件名称并为其提供新名称,这在页面具有多个相同类型的组件时尤其有用。

CSB 页面组件

可在整个招聘网站构建器页面中添加页面组件。

特色职位

特色职位组件允许您在招聘网站 Builder 页面上显示高知名度或高重要性的职位。

"特色工作"组件有三个配置选项卡:详细信息、菜单和样式。

详细信息 标签中输入 抬头文本 。您还可以添加可选按钮,该按钮可以链接到所有职位、招聘网站的其他部分或外部 Web 页面。

菜单选项卡添加到类别页面的链接。链接显示在组件的三列中;这是不可配置的。

在"样式"选项卡中,配置链接的颜色、标题文本和部件背景。

特色职位页面组件的示例,其中不同职称作为链接。

Google 职位地图

要使职位显示在 Google 职位地图组件上,必须正确配置位置数据。下图显示了一些可用选项。

Google 职位地图页面的示例,在美国地图上显示 pin,地图样式选项和详细信息选项。

Google 职位地图:自定义

您可以定制显示的地图。例如,要显示亚特兰大地图,请执行以下操作:

  1. 从 Google Maps (https://www.google.com/maps) 中,搜索客户职位所在的区域,例如亚特兰大、GA。

  2. 右键单击并选择此处是什么?

  3. 在 CSB 中的度和经度下输入坐标。

  4. 根据需要更改缩放级别和最大高度

亚特兰大地图与一个什么在这里?选项已突出显示。

另请注意,Google Maps 对美国的应用程序行为应用缺省偏差。如果客户想要更改地图的显示方式,请更改地区代码。有关详细信息,请参阅 CSB 中的帮助文本。

Google 位置覆盖

如果作业未显示在 Google 地图的正确位置,则可以从 工具位置 更新纬度和经度。

要更新 Google 位置纬度和经度,请选择工具 - 位置。

图像轮播控件

图像轮播组件仅显示图像,不显示文本。

在下图中,公司在轮播控件中包含了许多社交站点链接。

具有多个社交站点链接的图像轮播控件示例。

图像和文本轮播控件

图像和文本轮播组件允许您在招聘网站页面上添加幻灯片格式的图像库,以及随附文本。

图像和文本轮播控件的示例,右侧显示图形,左侧显示实现目标主题的段落。

当幻灯片前进时,自动焦点会将焦点放在图像轮播控件上。当显示间隔设置为大于 0 且自动聚焦开启时,无论您在页面上的位置如何,焦点都会将您重新定位到活动轮播控件。

信息和订阅表单

信息和订阅表单组件显示公司的图像或信息,与人才社区订阅表单并排显示。

请求电子邮件地址时立即注册表单的示例。

图像

在 Career Site Builder 中上传的图像托管在 Akamai 内容交付网络 (CDN) 上,该网络使用全球服务器来减少页面加载时间。

根据组件,要将图像添加到页面,请选择选择图像+添加。这通常在"样式"选项卡中找到。

您可以选择从之前添加的图像列表中添加图像。

添加新图像

要添加新图像,请执行以下步骤:

  1. 选择上载图像要添加新图像,请选择上载图像。
  2. 选择选择图像要选择图像,请选择右上角的选择图像,然后选择添加。
  3. 浏览并选择所需图像,然后选择"添加"。
  4. 选择后退箭头。
  5. 选择编辑替代文本,输入文本,然后单击保存
  6. 选择返回箭头并选择选择

响应式图像对齐

添加图像时,选择所需的图像类型和图像位置,如下图所示。

在样式标签上,选择图像位置选项的下拉列表。

无论候选人使用哪种浏览器和设备类型,此功能都允许图像的"焦点"始终可见。例如,图像中的人员将始终在每个设备上居中。

如果图像未按要求显示在所有设备上,则可以添加具有不同大小的图像的多个组件,以显示在每种设备类型上。

注意

避免将图像配置为平铺或拉伸是一种领先做法,除非它是背景图案或微妙的图像。

添加图像时,请考虑以下事项:

  • 根据组件的不同,要将图像添加到页面,通常从"样式"选项卡中选择"选择图像"或"+添加"。
  • 您可以选择从之前添加的图像列表中添加图像。
  • 如果客户需要帮助提供 Web 就绪图像,我们建议让 SAP 的 Web 设计团队准备其图像文件。需要对时间开票。

大图像

该组件支持 Web 设计人员在网站上调用的 hero-type 图像:在页面上显示一个图像。选择"图像位置"和"高度"。

现代化的办公空间,包含多个办公桌、计算机和办公人员。

搜索栏

搜索栏组件是在组件级别添加的全局设置,但未在组件级别进行编辑。搜索栏 布局反映在 全局样式搜索 下为特定区域设置和品牌选择的内容。

领先实践是搜索栏的突出位置,即"高于折叠"(不需要滚动)。

使用较强的背景颜色。

在下图中,统一数据模型已在客户的环境中启用。启用位置搜索是可选的。

用于按关键字搜索、按地点搜索和搜索职位按钮的搜索引擎。

订阅表单

订阅表单组件为人才社区添加电子邮件注册表单。

订阅表单 是框中较小页面元素,是页面的完整宽度。您无法在框内更改 订阅表单 的方向或表单大小。

加入我们的人才社区注册表格,要求您输入电子邮件地址。

订阅表单:附加注释

在详细信息标签中,输入表单的标题和任何所需的正文文本。订阅表单还包含供用户输入电子邮件地址的字段。

订阅表单始终包含注册人才社区的按钮。无法隐藏此按钮,但可以使用 按钮文本 字段配置显示在按钮上的文本。您还可以指定文本是在输入框上方显示,还是显示为框中的虚拟文本。

从"样式"选项卡中,选择背景图像以及页眉和正文文本的颜色。

加入人才社区透明框,要求您输入电子邮件地址。

要实现几乎透明的框(如本例所示),请使用样式正文背景中的底部幻灯片控件。

使用透明度滑块实现几乎透明的框。

文本

"文本"部件是一列文本。无法更改此部件的大小或方向。

在详细信息标签中,输入文本,并根据需要输入嵌入式链接或按钮。

从"样式"选项卡中,设置文本和背景的颜色,或者根据需要添加背景图像。

在"文本"部件上,"删除现有的左侧和右侧填充"设置与"启用间距"结合使用,即移除文本上方和下方默认间距的 20 像素,以便客户能够更好地控制文本在页面上的显示方式。

文本组件的示例。
在文本部件上,可以使用“是”或“否”滑块移除现有左侧和右侧填充。

带标题的三栏图像

"含标题的三列图像示例"一图是不同图像与标题如何显示的示例。

带标题的三列图像。

含标题的三列图像组件使用集合布局获取招聘网站上的信息。

此组件中的三列都有多个可用功能。在每个列中,您可以执行以下操作:

  • 上载图像。
  • 输入抬头文本和正文文本。
  • 通过启用"显示链接"选项显示链接。然后,您可以使用编辑链接菜单选择要添加的链接类型以及将为链接显示的文本。

无法调整部件中的列宽或图像大小。

使用 样式字体样式 标签调整颜色和字体。

某些客户添加此组件的多个实例,如下图所示。

带有标题的三列图像,图像上的不同字体。

两列

"两列"部件由图像和文本组成。

"详细信息"标签上输入文本。从"样式"选项卡中,选择图像以及部件的文本和背景颜色。"图像位置"选项通常适用于部件的完整宽度。例如,如果选择"中",则图像在两个列的宽度上均居中显示。

但是,如果启用"细化图像对齐"设置,图像不会超出可用屏幕的 50%,因此其宽度不会超过页面的一半。根据"图像位置"设置,这可能意味着图像出现在页面的左侧或右半部分,或者出现在页面中间的 50%。文本始终显示在右侧。

"两列"部件在桌面视图中看起来不错,但在"平板电脑"视图中不太有吸引力。在移动视图中,不显示图像,仅显示副本。

两列组件,左侧是会议的照片,右侧是带有随附文本正文的销售和市场营销抬头。

视频

视频组件允许您将视频添加到 Career Site Builder 页面。关于视频的附加注释包括:

  • 视频可能会嵌入 YouTube、Vimeo 和 Wistia。

  • 详细信息标签中,选择视频是全宽,还是使用文本左对齐或右对齐。

  • 还可以决定是否要自动启动视频。

  • 从"样式"选项卡中选择背景和字体颜色。

两列组件,右侧为 viideo,左侧为 Working at aLLife,并带有随附的文本正文。

数据采集表单(登录页面上)

可将数据采集表单添加到登录页面,以捕获有关候选人的信息,这些信息将保存到候选人档案中。如果需要,登录页面可能会在一段时间内使用,然后停用或删除。例如,假设公司的招聘需求已满足,则在 5 月为大学毕业生创建登录页面并在 7 月将其删除。

其他考虑因素包括:

  • 在招聘网站构建器中构建表单并将其添加到任何登录页面中。
  • 登录页面不会在搜索引擎(站点映射)中建立索引。
  • CSB 登录页面支持两列。

自定义插件

自定义插件组件非常适合在页面上引入唯一的独立布局组件。它使客户能够将其招聘网站的功能和样式与其他站点区分开来。

以下是自定义插件的使用示例:

  • 创建与标准招聘网站构建器组件不同的布局的页面组件。

  • 集成自定义小工具或小部件和交互式元素,例如视频、滑块和动画。

  • 提供自定义表单。

  • 默认情况下,通过将搜索栏嵌入到"英雄"图像中来定制搜索栏或展开选项列表搜索选项。
  • 集成第三方应用程序以添加聊天机器人或 Twitter 动态信息、集成 Qualtrics、启用分析(像素跟踪)等。

请参阅招聘培训室中内容6 招聘网站构建器 (CSB) 下博客中使用自定义插件断开 cookie 剪裁者招聘网站的示例。

自定义插件组件不适用于以下任务:

  • 修改页眉或页脚
  • 覆盖通用 CSS 样式
  • 重写平台功能

编写自定义插件代码的第三方开发人员可以使用任何标准 Web 语言,例如 Java 脚本和 HTML。

有关自定义插件的注意事项

有关自定义插件的注意事项包括:

  • 编写自定义插件需要技术 Web 开发功能,并随其携带会带来破解 CSB 站点的高风险。

  • 必须在所有浏览器和所有设备类型上测试自定义插件。

  • 客户需要维护计划,因为由于更改 Web 标准等原因,需要在每个发布周期中测试自定义插件。

  • 如果使用,我们建议创建有权访问自定义插件的 CSB 角色,并将其分配给客户的开发人员。

自定义插件帮助

如果您没有内部技术专业知识,SAP 的技术服务团队可以为您开发自定义插件。它们还将为您提供将来进行修改的说明,以便您可以轻松更改文本、图像、颜色、列数等。有关详细信息,请联系您的销售代表。具有标题 为什么加入我们? 的页面的一部分并附带六个图标,其中包含有关加入该公司的原因的简短描述。

确定页面是否包含自定义插件组件

要确定页面是否包含自定义插件组件,请执行以下操作:

  1. 右键单击并选择"查看""页面源"

  2. 查找 (Ctrl+F) customPlugin

    在代码中找到 customPlugin。

在招聘网站构建器页面上配置组件的提示

在 Career Site Builder 页面上有各种可用于配置组件的选项。

详细信息和样式选项卡

可用组件具有一个或多个要配置的标签。其中两个标签针对许多组件显示:

  • 详细信息 标签中,您可以输入 抬头文本 、 正文文本 等信息。

    在详细信息标签上,填充抬头文本和正文文本。
  • "样式"选项卡用于配置颜色和图像,例如文本的颜色和部件的背景。

    在“样式”选项卡上,配置颜色和图像。

在文本中添加链接

对于任何将文本作为选项的组件,都可以使用"打开链接编辑器"在文本中添加嵌入式 URL。链接与此处的词相关联。

要在文本中嵌入 URL,请使用“打开链接编辑器”按钮。

链接设置菜单中,选择链接类型。您可以通过选择外部类型链接到外部站点。在这种情况下,请确保在新窗口中打开页面。

添加电子邮件链接

要添加电子邮件链接,请选择外部链接类型。对于链接,使用:mailto:emailaddress。

在链接设置页面上,添加电子邮件链接。

添加按钮

对于某些组件,您可以通过启用详细信息标签中的显示按钮控件来添加按钮。

选择编辑按钮配置按钮。

要添加按钮,请从详细信息标签中启用显示按钮控件。
  • 您可以将此按钮设置为缺省系统按钮之一,例如主页TC 连接

  • 您可以通过选择类别链接内容链接到站点上的其他页面。

  • 您可以通过选择外部按钮类型链接到外部站点。记得在新窗口中打开外部站点。

选择其中一种按钮类型。

添加组件周围的间距

"启用间距控制"可用于自定义部件边距的大小。可以选择"小"、"中"、"间距",或通过输入部件之间所需的像素数来自定义间距。

示例页面由三个组件创建:文本搜索栏Google 职位地图。如果禁用了"启用间距",则所有部件都会触摸。

如果禁用了“启用间距”,则页面上的所有部件都会触摸。

在以下示例中,为"样式"选项卡中的"文本"和"映射"部件启用了"启用间距"。上边距和下边距设置为"中",右侧和左侧分别设置为"自定义=0"。

打开“启用间距”开关以在部件之间添加空间。

因此,请注意在组件之间添加的间距。

启用“启用间距”后,页面上的部件之间会添加空间。

复制组件

您可以复制组件,以便在页面上插入相同类型的附加组件时不必手动配置所有设置。当您想要在同一页面的台式机、移动设备和平板电脑视图之间创建略有不同的用户体验时,此功能尤其有用。

要复制组件,请在工具栏中选择复制以下组件按钮。

配置组件的附加提示

其他注释包括以下内容:

  • 除了"详细信息"和"样式"选项卡之外,某些部件还包含其他要配置的选项卡。

  • 背景图像使用时会显示在部件的文本部分之后。或者,可以为此区域选择背景颜色。

  • 当"标签文本"设置为"是"时,文本将显示在输入框上方。当控件设置为"否"时,文本在框中显示为幻象文本,如下图所示。

虚拟文本 按关键字搜索 和 按位置搜索 显示在页面的两个文本框中。

扩展组件选项

如果标准或自定义组件不符合客户需求,SAP Store 中提供第三方选项: https://store.sap.com/dcp/en/search/SAP%20SuccessFactors%20Recruiting

摘要

  • 招聘网站构建器允许自定义主页、内容、类别、登录和工作页面,以增强应聘者体验。
  • 领先实践包括对类别页面使用一致的布局,并减少滚动以改进申请人导航。
  • 页眉和页脚可确保直观的站点导航、复制关键行动号召并改进 SEO 功能。
  • 特色职位、Google 职位地图和订阅表单等组件有助于突出显示角色并提高参与度和可见性。
  • 统一数据模型支持增强的搜索结果、可配置的工作过滤和准确的职位地点映射。