Empowering 11,000+ WordPress Creators • Est. 2020
Free · Instant · No Account Needed

無料のメタタグジェネレーター あらゆるウェブサイトに対応

最速の無料 メタジェネレーター online. Build SEO title tags, meta descriptions, Open Graph tags, Twitter Cards, and technical meta tags — then copy the finished HTML directly into your website's head section. Live SERP preview updates as you type.

SEO Title & Meta Description オープングラフ / OG タグ Twitterカードタグ テクニカルメタタグ ライブ Google SERP プレビュー URLからインポート ワンクリックでHTMLをコピー
Import from URL:
Quick Template:
0/60
Pixel width — Google truncates at ~600px 0px
0/160

Google ignores this tag. Bing uses it lightly. Comma-separated, max 10 terms.

Prevents duplicate content by defining the "master" URL for this page.

generated-meta-tags.html — paste inside your head section
seo

        
og

        
twitter

        
technical

        
0 lines 0 tags 0 bytes

Google SERP Preview

Meta Tag Health Score

0 /100

メタタグとは何ですか?

SEO メタタグ: その概要とすべてのページにメタタグが必要な理由

SEOメタタグ are lines of HTML placed inside your page's head section. They're invisible to visitors but essential for search engines and social platforms — they tell Google what your page is about, how to index it, and exactly how to display it in search results and social shares.

最も重要な 2 つは、 タイトルタグ そして メタディスクリプション. Together they form your "organic ad" in Google — the snippet that determines whether someone clicks your result or the one above or below it. Our free メタタグジェネレーター すべてを 1 か所で作成、プレビュー、コピーできます。

基本的な SEO タグに加えて、完全な実装には次のものが含まれます。 オープングラフのメタタグ ソーシャルカードの場合、 Twitter カードのメタタグ、および次のような技術的なタグ charset, viewport、 そして canonical — all generated by this tool with one click.

example — copy yours above ↑
<!-- Basic SEO Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport"
      content="width=device-width, initial-scale=1">
<title>Meta Generator — Build SEO Tags Free</title>
<meta name="description"
      content="Generate perfect SEO meta tags…">
<link rel="canonical" href="https://yoursite.com/">

<!-- Open Graph Tags --> <meta property="og:title" content="Your Title for Social Sharing"> <meta property="og:image" content="https://yoursite.com/og.jpg">
<!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image">
タイトルタグガイド

メタ タイトル ジェネレーターを使用して完璧なメタ タイトルを生成する方法

タイトルタグはページ上の SEO 要素の中で最も重要です。弊社の タイトルタグジェネレーター preview above to see exactly how yours looks in Google — and follow these rules to maximise clicks.

キーワードでリードする

主要なキーワードをタイトルの先頭またはその近くに配置します。 Google とユーザーはどちらも、タイトルの前の方にある単語をより重視しています。

600 ピクセル以下に抑える

Our pixel-width bar shows your title's true width. Google truncates at ~600px — a pixel-accurate limit our meta title generator tracks in real time.

最後にブランドを追加

Separate your brand name from the main title with | or — at the end. This builds recognition without wasting keyword space at the front.

まず人間のために書く

Google rewrites titles it considers keyword-stuffed or inaccurate. Write naturally — include the keyword, make it click-worthy, and let our SERP preview confirm it looks right.

メタディスクリプションガイド

クリックを促進するメタ ディスクリプションの書き方

当社の無料 メタディスクリプションジェネレーター previews your description exactly as Google shows it — complete with keyword highlighting when your target phrase matches the search query. A great description doesn't improve rankings directly, but it クリックスルー率が大幅に向上つまり、同じ位置からのトラフィックが増加します。

これを使用してください メタディスクリプション作成者 to craft unique descriptions for every page. Google may rewrite generic or duplicate descriptions — so always write something specific, compelling, and within 120–160 characters.

主なキーワードを自然に含める

Google bolds matching keywords in the SERP — this draws the user's eye to your listing over competitors.

明確な行動喚起で終わる

"Try it free today", "Get your free report", "Start in 60 seconds" — action phrases convert readers into visitors.

Stay between 120–160 characters

文字カウンターは、説明が短すぎる (スペースの無駄) または長すぎる (文の途中で切り詰められている) とフラグを立てます。

