はてなブログでは、先日公開した「ブログカード」を拡張し、インターネットの一般的なWebサイトに対応しました。URLを貼るだけで、さまざまなWebページをコンパクトな「ブログカード」形式で紹介することができます。 (中略)今回の改善では、ソーシャルメディアのシェアで参照されるOGP(Open Graph Protocol)をはじめとして、Webページに記述されているmeta要素などのデータを利用し、はてなブログ外の任意のWebサイトに対応しました。 簡単に言うと、はてなではOGPというブログ概要情報を利用して、ブログカードを作成しているようです。OGPがない場合は、ヘッダーにあるmeta要素や、titleからブログ情報を取得しているようです。 今回はその、はてなのブログカード機能とiframeを利用してブログカードを表示する方法です。 ブログカード作成方法 はてなでは、以下のように書くと、ブ
![はてなブログカードのような美しい外部リンクをクリック一発で作成する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/9a63309b780d90323e615e152ae3dd67ad7b54df/height=288;version=1;width=512/https%3A%2F%2Fnelog.jp%2Fwp-content%2Fuploads%2F2014%2F11%2F4_business-card.jpg)