MENU
★★★ キャンペーン期間中、新規に『エックスサーバー』を申し込みすると、12ヶ月以上の契約で、利用料金の半額をキャッシュバック!! 2026年6月4日(木)17:00まで! ・・・★★★☆彡

【SWELL】ページ内リンクのやり方|違うページの特定の部分へジャンプも解説

当ページのリンクには広告が含まれています。
チョイじじ

ちょっと記事が長いから、読者さんが今すぐ知りたい『答え』の部分まで、ジャンプさせれれないのかな?

メチャじじ

別の記事の、あの図解のところにリンクを飛ばすしたのじゃ・・。どうすればいいのかな?

お城(ブログ)に心を込めてたくさんの情報を詰め込むほど、記事は長く、立派になっていきます。それは素晴らしいことですが、時として読者さんが「お目当ての場所」を見失ってしまう原因にもなりかねません。

そんな時、主(あるじ)であるあなたが用意してあげたいのが「ページ内リンク」という名のショートカットです。

SWELLのページ内リンク、ここから出発

試しにこのリンクをクリックしてみて下さい。
(ページ内リンクの作成方法。今日はこのページ内リンクを作ってみます。)

これは、いわばお城の中に設置する「魔法の扉」。その扉をくぐれば、同じ記事のずっと下にある結論へ、あるいは別ページにある特定の解説のところへ、一瞬で飛び移ることができます。

「設定が難しそう」「英語のコードをいじらなきゃいけないの?」と身構えてしまいますが、SWELLという魔法のお城なら大丈夫。直感的な操作で、誰でも簡単にこの隠し通路を作ることができますよ!

この記事では、読者さんの歩幅を想像しながら、お城の中を自由に移動してもらうための「ページ内リンク」の作り方を、優しく丁寧にお伝えしますね!

🚩 この記事で一緒に解決すること…
  • 魔法の扉の正体: ページ内リンクを使うと、なぜ読者さんの満足度が上がるのか?
  • かんたん建築術: SWELLで「ここへ飛んで!」という目印を付ける手順。
  • お城をまたぐ跳躍: 違うページの「あの一箇所」へ直接ジャンプさせる秘訣。
  • 着地のおもてなし: 飛んだあとの表示を美しく整える、SWELLならではの気配り。

👉 ひとつだけでも受け取ってもらえれば、うれしく思います!

ページ内リンクを作るのは、「お城の階段を駆け上がるのが大変な読者さんのために、専用のエレベーターを設置する」ような作業です。

ついつい「最初から最後まで読んでほしい」と思ってしまいますが、必要な情報にすぐ手が届くお城こそが、読者さんにとって一番居心地の良い場所になるんです…。

主であるあなたが、読者さんの時間を大切に想って設置したその扉は、お城の利便性を高めるだけでなく、あなたの「おもてなしの心」を何より雄弁に語ってくれますよ。

🌱 まだ、自分のお城をもっていない方へ!

もし、この記事を読んでいるあなたが、「まだ自分のお城(ブログ)を持っていないけれど、書く準備だけはしておきたい!」という段階なら、まずはそのワクワクした気持ちを形にしてみませんか?

🚀 【最短ルート】今すぐ始めたい方は、コチラ!

【 重要 】

手順を調べる時間は最小限に…、WordPressを最短10分でブログを開通させたい方は、こちらの「最短・画像付きマニュアル」から読み進めてみてくださいね!

👉〔【2026】WordPressを始める手順|シニアが最短でゼロから公開までの全ステップ

シニアでも失敗なく、誰でもできるやり方を解説していますよ! それは、新しい世界を知るための切符です…。

さあ、僕と一緒に、あなたの「自分のお城」の基礎工事を始めましょう!

目次

ページ内リンクとは、同じ記事の中にある「目次以外の場所」へ一瞬でジャンプできる仕組みのことです。

通常、お城(ブログ)を訪れた読者さんは、上から下へ順番に階段を降りるように読み進めていきます。しかし、情報がたっぷり詰まった長い記事の場合、不器用な僕たちが一生懸命書けば書くほど、読者さんが「今すぐ知りたい答え」に辿り着くまでの道のりは遠くなってしまいます。

そんな時、「ここをクリックすれば、知りたい場所まで飛べますよ」というショートカットがあれば、読者さんは迷うことなく、お目当ての場所にワープできます。お城の中に「専用のエレベーター」を設置して、読者さんの大切な時間を守ってあげる。それがページ内リンクの本当の役割なんです。

記事が長くて、読者さんが、「今すぐ知りたい『答え』がわからなくて迷っているようだな…」と気がついて悩んでいるところ…。

💡ひろおじの “寄り添い” アドバイス

「せっかく書いたんだから、全部順番に読んでほしい!」と欲張ってしまいがちです。

でも、現代の読者さんはとても忙しいもの。必要な場所へ真っ先に案内してあげる優しさこそが、実はお城のファンを増やす一番の近道なんです。

読者さんの時間を大切にするために「ここだけ読めば大丈夫ですよ」と扉(リンク)を開いてあげる。その謙虚で温かい姿勢が、お城の信頼を支える土台になるんですよ。

