アニバーサリー フラッシュセール
01 人事 31 最小 55

Twitter Card Validator:Xでリンクプレビューを構築する

ディー

12月26, 2023| 11 min read

画像、GIF、動画を使ったXやTwitterの投稿は、通常のツイートよりも高いエンゲージメントを集める。それは、これらの投稿には視覚的な魅力があるからです。同様に、魅力的なカードが貼られたツイッターのリンクをクリックする可能性も高くなります。ですから、X(旧ツイッター)でウェブサイトを宣伝するには、魅力的なカードを作成する必要があります。そして、Twitterカードバリデータを使用して、あなたのサイトのライブカードを検証し、影響を与える。 

この方法で、誰かがあなたのウェブサイトへのリンクをXでシェアしたときに、ユーザーは魅力的なカードを見ることができます。Twitterカードのバリデーションに失敗した場合、どうすればよいですか?代替のバリデータはありますか?この記事では、Xであなたのビジネスを促進するために、これらの質問にお答えします。

茶色の背景にXのロゴが描かれた偽のグレーの画面の画像。

TwitterカードとXカードバリデーターとは?

WhatsAppで連絡先を共有する際、名前と電話番号はテキストとして表示されません。代わりに、アップロードした人の写真付きボックス内にテキストが表示されます。このボックスがカード、つまり連絡先カードです。同様に、誰かがTwitterでリンクを共有すると、カードが生成されるようにウェブサイトをデザインすることもできます。 

Twitterカードは、Xでリンクをシェアした際に表示されるテキストと画像/動画のクリエイティブボックスです。あなたのウェブサイトのリンクがX上でカードを生成するには、サイトのバックエンドにメタタグを追加する必要があります。このメタタグは、カード生成に役立つウェブリンクの記述コードです。 

これらのカードを作成する記述コードやメタタグは、あなたのウェブサイトのバックエンドにあります。しかし、カードをデザインし、バックエンドからライブにした後では、それが機能するかどうかはわかりません。そのため、バリデータが必要なのです。バリデータはTwitterカードの動作状態を検証します。このバリデータはカードのプレビューを行い、カードの詳細と成功ステータスを明らかにします。

ツイッターの鳥の画像を映した携帯電話の画面の一部のクローズアップ写真。

ツイッターカードの種類:ツイッターカードの種類

ワンクリックで過去のツイートを一括削除
イムグ

Xカードは、あなたが共有しているページとコンテンツをプレビューします。閲覧者に、あなたが共有しているコンテンツのイメージを与えます。そのため、カードのメタタグを準備する際には、最高の効果を得るために適切なカードを作成することが重要です。プレビューと実際のコンテンツに矛盾があれば、Xプラットフォームでの信頼性を失うことになりかねません。 

Twitterカードには4つのタイプがあり、ウェブサイトで共有する内容によって選択します。このセクションでは、4つのカードタイプについて詳しく説明します。

Xのサマリーカードと大きな画像のサマリーカード

これらは同じ機能を持つ2つのカードタイプです。サマリーカードはその名の通り、共有するウェブサイトに関する簡潔な情報を表示します。カードには約70文字のタイトルと約200文字の説明が含まれます。また、サムネイルとウェブリンクも含まれます。この2つのカードの唯一の違いは、画像の縦横比です。通常のサマリーカードは1:1のアスペクト比の画像を持つが、大きな画像を持つカードは2:1を許可する。とはいえ、どちらのカードタイプも画像は5MB以下でなければなりません。

Twitterアプリと選手カードを使ってメディアコンテンツを宣伝する

メディアコンテンツは、オーディエンスの注目を集める最も効果的な方法の一つだ。そのため、多くのツイヸプは現在、メディアヷコンテンツをアップロードし、ツイッターのアクティブなフォロヸワーを巻き込んでいる。また、ウェブサイト上でメディアへのリンクを共有することを好む人もいます。プレーヤーカードは、あなたがリンクを共有すると、あなたのオーディオまたはビデオメディアをプルアップし、自動的に再生します。そのため、ユーザーはXプラットフォームから離れることなく、プレーヤーカードを使ってリンク先のコンテンツを楽しむことができます。 

一方、Twitterアプリカードは、プラットフォーム上でアプリケーションを宣伝するのに役立ちます。当たり障りのないテキストリンクではなく、アプリカードはアプリの魅力的なTwitter広告をデザインします。カードにはアプリの画像、評価、価格などの情報が表示されます。この広告戦略により、アプリケーションの認知度が高まり、より多くのユーザーを惹きつけることができます。

デスクトップブラウザからのTwitterフィードのスクリーンショット画像。

簡単な3ステップでできるTwitterのカード検証ツールの使い方

ツイッターでウェブリンクのカードを生成するコードやメタタグを準備するのは大変な作業だ。しかし、Xプラットフォームで機能しなければ、その労力は水の泡になりかねません。そのため、Twitterはカードの機能を確認するためのバリデーターを提供しています。 

