キャリアサイトビルダーページのエレメントの確認

以下は、ホームページの特徴の一部です。

• ヘッダ
• プロファイルの表示 (候補者プロファイルへのリンク)
• 検索機能 (目立つように配置)
• サブスクライブ機能 (目立つ場所)
• おすすめの求人 (カテゴリページ)
• 求人マップ
• フッター

カテゴリページには、以下の機能があります。

• カテゴリページは、通常、補充が困難なポジションや大量のポジションを強調表示するために使用されます。
• 標準キャリアサイトビルダーサイトには、10 のカテゴリーページが含まれています。
• カテゴリページを使用して、ジョブカテゴリ、ブランド、ロケーションなどを表すことができます。
• 複数のカテゴリページで求人を表示することができます。
• カテゴリページのコンテンツ量を制限して、応募者が求人テーブルにアクセスするために必要なスクロール回数を減らします。

リーディングプラクティスには、以下が含まれます。

• カテゴリページごとに異なるコンポーネントを使用できますが、カテゴリページごとに同一のレイアウトを使用するのがリーディングプラクティスです。
• カテゴリページごとに一意のコピー (テキスト) と画像またはビデオを提供することも顧客にとってリーディングプラクティスです。
• リーディングプラクティスは、部署、事業本部、職務など、応募者追跡システム (ATS) の特定のデータフィールドを使用して、これらのページにマッピングされる求人を決定することです。

統合データモデルが有効化されている場合、キーワードまたは事業所 (もしくはその両方) を使用するか、採用申請の任意のオブジェクトからフィルタリングして、カテゴリを定義することができます。

これらのページには求人が含まれていません。代わりに、これらのページには、企業文化、福利厚生、多様性、大学プログラム、インターンシップなどに関する情報が含まれています。

標準の CSB 導入契約には、14 のコンテンツおよび/またはカテゴリーページが含まれています。

これらのページへのリンクは、ホームページのドロップダウンメニュー、ホームページの本文内、またはフッタ内に含めることができます。

顧客は、候補者を自分専用に設計されたランディングページにリンクするオンライン広告購入によって、特定のターゲットオーディエンスの候補者を惹き付けることができます。

ランディングページの使用例は以下のとおりです。

• LinkedIn でキャリアフェアを宣伝します。
• 最近の大学卒業生を誘致するキャンペーンをフェイスブックで立ち上げる。
• 特定の求人情報ではなく、Indeed での会社とのキャリアに関する広告。
• Google AdWords を購入します。

統合データモデルが有効化されている場合、お客様は各ブランドの検索結果ページおよび求人結果カードのすべてのエレメントを設定することができます。さらに、候補者が検索結果を絞り込むことができるフィールドを設定することもできます。

以下は、キャリアサイトビルダーの求人ページの特徴の一部です。

• ヘッダおよびフッタナビゲーション
• ジョブコレクション全体を検索するキーワードによる検索機能。
• ソーシャルシェアリングアイコン
• 人材コミュニティに参加するためのリンク
• 上部と下部にある今すぐ適用ボタン

ヘッダーの目標は、候補者が一貫したサイトナビゲーションを実現できるようにすることです。主な目標をサポートするリンク (求人に応募し、人材コミュニティに参加する) を含めます。

ヘッダのリーディングプラクティスには、以下の点があります。

• 会社情報 (ドロップダウンリストを使用してすべてのコンテンツページを表示)

• おすすめの求人 (ドロップダウンリストを使用してすべてのカテゴリページを表示)

• 事業所 (Google 求人マップ)

• サインイン

• 人材コミュニティに参加する（多くの場合、「求人が見つかりませんか？」にあります）

• 言語セレクタ (複数ロケールサイト用)

左上隅に顧客のロゴを含めます。このロゴは、ユーザーがプラットフォーム内の他のページを開いている場合にホームページにリンクされます。

ホームページで見つかったリンク ("行動喚起") は、ナビゲーションを容易にするためにヘッダーに複製する必要があります。

フッタのリーディングプラクティスには、以下の点があります。

• キャリアのホーム

