Telegram、 WhatsApp+380637610482
ヴァレリー・ダニュク
ヴァレリー・ダニュク開発者企業向けAIツールの開発。高品質で、お手頃価格。Telegramで連絡

オンラインメタタグジェネレーター:タイトル、説明、Open Graphの書き方と挿入コード

オンラインメタタグジェネレーター:タイトル、説明、Open Graph(プレビュー機能と既製のHTMLコード付き)

得られるもの

  • タイトル、説明、正規URL、robots.txt、Open Graph、Twitter Cardを含む既製のHTMLブロック - 無料
  • メイン、カテゴリ、製品、記事のタイトルと説明文の式
  • WordPress 、ウェブサイトビルダー、またはカスタムウェブサイトにコードを挿入する場所を理解する
適用: 15分で保存: ヘッドでコードを手動で記述およびデバッグするのに費やした時間

簡単に言うと、オンラインでメタタグを作成するには、無料のPromoPilotメタタグジェネレーターを開き、タイトル、説明、canonical、robots、Open Graph、Twitter Cardの各フィールドに入力します。右側にGoogleとFacebookのコンテンツのプレビューが表示され、その下に完成したHTMLコードが表示されます。ワンクリックでコピーして、ページの<head>に貼り付けるだけです。ゼロから作成することも、リンクから既存のページから現在のタグをダウンロードして編集することもできます。各フィールドの入力方法とよくある間違いを避ける方法については、以下をご覧ください。

私は12年間ウェブサイト制作に携わってきましたが、テンプレートを再構築する際に真っ先に忘れがちなのがメタタグです。og og:やtwitter:といった構文を覚えておく必要なく、ランディングページやホームページに必要なブロックを素早く作成できるジェネレーターは本当に重宝します。

メタタグジェネレーターは何を生成しますか?

ジェネレーターは、入力されたテキストを有効なコードに変換するヒント付きのフォームです。以下に、ジェネレーターが入力するフィールドとその機能を示します。

分野何を入力しますか?このサイトはなぜこれを必要とするのですか?
タイトルページタイトル(推奨文字数:30~60文字) Google検索結果とブラウザタブの青いリンク
メタディスクリプション説明文(120~160文字推奨)見出しの下のスニペットテキストの候補
正規URLメインページのアドレスパラメータとUTMタグを使用して重複をマージします
ロボットインデックス/インデックスなし、フォロー/ノーフォローページのインデックス作成を有効または無効にします。
Open Graph og:タイトル、og:説明、og:画像 (1200×630)、og:タイプ、og:ロケールFacebook 、LinkedIn、およびメッセンジャーでのリンクプレビュー
Twitterカードtwitter:card (summary_large_image または summary)、タイトル、説明X(Twitter)のリンクカード

入力欄の下には文字数カウンターと推奨範囲が表示され、右側にはGoogleスニペットとFacebook投稿のライブプレビューが表示され、一番下には生成されたHTMLが表示されます。

オンラインでメタタグを作成する方法は?

メタタグを4つのステップで作成:現在のタグをダウンロード、タイトルと説明を入力、canonicalとOpen Graphを追加、HTMLをheadにコピー

  1. メタタグジェネレーターを開きます。ページが既に存在する場合は、そのアドレスを上部のフィールドに貼り付けて「アップロード」をクリックしてください。現在のタグがフォームに挿入されます。
  2. タイトルと説明文を記入する際は、文字数カウンターに注意してください。赤いバーが表示されている場合は、テキストが標準よりも短いか長いことを示しています。
  3. 正規アドレスとして、パラメータなしでhttps://を含む完全なページアドレスを指定します。
  4. ロボットを選択してください。通常のページの場合は、 index, follow 。noindex noindex 、ショッピングカート、個人アカウント、サイト検索結果などのサービスページのみに適用されます。
  5. Open GraphとTwitterカードに、1200×630ピクセルの画像、タイプ(メインページの場合はwebsite 、 article 、製品の場合はproduct )、およびロケール(例: ru_RUまたはen_US )を入力してください。
  6. プレビューを確認し、コピーボタンを使ってHTMLコードをコピーしてください。

出力は、 <head>に挿入されるこのブロックのようなものになります。

<title>Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord</title> <meta name="description" content="120 кожаных рюкзаков в наличии, доставка по Европе за 2–4 дня, возврат 30 дней."> <link rel="canonical" href=" https://example.com/ryukzaki/"> <meta name="robots" content="index, follow"> <meta property="og:title" content="Кожаные рюкзаки Nord — 120 моделей"> <meta property="og:image" content=" https://example.com/img/og-ryukzaki.jpg"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">

