tellogs.com

Twitterカードタグの設定ガイド

メタタグ生成

Twitterカードは、X(旧Twitter)でURLが投稿された際に、豊富なメディア情報を表示するための仕組みです。適切なTwitterカードタグを設定することで、タイトルや説明文、サムネイル画像が自動的に表示され、投稿の視認性とクリック率を大幅に向上させることができます。

Twitterカードには主に2つのタイプがあります。「summary_card_large_image」は大きな画像を表示するタイプで、記事やブログ投稿に最適です。「summary」は小さなサムネイル画像とテキストを並べるタイプで、商品紹介やサービスページに向いています。type属性の他に、title、description、imageの各プロパティを設定します。

設定するタグは「twitter:card」「twitter:title」「twitter:description」「twitter:image」の4つが基本です。twitter:cardにはカードタイプを、titleとdescriptionにはページの情報をそれぞれ設定します。imageには1辺が最低144ピクセル以上の画像を指定し、最大5MBのJPG、PNG、GIF形式に対応しています。

メタタグ生成ツールでは、これらのタグをフォーム入力だけで簡単に生成できます。Twitterのカードデバッガーを使って表示をテストし、意図した通りに表示されることを確認してから公開しましょう。OGPタグと組み合わせることで、主要なSNSすべてで最適な表示を実現できます。

メタタグ生成を使ってみましょう

このページの内容を、メタタグ生成で実際に試してみましょう。

メタタグ生成を開く