このツールはブラウザで即時実行できます。登録もサーバー処理も不要です。
このツールが役に立ちましたか？
byteflow.tools をインストールすると、起動が速くなり、オフラインでもツールを使えます。
インストールガイドこのツールが役に立ちましたか？
byteflow.tools をインストールすると、起動が速くなり、オフラインでもツールを使えます。
インストールガイドOpen GraphとTwitterのメタタグを生成し、ソーシャルカードをライブプレビューしてコピーできます。
チャンネル間で一貫したタイトル、説明、画像、正規のメタデータを持つ共有プレビュー用のオープン グラフとソーシャル メタ タグを生成します。
OG を構築します
マーケティング ページ、ドキュメント、ツール全体で共有カードの出力を標準化するのに役立ちます。
展開用にコピー可能なメタ スニペットを作成することで、プレビューの不一致の問題を軽減します。
ページのメタデータ
title: release_2048 url: https://example.com/release-2048
説明
サインアップなしでブラウザで直接 JSON をフォーマットして検証します。
画像
https://example.com/og/release-2048.png (1200x630)
OGタグ
<meta property="og:title" content="Product Launch Checklist" />
Twitterタグ
<meta name="twitter:card" content="summary_large_image" />
検証メモ
メタデータ変更後にソーシャルプラットフォーム上のURLを再スクレイピングしてキャッシュを更新します。
プレビュー画像が表示されません
絶対URL、画像サイズ、およびクローラーを確認してくださいアクセシビリティ。
デプロイ後も古いプレビューが持続します
プラットフォーム キャッシュの更新をトリガーし、更新された HTML 応答を確認します。
モバイルでタイトルが大幅に切り詰められます
タイトルを簡潔にし、重要なキーワードを前面に読み込みます。
Canonical と og:url の不一致
帰属と共有の不一致を避けるために URL を調整します。
Open Graphメタタグジェネレーター は、提出・公開・引き継ぎの前に行う迅速な検証ステップとして運用するのが適切です。
OG タグと Twitter タグの両方が必要ですか?
はい、多くのプラットフォームは依然として特定のタグ設定に依存しています。
最適な画像サイズはどれですか?
1200x630 は、大規模なソーシャル プレビュー カードの一般的なベースラインです。
1 ページに動的な OG タグを含めることはできますか?
はい、記事やツールの詳細ページでは動的レンダリングが一般的です。
公開後にタグをテストするにはどうすればよいですか?
プラットフォーム検証ツールを使用し、最終的にレンダリングされた HTML を検査します。