Twitter カード検証ツール: 検証ツールを使用して Twitter カードを更新する

ソーシャル メディア プラットフォームは、私たちのやり取りやビジネスの方法を変えました。 Twitter などのプラットフォームは、ユーザー エクスペリエンスの向上を目的とした新機能を追加し続けています。 Twitter を使用している場合は、ユーザーによるツイートを通じて、YouTube 動画を含むツイートを見たり、記事を読んだり、コマーシャルを見たりしたことがあります。 これらはすべて、動作中の Twitter カードです。

Twitter カードには、これらのビデオや画像を含むツイートが含まれており、特定の視聴者にメッセージを伝えるのに役立ちます。 Twitter カード検証テストでは、カードで使用する URL が実行されます。 検証ツールは、Twitter カードがどのように表示されるかのプレビューも提供します。

この記事では、 Twitter カードの作成方法と、Twitter カード検証ツールを使用して Twitter カードを更新する方法について説明します。 まず、Twitter カードの説明から始めましょう。

ツイッターカードとは？

Twitter カードは、他のツイートとは一線を画すメディア エンリッチメントです。 これらのカードはエンゲージメントを促進し、ウェブサイトへのトラフィックを促進します。

通常のツイートは140 文字までに制限されています。 Twitter カードを使用すると、この制限を回避して、より多くの情報を視聴者に渡すことができます。 これは、Web ページに数行の HTML コードを追加することで可能になります。

Twitterカードの種類

Twitter カードには、次の 4 種類があります。

• まとめカード
• 大きな画像付きのまとめカード
• アプリカード
• 選手カード

カードの種類は、ツイートの 4 つの異なる構造を示しています。 一般的な要約カードには、タイトル、小さな写真、内容の簡単な要約が含まれます。 これは、小さい画像の代わりに大きい画像を使用することを除いて、大きな画像を含む概要カードで使用される設定と同じです。

名前が示すように、プレーヤー カードは自動的にビデオを再生し、ツイートの下部にサイトへのリンクがあります。 アプリ カードは、App Store または Play ストアからアプリにリンクします。

Twitter カードの使い方

オーディエンスに伝えたいメッセージのタイプに基づいて、4 種類の Twitter カードのいずれかを選択して使用できます。 たとえば、ユーザーにアプリのダウンロードを促したい場合は、アプリ カードを使用する必要があります。

概要カードは、新しいブログ投稿や記事の更新を提供したいブロガーにとって最良の選択です。 このカードには、魅力的なサムネイル画像、タイトル、説明、ブログへのリンクが含まれます。

ウェブサイト用の Twitter カードを作成する

HTML のコーディングを少し知っていれば、Twitter カードの作成は簡単なプロセスです。 このコードは、HTML のヘッダー セクションに追加されます。 次に、使用するカードの種類を選択し、URL とメタ タグを追加します。 これらのメタ タグは、Twitter Validator ツールを使用してテストできます。

メタ タグ マークアップを使用して、使用するカードの種類を指定します。 概要カードの場合、メタ タグ マークアップは次のようになります。

 <meta name="twitter.card" content="summary">

バリデータ ツールの使用

Twitter カード検証ツールでコードをテストします。

以下に示すように、ツールのカード URL ヘッダーの下に、メタ タグを含む URL をコピーして貼り付けます。

これは、段階的なプロセスです。

• Twitter Validator ツールに移動します。 ツールにアクセスするには、Twitter アカウントにサインインする必要があります。
• Twitter カードを作成するページの URL を入力します
• 青色の [カードをプレビュー] ボタンをクリックします。 カード プレビュー パネルには、更新されたメタデータが表示されます。 エラーがある場合は、それらも表示されます
• 最初のクリックですべてのメタデータを読み取れなかった場合は、[カードをプレビュー] ボタンをもう一度クリックできます。

カードのプレビューには、カードが Twitter フィードにどのように表示されるかのプレビューが表示されます (上記のすべての手順を実行してエラーがない場合)。

選手カードは、ホワイトリストに登録するための承認が必要です。 検証ツールの「承認のリクエスト」ボタンをクリックして、承認をリクエストします。

Twitter Validator ツールでテストした後、URL をツイートして、ツイートの下にカードが表示されることを確認できます。 Validator ツールは、Twitter でカードを使用する前に、Twitter カードを検証するだけです。

