タスクの道筋 / 入力から結果へ
Open Graph メタタグを生成する方法
- 01
タイトルと説明を書く
「タイトル」（120 文字以内）と「説明」（300 文字以内）を入力します。タイトルは必須で、タイトルなしで生成すると名前付きのエラーで停止します。説明は任意で、存在すれば og:description になります。どちらのフィールドも上限で入力を受け付けなくなります。
- 02
URL を追加する
「Canonical URL」を入力します。絶対的な HTTP または HTTPS アドレスが必須です。任意の「画像 URL」も、入力する場合は絶対アドレスである必要があります。無効なアドレスは、何かが生成される前に名前付きのエラーで拒否されるため、相対パスや裸のドメインがタグに紛れ込むことはありません。
- 03
サイト名とタイプを設定する
「サイト名」を 100 文字以内で追加し、「コンテンツタイプ」から「ウェブサイト」「記事」「商品」を選びます。タイプは og:type の値になり、サイト名は og:site_name になります。空のままにすると、その行はマークアップから単純に省略されます。
- 04
タグを生成する
「メタタグを生成」を押します。マークアップは 1 行に 1 つの meta 要素としてローカルで組み立てられ、すべての値が属性用にエスケープされます。完成した出力はローカル上限の 16,000 文字以内に収まる必要があります。「サンプルを読み込む」は完成した記事の例を入力し、ワンクリックで生成まで行います。
- 05
確認してコピーする
代表的なシェアカードを確認します。タイトルと説明の上にサイト名（サイト名がない場合は Canonical URL のホスト名）が表示されます。出力ペインで生成されたマークアップも読みましょう。フィールドを編集すると、再生成までマークアップはクリアされます。次に「メタタグをコピー」でクリップボードへ入れるか、「HTML をダウンロード」で toolars-open-graph-meta.html としてタグを保存し、ページの head に貼ります。