リンクカードの作り方3選|wordpressブログの各記事のリンクをカッコよく見せる方法とは?

記事をリンクで繋ぐリンクカードの作り方を徹底解説

内部リンクをテキストリンクで貼っているけど、もっと見栄えを良くしたいと思ったことはありませんか?

  • リンクカードとは何かについて知りたい
  • リンクカードを作成できるプラグインを知りたい
  • プラグイン無しでリンクカードを作成する方法を知りたい

こんな悩みを解決します。

本記事の内容
  • wordpressブログのリンクカードについて解説
  • リンクカードを設置する三つの方法を解説
  • 内部リンクと外部リンクについて

この記事を読み終える事によって、リンクカードに関する理解が深まります。また、 ワードプレスで作ったブログにオシャレなリンクカードを設定する 方法が分かります。

ぜひ、最後まで記事を読んで、あなた独自の素敵なリンクカードを設定出来るようになってくださいね。

リンクカードと密接な関係にある外部リンクと内部リンクの違い

リンクカードと密接な関係にある外部リンクと内部リンクの違い

リンクカードについて解説する前に、外部リンクと内部リンクに関する理解を深めておきましょう。

というのも、リンクカードを使う場面と言うのは、 外部リンクか内部リンクを貼る時に使用する ものだからです。

それを考えると、何が外部リンクなのか?内部リンクとは何かということをしっかりと理解しておかないといけません。

外部リンクは自分のサイト以外のURLを自分のサイトに貼りつけたものを指します。

外部リンクを使う場面は、主に以下の通り。

外部リンクを使う三つのケース
  • 補足説明をしたい時
  • 自分のサイトで十分な説明が出来ない時
  • 自分が作った記事の参考的な解説として見てもらい時

もう一つの使い方としては、アフィリエイトにおいて、外部にリンクを貼る事によって何かのサービスや商品の販売ページに飛ばして、そのリンクを経由して報酬を狙う際などにも使います。

外部リンクの見た目は用途に応じて色々と変えることができます。主には以下のような使い方ができます。

外部リンクの三つの使い方
  • テキストリンクのみ
  • 画像(バナー)のみ
  • サムネイル画像+テキストの併用

上記の3パターンで外部リンクを貼るのがほとんどです。

追加説明になりますが、検索エンジン対策として「被リンク」という概念があります。

「被リンク」と言うのは、AというWebサイトがあなたが運営するWebサイトにリンクを貼った状態 を指します。被リンクという概念も頭に入れておきましょう。

内部リンクは、同じWebサイト内で貼られたリンクのことを指します。

数年前より、検索エンジン対策として、内部リンクが非常に重視されています。

と言うのも、検索エンジンのクローラーと呼ばれるロボットは、ネット上に無数にあるWebサイトを見つけるとリンクをたどりながらWebサイト上にある様々な情報を収集していきます。

情報を収集したクローラーは、その情報をグーグルのデータベースに持ち帰ります。

持ち帰った情報をグーグルの データベースに格納することをインデックス と呼びます。

インデックスされて初めて、あなたが作ったブログや記事はグーグルに承認されたことになります。

Googleは、内部リンクの構造によりページの優先度を理解します。

したがって、ページの重要度、優先度がわかる構造や、 クローラーが回遊しやすい構造に内部リンクを最適化しておけば、あなたのWebサイトの評価が上がり、検索上位にサイトを表示 できます。

SEO対策に欠かせない内部リンクの効果とメリットを徹底解説
【ブログ初心者必見】SEO対策に欠かせない内部リンクの効果とメリットを徹底解説
この記事では、SEO対策に欠かせない内部リンクの効果やメリットについてお伝えします。 以前のグーグルは内部リンクよりも外部リンクの方に力を入れていましたが、今は 内部リンクの
2021-01-14 21:26
繰り返しになりますが、外部リンクは自分のサイト以外のURL、内部リンクは自分のサイト内のURLと理解しておきましょう。

設置方法はほとんど同じです。

内部リンクを使用する時は「関連ページ」や「おすすめの記事」などを紹介する時に多く使われています。

【リンクカードの設定方法①】有料テーマごとにリンクカードの設定方法を徹底解説

【リンクカードの設定方法①】有料テーマごとにリンクカードの設定方法を徹底解説

リンクカードの作り方には主に三つの作成方法があります。

その中でも 最もオススメの方法は、元々リンクカードを設定できる機能を持っているワードプレスのテーマ を使う事です。

理由は、プラグインを導入したり、リンクカードを設定する為に、独自コードを書くなどの手間を省くことができ、簡単に設定できるからです。

