はてなブログ開発ブログ

はてなブログの新機能など開発に関する情報、公式のお知らせを発信します。

アイキャッチ画像がない記事をSNSでシェアした際に自動生成する画像をよりわかりやすくしました

はてなブログでは、アイキャッチ画像の設定がない記事をTwitterやFacebook、はてなブックマークなどのソーシャルメディアでシェアする際に、ブログタイトル・記事タイトルなどから自動生成する画像(シェア画像)をよりわかりやすくリニューアルしました。

既にシェアされた記事についても、順次新しいデザインに変わっていきます。すぐに新しいシェア画像を反映したい場合は、シェアデバッガーを活用ください。詳しくは、ヘルプ「アイキャッチ画像(記事のサムネイル)」を参照ください。

今回のリニューアルでは、記事タイトルの表示可能文字数を増やしました。
また、タイトルをすべて読まなくても、自分に興味のある記事か読み手が判断できるよう、記事のカテゴリーを強調表示しました。
SNS上でより伝わりやすくなったシェア画像をぜひご活用ください。

f:id:hatenablog:20210513124759p:plain

シェア画像に表示される内容の変更点

シェア画像に掲載される内容を以下のように変更します。画像に掲載される文字の分量は、それぞれの長さによって変わります。

  • タイトルの表示可能文字数
  • カテゴリー
    • カテゴリーが複数ある記事では、先頭のカテゴリーを表示します