metaタグに記述するソーシャルメディアや検索用のコードをまとめて簡単に生成できるオンラインツール -Meta Tags

Twitter, Facebook, Pinterestなどソーシャルメディア、Googleの検索用のmetaタグのコードを1クリックで簡単に生成できるオンラインツールを紹介します。

日本語のコンテンツにも対応しており、各サービスでどのように表示されるのか確認しながら簡単にコードを生成でき、コピペで利用できます。

metaタグに記述するソーシャルメディアや検索用のコードをまとめて簡単に生成できるオンラインツール -Meta Tags

Meta Tags

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

サイトのキャプチャ

Meta Tags

対応しているmetaタグは、下記の通りです。

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

「Image」に使用する画像をアップロードします。

画像をドラッグアンドドロップでアップロード

画像をドラッグアンドドロップでアップロード

続いて、「Title」にタイトル、「Description」に説明文を入力します。

タイトルと説明文を入力

タイトルと説明文を入力

完了すると、右のプレビューに反映されます。

プレビューで確認

プレビューで確認

左サイドバーから、必要なソーシャルメディアをチェックします。
今回は、Google, Facebook, Twitter, Pinterestをチェックしました。

各メディアでの表示を確認

各メディアでの表示を確認

あとは、右上「Generate meta tags」をクリックすると、metaタグのコードが生成されます。

サイトのキャプチャ

metaタグのコードを生成

生成されたmetaタグのコードは、下記の通りです。

sponsors

top of page

©2020 coliss