• 企業ホーム（検索エンジンに信頼性と品質を伝える）

• 上位求人 (上位の検索結果ページへのリンク。検索エンジンによって確実にインデックスが作成されるようにします)

• すべての求人の表示 (検索エンジンでインデックスが作成されるようにカテゴリページへのリンク)

ソーシャルリンクを含める場合は、以下を実行します。

• 応募者に固有のソーシャルネットワーキングリンクのみを選択します。

• ソーシャルリンクをフッターまたはページ下部の近くに表示します。

  

Featured Jobs コンポーネントでは、Career Site Builder ページに高位または重要度の高い求人を表示することができます。

注目ジョブコンポーネントには、詳細、メニュー、スタイルの 3 つの設定タブがあります。

ヘッダテキストが詳細タブに入力されます。すべてのジョブ、キャリアサイトの他の部分、または外部 Web ページにリンクできるオプションボタンを追加することもできます。

メニュータブからカテゴリページへのリンクを追加します。リンクはコンポーネント内の 3 つの列に表示されます。これは設定できません。

スタイルタブで、リンクの色、ヘッダテキスト、およびコンポーネントの背景を設定します。

ジョブを Google 求人マップコンポーネントに表示するには、場所データが正しく設定されている必要があります。使用可能なオプションの一部を以下の図に示します。

また、Google マップでは、アプリケーションの動作に対して米国に対してデフォルトのバイアスが適用されることに注意してください。顧客がマップの表示方法を変更する場合は、地域コードを変更します。詳細については、CSB のヘルプテキストを参照してください。

イメージカルーセルコンポーネントには、イメージのみが表示され、テキストは表示されません。

以下の図では、ソーシャルサイトへの多くのリンクをカルーセルに含めています。

画像およびテキストカルーセルコンポーネントを使用すると、付随するテキストとともに、キャリアサイトページにスライド形式の画像のギャラリーを追加することができます。

スライドが進むと、自動フォーカスによって画像カルーセルにフォーカスが移動します。表示間隔が 0 より大きい値に設定され、自動フォーカスがオンの場合、ページ上の位置に関係なく、フォーカスが有効なカルーセルに再配置されます。

情報および購読フォームコンポーネントでは、会社に関するイメージまたは情報が人材コミュニティ購読フォームと並べて表示されます。

Career Site Builder でアップロードされた画像は、世界中のサーバーを使用してページの読み込み時間を短縮する Akamai コンテンツ配信ネットワーク (CDN) でホストされます。

コンポーネントに応じて、ページにイメージを追加するには、イメージ選択または + 追加を選択します。通常、これはスタイルタブにあります。

以前に追加したイメージの一覧からイメージを追加することができます。

新しいイメージを追加するには、以下の手順を実行します。

1. イメージアップロードを選択します。
2. イメージ選択を選択します。
3. 目的の画像を参照して選択し、 [追加] を選択します。
4. 前画面矢印を選択します。
5. [代替テキストを編集] を選択し、テキストを入力して、 [保存] をクリックします。
6. 前画面矢印を選択し、選択を選択します。

画像を追加するときに、以下の図に示すように、目的の画像タイプと画像の位置を選択します。

この機能により、候補者がどのブラウザおよびデバイスタイプを使用しているかに関係なく、画像が常に表示される "焦点点" が可能になります。たとえば、画像内の人物は常にすべてのデバイスが中心になります。

すべてのデバイスでイメージが希望どおりに表示されない場合は、サイズが異なる複数のコンポーネントを追加して、各デバイスタイプに表示することができます。

イメージを追加する際には、以下の点を考慮してください。

• コンポーネントに応じて、イメージをページに追加するには、イメージ選択または + 追加を選択します (通常はスタイルタブから)。
• 以前に追加したイメージの一覧からイメージを追加することができます。
• 顧客が Web 対応イメージの提供を支援する必要がある場合は、SAP の Web デザインチームにイメージファイルを準備してもらうことをお奨めします。時間の請求が必要になります。

