はじめに
「Cocoonのブログカードを使って内部リンクを設定するにはどうすればいいの？」
「記事URLを貼ったのに、ブログカードが表示されないのはなぜ？」と困っていませんか。
WordPressの記事内に関連記事へのリンクを入れようとしても、URLがそのまま文字で表示されたり、思っていたデザインにならなかったりすると、どこを直せばよいのか分からず迷ってしまいます。
この記事では、Cocoonのブログカードで内部リンクを設定する基本的な使い方から、表示されないときに確認したい設定や対処法まで紹介します。
Cocoonのブログカードで内部リンクを設定する方法は？
Cocoonで内部リンクをブログカードとして表示する場合は、リンク先の記事URLをコピーし、記事編集画面の表示したい位置に入力します。
ここでは、記事URLのコピーから編集画面への入力、ラベルの設定まで順に説明します。
ブログカードにしたい記事のURLをコピーする
内部リンクにしたい記事を開き、ブラウザのアドレスバーに表示されているURLをコピーします。
記事一覧から探す場合は、対象記事の「表示」から公開ページを開いてURLを取得しましょう。
Cocoonの記事編集画面にURLを入力する
WordPressの記事編集画面を開き、ブログカードを表示したい位置にコピーしたURLを1行で入力します。
URLの前後には文章を入れず、独立した行に配置すると、Cocoonの機能によってブログカードとして表示されます。
ブログカードのラベルを設定する
ブログカードにラベルを付けたい場合は、対象のブログカードを選択し、Cocoonの設定から「関連記事」などのラベルを指定します。
設定後はプレビューを開き、ラベルが正しく表示されているか確認しましょう。
Cocoonのブログカードを内部リンクで使うのに向いている場面
Cocoonのブログカードは、本文中の関連記事を目立たせ、読者に別の記事も読んでもらいたい場面で使えます。
ここでは、ブログカードによる内部リンクが向いている2つの場面を説明します。
関連記事を目立たせて読者を誘導したいとき
関連記事への内部リンクを目立たせたい場合は、ブログカードが向いています。
記事タイトルなどがカード形式で表示されるため、リンク先を見つけやすくなり、関連する記事へ自然に誘導できます。
記事の途中や最後で関連ページを紹介したいとき
記事の途中で補足情報を案内したり、最後に次の記事を紹介したりするときにもブログカードを活用できます。
本文の内容とつながりのある記事を選び、読者が続けて読みやすい位置に配置しましょう。
Cocoonでブログカードが表示されないときの確認ポイント
Cocoonで記事URLを入力してもブログカードが表示されない場合は、まずURLの入力方法とCocoon側の設定を確認します。
ここでは、URLが1行だけで入力されているか、Cocoon設定でブログカードが有効になっているかを順に確認します。
URLが1行だけで入力されているか確認する
ブログカードが表示されない場合は、記事URLが独立した1行になっているか確認します。
同じ行に文章や記号が入っている場合は削除し、URLだけにしてからプレビューで表示を確認しましょう。
Cocoon設定でブログカードの表示設定を確認する
URLを1行で入力しても表示されない場合は、「Cocoon設定」の「ブログカード」タブを確認します。
内部ブログカードが無効になっている場合は有効にして設定を保存し、記事に正しく反映されるか確認しましょう。
設定を見直してもブログカードが表示されない場合は、Cocoon側で起きやすい原因をもう少し詳しく確認してみましょう。
▶Cocoonでブログカードが表示されない原因と対処法
ブログカードとテキストリンクを使い分ける
内部リンクは、リンクを設置する場所と読者にどの程度目立たせたいかによって、ブログカードとテキストリンクを使い分けます。
ここでは、それぞれを使う場面を分けて説明します。
本文中の自然な内部リンクにはテキストリンクを使う
本文の流れを保ちながら関連ページへ誘導したい場合は、テキストリンクが向いています。
リンク先の内容が分かる語句にURLを設定すると、文章を読みながら必要な読者を自然に関連ページへ案内できます。
テキストリンクを使う場合、どの文字にリンクを設定すればよいか迷ったときは、アンカーテキストの付け方も確認しておくと安心です。
▶内部リンクのアンカーテキストとは？SEOを意識した付け方を解説
関連記事を目立たせたい場所にはブログカードを使う
関連記事を目立たせたい場合は、記事タイトルなどがカード形式で表示されるブログカードが向いています。
次に読んでほしい記事を分かりやすく紹介したい位置に配置すると、関連ページへの導線を作りやすくなります。
まとめ
Cocoonのブログカードを使えば、関連記事を見つけやすい形で紹介でき、読者を次の記事へ自然に案内できます。
本文になじませたい場所ではテキストリンク、関連記事を目立たせたい場所ではブログカードを使い分けながら、読みやすい内部リンクを設置してみましょう。
