外部サイトの埋め込みリンクを表示したい
結論
htmlのhead部分にOGPタグを書いたページだと埋め込みリンクを表示できるようでした。
埋め込みリンクの例
OGPとは
「Open Graph protocol」の略でSNSにリンク表示する際にサムネイルが表示されたりする便利なもの。
たぶんFacebookが考えた。
OGPタグサンプル
<meta property="og:title" content="モルダバイト クリスタル | アースリバー 厳選クリスタルブランド" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://earth-river.com/item/CRMOL001A1/" />
<meta property="og:image" content="https://earth-river.com/store/html/upload/save_image/CRMOL001A1-og.jpg" />
<meta property="og:site_name" content="アースリバー 厳選クリスタルブランド" />
<meta property="og:description" content="「モルダバイト クリスタル」のご説明。チェコ共和国でのみ産出される、隕石の衝突から生まれた濃い緑の天然ガラス。東欧の人々は2万5千年前から霊的なお守りとして身につけていました。" />
<meta name="twitter:card" content="photo" />
<meta name="twitter:site" content="@earth_river" />
OGPの書き方
「ogp サンプル」で検索すると有用な情報がたくさん出てきます。
なぜ書こうと思ったのか
Twitterをはじめたからです。
フォローよろしくお願い致しますm(_ _)m