このコンポーネントは、Web デザイナが Web サイトでヘロタイプのイメージと呼ぶものをサポートします。つまり、ページ全体に 1 つのイメージが表示されます。イメージの位置と高さを選択します。

検索バーコンポーネントは、コンポーネントレベルで追加されるグローバル設定ですが、そこでは編集されません。検索バーのレイアウトには、グローバルスタイル→検索で特定のロケールおよびブランドに対して選択されている内容が反映されます。

リーディングプラクティスは、検索バーの目立つ場所、つまり "曲の上に" (スクロールは不要) です。

強い背景色を使用します。

以下の図では、顧客の環境で統合データモデルが有効化されています。ロケーション検索の有効化は任意です。

Subscribe Form コンポーネントは、人材コミュニティの電子メール登録フォームを追加します。

購読フォームは、ページの全幅であるボックス内の小さいページ要素です。ボックス内の購読フォームの方向またはフォームのサイズを変更することはできません。

詳細タブから、フォームのタイトルと任意の本文を入力します。購読フォームには、ユーザが電子メールアドレスを入力するための項目も含まれています。

購読フォームには、人材コミュニティに登録するためのボタンが常に含まれています。このボタンを非表示にすることはできませんが、ボタンテキストフィールドを使用してボタンに表示されるテキストを設定することができます。また、テキストを入力ボックスの上に表示するか、ボックス内のゴーストテキストとして表示するかを指定することもできます。

スタイルタブから、背景イメージと、ヘッダおよび本文テキストの色を選択します。

この例のように、ほぼ透明なボックスを実現するには、スタイル→本文背景の下部のスライドコントロールを使用します。

テキストコンポーネントは、テキストの単一列です。このコンポーネントのサイズまたは方向を変更することはできません。

詳細タブで、テキストを入力し、必要に応じて埋め込みリンクまたはボタンを入力します。

スタイルタブから、テキストおよび背景の色を設定するか、必要に応じて背景イメージを追加します。

Text コンポーネントでは、Remove Existing Left and Right Padding 設定は Enable Spacing と連携して機能し、テキストの上下にある 20 ピクセルのデフォルトスペースを削除して、顧客がページでのテキストの表示方法をより詳細に制御できるようにします。

図 "3 列イメージ (キャプションあり) の例" は、異なるイメージとキャプションがどのように表示されるかを示しています。

3 列画像 (キャプションあり) コンポーネントでは、キャリアサイトの情報用に設定されたレイアウトが使用されます。

このコンポーネントの 3 つの各列には、利用可能な機能が複数あります。各列で、以下を実行することができます。

• イメージをアップロードします。
• ヘッダテキストと本文を入力します。
• リンク表示オプションを有効化して、リンクを表示します。その後、リンク編集メニューを使用して、追加するリンクのタイプおよびリンクに表示されるテキストを選択することができます。

コンポーネントの列の幅またはイメージのサイズを調整することはできません。

[スタイル] タブと [フォントスタイル] タブを使用して、色とフォントを調整します。

以下の図に示すように、一部のカスタマはこのコンポーネントの複数のインスタンスを追加します。

2 列コンポーネントは、イメージとテキストで構成されます。

テキストは詳細タブで入力します。スタイルタブから、イメージとコンポーネントのテキストおよび背景の色を選択します。通常、イメージ位置のオプションは、コンポーネントの全幅に適用されます。たとえば、中央を選択した場合、イメージは両方の列の幅を中央揃えで表示します。

ただし、 [画像の配置を絞り込む] 設定が有効化されている場合、画像は使用可能な画面の 50% を超えることはないため、ページの半分を超えることはありません。画像の位置設定に応じて、画像がページの左側または右半分に表示されるか、ページの中央の 50% に表示される可能性があります。テキストは常に右側に表示されます。

デスクトップビューでは 2 列コンポーネントは似ていますが、タブレットビューでは魅力的ではありません。モバイルビューでは、画像は表示されず、コピーのみが表示されます。

ビデオコンポーネントでは、キャリアサイトビルダーページにビデオを追加することができます。ビデオに関する追加の注記は以下のとおりです。