プラグインを導入すると、どうしてもWebサイト自体が重くなり、表示スピードが遅くなるというデメリットがあります。

三番目の方法として自分でコードを自作して設定する方法がありますが、この方法は初心者には少し難しいというデメリットがあります。

次に ワードプレスのテーマの中で無料で使えるCocoon(コクーン)におけるリンクカードの作り方 を解説します。

ワードプレスの有料テーマでは、デフォルトでリンクカードを設定できるテーマもあります。

テーマの仕様によって使い方は違いますので、それぞれのマニュアルに沿って設定していく形になります。

私が現在把握している有料テーマで、リンクカードを設定できるのは以下のテーマです。

リンクカードを内包しているWordPress有料テーマ
  • 賢威
  • アフィンガー
  • JIN
  • SWELL
  • Alpha2

いずれのテーマも多くのブロガーが使っており、非常に優秀なテーマです。

デザインテンプレート「ALPHA2」
WordPressテンプレート【Alpha2】徹底レビュー|MASAスペシャル特典付き
2022-04-03 14:35

無料テーマ「Cocoon(コクーン)」の設定方法について

次に無料テーマ「Cocoon(コクーン)」でリンクカードを設定する方法を解説します。なお、コクーンではリンクカードの事を「ブログカード」と表現しています。

また、 コクーンでは、内部リンクと外部リンクの両方にブログカードを使う事ができます。

では、さっそく見ていきましょう。まずは、ワードプレスの管理画面に入ります。管理画面の左メニュの中から、「Cocoon設定」をクリックします。

コクーンの設定1

コクーン設定が表示されたら、赤枠の「ブログカード」をクリックします。

コクーンの設定2

「ブログカード」をクリックすると以下の画面に移行します。画面上部が内部リンクの設定画面。画面下部が外部リンクの設定画面です。

まずは、内部リンクの設定を行っていきましょう。下記の赤枠の通りに「ブログカード表示」にチェックを入れます。

コクーンの設定3

その他の設定を行います。①はサムネイルをどちら側に表示させるかの確認です。

下の画像では「左側」にチェックを入れていますが、好みでどちらかにチェックを入れてください。

②は日付表示に関する選択項目です。 「なし」「投稿日」「更新日」いずれかにチェック を入れておきましょう。

コクーンの設定4

次に外部リンクの設定を行います。内部リンクの設定画面を下にスクロールしていきます。

下記の赤枠「ブログカード表示」にチェックを入れます。

コクーンの設定5

更に下にスクロールしていきます。下記の図の通りに順番に設定していきます。①はサムネイルを右・左のどちら側に表示させるかの設定です。

画面では左にチェックを入れていますが、好みに応じてチェックを入れます。

②は外部リンクなので 「新しいタブで開く」にチェック を入れておきましょう。

③はキャッシュの保存期間です。画面では365(一年)に設定しています。 直接数字を入力 します。

④はチェック不要です。これで外部リンクの設定は全て終了しました。

コクーンの設定6
設定が全て終了したら、さらに下にスクロールしていきます。「変更をまとめて保存」をクリックしたら終了です。

これで、コクーンのリンクカードの設定は終了しました。

コクーンの設定7

続いて、実際にリンクカードを表示させる方法を解説します。コクーンの表示は本当に簡単です。下記のように投稿画面にURLを入力するだけです。

