メタタグを生成
メタタグの生成は、タイトル、説明文、URL、画像を入力するだけです。ページのhead内に入れるtitle、meta description、canonical、OGP、Xのカードのコードができ、文字数とよくある間違いもその場でチェックされます。
出典:Google Search Central – Control your title links in search results (title-Element)。更新日:
計算方法
メタタグは、HTMLページのhead内に置き、検索エンジンやSNSにページの情報を伝えるタグです。このツールは主要なタグをまとめて作り、引用符や&などの特殊文字もHTML用に変換します。
各タグの役割
- title:ページのタイトルで、検索結果では通常、青い見出しとして表示されます。ページごとに内容がわかる固有のものにします。
- meta description:検索エンジンが抜粋として使うことがある説明文です。順位には影響しませんが、クリックするかどうかに影響します。
- link rel="canonical":同じ内容が複数のURLで見られるとき、推奨するURLを示します。
- robots:
noindexを指定するとページは検索結果に出ません。指定しなければ「index, follow」が適用されます。 - OGP(og:*):リンクがSNSやメッセージアプリで共有されたときの、タイトル・説明・画像を決めます。
- twitter:*:X用のカード設定です。なければ、通常はOGPの値が使われます。
ヒント
プレビュー画像は縦横比が約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でのブロックと違い、検索エンジンが指示を読めるよう、ページを取得できる状態にしておく必要があります。
出典・根拠
- Google Search Central – Control your title links in search results (title-Element)
- Google Search Central – Control your snippets in search results (Meta-Description, keine feste Grenze)
- Google Search Central – Robots meta tag, data-nosnippet, and X-Robots-Tag specifications
- The Open Graph protocol – og:title, og:type, og:image, og:url, og:description, og:site_name, og:locale
- X Developer Platform – Cards markup (twitter:card, summary_large_image)
更新日: · 編集方針
関連ツール
- SERPプレビュー(検索結果の表示幅チェック)タイトルとメタディスクリプションを入力すると、Google検索結果での見え方をプレビュー。表示幅をピクセルと文字数で確認し、省略されそうな場合はお知らせします。
- 文字数カウント文字数カウントツールです。空白・改行を含む文字数と含まない文字数、行数、段落数、読むのにかかる時間をリアルタイムで表示。X(旧Twitter)やSMSの上限もわかります。
- UTMパラメータ作成ツールUTMパラメータ作成ツール。URLにutm_source・utm_medium・utm_campaignなどを正しくエンコードして付与。既存のパラメータはそのまま残ります。
- robots.txtを作成robots.txtを作成:テンプレートを選び、ブロックするパスや許可するパス、サイトマップを入力し、AIクローラーも除外できます。コピーできるファイルを表示します。
- 利益率計算(粗利率・原価率・売価)原価と売価から粗利・粗利率・原価基準の利益率(マークアップ率)を計算。目標の利益率から売価や仕入れ上限も逆算できる無料ツールです。
- メール署名を作成メール署名を作成。名前と連絡先を入力し、スタイルを選んでプレビューを確認、書式つきテキストまたはHTMLでコピーできます。無料・登録不要です。
- 歩合の計算歩合の計算ツール:売上と歩合率から歩合額、目標の歩合額に必要な売上、段階的に率が上がる累進歩合を求めます。計算式と内訳も表示します。
- アイゼンハワーマトリクスを作成:緊急度と重要度でタスクを整理アイゼンハワーマトリクスを無料で作成。タスクと重要度・緊急度を入力するだけで4つの枠に自動で振り分け、完成した図をPNGで保存して印刷できます。
- パレット積載を計算パレット積載の計算ツール。ユーロ・産業用・米国規格のパレットに載るケース数、段数、高さ、重量を求め、必要パレット数と積載メートルも表示します。無料です。