こんにちは。まさごもりです。
私は記事を書くときによくヒトデさんというトップブロガーの方を参考にしているのですが、いつものようにヒトデさんが運営するヒトデブログの記事を読んでいると
みたいな感じで内部リンクが貼られていました。
この貼り方いいな~
と思って真似をしようとしたのですが、方法が分からずとても苦労したので、
今回は当時の私のように
- WordPressでテーマ Cocoon(非カスタマイズ)を使っている
- ヒトデさんのように「あわせて読みたい」の形で内部リンクを貼りたい!
という方に対して
- 内部リンクはなぜ大切なのか
- 内部リンクの基本的な貼り方
- ヒトデさんみたいに内部リンクを貼るにはどうすればいいのか
を分かりやすく解説していきます!
内部リンクはなぜ大切なのか
結論から言うと、内部リンクがSEOに大きく影響しているからです。
簡単に言えば
内部リンクをしっかり貼っていると自分のサイトが上位表示されやすくなるよ
ってことです。
![](https://masagomori.com/wp-content/uploads/2023/07/onepiece-nami.png)
SEOには内部リンクが深く関わっているんです!
基本的な内部リンクの貼り方
基本的な内部リンクの貼り方はこちらです。
- テキスト
- 画像
- ボタン
一つずつ分かりやすく紹介していきます。
テキスト
1 内部リンクを貼り付けたいテキストを選択
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-with-text-selected-for-internal-linking.png)
まずはリンクを貼り付けたいテキストを選択しましょう。
2 リンクボタンを押す
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-with-text-link-button-pressed.png)
次にツールバーの中のリンクボタンを押します。
3 リンク先として設定したいページを検索する
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-searching-for-the-page-you-want-to-paste-a-link-to.png)
リンクボタンを押すと検索欄がでてくるので、リンク先として貼り付けたい自分の記事のタイトル、またはURLを入力して検索しましょう。
4・リンク先として設定したいページを選択する
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-for-selecting-the-page-you-want-to-paste-as-a-link-destination.png)
検索結果にリンク先として設定したいページが出てきたらそれを選択します。
5 内部リンク設置完了
![](https://masagomori.com/wp-content/uploads/2023/07/internal-link-pasted-on-text.png)
テキストに内部リンクを設置できました!
画像
1 内部リンクを貼り付けたい画像を選択する
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-when-selecting-an-image-to-insert-an-internal-link.jpg)
内部リンクを貼り付けたい画像を選択しましょう。
2 リンクボタンを押す
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-with-image-link-button-pressed.jpg)
次にツールバーの中のリンクボタンを押します。
3 リンク先として貼り付けたい自分の記事のURLを入力する
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-for-entering-the-url-of-the-page-you-want-to-set-as-the-link-destination.jpg)
リンクボタンを押すとURLを入力する欄がでてくるので、自分が貼り付けたいページのURLを入力しましょう。
4 適用ボタンを押す
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-with-the-apply-button-pressed.jpg)
URLを入力できたら横にある「適用」ボタンを押しましょう。
5 内部リンク設置完了
![](https://masagomori.com/wp-content/uploads/2023/07/internal-link-pasted-in-image.jpg)
これで画像に内部リンクが設置できました!
ボタン
![](https://masagomori.com/wp-content/uploads/2023/07/onepiece-chopper.png)
※編集のしやすさの観点から、ここではデザインブロックの「ボタン」ではなく、Cocoonブロックの「ボタン」を使っています。
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-block-selection-screen.png)
1 内部リンクを貼り付けたいボタンを選択
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-with-button-selected.png)
まずは内部リンクを貼りたいボタンを選択しましょう。
2 リンク先として貼り付けたいページのURLを入力
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-where-you-are-entering-the-url-of-the-page-you-want-to-set-as-a-link-destination.png)
ボタンを選択すると右側にブロック設定が表示されるのでその中のURLの欄に内部リンクとして貼り付けたいページのURLを貼り付けます。
3 内部リンク設置完了
![](https://masagomori.com/wp-content/uploads/2023/07/internal-link-pasted-in-button.png)
これでボタンに内部リンクを設置できました!
内部リンク貼り方(アイキャッチ画像+記事タイトル)
アイキャッチ画像+記事タイトルの形で内部リンクを貼る方法はこちらです。
- アイキャッチ画像+記事タイトル
- あわせて読みたい+アイキャッチ画像+記事タイトル←ヒトデさん式
一つずつ紹介します。
アイキャッチ画像+記事タイトル
1 ブロックの「クラシック」を追加
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-to-add-block-classic-1024x366.png)
まずは「クラシック」ブロックを追加しましょう。
2 リンクボタンを押す
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-with-the-classic-link-button-pressed.png)
次にツールバーにあるリンクボタンを押しましょう。
(クラシックブロックを追加した直後はツールバーが表示されないことがあるので、その時はクラシックと書かれた灰色の部分を一度クリックするとそこにツールバーが表示されます。)
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-editing-classic-block.png)
3 リンク設定ボタンを押す
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-with-the-link-setting-button-pressed-1024x289.png)
リンクボタンを押した後は横のリンク設定ボタンを押しましょう。
4 貼り付けたい自分の記事を選択(もしくはURLに、貼りたい自分の記事のURLを入力)
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-when-the-page-you-want-to-set-as-the-internal-link-destination-is-selected.png)
リンク先として貼り付けたい自分のサイトのページを選択します。
5 リンク文字列を消す
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-with-deleted-link-string.png)
ページを選択したらリンク文字列を削除してください。
6 リンク追加ボタンを押す
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-with-the-add-link-button-pressed.png)
最後にリンク追加ボタンを押します。
7 内部リンク設置完了
![](https://masagomori.com/wp-content/uploads/2023/07/internal-link-with-classic-block.png)
無事に「アイキャッチ画像+記事タイトル」の形で内部リンクを貼ることができました。
![](https://masagomori.com/wp-content/uploads/2023/07/onepiece-Luffy.png)
編集画面ではURLが挿入されただけに見えますが、記事公開後の実際のサイト内ではしっかりアイキャッチ画像+記事タイトルの形になっているので安心してください!
![](https://masagomori.com/wp-content/uploads/2023/07/classic-internal-link-in-post-published-article.png)
あわせて読みたい+アイキャッチ画像+記事タイトル←ヒトデさん式
1 「ブログカード」ブロックを追加する
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-adding-a-blog-card-1024x334.png)
まずはブログカードブロックを追加しましょう。
2 リンクボタンを押す
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-pressing-the-link-button-of-blog-card.png)
次にツールバーのリンクボタンを押します。
3 リンク先として貼り付けたいページのURLを入力
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-where-the-link-destination-url-is-enterd-in-the-blog-card-block-1024x321.png)
リンクボタンを押すとURLを入力する欄が表示されるので、リンク先として設定したいページのURLを入力しましょう。
![](https://masagomori.com/wp-content/uploads/2023/07/onepiece-usopp-sogeking.png)
URLはコピー&ペーストで入力した方が入力ミスが減るのでおすすめです!
4 下に表示されたリンクをクリック(またはEnterキーを押す)
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-where-the-url-of-the-internal-link-destination-of-the-blog-card-is-selected-1024x396.png)
URLを入力したら下にリンクが表示されるのでそれをクリックしましょう。(クリックせずにEnterキーを押すだけでもいいです。)
5 URL文字列が表示される・スタイル設定のラベルを「あわせて読みたい」で選択
![](https://masagomori.com/wp-content/uploads/2023/07/wordpress-operation-screen-selecting-a-label-for-the-blog-card-block.png)
リンクをクリックするとURL文字列が表示されます。
右側のスタイル設定のラベルをクリックし、「あわせて読みたい」を選択しましょう。
6 内部リンク設置完了
![](https://masagomori.com/wp-content/uploads/2023/07/internal-link-in-blog-card.png)
これで「あわせて読みたい+アイキャッチ画像+記事タイトル」の形で内部リンクを貼ることができました!
![](https://masagomori.com/wp-content/uploads/2023/07/onepiece-Luffy.png)
編集画面ではURLの文字列が挿入されただけのように写っていますが、記事公開後の実際のサイト内ではちゃんと「あわせて読みたい+アイキャッチ画像+記事タイトル」で表示されるので安心してください。
![](https://masagomori.com/wp-content/uploads/2023/07/internal-link-in-blog-card-after-article-publication.png)
まとめ|内部リンクを活用して上位表示を目指そう!
いかがでしたか?
今回は色々な内部リンクの貼り方を紹介してきました。
内部リンクを適切に使っているとユーザーの満足度も上がり、Googleからの評価も高くなるので一石二鳥ですね!
この機会に内部リンクを使い始めてあなたのブログをもう一段、進化させてみましょう!
コメント