ページ間で説明を重複させないでください

Google may override duplicate descriptions with auto-generated snippets. Every page needs a unique description — use SkySEOManager Pro to bulk-generate them.

OG タグ ジェネレーター + Twitter メタ タグ ジェネレーター

Google を超えて、Facebook、LinkedIn、WhatsApp、Twitter/X で共有するすべてのリンクは、 オープングラフ (OG) タグ。私たちの ogタグジェネレーター そして ツイッターメタタグジェネレーター — built into the tabs above — let you craft perfect social cards for all platforms in one session.

Facebook / LinkedIn (og: タグ)

Requires og:title, og:description, og:image (1200×630px), og:url, og:type. Missing og:image = no image preview on Facebook — the single biggest mistake most sites make.

𝕏

Twitter / X (twitter: タグ)

全幅の画像プレビューを取得するには、twitter:card="summary_large_image" を設定します。このタグがないと、Twitter では og:image に関係なく、画像のないプレーン テキストのリンクが表示されます。

💬

WhatsApp + スラック

Both use og:title, og:description, and og:image automatically — no separate tags needed. Make sure your og:image works at small sizes (WhatsApp shows a thumbnail).

すでに OG タグをお持ちですか?

無料の Open Graph Checker を使用して、サイト上で何が公開されているかを検証します。

Check OG Tags →
ステップバイステップガイド

How to Generate Meta Tags for Your Website — Free

弊社の メタタグジェネレーターは無料 上記のツールを使用し、次の 4 つの手順に従って、完全にフォーマットされた HTML メタ タグを 5 分以内にサイトに取得します。

1

SEOタブに記入します

Enter your page title (45–60 chars), meta description (120–160 chars), keywords, and canonical URL. Watch the live SERP preview update instantly.

2

OG + Twitter タブを構成する

Add your og:image URL (1200×630px) and set twitter:card="summary_large_image". Leave other fields blank to auto-inherit from your SEO tab.

3

技術設定を調整する

文字セット(UTF-8)、ビューポート、言語を確認します。 PWA サポートのためのテーマカラーを追加します。必要に応じて、オプションのタグを有効にします。

4

Copy & paste into your site

Click "Copy All" and paste the HTML inside your page's head section — before the closing head tag. Done.

WPCode (推奨)

The safest way to add global meta tags without editing PHP files. WPCode → Add Snippet → HTML Snippet → Insert in Head. Works with any theme and survives all theme updates.

WPCode → Add Snippet → HTML → Site Wide Header

SkySEOマネージャー

どちらのプラグインにも、タイトルと説明を貼り付けるページごとのメタ ボックスがあります。 HTML は自動的に処理されます。 SERP プレビューを使用してテキストを作成し、プラグイン フィールドに貼り付けます。

Post editor → SEO plugin panel → Title & Meta

function.php (開発者)

子テーマのfunctions.phpのwp_headアクションを使用して、プログラムでメタタグを追加します。投稿タイプごとに PHP ロジックを必要とする動的タグに最適です。

add_action('wp_head', function(){ ... })
完全なリファレンス

Every Meta Tag Our Generator Creates — Full Reference

から メタキーワードジェネレーターロボットメタタグジェネレーター — every tag our tool builds, explained in plain English.

タグ 優先度
Meta Title Tag 致命的
meta description 致命的
meta robots 致命的
meta viewport 致命的
meta charset 致命的
link canonical 重要
og:title 重要
og:description 重要
og:image 重要
og:url 重要
twitter:card 重要
og:type 推奨
og:site_name 推奨
og:locale 推奨
meta keywords オプション
meta author オプション
meta theme-color オプション
og:image:width / height オプション

10 ページ以上の WordPress サイトの場合

一度に 1 ページずつメタ タグの生成を停止する

これは無料です メタコードジェネレーター 個々のページに最適です。しかし、数十、数百の投稿がある WordPress サイトを運営している場合、独自のタイトルや説明を手動で記述することは大規模では不可能です。 SkySEOManager プロ それを修正します。

  • すべての投稿のタイトルとメタディスクリプションを 1 つの画面から一括編集
  • AI を活用した (Gemini) 最適化された説明の自動生成
  • Works with SkySEOManager — no plugin conflicts
  • 一括画像代替テキストスキャナーと自動修正機能
