無料Webツール

OGPタグ生成

og:title・description・url・image等のOpen Graphタグを生成します。

入力と設定

タイトル、説明、ページURL、画像URL、og:type、サイト名からOpen Graphタグをまとめ、twitter:cardも1行追加します。SNSカード用メタタグのたたき台を作るツールです。

記事ページで article と summary_large_image を選び、完全な画像URLを入れると、Open Graph一式とTwitter card種別を生成できます。

このツールはURLへアクセスして画像の存在やサイズを確認しません。公開後はSNSのデバッガーや実際のシェアプレビューで、画像取得・キャッシュ・表示内容を確認してください。

このページは主要なog:*タグとtwitter:cardを出します。twitter:titleやtwitter:image等を重複生成する構成ではありません。

SNSクローラーは外部から取得するため、httpsから始まる完全URLを使う方が曖昧さを減らせます。

入力した画像の実寸を取得しないため、推奨比率や解像度は元画像側で確認してください。

クローラーのアクセス可否、リダイレクト、画像MIME、SNS側キャッシュなどでも結果が変わります。

タイトルや説明を全ページ同じにせず、シェアされたときそのページの内容が分かる文言へしてください。