【２０２４年】SWELLでページ内リンクを設置する方法！

今回は

そんな疑問や悩みにお答えしていきます。

「なんだか難しそうだなぁ…」

ページ内リンクって聞いただけで、なんだか難しそうですよね。

でも大丈夫、設置方法はめちゃくちゃ簡単ですから。

ブログ初心者でも作業時間は「５分程度」です。

本記事は、難しい言葉は一切使わずに「ページ内リンクの設置方法」を解説してあるので、最後までストレスなく読むことができますよ。

ページ内リンクをうまく活用すれば、読者が求めている情報にいち早く辿り着けるので、サイト内の利便性が向上します。

利便性の高い記事は、SEOからも評価されるため検索順位にも良い影響がありますね。

ぜひ読みながら一緒に作業して、インプットした知識をあなた自身のスキルとして定着させてお帰り下さい。

それでは、早速本題に参りましょう。

ページ内リンク（アンカーリンク）とは

ページ内リンクとは、同じページ内の指定した場所へジャンプするリンクのことで、「アンカーリンク」、「記事内リンク」も同じ意味で使われます。

ページ内リンクを使うことで、読者が必要とする情報まで瞬時に辿り着ける便利な機能です。

例えば、キャンプについての記事の場合、テントをすでに購入している読者にとっては、「おすすめのテント情報」は必要ありませんよね。

そんな時は、ページ内リンクを使って必要な情報までジャンプしてもらうことで、記事が読みやすくなります。

言葉で理解するよりも、

下記のリンクをクリックして、記事の１番下まで飛んでみてください。

「ジャンプ」

お帰りなさい！

SWELLでページ内リンクを設置する方法

それでは、

SWELLのスムーススクロール機能について

SWELLの最初の設定では、ジャンプ先へスクロールしながら移動する「スムーススクロール」機能がONになっています。

スムーススクロールは、「SWELL設定」 》「機能停止」 》「スムーススクロールを停止する」でONとOFFの切り替えが可能です。

「知ってるよ！」て方は、こちらからジャンプして読み進めてもらってOKです。

《OFFの状態》⇩

《ONの状態》⇩

ちなみにですが、

スムーススクロール機能のONとOFFは、単純に好みの問題です。

別記事の途中に飛ばしたい場合

ジャンプ先を別記事の途中に設定することも可能です。

その場合は、移動させたい「ページのURL」/#「HTMLアンカーの文字列」でリンクを作成しましょう。

下記を例にすると、

リンクの作成は、「https://www.tomublog.site/blog-page-view/#abc」と入力。

実際に試してみましょう。

下記リンクをクリックすると、別記事の途中にジャンプします。

「別記事へ」

ブログを運営していれば、実戦で使う場面も出てくるかもしれません。

ぜひ、覚えておいてください！

忘れそうな方は、

ページ内リンクのメリット

ページ内リンクの最大のメリットは、読者が１クリックで欲しい情報に辿り着ける点にあります。

基本的に、

訪問したサイトで、あなたが探し求めている情報は「こちら」って感じで、リンクが貼ってあったら飛びつきませんか？

逆に、欲しくもない情報がズラリと並べられた情報の山から、自分の欲しい情報だけを引っ張り出すのは大変ですよね。

多くの方は離脱するでしょう。

読者の満足度を上げることで、SEO的にもプラスとなります。

まとめ：SWELLでページ内リンクを設置

本記事は、SWELLを使ったページ内リンクの設置方法について解説してきました。

きっと、思った以上に簡単でしたよね。

ページ内リンクを上手く活用すれば、読者にとって優しい記事となるので、ユーザビリティに繋がります。

ぜひ、これからのブログ運営にお役立てください。

記事同士を繋ぐ「内部リンク」の設置方法は⇩

以上、最後までお付き合いありがとうございました。

＊ジャンプ先

めっちゃ便利ですよね。

下記リンクでさっきの位置に戻れます。

「戻る」