• 動画はYouTube、Vimeo、Wistiaから埋め込まれることがある。

• 詳細タブから、ビデオを全幅にするか、テキストで左寄せまたは右寄せにするかを選択します。

• また、ビデオを自動的に開始するかどうかも決定します。

• スタイルタブから背景色とフォント色を選択します。

候補者プロファイルに保存される候補者に関する情報を取得するために、データキャプチャフォームをランディングページに追加することができます。必要に応じて、ランディングページを一定期間使用し、その後無効化または削除することができます。たとえば、5 月に大卒者のランディングページを作成し、会社の採用ニーズが満たされていると仮定して 7 月に削除します。

その他の考慮事項は以下のとおりです。

• キャリアサイトビルダーでフォームを作成し、任意のランディングページに追加します。
• ランディングページは、検索エンジン (サイトマップ) で索引が作成されません。
• CSB ランディングページでは 2 つの列がサポートされています。

Custom Plugin コンポーネントは、ページに一意のスタンドアロンレイアウトコンポーネントを導入するのに最適です。これにより、お客様はキャリアサイトの機能とスタイルを他のサイトと区別することができます。

以下は、カスタムプラグインの使用例です。

• 標準の Career Site Builder コンポーネントとは異なるレイアウトでページコンポーネントを作成します。

• カスタムガジェットまたはウィジェットとインタラクティブ要素 (ビデオ、スライダ、アニメーションなど) を統合します。

• カスタムフォームを提供します。

• デフォルトで検索バーを "ヒーロー" 画像に埋め込むか、ピックリスト検索オプションを展開して、検索バーをカスタマイズします。
• サードパーティアプリケーションを統合して、チャットボットまたは Twitter フィードの追加、Qualtrics の統合、分析 (ピクセル追跡) の有効化などを行います。

採用ラーニングルームのコンテンツ→6 キャリアサイトビルダー (CSB) で、ブログ Break off from cookie cutter career sites using Custom Plugins の例を参照してください。

カスタムプラグインコンポーネントは、以下のタスクを対象としていません。

• ヘッダまたはフッタの変更
• Universal CSS スタイルの上書き
• プラットフォーム機能の書き換え

カスタムプラグインをコーディングするサードパーティ開発者は、Java スクリプトや HTML など、任意の標準 Web 言語を使用できます。

スペースコントロールの有効化では、コンポーネントの余白のサイズをカスタマイズできます。小、中、大きな間隔を選択したり、コンポーネント間に必要なピクセル数を入力して間隔をカスタマイズしたりすることができます。

サンプルページは、テキスト、検索バー、および Google 求人マップの 3 つのコンポーネントで作成されています。スペースの有効化が無効化されている場合、すべてのコンポーネントがタッチされます。

以下の例では、スタイルタブからテキストおよびマップコンポーネントに対してスペースの有効化が有効化されています。上余白と下余白は [中] に、右側と左側は [カスタム] = 0 に設定されていました。

その結果、コンポーネント間にスペースが追加されたことに留意します。

同じタイプの追加コンポーネントをページに挿入する際に、すべての設定をマニュアルで行う必要がないように、コンポーネントを複製することができます。これは、同じページのデスクトップ、モバイル、およびタブレットビュー間で若干異なるユーザエクスペリエンスを作成する場合に特に役立ちます。

その他の SAP ノートには、以下が含まれます。

• 一部のコンポーネントには、詳細タブとスタイルタブに加えて、設定対象の他のタブが含まれています。

• 背景イメージを使用すると、コンポーネントのテキスト部分の後ろに表示されます。または、この領域に対して背景色を選択することもできます。

• [ラベルテキスト] が [はい] に設定されている場合、入力ボックスの上にテキストが表示されます。コントロールが [いいえ] に設定されている場合、下図に示すように、テキストはボックス内にゴーストテキストとして表示されます。

標準コンポーネントまたはカスタムコンポーネントがカスタマの要件を満たしていない場合、サードパーティオプションは SAP Store から利用できます。 https://store.sap.com/dcp/en/search/SAP%20SuccessFactors%20Recruiting