[Cocoon] リンクの種類と作り方 ～ URLの挿入手順まとめ

「リンク」とは、クリックすると別のページに移動できる URL のことです。

この記事では、リンクの種類と作り方をやさしく解説します。

リンクには、大きく分けてふたつの種類があります。

リンクの見た目は？３つのタイプ

Cocoonでは、リンクの見た目には以下のタイプがあります。

ラベル無しのブログカード：

ラベル有りのブログカード：

テキストリンク：

あぁ、ブログ。初心者の学習ノート

URLそのまま

　https://blogstudynotes.com/

また、「リンク」にはなりませんが、URLをテキスト情報として記載することも可能です。

https://blogstudynotes.com/

ラベル無しのブログカード

１．お目当てのURLをコピー。

２．投稿ページで、新しいブロックに貼り付け。

３．記事を[保存]して、プレビューを確認します。

✅ 以下のように「このコンテンツを埋め込めませんでした」と出ても、気にしなくて大丈夫です。そのまま公開しても、[リンクへ変換]を選択してもOKです。どちらにしてもブログカードに表示されます。

✅ 以下のように、下書き上ではURLだけに見えることもありますが、ブログ上ではブログカードのおさまります。

この方法だと結果は以下のようになります。

ラベル無しのブログカード例：

[WordPress] 水玉（ドット柄）のブログ/サイト背景 ~ CSSか画像設定で

CSSか画像を使って、ブログやサイトの背景を水玉（ドットパターン）にする方法です。

blogstudynotes.com

2020.07.15

ラベル有りのブログカード

１．ブロックの右辺にプラスサインが表示されています。クリック。

以下のようになります。

２．ここで、[ブログカード]メニューがリストされていたらクリック。なければ、ブロックの検索ボックスにブログカードと入力してエンターキーを押してください。

３．[ブログカード]をクリック。

４．こうなりましたね。このブロックを選択した状態だと、右サイドに[スタイル設定]というセクションが表示され、そこで[ラベル]を選択できます。

５．ラベルを選んだら、ブログカードのボックスに、URLを貼り付けます。

６．[保存]ボタンを押すと、プレビューで確認できる状態になっています。

「あわせて読みたい」ラベル使用例：

テキストリンク

１．任意のテキストをブロックに入力します。

記事タイトルでも良いですし、キーワードでもＯＫです。

２．お目当てのURLをコピー。

３．入力しておいた１．のテキストを選択。

４．選択した状態で２．でコピーしたURLを貼り付けます。
右クリックメニューの[貼り付け]か、Ctrl キーを押しながら Vキーを押すとできます。

または、

入力したテキストを選択してリンクアイコンをクリック。

以下のフィールドにURLを貼り付け、矢印マークをクリックするかエンターキーを押すと設定完了です。

✅ 「新しいタブで開く」設定もできます。チェックを入れると、読者がリンクをクリックしたときに新しいタブでページが開きます。ページを離れずにいられるので親切です。

５．[保存]ボタンを押して、プレビューで確認。

テキストタイプのリンク例（タイトル以外の言葉を使用）：

当ブログの「エラー３部作」：エラー報告・事前策・対応策、公開中です！

テキストタイプのリンク例（記事タイトルを使用）：

”HTMLサイトマップの作り方 ~ 正攻法とアナログ法”の目次３－２番で、Cocoonのコピーボタンを有効利用して、記事タイトルのテキストリンクを作る方法を書いています。

URLそのまま

１．新しいブロックにスペースでも文字でもいいので、何か入力します。

２．お目当てのリンクをそのブロックにコピー。（例として、URLの前にスペースを入力してあります。）

　https://blogstudynotes.com/

これで、URLそのままで、リンクにすることができます。

使用例です。

当ブログのURL：　https://blogstudynotes.com/

リンクを無効にする方法

リンクURLをただの「テキスト」として表示させたいときは、リンクを選択して、リンクアイコンをクリックすれば、ただのテキストに戻ります。

ピンバックと通知、モデレートのこと

内部リンクを貼ったときや、どなたかが、自分のブログを被リンクしてくれたとき、自分宛に「ピンバック承認待ちです」「モデレートしてください」といったメールが届くことがあります。

最初はびっくりしますが、通知設定をオフにすれば問題なし！

その機能をオフにする設定が以下のページに分かりやすくあったので、参考にされてください。通知がきたときの対応も載っています。

初期設定だと、自分が誰かのリンクを貼ったときにも、同じようにピンバックが送られているのですが、それをオフにする設定も上のページにあります。

外部リンクのマナー

外部リンクを貼るとき、許可が必要かな？と悩むことがありますが、多くの場合は不要でしょう。

リンクを貼ってもらうことを「被リンク」というのですが、被リンクの数は、Googleからの評価にもつながるそうです。

むしろリンクされることで相手の評価も上がることが多いので、お互いにメリットがあります。

とはいえ、お相手が被リンクを望まない旨を伝えたい場合もあるかもしれませんから、やはりコメント欄やコンタクトフォームを用意しておくと安心ですよね。

記事内リンク

記事内で、好きなセクションにジャンプするリンクを作ることもできます。

詳しい手順はこちらで紹介しています👇。

まとめ：リンクで記事をもっとわかりやすく！

リンクをうまく使うと、記事が読みやすくなり、読者がほしい情報にすぐたどり着けます。

内部リンクも外部リンクも、記事の流れを意識して、自然に貼っていきましょう！

さらに、リンクを「ボタン」や「画像」に設定する方法もまとめています👇。