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

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

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

Meta Tags

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

Meta Tags

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

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

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

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

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

タイトルと説明文を入力

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

プレビューで確認

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

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

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

metaタグのコードを生成

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