見出し画像

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

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

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

■今まで↓

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

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

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


対応方法

対応方法は2つです。

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

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

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

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

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


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

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

結果こちらです。

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

この記事が参加している募集

読んでいただきありがとうございます。