Cookie の使用について.本サイトでは、基本機能の提供に必要な必須 Cookie を使用しています。さらに、同意いただいた場合に限り、アクセス解析 Cookie を利用して利用状況を把握し、サービス改善に役立てます。詳しくは .
Cookie の使用について.本サイトでは、基本機能の提供に必要な必須 Cookie を使用しています。さらに、同意いただいた場合に限り、アクセス解析 Cookie を利用して利用状況を把握し、サービス改善に役立てます。詳しくは .
このツールは使いやすかったですか？
フィードバックは改善に役立ちます
帮助网站管理员快速生成符合SEO标准的HTML meta标签代码，提升搜索引擎可见度。
概要
解決できる課題、処理の仕組み、データの範囲を確認できます。
このツールは、ページごとのタイトル、説明文、キーワード、著者、URL、共有画像、サイト名、Twitterアカウントを入力し、HTMLのheadに追加するタグ案を組み立てます。出力には<title>、description・keywords・authorのmeta要素、Open Graph（OGP）用のog:title／og:description／og:url／og:image／og:site_name、Twitter Card用の項目が含まれます。Twitter Cardの種類はsummary_large_image固定です。
プレビュー欄では検索結果風のテキスト表示と共有カードの見た目を入力値から確認できます。これは入力内容の確認用イメージで、検索エンジンやSNSが実際に表示する画面を取得・再現する機能ではありません。作られたコードをページへ貼り付け、実際のHTMLと各サービスでの表示を別途確認するところまでが作業です。
meta descriptionはページ内容の短い説明として検索エンジンへ渡す情報です。ただしGoogle検索のスニペットは主にページ本文から作られ、検索語に応じて表示が変わる場合があり、descriptionが常に採用されるわけではありません。title要素も検索結果のタイトル表示を固定する指定ではありません。meta keywordsは出力できますが、Googleはインデックスやランキングに利用しないと説明しています。
一方、OGPのメタデータはURLが共有された際のカード情報を伝えるための仕組みです。Open Graph仕様ではタイトル、種類、画像、URLなどをmeta要素で表します。検索向けの記述と共有向けの記述は似た文言を含んでも、確認する場面が異なるため、同じページの情報をそれぞれの目的に合わせて入力します。
使い方
手順に沿って操作し、例を使って入力と結果を確認します。
基本情報の欄にページタイトル、description、必要ならkeywordsとauthorを入力します。文字数表示はタイトル60、説明160を目安として数え、超えると注意色に変わります。これは入力時の目安表示で、検索結果で必ずその長さまで出るという規則ではありません。
ソーシャル情報の欄でページURL、画像URL、サイト名、任意のTwitterアカウントを指定します。URLと画像URLは対象ページや公開画像を指す値を入力してください。Twitterアカウント欄は空でも構いません。
検索結果風表示とOGPカードで、タイトル・説明・画像・URLが同じページを指しているか確認します。コード表示に切り替えてコピーし、対象ページの<head>へ反映した後、生成HTMLに空欄や既存タグとの重複がないかソースで見直します。
活用例
仕事や日常の流れの中での活用方法を紹介します。
サイト編集者がページ固有のタイトルと説明を用意し、トップページの文言を全ページへ流用せずに済むよう、headへ貼る候補をまとめます。公開後はCMSやテンプレートが同じタグを重ねて出していないか確認します。
運用担当者がページURL、共有画像、サイト名を入力し、カードに必要な情報が揃っているか視覚的に確認します。画像URLを変えたときは、コードだけでなく共有先が読み取れる公開状態かも確認します。
Q&A
よくある疑問や迷いやすい点をまとめて確認できます。
固定はされません。Googleはページ内容や検索語などからタイトルリンクとスニペットを作り、descriptionを採用する場合もあります。プレビューは文言の確認に使い、公開後の検索表示そのものは保証しません。
順位向上にはつながりません。Google Search Centralはmeta keywordsをインデックスやランキングに使わないとしています。他のシステム向けに必要な場合だけ入力してください。
この出力ではsummary_large_imageを使用します。別のカード形式が必要なら、コピー後に該当するtwitter:cardの値を目的に合わせて編集し、対象サービスで確認してください。
多くの項目は入力が空でも空のcontent値を持つタグとして出力されます。ページで使わないタグは貼り付け後に削除し、同じtitleやmeta要素がテンプレートから重複出力されていないか確認してください。
注意
利用範囲、結果の制限、必要な注意点を事前に確認します。
生成されたHTMLは入力文字列をタグ属性へ差し込む形式です。入力に引用符や山括弧が含まれる場合、属性やマークアップが意図せず壊れる可能性があるため、コピーしたコードを確認し、必要に応じてHTML属性として適切にエスケープしてください。ページテンプレート側に既存のtitleやOGPタグがある場合は二重出力にも注意します。
URLと画像は値を記述するだけで、到達可能性、公開範囲、画像の寸法や各SNSの取得結果を検証しません。反映後にページの実際のheadと共有先の表示を確認してください。60文字・160文字のカウンターはこの画面上の目安です。検索表示の統一上限ではなく、生成ツールの利用だけで検索順位、インデックス、特定のカード表示が保証されるものでもありません。
関連
関連ツール、特集、利用可能なAPIを探せます。