それでは、実際にお城の中に「魔法の扉」を作ってみましょう。SWELLなら、難しい呪文(コード)を覚えなくても、たった2つのステップで完成します。

説明するにあたって本来なら「移動元」「移動先」という表現が正解ですが、分かりにくいので今日は「出発点」「着地点」という名称で説明します。

STEP
着地点を設定します。
  • 最初に着地点を設定します
  • 着地させたい見出しをクリックします
  • 右の設定を下へスクロールして高度な設定を選びます。
  • HTMLアンカーに適当な短い英数小文字を入れます。(ここではjumpにしました)
ページ内リンク着地点を設定
STEP
出発点のリンクを設定します
  • 出発点のリンクさせたい文字を選びます
  • リンクボタンをクリック
ページ内リンク出発点を設定
STEP
HTMLアンカー文字入力
  • URL入力欄に、先ほど設定したHTMLアンカー「jump」の頭に「#」をつけて「#jump」を入力。Enterで決定します。
HTMLアンカー文字入力
STEP
出発して着地ができているか確認しましょう
  • 下記のようにリンクが貼られましたら一度下書き保存して投稿を表示させて確認してみましょう。(これは画像です)
STEP
着地点に到着すれば成功です。

🚩 ひろおじ編集室の「ここだけの話」

「HTMLアンカー」なんて言葉を聞くと、それだけで頭が痛くなってしまいますよね。

これは単なる「お部屋の名前」だと思ってください。名前をつけてあげて、そこへ向かうチケットに「#」の印を付けるだけ。これだけで、SWELLが自動で読者さんを目的のお部屋まで運んでくれます。

お城の案内係になったつもりで、一つひとつ丁寧に「ここが目的地ですよ」と名前をつけてあげてくださいね。

違うページの特定の部分にリンクが貼れたらいいなと思うこともあるでしょう。
今のページ内リンクの作成方法を応用して違うページの特定の部分へジャンプさせることもできます。

今度は、この違うページのこの見出し(特定の部分)へジャンプさせてみましょう。

STEP
着地点を設定します。
  • 先ほどと要領は同じです。
  • 着地をさせたい違うページの特定の見出しを選びます。
  • HTMLアンカーを英数字で設定します。(例:hop-step-jump)
STEP
URL欄を入力します。
  • 今回はページが違いますので最初に着地点のURLを記入します
  • 「url」+「#hop-step-jump」

これで、下書き保存してみましょう。投稿を表示させると違うページの特定の見出しまでジャンプしたと思います。

🗺️ ひろおじ編集長の「お城の模様替え」メモ

「別記事のURLをコピーして、さらに名前を付け足すなんて……間違えたら迷子になっちゃいそう!」とドキドキしてしまいます。

失敗しないコツは、一度リンクを貼ったあとに、自分で実際にクリックしてみること。別のお城の「狙ったお部屋」にパッと辿り着けた時の快感は、不器用な僕たちへの最高のご褒美になりますよ。

お城同士をこうして便利な通路で繋いであげることで、読者さんはお城の迷宮で立ち往生することなく、快適に知識を深めていけるようになるんです。

「SWELLのページ内リンク、ここから出発」のリンクをクリックして、ここへ着地しましたでしょうか?

このようにリンクを同じページの特定の場所に移動させることができます。
とても便利ですよね。

地味な機能ですが、使い道は結構あると思いますので、知っておいて損のない機能です。

少しでも訪問者様が長く滞在していただけるよう活用していきましょう。

では、こちらの記事からご覧ください。

ページ内リンクとは?

🕯️ ひろおじの「夜更けの独り言」

細かい設定まで手が回らないことが多いですが、SWELLというお城はそんな僕たちの代わりに「着地の美しさ」まで整えてくれています。

あなたがやるべきことは、ただ「ここに飛んでね」と導線を引いてあげるだけ。あとはSWELLが、読者さんを優雅に、そして正確に目的の場所までエスコートしてくれます。この安心感があるからこそ、僕たちは自信を持って「こちらへどうぞ!」と案内できるんですよね。

「魔法の扉」で読者さんを心地よく導こう

ひろおじ

お疲れ様でした!あなたのお城に、読者さんのための「ショートカット通路」は無事に開通しましたでしょうか。

「ページ内リンク」や「HTMLアンカー」といった少し難しそうな言葉も、蓋を開けてみれば「お部屋に名前をつけて、そこへのチケットを渡す」という、とてもシンプルな「おもてなし」の作業でした。

  • 時間の節約: 読者さんを迷わせず、知りたい場所へ一瞬で届ける。
  • SWELLの魔法: HTMLアンカーを設定して、URLに「#」を付けるだけ。
  • お城をまたぐ跳躍: 別記事の特定の場所へも、正確にエスコートできる。
  • 優しい着地: スムーススクロールで、読者さんの目を疲れさせない。

不器用な僕たちは、ついつい技術的なことにばかり目が行きがちです。でも、一番大切なのは「ここでリンクがあれば、読者さんは楽になるかな?」と想像する、主(あるじ)であるあなたの優しい視点そのものなんですよ。

