読みやすいブログとしてタイトルや記事内容とは別にページ内ジャンプを設定する方法があります。くじは設定したけどページ内ジャンプは知らない・・ややこしくない?こういった場合に役に立つ方法になります。滞在時間が増⤴︎』となりやすくSEO効果も見込めますよ。因みに当ブログでは、2019年10月のアナリティクスでこれくらいの滞在時間です。長ければいいという訳ではないですが読まれているという参考にはなるかと思います。最後にもくじの作り方について自動でもくじを作成するものも最近では多いですがページ内ジャンプの応用で自作可能です。くじ見出しタイトル1見出しタイトル2見出しタイトル3という感じで書いていけばそれで完了です。あとはもう一手間かけてもくじ見出しタイトル1見出しタイトル2見出しタイトル3囲いをつけてあげるとブログ読者さんが見やすくなるのでいい感じですね。07:11もくじからページ内を移動させる設定方法もくじを作成したら更にそこから本文見出しへとジャンプさせる設定をするとより便利です。この方法でページ内で指定したところをクリックするだけで好きな場所にジャンプさせることができるようになります。ページの移動先を指定するHTMLページ内ジャンプにはHTMLを使って移動する先を指定することで可能になります。“』は、移動先を複数指定したときにそれぞれを区別するための管理番号みたいなものです。hタグは、移動先にする見出しのサイズで変えてください。仮にこのページのトップを移動先に指定してみます。(編集画面はワードプレスのものです)テキスト(HTML)編集で移動先としてidを『kokoniidou』としました。因みに『h2』だった部分は『a』にしているのは冒頭の文章が見出しではないからです。見出しサイズを各々指定したい場合は『h2』を『h3』・・『h6』と書き換えてください。見出しにしない場合(デフォルトサイズ)のフォントにするには『a』としておけばオッケーです。移動元を指定して移動先を呼び出してみる『kokoniidou』と指定したidを呼び出すにはそのためのHTMLの記述が必要です。(因みにワードプレスだと簡単な設定方法あります)それがこちらです。</h2>先ほどのHTMLには無かった『href』が、idを呼び出すためのものです。そこで、『ここ』を移動元に編集してみます。見にくいですが、青文字になっている”ここ”がクリックできるようになって冒頭に移動するはずです。※戻ってくるときは冒頭の『☆』マークをクリックしてください。ここでの注意事項はidの前に必ず『#』をつけることです。しなければ、移動してくれません。こんな感じでもくじを移動元、見出しを移動先にすればスムーズで読みやすい記事になります。ページ内移動を効率化させる方法ここからは、面倒なHTML記述不要で簡単にページ内移動を可能にする方法をお話します。移動元の指定は実は簡単にできる先ほど移動元に指定する場合のHTMLをお伝えしましたが実はワードプレスの場合、もっと簡単に移動元を指定することができます。↑ここを移動元に指定してみます。その方法がこちらです。1移動元にする文章を範囲選択2編集画面の『リンクの挿入/編集』をクリック次のこの画面でリンクにURLではなく『#』と『移動先に指定したいid』を入力する。これで青文字になっている『簡単な移動元』をクリックするとトップにジャンプします。※戻ってくるときは冒頭の『★』マークをクリックしてください。移動先の指定もプラグインを使えばHTMLの記述なしで設定可能です。使うプラグインは各々で用意していただければと思いますがとにかく『アンカーリンク』の機能があるものがあればオッケーです。』というプラグインを活用しています。Advanced』が追加されます。ここから設定画面に入り、アンカーを使用できるようにします。これで準備は完了です。後は、アンカーの設定をしてみましょう。1移動先を範囲選択して2アンカーをクリックします次にこの画面でidを決めます。(例では、topとしました)後は移動元をリンク設定で行えばオッケーです。試しにここから移動できるようにしてみました。※戻ってくるときは冒頭の『△』マークをクリックしてください。以上で、もくじとページ内移動の設定については終了です。最後にHTMLを使ったページ内移動についての解説とプラグインでの簡単な設定方法をお話させていただきました。「はじめから簡単なやり方教えてよ」と思われたかもですがそれには理由があります。プラグインを増やしすぎるとワードプレスに”不具合が起きる可能性が上がる&原因特定が面倒”というのがあります。僕自身、過去にプラグインに頼りすぎて不具合を起こし画面が真っ白になったとき半日ほどパソコンとにらめっこしていたときもあります。なると当然、テンションも下がりまくり精神的に病むわけですね。出来る限りプラグインに頼らないスタイルを推奨してHTMLのやり方から説明しました。知っていて損はないので是非活用してみてください。コメントをキャンセルメールアドレスが公開されることはありません。名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。無料プラグインを紹介します。05:54アフィリエイトを始めるなら、おすすめの有名ASP6選【比較が大事】アフィリエイトを始めたくてもASPがたくさんありすぎて、どれがいいのか分からない。康介@ko_suke_buz資格:古物、FP古物商許可を取ってせどりをしたり、その情報を発信したりして独立ネットで学んできた知識を活かしてネット副業を始めたい人のためにブログを始めました。ネット副業、ブログ運営術、ライフスタイル(お金、旅行、音楽など)について書いてます。Optimization-.。