Xカードバリデーターは、Twitter上でのカードの外観を表示するプレビューおよび修正ツールです。また、カードに問題がある場合、それを教えてくれるので、適切な機能を確保するために修正するのに役立ちます。このツールを使ってTwitterカードを検証したい場合は、以下の3つのステップを参考にしてください:

  1. ブラウザでX card validatorページを開く。 
  2. 検索フィールドにウェブサイトのURLを貼り付け、青いハイライトで「カードをプレビュー」をクリックします。 
  3. TwitterはあなたのURLをクロールし、カードの機能を確認する結果を返します。

メタタグが正確かつ機能的であれば、成功のメッセージが表示されます。しかし、コードに問題がある場合は、ログセクションにエラーメッセージが表示されます。とはいえ、バリデータは現在レガシーソフトウェアなので、成功してもプレビューは表示されません。しかし、プレビューはツイートコンポーザーに表示されます。

Twitter Card Validatorの画像を更新する方法

ツイッターカードの目的はアピールを生み出すことであり、カード画像はここで大きな役割を果たします。しかし、時にはカードの画像を間違えてしまうこともあるでしょう。また、画像が古くなり、更新したい場合もあります。このように、Twitterカードバリデータで画像を更新するにはどうすればよいかと思うかもしれない。バリデータの画像を更新するには、Webサイトのバックエンドの画像リンクを更新する必要があります。このセクションでは、これを実現するための詳細なガイドを提供します。 

以下の2つの手順に従って、サイトのバックエンドからバリデータ上の画像を更新してください:

  1. Open the website’s code and find the meta tag for the image. It should appear as ‘<meta name=” Twitter: image” content=” photo link”/>.’
  2. そのコードブロック内の現在の「写真リンク」を削除し、新しい画像リンクに置き換えます。

この操作によって、カードをプレビューしたときにバリデータ上のカード画像が更新されます。ただし、WordPressでウェブサイトを構築している場合、このプロセスは機能しません。このプラットフォームでのプロセスはより広範囲にわたりますが、このセクションで効果的にまとめます。 

Yoastを使ってWordPressの画像を更新する4つのステップをご紹介します:

  1. ページのダッシュボードのサイドメニューからYoast SEOをタップします。 
  2. Twitterのプレビュータブに移動し、メタタグを見つけます。 
  3. Twitter Image "オプションの下にある "Select Image "をクリックします。 
  4. 最後に、新しい画像をアップロードして保存し、変更を反映させます。

このプロセスの後、カードをプレビューすると、新しい画像がバリデータに表示されます。

デスクトップ上のコードブロックのクローズアップ写真で、metaタグに「Authentication Failed(認証失敗)」とハイライトされている。

Twitterカードバリデータが機能しない:3つのよくある理由

Xカードバリデータはレガシーソフトウェアですが、デスクトップのブラウザ上ではまだ十分に機能します。ですから、その機能に問題がある場合、あなたのコードかカードに問題があるはずです。ユーザーの経験に基づいて、Twitterカードバリデータが機能しない一般的な理由がいくつかあります。このセクションでは、これらの理由と解決策について説明します。

Xカードはプラットフォームの要求を満たしていない

Xにはいくつかのカードタイプがあり、Twitterでは特に画像について、それぞれ固有の要件を定めています。Xバリデーターがカードを承認するには、カードタイプに必要なすべての要件を満たす必要があります。以下の表は、Xのカードタイプごとに重要な要件をまとめたものです。

カードの種類必要条件 
サマリーカード- 画像は5MB以下であること。
- 画像形式はWEBP、GIF、PNG、JPGのいずれかに限ります。
- 1:1画像の場合、144×144ピクセル以上であること。 
大きな画像付きサマリーカード- 画像サイズは5MBを超えないこと。
- SVG画像は使用しないでください。使用可能なフォーマットはGIF、PNG、WEBP、JPGです。
- 2:1の画像の場合、少なくとも300 x 157ピクセルを使用する必要があります。 
アプリカード- アプリがPlayまたはApp Storeにあり、地域が指定されていること。
- Xカードバリデータでアプリを検証する必要があります。
- ストア上のアプリの画像は1MBを超えてはいけません。 
選手カード- 使用可能なビデオフォーマットはH264、MP4、MOVです。
- リンク先のページはiFrameに収まる必要があります。
- メタ タグには、プレーヤーの幅と高さを含める必要があります。

robots.txtのブロックによりTwitterのクローラーがあなたのウェブページにアクセスできない

Xバリデーターの仕組みを覚えていますか?ウェブページをコードでクロールし、メタタグの正確性と機能性を確認します。しかし、多くのウェブデザイナーは自分のウェブサイトを保護するためにrobots.txtファイルを書いて実装しています。このファイルは、ウェブクローラーやロボットに、どのページを訪問できるかを指示します。 

robots.txtファイルによってTwitterのクローラーがあなたのウェブサイトの重要なページにアクセスできない場合、バリデーションは機能しません。この時点で、robots.txtの保護とXカードの検証を交換することを検討してください。

ソーシャルメディアアプリが入ったソーシャルタブを示す携帯電話を持つ手の写真。

