「Twitter独自タグ」と「Open Graphタグ」を組み合わせた「B.大きな画像付きのSummaryカード 記述例」/ 適切に設定しているにも関わらず、Twitterカード が表示されない場合は? / 実際に Twitterカード を設定してみて気が付いたこと

オンラインサービス に関するメモランダム

カテゴリー: Twitter  閲覧数:66 配信日:2020-01-28 14:08


「Twitter独自タグ」と「Open Graphタグ」を組み合わせた「B.大きな画像付きのSummaryカード 記述例」


ユーザー名 … @hoge
<meta name="twitter:card" content="summary_large_image"> <!-- カード種類 -->
<meta name="twitter:site" content="@hoge"> <!-- ユーザー名 -->
<meta name="twitter:creator" content="ほげ">
<meta property="og:url" content="http://example.com/"> <!-- URL -->
<meta property="og:title" content="="タイトル">
<meta property="og:description" content="説明">
<meta property="og:image" content="http://example.com/img.jpg"> <!-- 画像 -->
<meta name="twitter:image:alt" content="画像の説明"> <!-- 画像の説明 -->

カードの利用開始

適切に設定しているにも関わらず、Twitterカード が表示されない場合は?


反映手順
・1.Card Validatorへアクセスする
・2.URL入力する
・3.「Preview Card」ボタンをクリックする

実際に Twitterカード を設定してみて気が付いたこと


Webページに適切なmetaタグを設定したらどうなるの?
該当URLが含まれる全ての既存ツイートに対して、Twitterカード が表示されるようになる

Webページのmetaタグを変更したらどうなるの?
該当URLが含まれる全ての既存ツイートに対して、Twitterカード 内容変更が反映される
※改めてツイートし直す必要はない

分かりやすく言うと?
Twitterカードは、ツイートそのものではなく、URLに対して紐づいている


週間人気ページランキング / 4-5 → 4-11
順位 ページタイトル抜粋 アクセス数
1 ビックカメラへの苦情連絡先 | ビックカメラ(EC) 66
2 お使いのアカウントに不自然なアクティビティを検出しました。安全のため、パスワードが変更されるまでアカウントはロックしました。 | Twitter(social networking service) 51
3 Yahoo!メールで[SendMessageFailed]が表示される場合は、しばらく待ってから再度試す | Yahoo!メール(メール) 47
4 Twitter全ツイート履歴は、2019年7月以降、ツールを使用しなければ取得不可能(index.htmlはダウンロードファイルに含まれないよう仕様変更されている) | Twitter(social networking service) 19
4 Twitterモーメント作成しようと思い、自分の過去のツイートを遡る。途中までしか遡れない。面倒くさくなって止める | Twitter(social networking service) 19
5 Twitter 画像サイズの問題 | Twitter(social networking service) 12
6 このたび、ご利用のアカウントが凍結されましたのでお知らせしております | Twitter(social networking service) 11
7 インターネットへ突然接続できなくなった理由は、NTTぷららのマイページのパスワードを変更したから | NTTぷらら(インターネットサービスプロバイダ) 10
8 Amazonの「カスタマー Q&A」より製品に関する質問を行っても、回答がつくまで、投稿者自身も確認することは出来ない | Amazon(EC) 6
9 Windows10で、Twitterタイムラインを一番下(最後)まで自動でスクロールする無料ソフトウェア「Twitterオートスクローラー」 | Twitter(social networking service) 5
9 「お客様電話番号等が不正です。」と「NTT東日本のWebページでエラー表示」された場合は、「お客様ご請求番号」を入力する | コミュニケーション ツール(social networking service) 5
9 social networking service カテゴリー 5
10 2019/11/28より「AGPtEK M20」を再度使用することにしたため、基本的な操作方法を再確認 | AGPtEK M20(MP3プレーヤー) 4
11 衆議院インターネット審議中継 ダウンロード | 動画 3
11 FLAC → MP3変換 | オンラインオーディオコンバーター(音) 3
11 ラジオ(radikoのタイムフリー)を「Windows10」で録音するために、「らじれこ」を使用した | ラジオ 3
11 Amazonでは、商品を受け取れていない場合でも返品手続きを早めに行った方が良い。何故なら、返品期間が終了してしまう(ことがある)から | Amazon(EC) 3
11 気になっているラジオCM | ラジオ 3
11 AGPTEK A01TM / 気になる点。まだ良く分かっていない点 | AGPTEK A01TM(MP3プレーヤー) 3
12 COWON iAUDIO E2 E2-4G-WH(MP3プレーヤー) カテゴリー 2
2021/4/12 1:01 更新
指定期間人気ページランキング / 2020-5-27 → 2021-4-11
順位 ページタイトル抜粋 アクセス数
1 Twitter全ツイート履歴は、2019年7月以降、ツールを使用しなければ取得不可能(index.htmlはダウンロードファイルに含まれないよう仕様変更されている) | Twitter(social networking service) 3051
2 Yahoo!メールで[SendMessageFailed]が表示される場合は、しばらく待ってから再度試す | Yahoo!メール(メール) 1976
3 Twitterモーメント作成しようと思い、自分の過去のツイートを遡る。途中までしか遡れない。面倒くさくなって止める | Twitter(social networking service) 1583
4 ビックカメラへの苦情連絡先 | ビックカメラ(EC) 1235
5 お使いのアカウントに不自然なアクティビティを検出しました。安全のため、パスワードが変更されるまでアカウントはロックしました。 | Twitter(social networking service) 422
6 ラジオ(radikoのタイムフリー)を「Windows10」で録音するために、「らじれこ」を使用した | ラジオ 289
7 Twitter 画像サイズの問題 | Twitter(social networking service) 266
8 このたび、ご利用のアカウントが凍結されましたのでお知らせしております | Twitter(social networking service) 188
9 オンラインサービス 0 169
10 FLAC → MP3変換 | オンラインオーディオコンバーター(音) 155
11 Windows10で、Twitterタイムラインを一番下(最後)まで自動でスクロールする無料ソフトウェア「Twitterオートスクローラー」 | Twitter(social networking service) 149
12 AGPTEK A01TM / 気になる点。まだ良く分かっていない点 | AGPTEK A01TM(MP3プレーヤー) 104
13 ビックカメラの配達受け取りは、「郵便ポスト投函」を指定できない | ビックカメラ(EC) 101
14 2019/11/29 11:46、AGPtEK C8-JP を受け取る  | AGPtEK C8-JP(MP3プレーヤー) 86
14 Amazonの「カスタマー Q&A」より製品に関する質問を行っても、回答がつくまで、投稿者自身も確認することは出来ない | Amazon(EC) 86
14 Unsupported phone number. | Twitter(social networking service) 86
14 インターネットへ突然接続できなくなった理由は、NTTぷららのマイページのパスワードを変更したから | NTTぷらら(インターネットサービスプロバイダ) 86
15 Twitterから思うようにデータを取得できないためツラい | Twitter(social networking service) 84
16 ログイン 77
17 受信メール「あなたのAmazonアカウントはセキュリティ上の理由で中断されました」内に表示されたリンクをクリックしたため、メールアドレスを変更 | Amazon(EC) 76
2021/4/12 1:01 更新