内部リンクのやり方は2つ!違いは?【Cocoon・Gutenberg(グーテンベルク)】2020年4月30日SHAREツイートシェアはてブLINEPocketにっきーまいど!にっきーです。ブログが少しずつ形になっていくと、同じブログ内で「この記事もついでに読んでほしいなぁ」ということが生じてきますよね。複数のことを網羅するように1つの長〜〜〜い記事を書いて説明することももちろん可能です。必要なことに絞って記事を分けていくことは、読み手にとって「知りたいことを絞って見つけられる」という面で便利です。いえ、記事を分類していくと「ここの部分は別の記事で説明している内容を参照してほしい」という場面が出てきます。コレ前も説明したな〜と思いながら同じ内容を書くのは無駄な感じがするよね。いって、毎回同じことをコピペしていたら「もう知ってるよそれは!(しつこいな!!)」と感じる人も出てきそうだし...。アドさんにっきーそんなときに...知りたいと思う人が詳しく知れるように選択肢を与えられるのが「内部リンク」です。隠れWorker本舗でも↓このような内部リンクをちょくちょく使っています。↑このカードみたいなものがまさに内部リンクなのですが、内部リンクがあるとブログの滞在時間も伸びて、Googleさんからも「いいね!役立っているブログってことだね!」と評価をしてもらえます。ブログの評価が上がれば当然、SEOとしてもいい効果となってきます。知りたいことを更に知れるのは、読む人にとって嬉しいことだもんね。アドさんにっきーユーザーに親切なことは、Googleさんが大切にしていることですからね。今回はブログ運営者にとって欠かせない「内部リンク」をどうやって貼るのかを説明していきます。にっきーCocoonのブロックエディター(Gutenberg)はとっても使いやすく作ってあるので、ぜひ内部リンクにチャレンジしてみてください!Cocoon(コクーン)の内部リンクは2つの方法Cocoon(コクーン)のGutenberg(ブロックエディター)を使う場合、内部リンクを貼る方法は大きく2つあります。通常のテキスト(文字列)にリンク機能をもたせることもできますが、それではあまりおしゃれではないですよね。Wordの「ハイパーリンク」みたいだよねアドさんにっきーブログなら、カードっぽいリンクとして表現したいところですよね!そこで今回は、カードの姿で内部リンクを表示させる2つの方法を紹介していきます。人によってやりやすい方法は異なるので、2つの違いを比較しながら、やり方も説明していきます!Cocoonは賢いテーマ!そもそもCocoonは、ただURLを貼り付けるだけで、リンク先がWordPressを使ったブログならカードの姿でリンク先を表示してくれるようにできています。にっきーにっきーのこのブログではCocoonを使っていませんが、それでもURLを貼り付けるだけで勝手にカードの姿になってくれます。↓これはただURLを貼っているだけなのですが、URLを貼り付けただけで即時・自動的にカードの姿に変身します。WordPressのテーマの中にはこれに対応していないものもありますが、CocoonはページのURLを貼るだけでこのようにアイキャッチ画像とタイトルがセットになったカードが自動で生成されます。URLを貼るだけでリンクになってくれるのは嬉しいね!アドさんにっきーCocoonの場合は更にきれいな見た目にするために、編集画面が工夫されているので、Cocoonユーザーならやり方をマスターしましょう!「ブログカード」ブロックを使ったやり方Gutenbergなら「ブログカード」が簡単Cocoonを使っていてブロックエディター(Gutenberg)を使っている人なら、「ブログカード」ブロックを使うのが一番オススメです!操作もしやすく、リンクの種類を表示させることもできます。(※詳細は後述します)にっきーそれでは早速、やり方を紹介していきます!新しくブロックを追加したら、ブロックを「ブログカード」モードにします。※初めて使う場合は見つかりにくいので、検索窓で「ブログカード」と入力するとよいです。ブロックが、背景が灰色っぽい「ブログカード」の状態になったら、リンクを貼りたい記事のURLをコピーしてきて、貼り付けます。以下の動画では、別のタブで自分のブログを開きながら作業をしています。貼り付けは、URLそのままの状態でokです。別のウィンドウでブログを開くのが面倒、という場合は、同じブログ内の記事であれば簡単にURLを探すことができます。リンクを追加するボタンを押すと入力窓が出てくるので、記事のタイトルの一部を入力します。記事のタイトルの一部を入れると、予測で記事の候補が出て来るので、リンクを貼りたいものを選択すればURLとして入力されます。これだけでも内部リンクは完了なのですが、少しスタイルを変えることができます。内部リンクの見出しを変える内部リンクは、ブログカードのブロックにただURLを貼ったままでも、もちろんOKです。プレビューで確認すると、こんな感じになっています。IMAGE」となっていますが、みなさんはアイキャッチ画像を設定していれば、きちんとアイキャッチ画像が表示されます!手軽でうれしいね!...でも欲を言えば、「関連記事だよ」ってことがわかった方が嬉しいな〜。アドさんCocoonでは、このリンクが参考にした記事なのか、関連した内容の記事なのか、公式サイトなのか、人気記事なのか...など、どういうものかを分かるように表示させることができます。左上に「あわせて読みたい」が出てきましたね。これのやり方はとっても簡単で、編集画面の右側にある「ブロック」の設定を行うところをいじっていきます。スタイル設定をいくつか選べるところがあるのですが、何も設定していないときは「なし」となっています。これを「あわせて読みたい」や「関連記事」など、自分の任意のものに変えていきます。選択肢の中の「公式サイト」を使うと、外部の公式サイトへのリンクも簡単に貼ることができます!なるほど!ボタンのリンクをつくるより簡単かも...アドさん複数の内部リンクをまとめたい場合ブログカードのブロックはとっても優秀で、1つのブロック内に複数のリンクを貼ることができます。やり方は簡単で、単純にこんな感じでURLを貼っていくだけです。同じブロックを利用すると、「あわせて読みたい」などの見出しも同じものになります。こちらが、上記のブロックのプレビューです。リンクは色々貼りたいけど、マークは変えたいな〜アドさんにっきーそういう場合は、ブロックを分けましょう。ブロックごとにマークを変えていくと、こんな風にリンクをズラッと並べることもできます。マークを変えても、ブログカードの形は統一されているので、スッキリとした見た目にすることができます。内部リンクに限らず、外部リンクを混ぜるときはどうしてもごちゃごちゃした印象になりがちですが、この統一感はありがたいですね。ブログカードブロックを消したいときテキスト入力ブロックと異なり、ブログカードのブロックは不要になったときに「deleteキー」では消えてくれません。縦に「・」が3つ並んだボタンを押して「ブロックを削除」を選ぶことで、消すことができます。にっきーブロックの削除はひと手間かかりますが、逆に言えば誤って消すことが少ないということです!ブログカードブロックのメリット・デメリットブログカードブロックを使ったやり方のメリット・デメリットをざっくりまとめました。メリット複数のリンクを一気にまとめて貼ることができる関連記事などの分類をつけることができる内部リンクと外部リンクが並んだ場合も統一された雰囲気になるデメリットテーマによっては同じやり方ができない正直、デメリットはあまりないかな〜と思います。挙げるなら、テーマによっては同じ方法はできない、ということでしょうか。にっきーテーマによって編集画面の操作方法は異なるのは、WordPressではよくはる話ですね。Cocoon以外のテーマに変えると、このブロックがどんな風になるかは分からないので...テーマを変えるときはご注意ください。以前のエディター(旧エディター)を使っている人にとって、「ブログカードブロック」を使ったやり方は不慣れかも知れませんね。新しいやり方だから仕方がないところだよね。アドさん旧エディターの機能は、Gutenbergでも「クラシック」というブロックを選ぶことで使うことができます。旧エディターユーザーさんなら「クラシック」ブロックを使えば旧エディターとほぼ同じやり方ができるので説明は不要かもしれませんが...一応紹介しておきます!クラシックブロックを使う内部リンクブログカードを使ったやり方とは別ですが、一応他のやり方もあるので紹介しておきます。にっきーブログカードのブロックを使うやり方ほど多様な設定はできませんが「時短したい!」「Gutenbergは不慣れで使いにくい!」という場合はクラシックブロックを利用するのも1つの方法です。新しいブロックとして、「クラシック」を選んでください。リンクを貼りたい位置になったら、「リンクの挿入/編集」ボタンを押してリンクを貼りたい記事を選べばokです。動画で一連の流れを紹介します。この動画を見てやり方をつかめるかも知れませんが、細かい留意点があるので、画像でもやり方を紹介します。クラシックブロックを使う内部リンク(画像で説明)リンクを挿入したい位置に、入力バーを移動させたら、「クラシック」の仲のメニューから「リンクの挿入/編集」を選びます。「URLをペーストするか入力して検索」というところが出るので、歯車マークをクリックします。ブログカードブロックのときのように「リンクの挿入」ボタンを押した後に検索をしてもいいのですが...このやり方だとタイトルが入力されてしまうので、タイトルを消すひと手間がかかります。にっきーリンクの文字列を消した状態でないとブログカードの姿にはなってくれないので、注意が必要です。クラシックブロックのメリット・デメリットクラシックブロックは基本的には旧エディターと同じようなものなので、操作に慣れている人にとっては楽かもしれません。長い目で見ると、やはりGutenbergのほうが装飾面などで進歩している印象です。メリット旧エディターに慣れている人は操作しやすい文章の間にリンクを挟むときにも、同じブロックでできるデメリット装飾も旧エディターモードになってしまうので、文章とリンクを混在させた場合はデザインの統一感がくずれる可能性がある「関連記事」などのマークを付けることはできないリンクの文字列を消すことを忘れないようにしないと、カードの姿にならないまとめ今回はブログの滞在時間を長くするための方法の1つである「内部リンク」を説明していきました。MEMO内部リンクでブログ内を巡回してもらえると、Googleさんからの評価もupCocoonでGutenberg(ブロックエディター)を使うと、簡単にブログカードを使える旧エディターに慣れている人は「クラシックブロック」を使うと操作しやすいそれぞれのやり方にメリットとデメリットがあるけれど、オススメは「ブログカードブロック」を使うこと記事が増えてくると内部リンクであれもこれも貼りたくなると思いますが、運営側として意識したいのは「訪れた人が本当に興味をもってくれそうか」ということです。おすすめしすぎると鬱陶しいものとなってしまう可能性もあるので、本当に読んでほしいものに絞り込んで内部リンクを貼るようにしましょう。内部リンクを貼らなかったとしても、タグやカテゴリー登録などを利用することで、読者さんは自ら関連記事を探してくれる場合があります。そのためにも、タグやカテゴリーは適宜利用していきましょう!内部リンクが魅力的に感じるためにも、タイトルやアイキャッチ画像は大切だね〜アドさんメルマガを無料で読んでみる\必見!/知らないのはもったいない...知るだけ知っておこう!(だって無料だし。隠れ副業ネットworker隠れ副業ワーカーの「にっきー」です。ために本業は辞めたくないけど、もうちょっと稼ぎたい』の精神でネットビジネスを2018年にスタート。開始9ヶ月でmax.月31万円を稼ぎ、今も月5〜10万を副収入で得ています。連休は稼いだお金でプチ旅行&ちょっと贅沢な宿に宿泊。いつか暖炉のある家に住みたい。2021年7月1日ブログカード内の下に表示されるドメイン、日付は非表示にできますか?また、ブログカードに表示される文字の行数も指定できますか?できますなら、その方法等教えてください。2021年7月3日ダッシュボードの「Cocoon設定」→「Cocoon設定」→「ブログカード」で、日付の非表示は簡単に設定できます!ただ、文字の行数指定となると、CSSやPHPの書き換えが必要になるのでちょっと難易度が高いかなと思います。2021年7月4日ありがとうございました初心者なので、書き換えには抵抗があるっていうか、意味をよく理解していないので、見様見真似になるので、やめときます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。date*日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)前の記事AdSense(アドセンス)合格後の広告設定は2つ!自動と手動...次の記事LINE(ライン)の画面シェア(共有)基本の使い方!ビデオ通話...プロフィールnickey(にっきー)隠れ副業ワーカーの「にっきー」です。元ブラック企業勤務&鬱経験者。クラッシャーの先輩・上司・社長のカルテットで何かある度にLINEリンチされる日々を3年間過ごす。4年目に鬱診断書を渡すも怒鳴られる・否定されるが、なんとか退職。転職後にインターネットビジネスを知る。『収入安定のために本業は辞めたくないけど、もうちょっと稼ぎたい』の精神で2018年にスタート。開始8ヶ月でmax.月31万円を稼ぎ、今も月5〜10万を副収入で得る日々。連休は稼いだお金でプチ旅行&ちょっと贅沢な宿に宿泊。いつか暖炉のある家に住みたい。うさみさん(2o22.02)他みなさんそれぞれ、ご経験なさったことを元に書いた記事でAdSenseを突破しています。