メタタグを生成

メタタグの生成は、タイトル、説明文、URL、画像を入力するだけです。ページのhead内に入れるtitle、meta description、canonical、OGP、Xのカードのコードができ、文字数とよくある間違いもその場でチェックされます。

出典:Google Search Central – Control your title links in search results (title-Element)。更新日:

主なキーワードを先頭に。目安は30文字前後まで
1〜2文で。目安は70〜120文字程度
このページの推奨バージョンの完全なURL
1200×630ピクセル程度。SNSでの表示に使います
例:ja_JP。空欄なら出力しません
マイツールボックス入力内容はこのブラウザーにのみ保存されます。

結果

head用のコード
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>メタタグ生成|サンプルページ</title> <meta name="description" content="サンプルの説明文です。このページに何が書かれているか、訪問した人がここで何を得られるかを、1〜2文で簡潔に説明します。メタタグの意味や使い方のポイントも紹介します。"> <link rel="canonical" href="https://www.example.com/sample/"> <meta property="og:type" content="website"> <meta property="og:title" content="メタタグ生成|サンプルページ"> <meta property="og:description" content="サンプルの説明文です。このページに何が書かれているか、訪問した人がここで何を得られるかを、1〜2文で簡潔に説明します。メタタグの意味や使い方のポイントも紹介します。"> <meta property="og:url" content="https://www.example.com/sample/"> <meta property="og:image" content="https://www.example.com/image.jpg"> <meta property="og:site_name" content="サンプルショップ"> <meta property="og:locale" content="ja_JP"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="メタタグ生成|サンプルページ"> <meta name="twitter:description" content="サンプルの説明文です。このページに何が書かれているか、訪問した人がここで何を得られるかを、1〜2文で簡潔に説明します。メタタグの意味や使い方のポイントも紹介します。"> <meta name="twitter:image" content="https://www.example.com/image.jpg">
文字数
タイトル 14文字、説明文 82文字
チェック結果
  • 問題は見つかりませんでした。
文字数は目安で、Googleの規定ではありません。検索エンジンは表示幅で省略し、独自のタイトルや抜粋を表示することもあります。コードは各ページのhead内に貼り付け、ページごとに調整してください。

計算方法

メタタグは、HTMLページのhead内に置き、検索エンジンやSNSにページの情報を伝えるタグです。このツールは主要なタグをまとめて作り、引用符や&などの特殊文字もHTML用に変換します。

各タグの役割

ヒント

プレビュー画像は縦横比が約1.91:1(例:1200×630ピクセル)だと、多くのSNSできれいに表示されます。タイトルと説明文の検索結果での見え方は検索結果プレビュー、文字数は文字数カウント、キャンペーン用のリンクはUTMビルダーで作れます。

よくある質問

メタタグとは何ですか?

HTMLページのhead内にある、訪問者には見えないが検索エンジンやSNSが読み取る情報です。タイトル、説明文、プレビュー画像、インデックスの指示などがあります。

titleとdescriptionの長さの目安は?

titleは30文字前後まで、descriptionは70〜120文字程度が一般的な目安です。Googleは明確な上限を示しておらず、表示幅で省略します。重要な語は先頭に置きます。

meta descriptionは順位を上げますか?

いいえ、順位の要因ではありません。検索結果に抜粋として表示されると、クリックされやすさに影響します。Googleがページ本文から独自の抜粋を表示することもよくあります。

OGPは何のために使いますか?

OGPは、共有されたリンクがSNSやメッセージアプリでどう見えるか(タイトル、説明、画像)を決めます。ないと、各サービスが推測して、合わない画像が表示されることがあります。

noindexとは何ですか?

そのページを検索インデックスに登録しないという指示です。訪問者はこれまでどおりアクセスできます。robots.txtでのブロックと違い、検索エンジンが指示を読めるよう、ページを取得できる状態にしておく必要があります。

出典・根拠

更新日: · 編集方針

関連ツール