SWELLのページ内リンクなら、読者さんを知りたい場所へ、「一瞬で届けることができるな!」と感心しているところ…。

🍵 ひろおじの「お茶の間、最後の一息」

最後まで読んでくださり、本当にありがとうございます…😄。

お城の中を自由に飛び回れるリンクを設置することは、読者さんとの「信頼の橋」を架けることでもあります。

50代・60代、シニア世代は一歩ずつしか進めませんが、その分、読者さんがどこで立ち止まり、どこで道に迷いそうになるかを、誰よりも親身になって考えることができます。

あなたが整えたその「魔法の扉」は、今日も訪れる読者さんを「あ、親切なお城だな」と笑顔にしてくれるはずです。さあ、自信を持って、お城の扉を開けてあげてくださいね。

🏁 まだお城を建てる前の方が人生の第2幕をスタートするには?

さて、「【SWELL】ページ内リンクのやり方」が理解できたところで、あなたには、それを形にする『お城(ブログ)の準備』はできていますか?

ひろおじ

不器用な僕でも、手順通りに進めたら自分だけのお城が建ちましたよ! 失敗のない「人生の第2幕」、ここから一緒にスタートしてみませんか?

📌 マニュアルは、コチラ!

🚀 【最短ルート】未来のあなたを支える「一生モノの資産」作り!

【 重要 】

👉〔【2026】WordPressを始める手順|シニアが最短でゼロから公開までの全ステップ

今日綴る一文が、数年後のあなたを助ける大きな力に変わります。不器用な僕と一緒に、ゆっくりと「宝の山」を築いていきましょう。

【SWELL】ページ内リンクのやり方|違うページの特定の部分へジャンプも解説でよくある Q&A

リンクを押したのに、全然違う場所に飛んでしまう……。

HTMLアンカーの名前と、リンク先の「#名前」が完全に一致しているか確認しましょう。一文字違うだけで、扉は開かなくなっちゃいます。

アンカー名に日本語を使ってもいい?

使えますが、エラーを防ぐためにも「半角英数字」を使うのが、不器用な僕たちの賢い選択です。

スムーススクロールが動かず、パッと一瞬で切り替わっちゃう。

SWELLの設定でスムーススクロールが有効になっているか確認しましょう。通常は魔法がかかったように滑らかに動くはずですよ。

一つの見出しに、複数のアンカーをつけられる?

いいえ、アンカー(お部屋の名前)は一つだけです。でも、別のブロックに別の名前をつけることはできますよ。

スマホで見ると、着地位置がメニューに重なって見えにくい……。

SWELLは自動で調整してくれますが、気になる時は少し上の段落にアンカーを置いてみるのも、主(あるじ)の優しい工夫です。

アンカーを設定したのに、目次が崩れたりしない?

大丈夫です!アンカー設定は目次とは別の「隠れた名前」なので、お城の見た目を壊すことはありません。

リンクを貼る時の「#」を忘れちゃったらどうなる?

「#」がないと、ただの存在しないページへのリンクだと思われてしまいます。必ず「#」という印をつけてあげてくださいね。

画像をクリックしてページ内ジャンプさせることはできる?

はい!文字と同じように、画像のリンク先を「#アンカー名」にするだけで、画像が魔法の扉に変わります。

ページ外リンクで、ジャンプ先のアンカー名を忘れたら?

飛び先の記事をもう一度開いて確認しましょう。不器用な僕たちは、メモ帳にアンカー名を控えておくと安心ですね。

アンカー名を後から変えても大丈夫?

名前を変えたら、そこへ向かう「チケット(リンク)」も書き換える必要があります。お城の模様替えは、セットで行いましょう。

🗺️ シニアでもできるリード文で読者の心をつかむコツ…!

「タイトルは決まったのに、書き出しで手が止まってしまう…」

そんな場面、よくありますよね。

せっかく記事を開いてくれた読者さんも、冒頭で「思っていた内容と違うかも」と感じてしまうと、そのまま離れてしまいます。だからこそ、最初の数行はとても大切です。

リード文は、読者さんに「この記事はあなたのためですよ」と伝える入口のようなもの。ここが整うだけで、続きを読んでもらえる確率がぐっと上がります。

とはいえ、難しく考える必要はありません。ちょっとした型に当てはめるだけで、自然と伝わる書き出しが作れるようになります。

この記事では、初心者の方でも迷わず書ける「読みたくなる導入文」の作り方を、シンプルに解説していきます。

読み終えた頃には、書き出しで悩む時間がぐっと減っているはずですよ。✍️✨

また「【SWELL】ページ内リンクのやり方|違うページの特定の部分へジャンプも解説」が読み終わりましたら、次は、「ASPアフィリエイトの始め方|「好き」を形にし、読者さんへ届ける「おもてなし」の第一歩」を確認してみましょう。

詳しい内容は下記の記事で紹介しているので、あわせて読んでみてくださいね!

よかったらシェアしてね!
目次