iframelyでブログカードを作る
前の記事を書いたとき,他サイトへのリンクを単にテキストリンクにするのはなんとなく物足りなく思いました。いま,SNSなどではリンク先ウェブページのサムネイル画像の出るカード形式のリンクを見かけることが多いです。さて,ブログ記事でそういうのを実現するのはどうするのがいいんだろう。
今回は,iframelyというサービスを使ってみました。
iframelyのサイトへのリンクをそれ自体で作ると,こんなふうになります。
使い方は,サイト内の説明に付け加える必要はないと思います。URLを与えてやるとHTMLコードを生成するので,それを自分のブログページにHTMLとして貼ればOKです (Bloggerの編集画面では左上のペン型のアイコンからHTML編集に切り替えられます)。
さて,こういうふうにサムネイルが出るということを前提にすると,各記事に何かしら画像がないと殺風景なリンクになってしまうな,というように意識が変わってきます。画像を見せるための記事ならいいのですが,毎回そうとも限らない。では,いらすとやでも使うか,生成AIでも使うか……と,無理やり画像を入れようとすると結果的につまらないAI絵を作ってしまわないかという懸念も出てきます。考えすぎですかね。