11,000+
有効インストール数
Gemini AI
搭載
一括編集
一度に 500 ページ以上
14日間
返金保証

よくある質問

Web サイトのメタタグを無料で生成するにはどうすればよいですか?
Simply fill in the fields in the free meta tag generator above — Page Title, Meta Description, and the Open Graph/Twitter tabs — and the tool instantly generates the complete HTML code. Click "Copy All" and paste it inside the head section of your page. No account, no sign-up, no limit on how many pages you can generate tags for.
URL からメタタグを生成できますか?
Yes. Click the "Import from URL" bar at the top of the tool, paste any public URL, and click "Import Tags." Our tool fetches the page and auto-fills all fields with the existing meta tags — title, description, OG tags, Twitter tags, and technical attributes. This is the fastest way to audit and update an existing page's meta tags without copying and pasting manually.
メタキーワードはまだ含める価値がありますか?
No — Google officially ignores the meta keywords tag and has done so since 2009. Bing uses it very lightly as a minor ranking signal. Our meta keywords generator includes the field for completeness, but we recommend spending your time on title tags and meta descriptions instead. If you use it, keep keywords to 5–10 comma-separated terms that genuinely describe the page.
og:title と title タグの違いは何ですか?
The title tag is used by Google in search results and in browser tabs. The og:title is used by Facebook, LinkedIn, and WhatsApp when someone shares the link as a card. They serve different audiences and can have different text. For example, your title tag might be "Free Meta Tag Generator | SiteSkyline" (optimised for search) while your og:title is "Generate Perfect HTML Meta Tags in 60 Seconds — Free" (more click-worthy on social media).
プラグインを使用せずに WordPress サイトにメタタグを追加するにはどうすればよいですか?
Use WPCode (a free WordPress plugin) to add custom HTML to your site's head section without editing theme files. Go to WPCode → Add Snippet → HTML Snippet, paste the HTML code generated by our tool, set the location to "Site Wide Header," and activate the snippet. This method is safe, survives theme updates, and works with any WordPress setup.
オンラインで無料の最高のメタ ディスクリプション ジェネレーターは何ですか?
Our tool is a free meta description generator online that creates, previews, and scores your meta description in real time — no sign-up needed. Enter your description in the SEO tab, watch the SERP preview update, and use the character counter to stay in the 120–160 character sweet spot. For bulk meta description generation across an entire WordPress site, use SkySEOManager Pro with Gemini AI.
Blogger サイトのメタタグを生成するにはどうすればよいですか?
Our meta tag generator works for any website — WordPress, Blogger, Shopify, Webflow, or plain HTML. For Blogger specifically, go to Theme → Edit HTML and paste the generated tags between the head tags in your theme code. Note that Blogger already outputs some basic meta tags — check for duplicates before adding. For the og:image, make sure you use an absolute URL accessible over HTTPS.
このツールは Open Graph メタ タグも生成しますか?
Yes — our OG tag generator is built into the "OG" tab of the tool. Enter your og:title, og:description, og:image (1200×630px JPG/PNG), og:url, og:type, og:site_name, og:locale, and image dimensions. The tool also generates og:image:width, og:image:height, and og:image:alt. After adding your OG tags, use our free Open Graphチェッカー 6 つのソーシャル プラットフォームすべてでそれらを検証します。
robots メタ タグとは何ですか?いつ noindex を使用する必要がありますか?
The robots meta tag controls whether search engines can index and follow links on a specific page. The most important values are "index, follow" (default — allow everything), "noindex, follow" (exclude from search results but follow links), and "noindex, nofollow" (exclude completely). Only use noindex on pages you genuinely don't want in Google — admin pages, thank-you pages, staging URLs, and duplicate content. Accidentally leaving noindex on a public page is one of the most common and damaging WordPress SEO mistakes.

Generate Your Meta Tags Free — Right Now

上のフィールドに入力し、完全な HTML メタ タグを 60 秒以内にコピーします。アカウントなし、ウォーターマークなし、ページ数制限なし。

Run Full SEO Audit →