Organizing the Customer's Content by Using Effective Career Site Elements

The following are some of the hallmarks of a home page:

• Header

• View Profile (links to candidate profile)

• Search functionality (prominently placed)

• Subscribe functionality (prominently place)

• Featured Jobs (category pages)

• Job Map

• Footer

Category pages have the following features:

• Category pages are typically used to highlight hard-to-fill and high volume positions.
• Standard Career Site Builder sites include 10 category pages.
• You can use category pages to represent job categories, brands, locations, and so on.
• You can have jobs display on more than one category page.
• Limit the amount of content on category pages to reduce the amount of scrolling applicants have to do to reach the job table.

Leading practices include:

• It is leading practice for each category page to use the same layout, though different components can be used for different category pages.
• It is also leading practice for the customer to provide unique copy (text) and an image or video for each category page.
• The leading practice is to use specific data fields from the Applicant Tracking System (ATS), such as Department, Business Unit, or Function, to determine which jobs map to these pages.

When the Unified Data Model is enabled, categories can be defined using keyword and/or location, or by filtering from any objects on the job requisition.

No jobs are included on these pages. Instead, these pages contain information about the company culture, benefits, diversity, university programs and internships, and so on.

A standard CSB implementation contract includes 14 content and/or category pages.

Links to these pages can be included in a dropdown menu on the home page, within the body of the home page, or within the footer.

Customers can attract candidates in a specific target audience by online advertising buys that link the candidates to a landing page designed specifically for them.

Examples of the use of landing pages include the following:

• Advertise a Career Fair on LinkedIn.

• Launch a campaign on Facebook to attract recent college grads.

• Advertise about careers with the company on Indeed, not for a specific job posting.

• Purchase Google AdWords.

When the Unified Data Model is enabled, customers can configure all of the elements of the search results page and the job results cards for each brand. In addition, they can configure the fields that candidates can refine their search results on.

The following are some of the hallmarks of a Career Site Builder job page:

• Header and footer navigation

• Search by keyword functionality, which searches the entire job collection

• Social sharing icons

• Link to join the Talent Community

• Apply Now buttons at the top and bottom

The goal of the header is to allow the candidate to achieve consistent site navigation. Include links that support the main objectives: apply for jobs and join the Talent Community.

Leading practices for headers include the following points:

• About Us (use the dropdown list to see all content pages)

• Featured Jobs (use the dropdown list to see all category pages)

• Locations (Google Job Map)

• Sign In

• Join Talent Community (often found under "Not finding a job?")

• Language Selector (for multi-locale sites)

Include the customer logo in the upper left corner, which links to the home page when the user is on other pages in the platform.

Any links ("calls to action") found on the home page should be replicated in the header for ease of navigation.

Leading practices for footers include the following points:

• Careers Home

• Corporate Home (communicates credibility and quality to search engines)

• Top Jobs (links to the top search results pages to help ensure they are indexed by search engines)

• View All Jobs (links to the category pages to help ensure they are indexed by search engines)

When including social links, do the following:

• Choose only social networking links that are specific to job seekers.

• Present social links in the footer or near the bottom of the page.

  

The Featured Jobs component allows you to display high-profile or high-importance jobs on Career Site Builder pages.

The Featured Jobs component has three configuration tabs: Details, Menu, and Styles.

Header Text is entered in the Details tab. You can also add an optional button which can link to all jobs, to other parts of the career site, or to external web pages.

Add the links to category pages from the Menu tab. Links display in three columns within the component; this is not configurable.

In the Styles tab, configure the color of the links, the header text, and the background of the component.

For jobs to appear on the Google Job Map component, the location data must be correctly configured. Some of the available options are shown in the figure below.

Also note that Google Maps applies a default bias for application behavior towards the United States. If your customer wants to change how the map is presented, change the Region Code. See the help text in CSB for details.

The Image Carousel component displays images only, no text.

In the figure below, the company has included their many links to social sites in a carousel.

The Image and Text Carousel component allows you to add a gallery of images in slide format on a career site page, with accompanying text.

Auto Focus places the focus on the image carousel when the slides advance. When the display interval is set to greater than 0 and Auto Focus is on, the focus repositions you to the active carousel regardless of where you are on the page.

The Info and Subscribe Form component displays an image or information about the company, side-by-side with the Talent Community Subscribe Form.

Images uploaded in Career Site Builder are hosted on the Akamai Content Delivery Network (CDN), which uses servers around the world to reduce page loading times.

Depending on the component, to add an image to the page, choose Select Image or +Add. This is typically found in the Styles tab.

You can choose to add an image from a list of images that you have previously added.

To add a new image, perform the following steps:

1. Choose Upload Image.
2. Choose Select Image.
3. Browse and select the desired image and then select Add.
4. Select the back arrow.
5. Select Edit Alt Text, enter text, and click Save.
6. Select the back arrow and choose Select.

When adding an image, select the desired Image Type and Image Position, as shown in the figure below.

This feature allows a "focal point" for an image to always be visible no matter what browser and device type is being used by the candidate. For example, a person in the image will always be centered on every device.

If the image is not displaying as desired on all devices, you can add multiple components with images of different sizes to display on each device type.

When adding images, consider the following:

• Depending on the component, to add an image to the page, choose Select Image or +Add, typically from the Styles tab.
• You can choose to add an image from a list of images you’ve previously added.
• If the customer needs assistance delivering web-ready images, we recommend having SAP’s web design team prepare their image files. The time will need to be billed.

The component supports what web designers call hero-type images on a website: one image displays across the page. Select the Image Position and Height.

The Search Bar component is a global setting that is added at the component level, but not edited there. The Search Bar layout reflects what is selected for the specific locale and brand under Global Styles → Search.

