Open Graph タグジェネレーター
Facebook、Twitter、LinkedInでのソーシャルメディア共有プレビューを最適化するOpen Graphメタタグを生成。リアルタイムカードプレビュー付き
Open Graphメタタグとは何ですか？
Open Graphメタタグは、Facebook、Twitter、LinkedInなどのソーシャルメディアで共有された際のウェブページの表示方法を制御するHTMLタグです。タイトル、説明、画像などのプロパティを定義します。
なぜOpen Graphタグが必要ですか？
OGタグがないと、ソーシャルメディアがページからランダムにコンテンツを選択し、魅力的でないプレビューになる可能性があります。OGタグにより、共有リンクがプロフェッショナルに見えます。
og:imageの推奨画像サイズは？
推奨画像サイズは1200×630ピクセル、最小600×315ピクセルです。Facebookやほとんどのプラットフォームは、リンクプレビューに1.91:1のアスペクト比を使用しています。
TwitterカードはOpen Graphタグを使用しますか？
TwitterはフォールバックとしてOpen Graphタグをサポートしていますが、独自のtwitter:card、twitter:title、twitter:description、twitter:imageタグもあります。このツールは最大の互換性のために両方を生成します。
必須のOpen Graphタグはどれですか？
最低限必要なOGタグはog:title、og:type、og:image、og:urlです。ただし、より良いソーシャルメディアプレビューのためにog:descriptionの追加を強くお勧めします。
Open Graphタグをテストするには？
Facebook Sharing Debugger、Twitter Card Validator、LinkedIn Post Inspectorを使用してテストできます。このツールはリアルタイムプレビューも提供します。
Open GraphはSEOに影響しますか？
Open Graphタグは検索エンジンランキングに直接影響しませんが、共有リンクをより魅力的にすることでソーシャルメディアのクリック率を向上させ、間接的にSEOに利益をもたらします。
og:typeとは何で、どのような値がありますか？
og:typeは共有コンテンツのタイプを定義します。一般的な値にはwebsite、article、video、music、book、profileがあります。適切なタイプを選択することで、プラットフォームがコンテンツを適切に表示できます。
複数のog:imageタグを使用できますか？
はい、複数のog:imageタグを指定できます。ソーシャルメディアプラットフォームは通常、最初の画像を表示するか、ユーザーが利用可能なすべての画像から選択できるようにします。
ウェブサイトにOpen Graphタグを追加するには？
生成されたHTMLメタタグをコピーして、ウェブページの<head>セクションに貼り付けるだけです。WordPressの場合、YoastやRank MathなどのSEOプラグインを使用してOGタグを自動生成できます。
Open GraphとTwitter Cardsの違いは何ですか？
Open GraphはFacebookによって作成され、ほとんどのソーシャルプラットフォームで使用されています。Twitter CardsはTwitter独自の仕様で、summary_card_with_large_imageなどの追加機能があります。両方は共存できます。
公開前にOpen Graphをプレビューするには？
このジェネレーターを使用して、OGタグをリアルタイムで作成・プレビューできます。ライブプレビューは、Facebook、Twitter、LinkedInでリンクがどのように表示されるかを正確に示します。
Open Graph タグジェネレーターの使い方
Open Graph メタタグを生成し、Facebook・X・LinkedIn でのページのプレビューを正しく表示させます。カードのライブプレビュー付き。タグはブラウザ内で生成され、何もアップロードされません。
- og:url 欄にページのアドレスを、og:image にシェア用画像を入力します（例：https://www.localtoolz.com/image.jpg）。
- og:type の選択肢からコンテンツの種類を選びます：website、article、product、profile、video.movie、music.song、book。
- og:site_name と og:locale を入力し、カードにブランド名と言語を表示させます。
- 記事の場合は article:published_time、article:modified_time、article:author、article:section、article:tag を追加します。
- 製品の場合は product:price:amount と product:price:currency を設定します（例：29.99 と USD）。
- 出力から生成されたタグをコピーし、ページの <head> に貼り付けます。
og:image には絶対 URL（推奨 1200×630 ピクセル）が必要です。相対パスでは多くの SNS プレビューが壊れます。
関連ツール
- メタタグジェネレーター SEOメタタグ、Open Graph、Twitter CardタグをGoogleプレビュー付きで生成する無料オンラインツール。
- Chmod 計算機 無料オンラインchmod計算機でチェックボックス付きLinuxファイル権限を視覚化・計算。数値(755, 644)とシンボリック表記(rwxr-xr-x)を即座に変換。setuid、setgid、sticky bit等の特殊権限に対応。
- ASCIIコード表 10進数、16進数、8進数、2進数コード、HTMLエンティティ、文字説明を含む完全なASCII文字エンコーディングリファレンス。即座に検索・フィルタリング。
- HTTPリクエストテスター ブラウザで直接REST APIをテスト。カスタムヘッダー、ボディ、クエリパラメータでGET、POST、PUT、DELETEリクエストを送信。レスポンスのステータス、ヘッダー、JSONボディを即座に確認。
- .htaccessジェネレーター Apache .htaccessルールを生成します。リダイレクト、リライト、セキュリティヘッダー、キャッシュなど。
- Robots.txtジェネレーター 無料オンラインrobots.txtジェネレーター。robots.txtファイルを作成・カスタマイズして検索エンジンのクロールを制御、クローラーアクセスを管理、サイトのSEOを最適化します。
- サイトマップジェネレーター 無料オンラインXMLサイトマップジェネレーター。URL追加、優先度・頻度設定、SEOに優れたサイトマップを即座に作成。
- Crontab 解析 cron式を解析・説明。人間が読めるスケジュール説明と次回実行時刻を表示。