はてなブログカードのような美しい外部リンクをクリック一発で作成する方法

はてなブログでは、先日公開した「ブログカード」を拡張し、インターネットの一般的なWebサイトに対応しました。URLを貼るだけで、さまざまなWebページをコンパクトな「ブログカード」形式で紹介することができます。 （中略）今回の改善では、ソーシャルメディアのシェアで参照されるOGP（Open Graph Protocol）をはじめとして、Webページに記述されているmeta要素などのデータを利用し、はてなブログ外の任意のWebサイトに対応しました。 簡単に言うと、はてなではOGPというブログ概要情報を利用して、ブログカードを作成しているようです。OGPがない場合は、ヘッダーにあるmeta要素や、titleからブログ情報を取得しているようです。 今回はその、はてなのブログカード機能とiframeを利用してブログカードを表示する方法です。 ブログカード作成方法 はてなでは、以下のように書くと、ブ

[Fellini]

参考資料

[yamato_24]

“はてな側が仕様を変更した場合は、利用できなくなる可能性がある”

[pojama]

「ブログカード作成方法」知らなかった！これは informative!!。2019年3月の改悪で、まともなCSSカスタマイズができなくなったニフティでも（でさえもｗ）使えた！さすがにiframeだから当然か。

[float3240]

外部リンクを美しく