SNS共有用メタデータのマークアップを生成する方法

ソーシャル共有用メタデータを作成する目的

このツールは、SNSなどでページを共有したときの表示に関係するソーシャル共有メタデータのマークアップを、入力したテキストから作成します。タイトル、説明文、画像URL、ページURL、サイト名、種類、ロケールを必要に応じて指定できるため、共有用の情報をまとめて確認したいときに役立ちます。入力はすべて任意のテキストで、タイトルを入力しない場合と入力した場合で結果の構成が変わります。

入力してマークアップを生成する手順

タイトル欄に、共有時に表示したいページ名を入力します。タイトルを入力しない場合は処理自体は成功しますが、メタデータの項目は返りません。
説明欄にはページの概要を入力します。タイトルを入力すると、説明が空でもタイトル用と説明用のメタデータが作成されます。
必要に応じて画像URL、ページURL、サイト名を入力します。これらは値を入力した項目だけがメタデータに含まれます。URLを入力しても、その先のページや画像を取得して確認する処理ではありません。
種類とロケールを指定します。省略した場合、タイトルを入力した結果では種類が website、ロケールが en_US になります。
入力内容を確認して生成を実行します。入力したメタデータの値は、マークアップに入る前にHTML用にエスケープされます。

結果の読み方と確認範囲

結果は、SNSなどでの共有表示に使うためのメタデータ用マークアップです。タイトルがある場合はタイトルと説明の項目が含まれ、画像URL、ページURL、サイト名は入力した場合に限って追加されます。種類やロケールを省略した場合は既定値が使われるため、必要な言語や種類があるなら明示してください。

この結果は、各サービス上での表示を保証するプレビューではありません。また、入力したURLや画像が正しいか、実際に取得できるかを確認するものでもありません。生成されたマークアップを利用する前に、対象ページ側へどのように組み込むかを別途確認してください。

使用例

春の新商品ページを共有するため、タイトル、説明、画像URLを入力してマークアップを作成します。

タイトルに「春の新商品」、説明に「4月発売の商品一覧です」、画像URLに画像のアドレスを入力し、種類とロケールは空欄のまま生成します。

タイトルと説明のメタデータが含まれ、画像URLとサイト名は入力した場合に含まれます。種類とロケールを省略したため、タイトルがある結果では website と en_US が使われます。

制限事項

入力したURLや画像の内容、到達可能性、SNS上での実際の表示は確認しません。生成されるのは、入力値をもとにしたマークアップです。

よくある間違い

タイトルを空のまま実行すると成功してもメタデータが返らないため、共有用のページ名を入力してから再生成します。

よくある質問

説明文を空欄にしても生成できますか？

タイトルを入力すると、タイトル用と説明用のメタデータが作成されます。説明が空でもこの2項目は作成されます。

画像やページURLは必須ですか？

画像URL、ページURL、サイト名は、対応する入力欄に空でない値を入れた場合だけメタデータに含まれます。

種類とロケールを指定しない場合はどうなりますか？

種類とロケールを省略した場合、タイトルが入力されていれば種類は website、ロケールは en_US になります。