メタSEOタグ生成器
SEOに最適なメタタグを生成し、ソーシャルメディアのプレビューを確認します。
Page Details
Social Media Settings (Open Graph / Twitter)
Generated HTML Meta Tags
<!-- Primary Meta Tags --> <title></title> <meta name="title" content="" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="author" content="" /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://example.com" /> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:image" content="" /> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="https://example.com" /> <meta property="twitter:title" content="" /> <meta property="twitter:description" content="" /> <meta property="twitter:image" content="" />
My Website
Enter a compelling description...
Note: This is a simulation of how your page might appear.
おすすめのツール
役に立つかもしれない厳選されたツール
SEOとソーシャル共有のためのメタタグを書く
概要
メタタグはページの<head>にある断片で、検索エンジンやソーシャルネットワークにページをどう表示するか（検索結果のタイトル、説明スニペット、リンク共有時に表示される画像とテキスト）を伝えます。正しく書けばクリック率やSNSでのリンクの見え方が良くなります。このツールはタイトル・説明・Open Graphタグの作成を助け、どう見えるかのプレビューを提供します。
使い方（ステップ）
- 1
ページ情報を入力
タイトル・説明・URL、そしてページ共有時に表示させたい画像を追加します。
- 2
プレビューして調整
検索・ソーシャルのプレビューを確認し、切れないよう長さと文言を調整します。
- 3
タグをheadにコピー
生成されたメタタグをページHTMLの<head>に貼り付けます。
仕組み
ページのタイトル・説明・URL・共有画像を入力すると、ツールがメタタグを生成します。<title>、メタディスクリプション、そしてソーシャルプラットフォームが読むOpen Graph / Twitter Cardタグです。多くはGoogle結果とソーシャル共有カードのライブプレビューを表示し、タグをページのheadにコピーする前に長さや文言を調整できます。
こんなときに使う
Google検索結果に出るタイトルと説明を書くとき。ページがSNSで共有される際に表示される画像とテキストを制御するとき。醜い・欠けたソーシャルプレビューを直すとき。タイトル・説明を検索エンジンが表示する長さ内に保つとき。新しいページやブログ記事のメタタグを設定するとき。共有時にリンクが意図的でクリックしやすく見えるようにするとき。
よくある質問
検索エンジンに切られないよう、タイトルはおよそ50〜60文字、説明は約150〜160文字を目安にしてください。ツールのプレビューが切れる位置を示しますが、厳密な上限ではなく指針として扱ってください。
注意事項
メタタグはページの表示のされ方を左右するもので、上位に来るかどうかではありません。順位にはコンテンツとリンクの方が重要です。検索エンジンはクエリにより合うと判断すれば、タイトルや説明を独自のものに置き換えることがあります。