ブログはテキストベースが主なところですが、やっぱり記事中に画像が多少はあった方が購読欲をかきたてやすいと思います。

ブログ上でサイトを紹介する機会は少なくないと思いますが、紹介先のサイトのイメージがあった方がいいなと思うのは、見る側・書く側、どちらにもあることでしょう。

かといって、サイトをプリントスクリーンして画像加工ソフトで処理をして書き出し、サーバーにアップロードしてその画像にリンクさせるって流れはかなり面倒くさいですよね。

その辺を簡単に済ましてくれる素晴らしいサービスやスクリプトを３点ほどご紹介します。
（各項目のサムネイルはそれぞれを利用して生成しています。）

１：SimpleAPI　ウェブサイトサムネイル作成API（ベータ版）
サムネイルを作りたいサイトのＵＲＬを入力し、ボタン一発で画像作成、ＨＴＭＬコードも生成してくれます。
一度作成されたサイトのサムネイルはサーバーに保存されるようになっています。もし、新規のデータだったらサムネイルが自動作成されるまで代替のものが表示されます。さらに、生成しようとするＵＲＬに近いＵＲＬがあればそっちが代替されます。
最近サーバーが増強されてさらに快適に利用できるようになりました。
http://img.simpleapi.net/

２：Thumbnail API サムネイルAPI
こちらはさっきのSimpleAPIと同じ利用法でＯＫですが、サムネイルのサイズなど細かな設定ができるようになっています。「サムネイル取得方法」のページに説明がありますので、細かい設定をやってみたければそちらを。
http://thumbs.bookmacro.com/sample/

３：Link Thumbnail リンクサムネイル
こちら　は上記の２つと違って、リンクテキストにマウスを重ねるとそこにリンク先のサムネイルが出てくるというやつです。
これを利用するにはDownloadボタン（１）からスクリプトファイルを保存してあなたのサーバーに予めアップロードしておき、（２）のコード（JavaScriptとCSS）を追加しておかねばなりません。もちろん、ファイルの指定先はあなたのサーバー内の箇所に書き換えて下さいね。
（Movable Typeの場合は、エントリーアーカイブのテンプレートに追加しておけば良いでしょう。）

で、＜a＞タグ内に、class="linkthumb"　を書いてやれば動作するでしょう。
（それをせずとも全てに適用される方法もあります。アレなので私はしませんでしたけど。）
文頭の「こちら」のリンクがそうなっています。

これらを上手く使ってサイトのボリュームを上げてみてはどうでしょうか？印象も変わると思いますよ。ですがやりすぎは逆にマイナス効果になることもあるっていうのをお忘れなく！

▼アフィリエイトランキング