Leading practice is for prominent place of the search bar, that is, "above the fold" (does not require scrolling).

Use a strong background color.

In the figure below, the Unified Data Model is enabled in the customer's environment. Enabling location search is optional.

The Subscribe Form component adds an email sign-up form for the Talent Community.

The Subscribe Form is a smaller page element within a box that is the full width of the page. You cannot change the orientation of the Subscribe Form inside the box or the size of the form.

From the Details tab, enter a title for the form and any desired body text. The Subscribe Form also contains a field for the user to enter their email address.

The Subscribe Form always includes a button to sign up for the Talent Community. You cannot hide this button, but you can configure the text that displays on the button using the Button Text field. You can also specify whether the text is displayed above the entry boxes or as ghost text within the boxes.

From the Styles tab, select the background image and the color of the header and body text.

To achieve a box that is almost transparent, as in this example, use the bottom slide control from Styles → Body Background.

The Text component is a single column of text. You cannot change the size or orientation of this component.

In the Details tab, enter the text, and if desired, an embedded link or button.

From the Styles tab, set the color of the text and background, or if desired, add a background image.

On the Text component, the Remove Existing Left and Right Padding setting works in conjunction with Enable Spacing by removing the 20 pixels of default spacing above and below the text, so that the customer has more control over how the text displays on the page.

The figure, Three Column Images with Caption Example, is an example of how different images plus a caption could appear.

The Three Column Image with Caption component uses a set layout for information on the career site.

Each of the three columns in this component has several available features. In each of the columns, you can do the following:

• Upload an image.
• Enter header text and body text.
• Display a link by enabling the Show Link option. You can then use the Edit Link menu to choose what type of link you want to add and the text that will display for the link.

You cannot adjust the width of the columns in the component or the size of the images.

Use the Styles and Font Styles tabs to adjust colors and fonts.

Some customers add multiple instances of this component, as show in the figure below.

The Two Columns component consists of an image and text.

Text is entered on the Details tab. From the Styles tab, select the image plus the colors for the text and background of the component. The options for Image Position normally apply to the full width of the component. For example, if you select Center, the image appears centered across the width of both columns.

But if the Refine Image Alignment setting is enabled, the image never extends beyond 50% of the available screen, so it is never wider than half the page. Depending on your Image Position setting, this could mean that the image appears on the left or right half of the page, or the center 50% of the page. Text is always presented on the right.

The Two Columns component looks good in the Desktop view, but is less appealing in the Tablet view. On the Mobile view, the image is not displayed, only the copy.

The Video component allows you to add videos to Career Site Builder pages. Additional notes about video include the following:

• Videos may be embedded from YouTube, Vimeo, and Wistia.

• From the Details tab, choose whether the video is full width, or left- or right-justified with text.

• Also decide whether you would like the video to auto-start.

• Select the background and font colors from the Styles tab.

Data capture forms may be added to landing pages to capture information about the candidate, which is saved to the candidate profile. If desired, landing pages may be used for a period of time and then deactivated or deleted. For example, create a landing page for college graduates in May and deleting it in July, assuming the company’s recruiting needs have been met.

Other considerations include:

• Build the forms in Career Site Builder and add them onto any landing page.
• Landing pages are not indexed in search engines (site maps).
• Two columns are supported on CSB landing pages.

The Custom Plugin component is ideal for introducing unique, stand-alone layout components on pages. It enables customers to differentiate the functionality and styling of their career site from other sites.

The following are examples of uses for the Custom Plugin:

• Create page components with different layouts than the standard Career Site Builder components.

• Integrate custom gadgets or widgets and interactive elements, such as videos, sliders, and animations.

• Provide custom forms.

• Customize the search bar by embedding it in a "hero" image or expand picklist search options by default.
• Integrate a third-party application to add a Chatbot or Twitter feed, integrate Qualtrics, enable analytics (pixel tracking), and so on.

See examples in the blog, Break away from cookie cutter career sites using Custom Plugins, in the Recruiting Learning Room under Content → 6 Career Site Builder (CSB).

The Custom Plugin component is not intended for the following tasks:

• Modifying the header or footer
• Overriding universal CSS styling
• Re-writing platform functionality

The third-party developer who codes the custom plugin can use any standard web language, such as Java script and HTML.

Enable Spacing Control allows you to customize the size for the component margins. You can choose Small,Medium, Large spacing, or customize spacing by entering the number of pixels desired between the components.

The example page was created with three components: Text, Search Bar, and Google Job Map. When Enable Spacing is disabled, all components are touching.

In the following example, Enable Spacing was enabled for the Text and Map components from the Styles tab. It was set to Medium for the top and bottom margins, and Custom=0 for the right and left sides.

As a result, notice the spacing that was added between the components.

You can duplicate a component so that you don't have to configure all of the settings manually when you insert an additional component of the same type on the page. This is particularly helpful when you want to create a slightly different user experience between desktop, mobile, and tablet views of the same page.

Other notes include the following:

• Some components contain other tabs to be configured in addition to the Details and Styles tabs.

• Background images, when used, appear behind the text portion of the component. Alternatively, a background color can be chosen for this area.

• When Label Text is set to Yes, the text is displayed above the entry boxes. When the control is set to No, the text displays as ghost text within the boxes, as shown in the figure below.

If a standard or custom component does not meet your customer's requirements, third-party options are available from the SAP Store: https://store.sap.com/dcp/en/search/SAP%20SuccessFactors%20Recruiting

Looking for jobs by category is very popular with candidates. Leading practice is to include a listing in the header, such as Featured Jobs, Careers or Other.

Customers often include a component that links to job categories that they are trying to fill.

Many customers provide a Google Job Map, so that candidates can quickly drill-in to jobs in their location.