Twitter Card Validatorの代替案:さらなる検証のための2つのオプション

Xカード検証ツールは、現在ではレガシーソフトウェアとなっており、まだ機能するものの、完全に信頼できるものではありません。そのため、コードやメタタグに問題がないように見えても、カードのバリデーションでエラーが発生することがあります。このような場合は、代替のTwitterカードバリデータを使用してXカードを検証するのが最善です。そうすれば、エラーの原因があなたのコードにあるのではなく、レガシーシステムにあることを確認できます。 

バリデーションの繊細さを考慮すると、代替バリデータはわずかしか存在しない。このセクションでは、カードをバリデートし、Xで使い始めるための、信頼できる2つのオプションについて概説する:

  1. タイプ的に: は、即座に結果を得るための無料でユーザーフレンドリーなバリデーターです。このバリデーターは、あなたのウェブサイトのURLをページに挿入すると、カードのプレビューを即座に表示します。また、あなたのカードに問題があれば、それを知ることもできます。Typefullyをカードのバリデーションに使うには、以下の3つのステップを踏んでください:
    • デスクトップのブラウザでTypefullyを開く。 
    • ツイートを書く」セクションにウェブリンクを貼り付けます。 
    • PreviewTwitterCard "をタップしてカードを認証します。
  2. ツイートピック はもう一つの優れた代替バリデータである。誰でもこのツールを使ってカードを検証し、最高の結果になるように修正することができる。プレビューに加えて、このツールはカードの外観を改善するためにメタコードをカスタマイズすることができます。このプラットフォームは、無料で、即座に、信頼できるサービスを提供する。以下は、Tweetpikを使用してカードを検証するための2つのステップです:
    • ブラウザでTweetpikを開き、ボックスにウェブリンクを貼り付ける。 
    • Check Preview "をクリックし、カードを検証する。
Xのロゴが描かれた斜めの白い立方体の3D画像。

Xリンクにカードバリデータは必要か?

コードを書き、Xカード用のメタタグを作成し、それを検証しないのは、車を買って運転しないようなものです。Twitterのカードバリデータは、プラットフォームがあなたのリンクを認識し、すでに準備されたカードを生成することを保証します。 

バリデーションがうまくいかなければ、せっかくカードを準備しても報われない。メタタグに問題がある場合は特にそうだ。そのような問題を特定し、修正するのはバリデーションのときだけです。しかもバリデーターは無料なので、遠慮なく使ってみよう!もしうまくいかない場合は、Twitterカードバリデータの他の選択肢を試してみてください。 

このプラットフォームをビジネスマーケティングに利用しているツイープたちは、これらのカードの重要性と機能性を否定することはできない。同様に、不必要なツイートがなく、豊かでまとまりのあるプロフィールを保つことがいかに重要かも知っている。 

TweetEraserは、Twitterのタイムラインを管理し、きれいにするために多くの人が使っています。このツールは、ツイートの削除、大量削除、アーカイブへのエクスポートを自動化するのに役立ちます。TweetEraserを使えば、あなたのタイムラインはフォロワー候補にとって常に魅力的に見える。さらに、このツールは無料版で手頃な価格であり、広告を宣伝することもありません。今すぐTwitterタイムラインのフィルタリングとクリーニングを始めましょう

ワンクリックで過去のツイートを一括削除
ツイッターでログイン
シングルサイドイメージ
ツイーザーアイコン
Xアカウントを効率化。ツイートや「いいね!」を簡単に削除! 今すぐ登録

すべてのツイートを削除して新しく始める方法

今やXとなったツイッターは、誰もが自由に自己表現できる場を作り出している。しかし、投稿によっては誰もが窮地に立たされ、この記録を消す方法を見つけなければならなくなる。同様に、ユーザーは古い投稿を削除して新しいブランドのためのスペースを作ることができる。幸いなことに、すべてのツイートを削除する方法を理解することが助けになる。ツイッター、...続きを読む

Twitterでメッセージを削除する:ダイレクトメッセージを消去する

ツイッターでは、ユーザー同士がプライベートなメッセージを送り合うことができる。ユーザーはこのメッセージをダイレクトメッセージまたはDMと呼んでいる。ダイレクトメッセージはタイムラインには表示されず、お互いにしかアクセスできません。しかし、何らかの理由でこれらのメッセージの一部を自分のアカウントに残したくない場合はどうなるのだろうか?...続きを読む

ツイッター監査:Xのパフォーマンスとフォロワーについて知る

Twitterビジネスアカウントのパフォーマンスは、Twitterでの目標達成に欠かせません。しかし、Twitter(現在はX)での満足のいくパフォーマンスには、数値的な指標だけではありません。時には、数値は出ていてもコンバージョンで思うような結果が得られず、何か問題があることがわかります。幸いなことに、Twitterの監査は、その先を見るのに役立ちます... 続きを読む

すべての記事を見る
ワンクリックで過去のツイートを一括削除
ツイッターでログイン
削除パスト画像 削除ドット画像