Twitter Cardsの設定方法は？

twitter:card（summary/summary_large_image）、twitter:title、twitter:description、twitter:imageのmetaタグを設定します。OGPタグと併用でき、Twitter固有の表示をカスタマイズできます。

SEOに効果的なmetaタグの書き方は？

titleタグは30〜60文字でキーワードを含め、meta descriptionは120〜160文字で内容を要約します。viewport、canonical、robotsなどのmetaタグも適切に設定しましょう。

SEO・Web制作無料登録不要

メタタグジェネレーター

SEOメタタグ、Open Graph（OGP）、Twitter Cardの設定をGUIで生成。プレビュー確認、HTMLコードのコピー。Web制作者向け無料ツール。

タイトル16/60

ディスクリプション58/160

URL

OGP 画像 URL

サイト名

Twitter ハンドル

MySite›https://example.com/page

サンプルページ | MySite

これはサンプルのメタディスクリプションです。ページの内容を簡潔に説明する160文字以内のテキストを入力してください。

生成されたメタタグ

<!-- Primary Meta Tags -->
<title>サンプルページ | MySite</title>
<meta name="title" content="サンプルページ | MySite" />
<meta name="description" content="これはサンプルのメタディスクリプションです。ページの内容を簡潔に説明する160文字以内のテキストを入力してください。" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:title" content="サンプルページ | MySite" />
<meta property="og:description" content="これはサンプルのメタディスクリプションです。ページの内容を簡潔に説明する160文字以内のテキストを入力してください。" />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:site_name" content="MySite" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://example.com/page" />
<meta property="twitter:title" content="サンプルページ | MySite" />
<meta property="twitter:description" content="これはサンプルのメタディスクリプションです。ページの内容を簡潔に説明する160文字以内のテキストを入力してください。" />
<meta property="twitter:image" content="https://example.com/og-image.png" />
<meta property="twitter:site" content="@mysite" />

FAQ