下記の画面①では、当ブログのURL(https://arafifate.com/)を入力しました。

入力したら、②のプレビューで、どのように表示されるかを確認します。

コクーンの設定8

実際に表示させた画面が以下の画面です。しっかりとリンクカードが表示されていることが分かります。

コクーンの設定9

設定している途中で、設定の方法が分からなくなった場合は、 以下のリンクからコクーンの設定方法を確認 しながら再度設定を行っていきましょう。

Cocoon(コクーン)は、最初の設定さえ行っておけば、あとはURLを入力するだけなので、簡単にリンクカードを表示させることができます。

⇒ 無料テーマ「Cocoon(コクーン)」をダウンロードする

【リンクカードの設定方法②】プラグイン「Pz-LinkCard」を導入する

【リンクカードの設定方法②】プラグイン「Pz-LinkCard」を導入する

次に解説するのは、ワードプレスのプラグインを使ってリンクカードを設定する方法です。

インストールするプラグインは 「Pz-LinkCard」 です。「Pz-LinkCard」を使う事によって、簡単に綺麗なリンクカードを設置することができます。

それでは、以下から具体的に「Pz-LinkCard」のインストール方法について解説します。

「Pz-LinkCard」のインストール方法

まずは、ワードプレスの管理画面にログインします。

1.WordPressの管理画面から[プラグイン]→[新規追加]を押す。

Pz-LinkCardの設定1

2.検索で[Pz-LinkCard]と入力し、[Pz-LinkCardをインストール]を押す。

Pz-LinkCard設定2

3.Pz-LinkCardをインストール後、プラグインを有効化する。

Pz-LinkCard設定3

これでブログカードを設置するための下準備が整いました。

「Pz-LinkCard」の設定方法

WordPressプラグイン「Pz-LinkCard」の設定方法を解説します。

1.設定→[Pzカード設定]をクリックします。

Pz-LinkCard設定4

2.Pz-LinkCardの設定画面を開きます。

リンクカード設定画面の「かんたん書式設定」を「なし」にします。

Pz-LinkCard設定5

これでPz-LinkCardが使えるようになりました。

「Pz-LinkCard」の使い方は、図の赤枠をクリックすると確認することができます。

Pz-LinkCard設定6

画像を見ると、外部リンク、内部リンクともに使うことが出来るのが確認できます。基本的な使い方は、リンクカードを使いたい場面で、URLを入力するだけです。

それでは、実際に使ってみましょう。

記事の投稿画面に移動します。下記の図の赤枠の部分が「Pz-LinkCard」のアイコンです。

アイコンをクリックすると、 「リンクカードを挿入」と表示 されます。表示されたらクリックします。

Pz-LinkCardの設定7

クリックすると、URLを入力する画面に切り替わります。

切り替わったら、試しに当ブログのトップページのURL(https://arafifate.com/)を入力します。

Pz-LinkCardの設定8

入力したら、「挿入」をクリックします。クリックすると、ショートコードが表示されます。

Pz-LinkCardの設定9

ショートコードが表示されたら、左メニューの「プレビュー」でどのように表示されるかを確認します。

キレイなリンクカードが表示されています。

Pz-LinkCardの設定10

上級者向けと言ってもそれほど難しい設定はないので、 何度か繰り返してリンクカードを作っていく中で覚えることができます。

【リンクカードの設定方法③】自作コードをリンクカードを設定する

【リンクカードの設定方法③】自作コードをリンクカードを設定する

ここまで、解説してきたように、リンクカードはプラグインを使ったり、元々リンクカード機能を備えているワードプレスのテーマを使う事によって導入できます。

三番目の方法は、直接HTMLタグを投稿画面に直接貼り付ける方法です。ただ、この方法は初心者には少し難しいです。

従って、本記事ではこういう方法もあるという紹介だけに留めておきます。

もし、直接コードを貼り付けて、リンクカードを表示させたい場合は、「リンクカード コード」「リンクカード htmlタグ」等のキーワードで探してくださいね。

まとめ~リンクカードの作り方3選|wordpressブログの各記事のリンクをカッコよく見せる方法とは?

\この記事では、以下の内容についてお伝えしました/
MASA
今回は、ワードプレスで作成したブログにリンクカードを設定する方法や、その前提として必要となる外部リンクと内部リンクで知っておきたい最低限の知識について解説しました。
  • リンクカードの導入方法は3種類ある
  • テーマによってはプラグイン不要で設定できる
  • リンクカードは外部リンク、内部リンクの両方に使える
アフィリエイトにおすすめのワードプレステーマ7選
【初心者ブロガー必見】アフィリエイトにおすすめのワードプレステーマ7選
この記事では初めてアフィリエイトに取り組む初心者に向けて、私が今まで使ってきたワードプレスのテンプレート(テーマ)をご紹介します。 こんな悩みを解決します。
2020-12-01 20:24

今すぐできる具体的な行動

①今使っているテーマが何かを確認する。
②テーマ独自のリンクカードがあれば導入する。
テーマに独自のリンクカードがなければプラグインを導入する。

ブログカードを導入すれば、ファーストビューで差を付ける ことができます。

始めてブログを訪れたユーザーは、初めて訪れた際にデザインが奇麗であれば、それだけで見てみようと言う気持ちになります。

一般的にクリック率はテキストリンクの方が高いですが、 見た目のデザイン性が増すので最近では使われることが多く なっています。

一番オススメなのは、 リンクカードを機能を元々持っているWordPressテーマを使って、デフォルトで使う方法 です。

ブログを始めるならXサーバーがおすすめ!
Xサーバーの最新お得情報のお知らせ~ブログを始めるならお得に契約|国内サーバーシェアNo.1のXサーバー
この記事では、Xサーバーの最新情報をお届けします。 ・Xサーバーの最新情報を知りたい ・Xサーバーの最新情報を誰かに発信したい ・Xサーバーのお得情
2021-06-05 15:46

コメントは受け付けていません。