Twitter カードのメタ タグ

Twitter カード作成プロセスの要件の 1 つとして、メタ タグについて説明しました。 HTML コードを使用したり書いたりしたことがない場合、メタ タグは奇妙な用語です。

ただし、これは簡単に実装できます。必要なのは、メタ タグを配置する正しい場所(HTML ページのヘッダー セクション内) を知っていることだけです。 これでも技術的または難しすぎると思われる場合は、このセクションの後に、コードを書かずに Twitter カードのメタ タグを作成する簡単な方法を紹介します。

メタ タグは、Web ページの内容を説明するために使用されます。 Twitter カードのメタ タグの場合、カードの内容を検索エンジンに伝えます。 タグは、使用しているカードの種類だけでなく、Web サイトの Twitter ユーザー名も記述します。 Twitter ユーザーの ID 用のメタ タグもあります。

すぐに実装できる完全なサンプルを次に示します。

上記の Twitter カード メタ タグでは、コードの最初の行 (番号 1) で、作成する Twitter カードの種類 (この場合は単純な概要カード) を指定します。 2 行目は、記事のライターの ID を指定します。 3 行目には、ウェブサイトの Twitter ID またはユーザー名が含まれています。

コードを書かずにメタタグを追加する

Twitter カードを実装するのにコーダーである必要はありません。 cardrd.co や WordPress などの SaaS 製品を使用すると、コードを書かずに Twitter カードを作成できます。 これらのプラットフォームには、コードに触れたり記述したりせずにメタデータを追加するためのプラグインがあります。

Twitter は、WordPress で Twitter カードを作成するために使用できる 3 つのプラグインを推奨しています。

• ジェットパック
• JMツイッターカード
• WordPress SEO by Yoast

コードを記述せずにメタ タグを追加する方法を示すために、例として Jetpack を使用します。

Jetpack プラグインをインストールしたら、 [ソーシャル] セクションに移動します。 ここで、Twitter ハンドルを検証し、Twitter カードを有効にできます。 Jetpack はコンテンツを自動的にスキャンして、最適なタイプのカード (概要、大きな画像を含む概要、アプリ、またはプレーヤー) を決定します。

他の 2 つのプラグインは、ほとんど同じプロセスを採用していますが、いくつかの違いがあります。 いずれかのプラグインで Twitter カードを作成したら、カードを表示する Web サイトまたはブログの URL を取得し、 Twitter Card Validator Tool で実行します。

Twitterカードの推奨画像サイズ

Twitter サマリー カードの推奨画像サイズは、 120 x 120 ピクセル以上で 1MB 未満です。 大きな画像を含む概要カードの場合、写真の最小サイズは 280 x 150 ピクセルで、1 MB 未満です。

アプリカードは800 x 320 ピクセルにする必要があります。 プレーヤー カードはレベル 3.0、1 秒あたり 30 フレームの再生、サイズは 640 x 480 ピクセルです。

ツイッターカードが使われる理由

Twitter カードには、通常の 140 文字のツイートよりも多くの情報が含まれるという利点があります。 カードを介して、画像、動画、その他のリッチ メディアを使用して、ツイートを魅力的にするだけでなく、ユーザーをウェブサイトやアプリに誘導できるリンクを運ぶこともできます。

Twitter カードは、プラットフォームでのエンゲージメントを促進するための便利なツールです。

Twitter カードは、Twitter の視聴者が Twitter を離れずにニュースレターにサインアップできるようにする場合にも役立ちます。 さらに、Twitter カードを共有またはリツイートする人は誰でも、フォロワーがアクセスできる同じメディア リッチ コンテンツを複製します。

Twitter カードを使用すると、キャッチーなタイトルをカスタマイズして、アプリやサイトに誘導したいタイプのオーディエンスを引き付けることができます. 説明は、通常のツイートでは140文字を超える、200文字まで書くことができます。

結論

Twitter Card Validator ツールは、Twitter カードの作成に欠かせないツールです。 ツール テストは、URL を実行してメタ タグをチェックし、Twitter フィードで Twitter カードがどのように表示されるかをプレビューします。 Twitter カードの作成と Twitter Card Validator ツールの使用は完全に無料です。