メタ タグ ジェネレーター

メタ タグ ジェネレーターは、ページの <head> に存在する HTML のブロックを構築し、検索エンジンやソーシャル ネットワークにページの表示方法を指示します。タイトル、説明、画像、その他いくつかのフィールドを 1 回入力すると、ツールは正しくフォーマットされたメタ タグ (標準 SEO タグ、Facebook および LinkedIn 用の Open Graph タグ、Twitter カード タグ) を出力し、テンプレートに直接貼り付けます。もう手入力繰り返しプロパティ = "og:" 行を使用したり、twitter:card タグを忘れたりする必要はありません。

これらのタグを正しく取得することは、検索スニペットとリンクのプレビューを制御するため重要です。 <title> とメタ記述は、Google での結果の表示方法を形作ります; Open Graph のタイトル、記述、画像は、ソーシャル フィードでの共有リンクの外観を決定します。このジェネレーターは、単一の入力セットから 3 つすべてを同期させ、長さの検索エンジン ディスプレイを通過して実行されるタイトルと記述にフラグを立て、構造化データの一致する JSON-LD ブロックを追加できます。

すべてがクライアント側で実行されます 入力したURL、コピー、画像リンクは決してアップロードされないため、未公開ページまたは内部ツールのタグをプライベートに準備できます ジェネレータは一度ロードされるとオフラインで動作し、出力はあなたが所有するプレーンHTMLです - それをコピーし、フレームワークにドロップして出荷します。

ほとんどの壊れたプレビューには 3 つの詳細が考慮されています。 Open Graph 画像 URL はスキームを含めて絶対的である必要があります。なぜなら、それらをフェッチするクローラーには相対パスを解決するためのページ コンテキストがないからです。 Twitter は twitter タグのないものについては Open Graph に戻ります。そのため、完全な og セットとカード タイプが両方のプラットフォームをカバーし、すべての値を複製する必要はありません。また、プレビューは各プラットフォームによって積極的にキャッシュされるため、そのプラットフォーム独自のデバッグ ツールで URL を再スクレープするまで固定タグが表示されません。長さの警告は、Google がハード リミットではなく切り捨てる場所を反映しています。つまり、より長い説明は有効で単純にカットされ、タイトルを繰り返す説明は、その場所にあるスペースを無駄にします。

メタタグタイトルジェネレータとして使用され、入力すると長さの問題が表示されます。 「小さな部屋のためのハンドメイドオークデスク、純木とオイルで注文するように構築」をページタイトルとして入力し、カウンターが72/60 で赤くなり、タイトルが切り捨てられる可能性があるという警告が表示されます。 「小さな部屋のためのハンドメイドオークデスク」にカットすると、カウンターは34/60 と読み、警告はクリアされ、同じテキストがタイトルに着地します。 og:titleとtwitter:titleタグ。1つのフィールドが検索、Open Graph、そしてTwitterの出力にフィードされ、これはSEO用のメタタグジェネレーターが行うべきことです。