ソーシャル画像

ソーシャル画像とは、ページがソーシャルネットワークやメッセージアプリで共有されたときに表示される画像です。Silktide は、各ページにソーシャル画像が指定されていること、画像が実際に読み込めること、指定されたサイズがプレビューカードに適していることをチェックします。

画像は、ページのにあるタグで設定します。

<!-- 画像の寸法を指定した完全なウェブアドレス -->
<meta property="og:image" content="https://www.example.com/images/course-preview.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

重要な理由

画像付きの共有リンクは、テキストだけのリンクよりもはるかに多くの注目を集めます。画像がない場合や読み込みに失敗した場合、プラットフォームには画像がまったく表示されないか、ページから画像が推測されます。その結果、ロゴや関係のない写真が表示されることもあります。画像が小さすぎたり、一般的でない形状だったりすると、切り取られたり、ぼやけたり、サムネイルサイズに縮小されたりする可能性があります。

幅と高さを指定しておくと、リンクが初めて共有されたときにも、画像なしで表示することなく、プラットフォームがすぐにプレビューを表示できます。

修正方法

で、ページのソーシャル画像、ソーシャルプレビュー画像、またはアイキャッチ画像のフィールドを探します。
公開ユーザーがアクセスできる、https:// で始まる完全なウェブアドレスを使用します。ログイン中にしか機能しないアドレスは使用しないでください。
横長の画像を使用します。1200 × 630 ピクセル、最低でも 600 × 315 ピクセルが理想的です。
og:image:width タグと og:image:height タグに画像の幅と高さを記載します。ほとんどの SEO プラグインでは、これを自動的に設定できます。

Silktide によるテスト方法

共有される可能性のある各ページ（検索エンジンやプラットフォームによるインデックス登録が許可されているページ）をテストします。
ページの og:image タグを読み取ります。画像が指定されていない、アドレスが完全な http/https ウェブアドレスではない、画像のダウンロードに失敗する、またはダウンロードしたファイルが画像ではない場合、そのページに画像がないか、画像が壊れていると報告します。
画像が読み込まれた場合は、og:image:width と og:image:height が指定されていることをチェックします。指定されていない場合は、そのページを報告します。
寸法が指定されている場合、画像が 600 × 315 ピクセル未満であるか、プレビューカードで使用される横長の比率から大きく外れている場合（高さに対して幅が約 1.4～2.1 倍の範囲外）は、理想的ではないと報告します。

トラブルシューティング

ブラウザでは画像が問題なく読み込まれる

リンクと同じ理由で、画像が自分の環境では機能しても、自動ダウンロードでは失敗することがあります。たとえば、ログインセッション、地域による制限、自動トラフィックのブロックなどが原因です。リンク切れのトラブルシューティングを参照してください。画像に実際には問題がないと判断した場合は、その指摘をしてください。

画像を別のドメインでホストしている

問題ありません。画像ホストやなど、公開アクセスが可能であれば、画像はどこに置いてもかまいません。

報告された寸法が正しくない

Silktide は、ファイル自体のピクセル数ではなく、ページの og:image:width タグと og:image:height タグで指定されている寸法を読み取ります。画像のサイズを変更したにもかかわらず、タグに古いサイズが指定されたままの場合は、タグを更新してください。