Pockit

【公式】Pockit Chrome拡張機能が登場

検索の手間を省略。ブラウザのツールバーから1秒でツールを起動。

Chromeに追加 (無料)

プライバシー完全保証

すべての処理はブラウザ内で完結します。データが外部サーバーへ送信されることはありません。

メタタグ生成

検索順位を上げましょう。SEOとSNS共有に最適なメタタグを数秒で作成し、サイトの集客力を高めます。

Templates

SEO Score

0%
Title is required
Description is required
Add OG image for social sharing
0/60
0/160
Your Page Title
https://example.com
Your page description will appear here...

生成されたメタタグ

<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="robots" content="index, follow" />

ヒント: 生成されたタグをHTMLの<head>セクションに貼り付けてください！

SEOメタタグジェネレーター

SEOとSNS共有（Open Graph, Twitter Cards）に不可欠なメタタグを作成します。検索エンジンやソーシャルプラットフォームでのサイトの可視性を向上させます。

1こんな時に使えます

💡検索エンジンでの上位表示を目指す
💡SNSで共有された際にきれいなサムネイルを表示したい
💡サイト公開前に必須タグを確認する

2特徴

  • 標準SEOタグ生成
  • Open Graph（Facebook/LinkedIn）サポート
  • Twitterカードサポート
  • ライブコード生成

3使い方

  • サイトの詳細（タイトル、説明など）を入力します。
  • ソーシャルプレビュー用の画像とOpen Graph URLを追加します。
  • 生成されたHTMLコードをコピーします。
  • サイトの<head>セクションに貼り付けます。

よくある質問

Q. なぜメタタグが重要なのですか？

A. メタタグは検索エンジンやSNSプラットフォームにページコンテンツに関する情報を提供し、検索結果や共有リンクでの表示方法に影響を与えます。

おすすめツール

今すぐ試す

ボックスシャドウ生成
影でデザインに深みを。直感的なスライダー操作で理想の影を作り、CSSコードをそのままコピーできます。
Try it
CSS Grid生成ツール
CSS Gridレイアウトをビジュアルで作成—構文は覚えなくてOK！列・行・間隔・配置を設定して1fr/minmaxサイズも調整。リアルタイムプレビューで確認してクリーンなCSS出力。
Try it
CSSアニメーション生成
CSSアニメーションをコードなしで作成。fade、slide、bounceなどのプリセットを選んで、速度やイージングを調整すればすぐに使える@keyframesコードが完成！
Try it