今回は
読者を読みたい場所にジャンプさせたいなぁ…。
そんな悩みを解決していきます。
- 「SWELL」を使用している人
- ページ内リンク（アンカーリンク）を設置したい人
- 記事の途中にワープする方法が知りたい人
「ページ内リンク（アンカーリンク）」って聞くと、ちょっと難しそうですよね。
でも安心して下さい、設置方法はめちゃくちゃ簡単ですから。
ブログ初心者でも作業時間は「５分程度」です。
ページ内リンクをうまく活用すれば、読者が求めている情報にいち早く辿り着けるので、サイト内の利便性が爆上がりしますよ。
加えて、
利便性の高い記事はSEOからも評価されるため、検索順位にも良い影響があります。
本記事は、難しい言葉は一切使わずに「ページ内リンクの設置方法」を解説してあるので、最後までストレスなく読むことができるはずです。
ぜひ一緒に作業して、インプットした知識をあなた自身のスキルとして定着させてお帰り下さい。
それでは、早速本題に参りましょう。
ページ内リンク（アンカーリンク）とは
ページ内リンクとは、同じページ内の指定した場所へジャンプするリンクのことで、「アンカーリンク」、「記事内リンク」も同じ意味で使われます。
ページ内リンクを使うことで、読者が必要とする情報まで瞬時に辿り着ける便利な機能です。
例えば、キャンプについての記事の場合、テントをすでに購入している読者にとっては、「おすすめのテント情報」は必要ありませんよね。
そんな時は、ページ内リンクを使って必要な情報までジャンプしてもらうことで、記事が読みやすくなります。
言葉で理解するよりも、
トムまずは実際に使ってみましょう。
下記のリンクをクリックして、記事の１番下まで飛んでみてください。
「ジャンプ」
お帰りなさい！
SWELLでページ内リンクを設置する方法
それでは、
トムページ内リンクを一緒に設置していきましょう。
トム今回は「sample」と入力。
先ほどHTMLアンカーに入力した文字の頭に「#」をつけてリンクを作成します。
今回であれば、
トム「#sample」と入力します。
お疲れ様でした。
ページ内リンクの設定は以上です。
念の為、「保存」してからプレビューで、実際の画面でジャンプできるか確認しておきましょう。
SWELLのスムーススクロール機能について
SWELLの最初の設定では、ジャンプ先へスクロールしながら移動する「スムーススクロール」機能がONになっています。
スムーススクロールは、「SWELL設定」 》「機能停止」 》「スムーススクロールを停止する」でONとOFFの切り替えが可能です。
スムーススクロールって何？
トム下記に用意した２つの動画で確認してみてください。
「知ってるよ！」て方は、こちらからジャンプして読み進めてもらってOKです。
《OFFの状態》⇩
《ONの状態》⇩
ちなみにですが、
スムーススクロール機能のONとOFFは、単純に好みの問題です。
トム自分の好きな方を選択しましょう。
別記事の途中に飛ばしたい場合
ジャンプ先を別記事の途中に設定することも可能です。
その場合は、移動させたい「ページのURL」/#「HTMLアンカーの文字列」でリンクを作成しましょう。
下記を例にすると、
- ページのURL：https://www.tomublog.site/blog-page-view/
- HTMLアンカーの文字列：abc
リンクの作成は、「https://www.tomublog.site/blog-page-view/#abc」と入力。
実際に試してみましょう。
下記リンクをクリックすると、別記事の途中にジャンプします。
「別記事へ」
ブログを運営していれば、実戦で使う場面も出てくるかもしれません。
ぜひ、覚えておいてください！
忘れそうな方は、
トム当ページをブックマークしておきましょう。
ページ内リンクのメリット
ページ内リンクのメリットは、主に下記の２つです。
- 読者満足度の向上
- SEOへの好影響
ここでは、ページ内リンクが読者満足度やSEOにどのような影響を与えるのかを解説します。
読者満足度の向上
大前提として、読者は欲しい情報にすぐアクセスできることを期待しています。
たとえば、「詳しい設定方法だけを知りたい」と思ったときに、ページ内リンクで該当のセクションへ誘導できれば、読者がページ内を迷うことはありませんよね。
これにより、読者に「このブログは、とても使いやすい」と思ってもらえるでしょう。
さらに、ページ内リンクを設置していると長い記事でもストレスを感じさせません。
コンテンツが豊富なブログほど「どこに何が書いてあるかわからない」という困りごとを解消できるので、読者のリピーター率を引き上げ、信頼度のアップにもつながります。
この小さな工夫が、
トム読者との良好な関係を築く鍵になりますね。
SEOへの好影響
ページ内リンクは、SEO対策としても見逃せないポイントの１つです。
Google等の検索エンジンは、ユーザーが簡単に情報を見つけられる構造を好む傾向があります。
なので、ページ内リンクを正しく設定すれば、記事全体の構造が整理され、検索エンジンから高く評価されるでしょう。
また、ページ内リンクを使うことで、読者のページ滞在時間がアップする点も見逃せません。
検索エンジンは、
滞在時間が長いページを「有益なコンテンツだ」と判断することがあるため、結果的に検索順位が上がることも期待できます。
そして、リンクテキストに適切なキーワードを含めておくことで、そのキーワードに関連性の高いページとして認識されやすくなることも覚えておきましょう。
まとめ：SWELLでページ内リンクを設置
本記事は、SWELLを使ったページ内リンクの設置方法について解説してきました。
ページ内リンクを上手く活用すれば、読者にとって優しい記事となるので、ユーザビリティに繋がります。
ぜひ、これからのブログ運営にお役立てください。
また、記事同士を繋ぐ「内部リンク」の設置方法については、下記の記事で解説してあります。
以上、最後までお付き合いありがとうございました。
＊ジャンプ先
めっちゃ便利ですよね。
下記リンクでさっきの位置に戻れます。
「戻る」
