metaタグに記述するソーシャルメディアや検索用のコードをまとめて簡単に生成できるオンラインツール -Meta Tags
Post on:2020年10月12日
Twitter, Facebook, Pinterestなどソーシャルメディア、Googleの検索用のmetaタグのコードを1クリックで簡単に生成できるオンラインツールを紹介します。
日本語のコンテンツにも対応しており、各サービスでどのように表示されるのか確認しながら簡単にコードを生成でき、コピペで利用できます。

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

対応しているmetaタグは、下記の通りです。
- Slack
「Image」に使用する画像をアップロードします。

画像をドラッグアンドドロップでアップロード
続いて、「Title」にタイトル、「Description」に説明文を入力します。

タイトルと説明文を入力
完了すると、右のプレビューに反映されます。

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

各メディアでの表示を確認
あとは、右上「Generate meta tags」をクリックすると、metaタグのコードが生成されます。

metaタグのコードを生成
生成されたmetaタグのコードは、下記の通りです。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<!-- Primary Meta Tags --> <title>全部、完全に商用利用無料!さまざまなUIデザインに適した1,064種類のSVGアイコン素材 -Emblemicons</title> <meta name="title" content="全部、完全に商用利用無料!さまざまなUIデザインに適した1,064種類のSVGアイコン素材 -Emblemicons"> <meta name="description" content="企業サイトやプロダクトをはじめ、オンラインショップ、アプリ、プレゼン、学術プロジェクトなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるEmblemiconsを紹介します。"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="https://metatags.io/"> <meta property="og:title" content="全部、完全に商用利用無料!さまざまなUIデザインに適した1,064種類のSVGアイコン素材 -Emblemicons"> <meta property="og:description" content="企業サイトやプロダクトをはじめ、オンラインショップ、アプリ、プレゼン、学術プロジェクトなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるEmblemiconsを紹介します。"> <meta property="og:image" content="https://metatags.io/assets/meta-tags-16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://metatags.io/"> <meta property="twitter:title" content="全部、完全に商用利用無料!さまざまなUIデザインに適した1,064種類のSVGアイコン素材 -Emblemicons"> <meta property="twitter:description" content="企業サイトやプロダクトをはじめ、オンラインショップ、アプリ、プレゼン、学術プロジェクトなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるEmblemiconsを紹介します。"> <meta property="twitter:image" content="https://metatags.io/assets/meta-tags-16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png"> |
sponsors