SEOメタタグとソーシャルメディア共有タグを生成
SEOメタタグとソーシャルメディア共有タグを生成
0/60
プリセットを選択するか、50-300文字の範囲で直接入力できます。選択値はCookieに保存されます。
Page description will appear here...
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:locale" content="ko_KR">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">メタタグジェネレータは、WebページのSEOメタタグ、Open Graph(OG)タグ、Twitter Cardタグをフォーム入力だけで簡単に生成するツールです。Google検索結果、Facebook、LinkedIn、Discordなど、様々なプラットフォームでのプレビューをリアルタイムで確認でき、HTMLおよびNext.js/Nuxt.jsコードを自動生成してプロジェクトに直接適用できます。
基本情報を入力
ページタイトル、説明、URL、キーワードなどの基本的なSEO情報を入力します。推奨文字数も表示されます。
Open Graph・Twitterを設定
OG画像URL、コンテンツタイプ、Twitter Card形式など、ソーシャルメディア共有の設定を入力します。
プレビューを確認
Google、Facebook、LinkedIn、Discordでページがどのように表示されるか、リアルタイムプレビューで確認します。
コードをコピー
HTMLまたはNext.js・Nuxt.js形式のコードタブを選び、「全てコピー」ボタンで生成されたメタタグをコピーします。
Open GraphはFacebookが策定したプロトコルで、Webページがソーシャルメディアで共有されたときに、タイトル、説明、画像などを標準化された形式で表示します。Facebook、LinkedIn、Discord、カカオトークなど多くのプラットフォームが対応しています。
Open Graph画像は1200x630pxを推奨します。このサイズならFacebookやLinkedInなど多くのプラットフォームで切れずに表示されます。ファイルサイズは5MB以下をおすすめします。
Canonical URLは、同じコンテンツへ複数のURLからアクセスできる場合に、検索エンジンへ正規URLを伝える役割があります。重複コンテンツの問題を防ぎ、SEO評価を集約できます。
noindexは検索エンジンがそのページを検索結果に表示しないようにし、nofollowはページ内のリンクをたどらないようにします。2つのオプションは個別に設定できます。
summaryは小さなサムネイルとともにタイトルと説明を表示し、summary_large_imageは大きな画像を前面に表示します。ビジュアルが重要なページにはsummary_large_imageをおすすめします。