メインコンテンツへスキップ

【Indeed】description に HTML タグを追加する

  • 更新

どんなときに使う？

Indeed のフィード項目descriptionに HTML タグを追加して視認性を高めたい

before-after.png

マスターデータの項目を複数組み合わせて Indeed のフィード項目descriptionを生成する際に、処理「エディターを使用する」を使って、Indeed で使用可能な HTML タグをdescriptionに追加する方法をご紹介します。

 

今回は、以下のように HTML タグを追加する前提で説明します。

  • 求人タイトルに h1 タグを追加
  • 【求人詳細】と【募集要項】に h2 タグを追加
  • 募集要項の項目の見出しに b タグを追加（給与・雇用形態・勤務地・最寄り駅・各種制度）

Indeed の description で使用できる HTML タグは、Indeed のフィード仕様ページをご確認ください。

 

使用機能・ルール

  • 拡張項目
  • 条件
    • 空でない
  • 処理
    • エディターを使用する
    • 置換する※

※処理「置換する」について、今回は「正規表現」というシステム的な記述を使用して置換を行います。

極めて簡易的な記述のため運用上の問題はないと考えておりますが、正規表現を使った記述は自由度が高いためルールの挙動については保証ができない点、予めご了承下さい。

 

設定方法

以下の①～⑧の HTML タグを反映させたいパーツごと（=追加したい HTML タグの要素ごと）に、それぞれマスターデータの項目の前後に HTML タグを追加するルールを作成します。

その後、エディターを使用して1つの項目内に要素をまとめて表示します。

description___.png

 

1. 拡張項目を作成してマッピング

拡張項目ext_description（任意の項目名）を作成し、フィード項目descriptionにマッピングします。

 

拡張項目は Excel で例えると、空の列を1つ追加するイメージです。

description の値を入れるための箱（項目）として拡張項目を作成してフィード項目descriptionにマッピングします。

※マッピングした段階では拡張項目は空の状態です。この後、ルールで値を入れていきます。

desc______.png

 

2. パーツごとに HTML タグを追加するルールを作成

先ほどの図の①～⑧のパーツごとに、それぞれマスターデータの項目の値の前後に HTML タグを追加するルールを作成します。

先ほど作成した拡張項目ext_descriptionとは別に新しく拡張項目を作成し、処理「エディターを使用する」で HTML タグのテキスト入力とマスターデータの項目の変数入力をします。

また、この時、マスターデータの項目の値が空欄の場合に HTML タグのみが追加されてしまわないよう、マスターデータの項目に値がある（=空でない）場合を条件に指定します。

 

2-1.求人タイトルに h1 タグを追加するルールを作成

先ほどの図の①のパーツの部分の設定を行います。

h1________.png

条件

求人タイトルに値がある（=空でない）場合を条件に指定します。

___________.png

 

処理

①拡張項目ext_description_求人タイトル（任意の項目名）を作成

___________.pngdescription_____.png

 

②処理「エディターを使用する」で求人タイトルを代入し、h1 タグを追加

___________.png

 

2-2. 求人詳細に h2 タグの見出しを追加するルールを作成

先ほどの図の②のパーツの部分の設定を行います。

条件

求人詳細に値がある（=空でない）場合を条件に指定します。

_________.png

 

処理

①拡張項目ext_description_求人詳細（任意の項目名）を作成

②処理「エディターを使用する」で h2 タグを追加した見出しを記入し、求人詳細を代入

__________2022-09-30_191838.png

 

2-3. 募集要項の各項目に b タグの見出しを追加するルールを作成

先ほどの図の④～⑧のパーツの部分はそれぞれ、b タグを追加するルールを作成します。

条件

給与に値がある（=空でない）場合を条件に指定します。

_______.png

処理

①拡張項目ext_description_給与（任意の項目名）を作成

②処理「エディターを使用する」で b タグを追加した募集要項の項目名を記入し、給与を代入

__________2022-09-30_192030.png

同様に、雇用形態・勤務地・最寄り駅・各種制度もそれぞれルールを作成します。

設定が完了すると、キャプチャの通りルールが並びます。

______.png

 

3. エディターで連結させるルールを作成

1. で作成した拡張項目ext_descriptionに、処理「エディターを使用する」で、2. で設定した HTML タグが追加された拡張項目をそれぞれ順番に代入していきます。

また、Indeed の description で HTML タグを使用する場合は改行をすべて<br>で表記する必要があるため、置換します。

 

①ext_descriptionにエディターを使用して項目を代入し、任意の箇所に改行を追加

②ext_descriptionで使用されている改行コードを、正規表現を利用して全て<br>に置換

__________2022-09-30_193833.png

 

ルールを保存してプレビュー・またはフィード変換後にアイテム一覧より、意図された設定になっているかご確認ください。

dfplus.io のプレビューでは HTML タグがテキストで表示されますが、Indeed 掲載時は HTML タグが反映されます。

Indeed への連携前に、HTML タグが反映された状態で description の内容を確認したい場合は、任意のHTML タグのチェックツールを利用してご確認ください。

description_____.png

関連記事

Powered by Zendesk