【図解】noteで別のnoteを紹介したいときの、四角いカードや文字リンクの入れ方
「自分のnoteで、他のnoteを紹介するのって、どうやればいいの？」と迷うことありませんか？
たとえば、
👇こういう「四角いカード」で表示させる方法や、
👉りあこさんちの可愛いインコのnoteはこちら
のように、文字で紹介する方法があります。
ただ、自分なりに調べてやってみたものの、
なぜか四角いカードにならなかったり
変な文字列（URL）だけが表示されたり
解説記事を読んでも意味がわからなかったり…
？？？となってしまう方もいるのではないでしょうか。
そこで今日は、noteで別のnoteを紹介したいときの
「四角いカード表示」と「文字で紹介する方法」を、
わかりやすく図解でまとめてみますね。
※今回は、スマホ（アプリ・ブラウザ）でnoteを使っている方向けの説明になります。
noteで別のnoteを紹介したいときの、四角いカードの表示の仕方（リンクカードの貼り方）
はじめに、「四角いカードの表示方法」を説明しますね。
※四角いカードは、noteでは「リンクカード」と呼ばれています。
❶紹介したいnoteを開く
まず、あなたが紹介したいnoteを開きましょう。
今回は、私のnote「二人三脚」を例に説明しますね。
❷共有アイコンをタップする
noteの下の方にある「共有アイコン（上向きの矢印アイコン）」をタップしてください。
❸「URLをコピー」または「リンクをコピー」をタップする
アプリでnoteを見ている人は「URLをコピー」をタップする。
ブラウザ（SafariやGoogle Chrome）でnoteを見ている人は「リンクをコピー」をタップする。
👇「クリップボードにコピーしました」とか「リンクをコピーしました」などの表示が出たら、正常にコピーできています。
❹書きたいnoteを開く。
次に、書きたいnoteを開きましょう。
（二人三脚のnoteを紹介したいnoteですね）
新しく書くnoteでもいいし、下書きのnoteでもいいし、過去に書いたnoteの編集画面でも大丈夫です。
今回は、新しく書くnote（新規投稿）で説明しますね。
アプリでnoteを書いている人は「つくる」→「記事を書く」をタップする。
ブラウザでnoteを書いている人は「鉛筆アイコン」をタップする。
❺本文になんか書いたら「２回改行」する。
書きたいnote（新しいnote）を開きましたか？
そしたら、テキトーでいいので本文になんか書いて、
「改行を２回」してください。
⚠️「改行を２回」するのがポイントです。
❻画面を軽く押す→「ペースト」をタップする
カーソルのあたりを指で軽く押すと、
（画面を指でそっと長押しする感じです）
「ペースト」と表示されるので、それをタップします。
❼四角いカード（リンクカード）を表示できました！
こんな感じで表示されれば、成功です👏👏👏
noteを公開（またはプレビュー）して、リンクカードが表示されているか確認してみましょう。
リンクカードをタップすると、紹介したいnoteが開くはずです。
⚠️なぜかリンクカードにならないときの注意点
以上のように操作してみても、
なぜかリンクカードが表示されない…。
もしかすると、あなたはnoteを見るときに
アプリとブラウザの両方を行き来していませんか？
たとえば、
noteを書くときはアプリを使っているけれど、
紹介したいnoteを探すときは、ブラウザ（SafariやGoogle Chromeなど）を開く、という場合。
ブラウザで、紹介したいnoteの
「共有」からリンクをコピーして、
noteアプリに貼り付けると――
https://note.com/〇〇/n/〇〇〇〇?sub_rt=share_b
このような長いURLがそのまま表示されてしまって、
リンクカードにならないことがあります。
これは、「共有用の特別なURL」がコピーされているためです。
✅解決方法
アプリとブラウザをまたいでnoteを紹介したい場合は、
以下のように、スマホを操作してみてください。
まず、紹介したいnoteを
ブラウザ（SafariやGoogle Chrome）で開きましょう。
ブラウザのアドレスバーに表示されているURLをタップして、
（note.comと書かれている辺りを、指で軽く押して）
もう一度、「https://note.com/〇〇〇〇」と書かれている辺りを、指でそっと長押しすると、
メニューが表示されるので、
「コピー」をタップしてください。
（※ここまでは、紹介したいnoteの画面での操作です）
ここまでできたら、次は、
noteのアプリ（書きたいnote）を開いてください。
本文になんかテキトーに書いた後に、
「改行を２回」してから、
カーソルの辺りを指でそっと長押しすると、
メニューが出るので「ペースト」をタップしてみてください。
そうすると、ちゃんとリンクカードが表示されます。
🔗note以外のWebページを紹介するときにも使えます。
ちなみに、ブラウザのURLをコピペ（コピー＆ペースト）してリンクカードを作る方法は、
note以外のWebページを紹介するときにも使えます。
たとえば、
Yahoo!ニュースの記事をnoteでシェアしたい、とか
クックパッドのおすすめレシピをnoteで紹介したい、
などですね。
note以外のWebページを紹介する場合は、
noteの「共有」ボタンは使えません。
そのため、ブラウザのアドレスバーに表示されているURLをコピーするのがポイントです。
これは、スマホでもパソコンでも使える基本ワザなんですよ。
✏️noteで別のnoteを「文字で紹介」する方法（テキストリンクの入れ方）
次は、別のnoteを「文字で紹介」する方法ですね。
👉りあこさんちの可愛いマメルリハちゃんのnote
こちらは「テキストリンク」と呼ばれます。
四角いカードが表示できたなら、テキストリンクも簡単に作れますよ。
❶四角いカードの❶〜❺まで同じ操作をする
先ほどの、四角いカードの表示の仕方❶〜❺番目までは、同じ操作になります。
（※紹介したいnoteのURL（リンク）をコピーしてから、書きたいnoteを開いて、本文になんか書いたら２回改行する。ここまで同じ手順で済ませてください。）
❷「紹介の言葉」を書く
次に、紹介の言葉を書きます。
ここでは、「りあこさんちの可愛いインコちゃんはこちら」と入力してみます。
❸リンクにしたい文字を選択する
テキストリンクにしたい文字を選択します。
今回は「はこちら」を除いた文字を選択してみます。
❹「ペースト」をタップする
文字を選択するとメニューが表示されるので、
「ペースト」をタップすると・・・
❺テキストリンクになりました！
下線が入って、テキストリンクになりました。
プレビューまたは公開で、紹介したいnoteが開くことを確認してみましょう。
🔗リンクアイコンからURLを貼り付ける方法
うまくできなかった人は、リンク(🔗)アイコンからURLを貼る方法を使いましょう。
❸のテキストリンクにしたい言葉（紹介したい言葉）を選択するところまで、操作を済ませてくださいね。
画面の真ん中あたりに出ているアイコンの列を、
指で軽く押しながら、左に動かしてみましょう。
「🔗」アイコンが見つかります。🔗をタップしてください。
「URLを入力してください」と出るので、
カーソルの辺りを指で軽く押すと、
メニューが表示されるので「ペースト」をタップする。
URLが貼り付けられたら、「OK」をタップする。
下線が入って、テキストリンクになりました。
さいごに。 そとさん、ありがとう！
今回この記事を書こうと思ったのは、
私のnoteを紹介してくださった、
そとさんのnoteがきっかけでした。
はじめて共有にチャレンジされたとのことで、
その気持ちが、とてもうれしくて。
ただ、URLがリンクカードに変換されずに、文字列となっていた理由は、私も当初わからなかったんです。
今回、アプリとブラウザでnoteをいろいろ操作する中で、似たような状況を再現できてうれしかったです。
また、この出来事のおかげで、
「もしかして同じところで迷っている人もいるかも」と思い、リンクの使い方をnoteにまとめてみることもできました。
どなたかの「？？？」が、
「できた！」に変わりますように。
noteのつながりや楽しみが
ますます広がっていきますように。
そとさん、ご紹介ときっかけをいただき、本当にありがとうございました！