リンクカードHTML生成|OGPからカード型リンクタグを作成

WebページのOGP(Open Graph Protocol)を参照していますので、OGPに対応していないページのタグは上手く作成できない場合があります。

無料 登録不要 商用利用OK
カテゴリ
HTML支援ツール(OGP / Editor)
主な用途
  • Webサイト
  • WordPressの場合は「カスタムHTML」ブロック
入力
https付きで入力してください。
未入力の場合は、取得できたOGPタイトルを使用します。
長文は貼り付け先で省略表示される場合があります。
OGP画像が取得できない場合のみ手入力してください。
使い方
  1. URLを入力
  2. 必要ならタイトル/概要/画像を調整
  3. 「生成する」→ 右側のコードをコピーして貼り付け
出力
まだ生成されていません。左のフォームにURLを入力して「生成する」を押してください。


                
WordPressなら「カスタムHTML」ブロック等に貼り付けてください。
まだ生成されていません。生成後にプレビューが表示されます。
プレビュー領域
貼り付け先のCSSにより見た目は変わる場合があります。

よくある質問

A : 入力したURLのOGP(Open Graph Protocol)情報(タイトル/概要/画像など)を参照し、ブログやWebサイトに貼り付けられる「リンクカード用タグ」を生成します。

A : 必須ではありません。未入力の場合、取得できたOGP情報を優先して利用します。必要に応じて手動で上書きできます。

A : 一部のページでは生成できますが、og:title や og:image などが存在しない場合、タイトルや画像が取得できず、カード表示が期待通りにならないことがあります。

A : OGPはページ側で設定された内容が参照されます。ページの og:title / og:description が短い・空・別用途の場合、ツール側でもその影響を受けます。必要であれば入力欄で手動修正してください。

A : WordPressの場合は「カスタムHTML」ブロック、はてなブログ等はHTML編集欄に貼り付けてください。通常のテキスト入力欄ではHTMLが無効化されることがあります。

A : 貼り付け先のCSS(テーマ、エディタ、リセットCSS)の影響を受ける場合があります。貼り付け先の環境で見た目が統一されるよう、カード部分のCSSを調整する必要があります。

A : og:title、og:description、og:image を取得しています。

利用条件・注意事項・免責等

利用条件

本ツールは、次の条件でご利用いただけます。

  • 無料
    ツール自体の利用料金はかかりません。
  • 登録不要
    アカウント作成やログインなしで、そのまま使えます。

注意事項・免責

本ページの機能を利用したことにより発生したいかなる損害についても、 本ページの作成者・公開者・管理者は一切の責任を負いかねます。

ご利用は、必ずご自身の責任のもとでお願いいたします。