メタタグ生成ツール
ページのタイトルとディスクリプションを入力すると、検索結果と同じようにピクセル単位で、Googleでの表示を確認できます。canonicalリンクや、共有されたときの見え方を左右するOpen GraphタグとXタグも出力するので、<head>にそのまま貼り付けられます。
既存のHTMLから読み込む
その他のオプション:作成者、テーマカラー、robots
Facebook · LinkedIn · WhatsApp
X (Twitter)
<head>用のHTML
使い方
- ページのタイトルとディスクリプションを入力します。Googleで省略されそうな場合は、バーが赤くなります。
- ページのURL、共有用の画像、サイト名を追加して、プレビューを確認します。
- コードをコピーして、ページの<head>内に貼り付けます。
よくある質問
タイトルとメタディスクリプションは何文字くらいが適切ですか?
Googleは上限を公表しておらず、文字数ではなく表示幅で省略されます。PCでは、タイトルが約600ピクセル(全角で30文字前後)、ディスクリプションが約920ピクセル(全角で80〜90文字前後)を超えると省略されることが多いです。検索内容に合わせてGoogleが書き換える場合もあります。
メタキーワードは今でも意味がありますか?
いいえ。Googleは長年、keywordsメタタグを順位の判定に使っていないため、このツールでは生成しません。検索結果に表示されるのは、タイトルとディスクリプションです。
canonicalリンクとは何ですか?
同じページが複数のURLで開ける場合(たとえば計測用パラメータの有無など)に、どのURLが正規のものかを検索エンジンに伝えるものです。https://から始まる完全なURLを指定してください。
🖼️ OGP生成ツール(Open Graph)
🔗 UTMリンク作成ツール
🌈 CSSグラデーション生成ツール
🔲 CSSボックスシャドウ生成ツール