noteの埋め込み時の画像が大きく表示できるようになったらしいので、Ringosで対応しました。

本日noteよりこのようなリリースが。

noteにURLを埋め込むと、カード形式で表示されるのですが、その際の画像が大きく表示されるようになったらしいです。

■今まで↓

最近はnoteで書いてます。

■大きくなったバージョン↓

おぉ、画像が大きくなって見やすくなっている。

ということですので、早速弊社Webマガジン「Ringos(リンゴス)」で試して見たいと思います。

対応方法

対応方法は２つです。

1. 以下を対象のページに記述

<meta property="og:image" content="画像のURL">
or
<meta name="twitter:image" content="画像のURL">

上記いずれかを記載します。

2. 以下を対象のページに記載

<meta name="note:card" content="summary_large_image">

以上です。（詳しい対応方法はこちら。）

Ringosの場合１はすでに対応済みでしたので、２のみ対応しました。

結果こちらです。

良い感じです。noteさんにはこれからも素敵なリリースを期待しております！