head内に記述するソーシャルメディア・検索エンジン用のmetaタグを簡単に生成できる無料ツール -Meta Tags

head内のmetaに記述するTwitterカードやFacebookのOGPなどのソーシャルメディア用のコード、Googleなどの検索エンジン用のコードを簡単に作成できる無料のオンラインツールを紹介します。

公式のデバッガーですぐに確認もできるので、非常に便利です。

サイトのキャプチャ

Meta Tags

Meta Tagsでは、下記のソーシャルメディア・検索エンジン用のmetaタグがサポートされています。

  • Google
  • Facebook
  • Twitter
  • Linkedin
  • Pinterest
  • Slack

使い方は簡単で、登録など面倒なことは一切不要、無料で利用できます。
まずは、サイトにアクセスします。

サイトのキャプチャ

Meta Tags

上部に適用するURLを入力します。

サイトのキャプチャ

URLを入力

当ブログのURLを入力してみました。

サイトのキャプチャ

当ブログのURLを入力

あとは、左パネルから適用したいサービスを選択します。

サイトのキャプチャ

FacebookとTwitterを選択

配下ページのコンテンツでどのように表示されるかも確認できます。

サイトのキャプチャ

配下ページでの表示確認

metaタグの生成は右上の「Generate Meta Tags」をクリックするだけです。

サイトのキャプチャ

metaタグの生成

左パネルの下部にはそれぞれ公式サイトのデバッガーへのリンクが掲載されているので、うまく表示されかった人はデバッガーで確認してみてください。

sponsors

top of page

©2018 coliss