記事がバラバラに置いてあるだけだった!?内部リンクとCocoonのブログカードを調べてみた!

前回は、ブログの画像をネットから拾っていいのか、著作権とフリー素材サイトの利用規約を調べました。その前は、サーチコンソールの登録手順やプライバシーポリシーなど、ブログの「土台」になることを一つずつ確かめてきました。

ところが、記録を見返して気づいたんです。「次にやること」の欄に、何度も同じ言葉が出てきていました。それが「前回記事へのリンクを入れる」です。

今回は、記事同士をつなぐ「内部リンク」が何のためにあるのかをGoogleの公式ガイドで調べて、Cocoonのブログカードの作り方も確かめてみました!

「前回記事へのリンクを入れる」が、毎回の宿題になっていた!

このブログは、毎回「やったこと」と「次にやること」を書いて進めています。PR表記の回でも、サーチコンソールの回でも、次にやることに「前回記事へのリンクを入れる」と書いていました。

でも、なんとなく後回しのまま。記事は増えているのに、1本1本がバラバラに置いてあるだけの状態でした。

デップ

「あとでやろう」と書いた宿題は、理由がわからないままだとずっと残りがちです。まず「なぜ必要か」を知るところから始めましょう。

内部リンクって何のため??Googleの公式ガイドを読んでみた

Googleの「リンクのベストプラクティス」というページには、Googleはページの関連性を判断したり、クロールする新しいページを見つけたりするときに、リンクをシグナルとして使うと書かれていました。

さらに「SEOスターターガイド」には、Googleは主にクロール済みのページからリンクをたどって新しいページを見つけている、とありました。リンクは、読む人だけでなくGoogleにとっても「道」になっているんですね。

同じページには「内部リンク: 自身のコンテンツの相互参照」という見出しもありました。内部リンクの文字に気を配ると、読む人もGoogleもサイトの内容をつかみやすくなる、という説明です。そして、読者がその記事を理解するのに役立つ自分のサイトの別のページを考えて、リンクを足すようにすすめていました。

もう一つ大事だったのが、リンクの形です。Googleがリンクをクロールできるのは、通常、href属性を持つ「a要素」の場合だけだそうです。WordPressの普通のリンク機能で作ったリンクはこの形になるので、特別なことをしなくてよさそうです。

デップ

内部リンクは「SEOのテクニック」というより、読む人に「関連する記事はこっちですよ」と道案内するもの。そう考えると、入れる理由がすっきりしました!

「こちら」はダメ??リンクの文字(アンカーテキスト)の書き方

リンクとして表示される文字を「アンカーテキスト」と呼びます。この文字が、リンク先がどんなページなのかを、読む人とGoogleに伝えるそうです。

Googleのガイドでは、良いアンカーテキストは「内容が具体的で、適度に簡潔で、リンク元とリンク先の両方に関連がある」ものとされていました。悪い例・良い例を表にまとめてみます。

悪い例どうすればいい?
「こちら」をクリック大まかすぎる。リンク先の内容がわかる言葉にする
長い文章をまるごとリンクにする不自然に長いので、短くする
リンクの文字が空っぽ文字を入れる。画像をリンクにするときは、画像の説明(alt属性)を入れる
リンクをいくつもくっつけて並べる見分けにくくなるので、前後に説明を入れて間をあける

わかりやすかったのが、確かめ方です。周りの文章を読まずにリンクの文字だけを見て、リンク先の内容がわかるか試してみる。わからなければ、もっと具体的にすればいいそうです。

ちなみに、1ページに入れるリンクの数に理想の値はないそうです。ただ、多すぎると感じたら、実際に多すぎる可能性が高いとも書かれていました。

デップ

「詳しくはこちら」、つい書いてしまいがちな言葉でした。「サーチコンソールの登録手順」のように、リンク先の中身を書くクセをつけたいですね。

Cocoonのブログカードって何??URLを貼るだけでカードになるらしい

文字のリンクのほかに、Cocoonには「ブログカード」という機能があります。Cocoon公式の説明では、エディターの1行にURLだけを入れると、内部ブログカードになるそうです。外部サイトのURLも、同じように1行に入れると外部ブログカードになります。

設定は「Cocoon設定」の「ブログカード」タブにあります。公式の説明で確認できた項目はこちらです。

  • 内部ブログカードの設定:リンクの開き方、サムネイルの位置を変えられる
  • 外部ブログカードの設定:同じように変えられる
  • 外部ブログカードのキャッシュ:相手のサイトから取った情報は一定期間保存される(初期設定は365日)。間違った情報が残ったときは「キャッシュ更新モードを有効にする」で更新できる

ただ、Cocoon公式の内部ブログカードの説明は2018年の記事で、今のブロックエディターで同じように動くかまでは公式で確認できませんでした。私のブログで本当にカードになるかは、実際に貼って確かめる予定です。

文字のリンクのほうは、WordPress公式の説明で入れ方がわかりました。

  1. リンクにしたい文字を選ぶ
  2. ツールバーのリンク、または Ctrl+K(Macは ⌘+K)を押す
  3. 記事のタイトルやキーワードを入力して、自分のサイトの記事を検索して選ぶ

さらに、本文で「[[」と入力すると、既存の投稿や固定ページを選べる候補が出るそうです。URLをコピーしに行かなくていいのは助かります!

デップ

WordPressは、URLの形が正しいかは確認しますが、リンク先のページが本当にあるかまでは確認しないそうです。スラッグを変えたあとは、リンクが切れていないか自分で見直す必要があります。

どの記事からどこへつなぐ??私のブログのつなぎ方を考えてみた

Googleのガイドの「読者の役に立つ別のページにリンクする」という考え方をもとに、私のブログのルールを決めてみました。まだ実際には入れていないので、これから試すルールです。

どこに何へつなぐ形
記事の最後シリーズの前回記事文字のリンク(タイトルをそのままリンクにする)
本文の途中前に詳しく書いた話題(例:SEOの回、サーチコンソールの回)文字のリンク(中身がわかる言葉で)
特に読んでほしい記事ASPの比べ方など、続けて読むと役立つ記事ブログカード(動くか確かめてから)

このブログは連載なので、「前回」と「次回」がつながっているだけでも、途中から来た人が流れを追いやすくなるはずです。Googleが主にリンクをたどって新しいページを見つけているなら、記事同士がつながっていることは、Googleにとっても道しるべになると考えています。

今回わかったことと、次にやること

  1. Googleは、ページの関連性を判断したり新しいページを見つけたりするのにリンクを使っている
  2. リンクの文字は「こちら」ではなく、具体的で短く、リンク先の中身がわかる言葉にする
  3. Cocoonでは、1行にURLを入れるとブログカードになる(今のエディターでの動きは要確認)
  4. WordPressでは Ctrl+K や「[[」で、自分の記事を検索してリンクできる

次にやることはこちらです。

  • これまでの記事の最後に、前回記事へのリンクを入れる
  • ブロックエディターでURLを1行に貼って、ブログカードになるか試す
  • 過去記事の「こちら」のようなリンクの文字を探して直す

何度も宿題に書いていたのに、理由がわかったら「早くつなぎたい!」という気持ちになりました。まずはこの記事から、前回へのリンクを入れておきます!

前回の記録:ブログの画像、ネットから拾っていいの!?著作権とフリー素材サイトの利用規約を調べてみた!

コメント

タイトルとURLをコピーしました