ご注意ください:og:titleはタイトルをそのままコピーする必要はありません。ソーシャルメディアでは、ブランド名や「購入」といった表現は押し付けがましく聞こえるため、より関連性の高い見出しが適切です。また、タイトルは検索クエリを反映したものにしてください。

ワークスペースはこのような構成になっています。リンク経由でタグを読み込むための行、左側のフォーム、そして右側のGoogleとFacebookプレビュー画面です。

PromoPilotの無料メタタグ生成ツールページ:URLタグのアップロード、タイトルと説明欄、GoogleとFacebookのプレビュー

クリック可能なタイトルと説明文の書き方

このジェネレーターは長さは追跡しますが、内容は追跡しません。以下は、さまざまなページタイプで使用する数式です。

  • ホーム: Что продаёте + для кого / где | Бренд — 例: Мебель из массива дуба на заказ | Woodline 。
  • カテゴリ: Категория + выбор/цена/доставка | Бренд — Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord 。
  • 製品: Название + ключевое свойство + действие - Рюкзак Nord 20 л из кожи — купить с гарантией 2 года 。
  • 記事: Вопрос или польза + уточнение - Как выбрать матрас для спины: 7 критериев и ошибки 。

説明文は、ページ上で何が得られるのか、なぜクリックすべきなのかを簡潔に約束する形で書きましょう。悪い例:「当社のウェブサイトへようこそ!幅広い商品を取り揃えております…」良い例:「レザーバックパック120種類在庫あり。ヨーロッパ全域へ2~4日でお届け。30日間返品無料。サイズと色でモデルをお選びください。」

ジェネレーターが回避するのに役立つ一般的なコードエラー:

  1. ページには2つのタイトルタグがあります。1つはテンプレート由来、もう1つはプラグイン由来です。コードを貼り付けた後、古いタグが削除されていることを確認してください。
  2. og:image の相対アドレス( /img/cover.jpg) — ソーシャル ネットワークはhttps://を含む完全なアドレスを期待します。
  3. すべてのページのホームページに Canonical が設定されている場合、ページがインデックスから除外される一般的なテンプレート エラーとなります。
  4. noindex は開発後に忘れられてしまう- サイトは公開されるが、検索エンジンはそれを認識しない。

生成されたコードはどこに貼り付ければいいですか?

コードは<head>内に挿入されますが、その方法は使用するエンジンによって異なります。カスタムWebサイトでは、ページのHTMLテンプレートに直接挿入されます。WordPress WordPress 、コードを手動で貼り付けるよりも、ジェネレーターからテキストをSEOプラグイン(Yoast SEOやRank Mathなど)のフィールドにインポートする方が簡単です。プラグインが自動的にタグを生成し、重複したタグの作成を防ぎます。Webサイトビルダーの場合は、ページ設定の「SEO」セクションを探してください。

公開後、結果を確認してください。メタタグ分析に関する記事では、公開ページのタグが意図したタグと一致していることを確認する方法を、SERPプレビューに関する記事では、スマートフォンで検索結果のスニペットを確認する方法を説明しています。

比較:メタタグジェネレーターと代替案

道具無料なのは何ですか?制限どのような人に適していますか?
PromoPilot — メタタグジェネレータータイトル、説明、正規URL、robots.txt、OGおよびTwitterカード、 GoogleおよびFacebookプレビュー、既成HTML 1ページずつ、自分で文章を書いてください。ランディングページ、ホームページ、カスタムウェブサイト、アイデアテスト
Yoast SEO / Rank Math WordPressエディターでタイトル、説明、OGフィールドを直接入力WordPress専用、プラグインのインストールが必要ですWordPressサイトのオーナー向け
ビルダーのSEO設定ページのタイトルと説明欄フィールドのセットはプラットフォームの機能によって制限されます建設業者に関するウェブサイト
手動コーディング完全な制御構文ミスや重複は起こりやすい。開発者向け

結論:サイトがWordPressで構築されている場合は、SEOプラグインの各項目を入力し、ジェネレーターを下書きとして使用してプレビューを確認してください。カスタムウェブサイトや個別のランディングページを作成する場合は、ジェネレーターを使用するとすぐに使えるコードが最速で生成されます。

PromoPilotは、ジェネレーターに加えて、Open Graphデバッガーからスキーママークアップジェネレーターまで、 87種類もの無料SEOツールを提供しています。

