サマリーカードの設定方法(正方形小型)
当サイトのTwitterカードの設定方法です
・ファイルなうで画像を変換
・Googleドライブにアップロードし画像URLを取得
・書き換えたメタタグをヘッダーに貼る
※個々に設定したい場合は本文(当HPはこっち)
①画像を適切なサイズに変換する
適正800×800px(最小144～4096pxまで可)
5MB以下.アスペクト比1:1(正方形)
私はファイルなうで変換しています
変換したらダウンロード
②Googleドライブにアップロード
アクセス管理→リンクを知っている全員に変更
画像のリンクをコピー
③画像のURLを取得
※頭のhは必要、ここでは書くとリンクになるので省略
ttps://drive.google.com/file/d/【ファイルID】/view?usp=drivesdk
↓これをこうする↓【】は不要
ttps://drive.google.com/uc?export=view&id=【ファイルID】
④サマリーカードのタグを書き換える日本語部分を全て書き換える
1)Twitterユーザー名→@～
2)記事URL→https～
3)記事タイトル
4)詳しい内容(アプリだと省略されます)
※省くと表示されなくなるので必須
5)画像URL(ファイルID)
⑤ヘッダーに貼る
他の場所でも可
当サイトは本文に貼り付けています
以下備考
【大きいサマリーカードの場合】
適正800×418px(600×314～4096×2144px)
5MB以下.アスペクト比1.91:1(長方形)
タグの書き換えも必要ですsummary→summary_large_image
【画像が変わらない】
一度設定すると画像のURLを変更しても画像が変わらないのでキャッシュクリアする必要があります
cards-dev.twitter.com
↑このサイトに指定ページのURLを入力することでキャッシュクリアが可能
※ここのプレビューは使えません。ツイート画面でURLを入力するとサマリーカードが表示されるのでそちらでご確認ください
