Girls Job Change.com

ドラマとゲームが好きで仕事が嫌い。ポイントサイトでお小遣いを稼ぎながら旅行を楽しむ女性のための情報サイト。

【WordPress】 サムネイル付きリンクをブログ記事内に貼る方法 タイトルや抜粋した文章も

   

ブログ記事を読んでいるとサムネイル付きリンクを見かけることがあります。記事のアイキャッチ画像をサムネイルにタイトル、抜粋した文章などが枠内に収まっていて視認性に優れています。WordPressでリンク設定をしたら こんな感じ ですので、サムネイル付きリンクの方がおしゃれでカッコイイですよね。サムネイル付きリンクってこんな感じです。

By: Steve Parker宮古島に安く旅行する方法を考える③ 宮古島のホテル代 宿泊費を安くする方法
By: Steve Parkerこの記事は宮古島でのホテル代や宿泊費用を安くする方法を説明しています。宮古島は沖縄本島や石垣島に比べリゾートホテルの数が少ないです。リゾートホテルは片手でほどの数しかなく、代わりにスキューバダイバーさんたち御用達の民宿やペンション...

また、ブログはパソコンだけでなくスマホでの閲覧数も増えています。視認性の高いサムネイル付きリンクはタップされやすいので、内部リンクを回ってもらうことでページ閲覧数を増やし、結果的にSEO対策につながります。

今回は、そんなサムネイル付きリンクをWordPressのブログ内に貼る方法として以下の2点を、メリットデメリットを交えてご紹介します。

・はてなブログのブログカードを使用する方法
・WordPressのプラグイン『Pz-LinkCard』を使用する方法

はてなブログのブログカードを使用する方法

ほとんどのブログで使用されているはてなブログのブログカード。サムネイルにタイトル、抜粋文章も入っているおり、すべての希望を満たしています。

はてなブログのブログカードを使用するために、はてなブログなどに登録する必要は無く、下記のURLをブログ記事内の好きな位置に貼りつけるだけでOKです。最後の『http://hatenablog.com/embed?url=http://sample.jp/』の『http://sample.jp/』をリンク先のurlに置き換えれば完成です。下記に当サイトのページをリンクした場合を表示します。

下記にはてなブログカードを使ってリンクした場合を表示します。

はてなブログカードのデメリット

使いやすく導入しやすい、はてなブログカードですが、2つのデメリットがあります。

  1. はてなブログがブログカードサービスを止めると、ただの文字列だけになる
  2. urlへのリンク元が『はてなブログ』になってしまう

①はそのまま、はてなブログのサービスが何らかの理由で終了してしまえば、そのサービスが使えなくなるってことです。

②は上記のurlが から始まっているために、リンク元が自身の記事ではなく『はてなブログ』になってしまうことを意味します。そのため、リンク先のブログ担当者には『はてなブログ』からのリンクと認識されてしまい、あなたのサイトからのリンクとは認識されない可能性が高いです。せっかくの外部リンクが相互リンク化される可能性が低くなるので、SEOの効果として勿体ないです。

WordPressのプラグイン『Pz-LinkCard』を使用する方法

WordPressのプラグインとして『Pz-LinkCard』がありますので、こちらを新規登録します。プラグインを有効化し、下記ショートコードをブログ記事内の好きな位置に貼りつけるだけです。最後の『url=””』の『””』内をリンク先のurlに置き換えれば完成です。下記に当サイトのページをリンクした場合を表示します。

【相武紗季の髪型】 ヤバ妻こと『僕のヤバイ妻』が面白すぎる 土下座に裏切りに2億円の行方は?【相武紗季の髪型】 ヤバ妻こと『僕のヤバイ妻』が面白すぎる 土下座に裏切りに2億円の行方は?
相武紗季ちゃんが出演しているドラマ『僕のヤバイ妻』が面白すぎます。本日フジテレビ系列で放送された『僕のヤバイ妻』で相武紗季ちゃんが木村佳乃さんに土下座までしましたね。内容はネタバレしてしまうのでここでは書けませんが、最後の終わり方も隣人の不可思議...

『Pz-LinkCard』のデフォルトの形式は凝ったデザインになっているのですが、私は『はてなブログ』風にアレンジしている方がユーザーの視認性が高いと感じたので、アレンジを加えています。なお、『はてなブログ』風アレンジに関しては下記のサイトを参考にさせていただきました。ありがとうございます。

『Pz-LinkCard』のデメリット

WordPressのプラグインなので、WordPressでしか使えません。その他のブログサービスを利用している場合は、上記のはてなブログカードを使用することになるでしょう。

さらに、微妙な設定をしたい場合は基本設定の値を動かすだけでは難しく、CSSの知識が必要になります。もちろん、そこまで細部にこだわりが無いようでしたら、『Pz-LinkCard』のプラグインの基本設定の値を動かすだけで、十分おしゃれなサムネイル付きリンクを作成することができます。

まとめ

WordPressのブログ記事内にサムネイル付きリンクを作成する2つの方法を紹介しました。はてなブログカードも、Pz-LinkCardもどちらも使いやすくおしゃれです。面倒なことをせずサクッと導入したい場合ははてなブログカード、自身のブログイメージに合わせて色や文字をカスタマイズしたい場合はPz-LinkCardがオススメです。

こちらのサムネイル付きリンクを導入したことでPV数が上昇しましたので、SEO対策にもなりますよ。

オススメの記事はこちらから

くるくるワイドFXの始め方【くるくるワイドFXの始め方】 どちらに相場が動いても対応できるテクニック
By: Daniel Allenこの記事はくるくるワイドFXの始め方を紹介しています。皆さんはくるくるワイドFXというFXの手法をご存知でしょうか?魚屋って名前のFXトレーダーが編み出した手法で、魚屋さんのブログで手法は公開されていました。相場の方向性に依存せずに利益を...
小学生・中学生でもスマホでお小遣い稼ぎ moppi(モッピー)で友達紹介したり無料アプリをダウンロードしたり中学生でもスマホでお小遣い稼ぎ moppi(モッピー)で友達紹介したり無料アプリをダウンロードしたり
ポイントサイト moppy(モッピー)でお小遣いを稼ぐ方法をご紹介。 moppy(モッピー)(↑から無料会員登録できます。)ポイントサイトは無料登録や資料請求、無料アプリのダウンロードをするだけでお小遣いが稼げちゃいます。オススメ度★★★★★★(当サイトオススメ第...
iPhone6修理センター【画面破損!!】iPhone6の液晶ガラスが壊れた時の対処法 auの場合
auにてMNPを使用して一括無料で購入したiPhone6が不慮の落下にて画面が割れてしまいました。まさか購入して一カ月以内に画面が割れてしまうとは夢にも思っていませんでした。前回のiPhone5の時は購入して3か月で紛失してしまったので、購入してすぐは鬼門のようです...