メタタグ生成ツールの限界は何ですか?

このジェネレーターは、どのような検索クエリで検索されているかを把握していません。タイトル内のキーワードはユーザーが選択します。また、重複チェックも行いません。同じ説明文を50ページに挿入しても、ツールはそれを検知しません。さらに、このツールは単一ページのみに対応しています。数百もの商品を扱うストアの場合、タグはサイトコード内のテンプレートを使用して自動的に生成され、手動で作成する必要はありません。

無料ツールでは不十分なのはどんな時か?

メタタグジェネレーター vs. ターンキータグテンプレート:単一ページの手動生成 vs. サイト全体のルール

このジェネレーターは5ページ程度であれば最適です。500ページの場合は、別の方法が必要です。以下のような場合は専門家の助けが必要です。

  • カタログがあり、各新製品には自動的にタグが割り当てられるはずです。
  • このサイトは多言語対応なので、各言語で適切なロケールを指定したタグが必要です。
  • どのような問い合わせが購入者を引き付けるのかは分からず、タイトルは「目分量」で書かれている。
  • CMSを変更した後、タグが消失したり重複したりする問題が発生した。

あなたのウェブサイトのために、私にできることはありますか?

私はヴァレリー・ダニュクです。開発者兼SEOスペシャリストとして12年の経験を持ち、200社以上のクライアントを抱えています。ウェブサイトオーナーが公開のたびにメタタグについて心配する必要がないように、テンプレートには最初からメタタグを組み込んでいます。

SEOとプロモーション

ウェブサイトとオンラインストア

CRMと自動化

Telegramでウェブサイトのアドレスを送っていただければ、主要ページのタイトル案を提案します。

結果

  1. オンラインのメタタグジェネレーターは、タイトル、説明、正規URL、robots.txt、Open Graph、Twitter Cardといった要素を含む、プレビュー付きの既製のヘッドブロックを作成します。
  2. タイトルは30~60文字、説明文は120~160文字に収め、キーワードとメリットを最初に記載してください。
  3. コードを貼り付けた後、タグが重複していないこと、およびog:imageが完全なアドレスとして指定されていることを確認してください。
  4. カタログサイトや多言語サイトの場合、タグはテンプレートを使用して収集されます。または、 1001siteのように、すでにこの処理が行われているプラットフォームを使用します。

無料のメタタグジェネレーターを使ってホームページ用のタグを集めましょう。この記事を読むよりもずっと短時間で済みます。

情報源

  • PromoPilotメタタグジェネレーターツールページ - フィールド、推奨範囲、およびFAQ。
  • Open Graph Protocol (ogp.me) — og:title、og:image、og:type、og:locale タグの説明。
  • WordPress用 Yoast SEO および Rank Math プラグインのドキュメント。

参考文献および出典

質疑応答

タイトルと説明文の最適な長さはどれくらいですか?

ジェネレーターのガイドライン:タイトルは30~60文字、説明文は120~160文字です。各フィールドの下に表示されるカウンターは、テキストが指定範囲を超えている場合に強調表示されます。キーワードとメリットを最初に配置してください。長いテキストの末尾はGoogle切り詰められます。

Open Graphタグが必要な理由は何ですか?

Open Graphは、 Facebook 、LinkedIn、 Telegram 、 WhatsAppなどのアプリにおけるリンクプレビュー(タイトル、説明、画像)を制御します。これらがないと、メッセージアプリはページからランダムなテキストと画像を取得したり、リンクだけを表示したりします。

生成されたコードはどこに貼り付ければよいですか?

ページのヘッダーセクションの、閉じタグの前に記述してください。WordPressではWordPressこれらの項目をSEOプラグイン(YoastやRank Mathなど)またはページビルダーのSEO設定で入力する方が簡単です。重複するタグがないことを確認してください。ページにタイトルタグが2つあるのはエラーです。

ジェネレーターはメタタグ分析とどう違うのですか?

ジェネレーターはタグの作成を支援し、すぐに使えるコードを生成します。メタタグ分析は、ライブページに既に存在するタグをチェックし、エラーを検出します。便利な組み合わせ:ページをチェックし、問題のあるタグをジェネレーターで書き換え、挿入し、再度チェックします。

ウェブサイトを確認しましたが、修正してくれる人はいないのですか?

この無料ツールで問題点が明らかになります。レポートを分析し、優先順位を付けて修正します。具体的には、SEO監査、速度改善、マークアップ、そしてランキングを落とさずに新しいサイトへ移行する作業を行います。