SNSシェアカードのプレビュー
ローカル処理Open Graph・Twitterカードの共有時の見え方をプレビューします。
使い方と処理基準
Open Graph・Twitterカードの共有時の見え方をプレビューします。
ツールの処理はブラウザ内で行われます。計算・変換の共有リンクを作成すると値がURLに含まれます。アカウント・アクセス解析・広告の情報はプライバシーポリシーをご確認ください。
処理制限
- 最大入力文字数: 100,000文字
「作業」でOpen GraphまたはTwitterカードを選び、<head>のメタタグを貼り付けます。タグが抜けていないか、画像のアドレスが正しいかをシェア前に確認します。
できること
- Open Graph
- og:title・description・image・urlを読んでカードで表示します。
- Twitterカード
- twitter:card・title・imageタグを確認します。
SNSシェアカードのプレビューの使い方
- 1作業を選ぶOpen GraphまたはTwitterを選びます。
- 2HTMLを貼り付け<head>内のmetaタグを貼り付けます。
- 3カードを確認抜けているタグとプレビューを見ます。
活用例
OGタグ3つ
入力: <meta property="og:title" content="핑케일"><meta property="og:description" content="무료 도구"><meta property="og:image" content="https://example.com/og.png">
結果: og:title 핑케일、og:description 무료 도구、og:image https://example.com/og.png
主な利用シーン
- 新しい記事をSNSに上げる前にカードの見た目を確認するとき
- シェア画像が出ない原因を探すとき
よくある質問 (FAQ)
アドレスだけ入れてはだめですか？
このツールはサーバーに接続しないため、ページのソース（metaタグ）を貼り付ける必要があります。ブラウザの「ページのソースを表示」でコピーできます。