シリウス(SIRIUS)でページ途中にジャンプ(リンク)させる方法と目次の作り方

シリウスで目次を作る方法 SIRIUSの使い方

アラタツ
シリウスでも目次作りたいよね!

どうも!あふぃりごとのアラタツです。

アフィリエイトをしている人は、シリウス(SIRIUS)というサイト作成ツールを使っている人も多いと思います。

僕も、特化サイトを作るときなどはよく利用させてもらっていますが、シリウスユーザーの方からよくこんな質問が届きます。

SIRIUSに関する質問
  • シリウスでページの途中にジャンプする方法を教えてください。
  • シリウスで目次を作るにはどうしたらいいですか?

もう、個別に作り方を説明するのが面倒なので(本音w)記事にしちゃいます。

アラタツ
質問が来たらコレ見ろって言いたいだけ(笑)

まずはサンプルをチェック

最初にサンプルサイトを用意したので、シリウスで特定の箇所にジャンプするということが、どういうことなのかを確認してみてください。

サンプル

サンプルサイトの冒頭に「>>今すぐ口コミをチェック<<」というリンクがあると思いますので、そちらをクリックしてみてください。

すると、ページ下部の口コミのコンテンツ部分にジャンプすると思います。

これができるようになると、ページ内でまず見せたいコンテンツにユーザーを誘導することができて便利なわけですね。

ページ内の特定の箇所にジャンプさせる方法

まず、同じページ内でジャンプするアンカーを作ります。

これは、任意の文字列で大丈夫です。

アンカーの作り方は2種類ありますがどちらでもOKです。

アンカー

<a name=”任意の文字列”></a>

<要素 id=”任意の文字列”></要素>

アラタツ
要素とは<h2>とか<p>とかってことだよ

ここでは、「jamp1」というジャンプ先を作ってみようと思います。

<a name=”jamp1″></a>

このタグをジャンプさせたい箇所の直前に貼り付けます。

ジャンプさせたい場所に貼り付ける

これで、飛び先の設定は完了です。

リンクを作る

飛び先のHTMLタグの設置が出来たら、次にリンクを作ります。

これは、ページURLと#と先ほど作ったタグを組み合わせます。

サンプルサイトの場合

http://www.ecoti.ms/#jamp1

これが、飛び先のURLになります。

アラタツ
必ず「#」を付けることを忘れないようにね!

作った飛び先URLを任意の場所にテキストリンクや画像リンクとして貼り付けます。

任意の場所に貼り付ける

これでアップロードすれば、完成です。

書き方

<a href=”http://www.ecoti.ms/#jamp1″>>>今すぐ口コミをチェック<<</a>

シリウスで目次を作る方法

では、次に目次を作る方法をご紹介します。

こちらもサンプルページを作りましたので、まずはこちらを見てください。

今回は「id」を指定してみようと思います。

ジャンプする先の見出しタグにこのように記述します。

idを指定する

<h3 id=”midashi1″>見出し1</h3>

<h3 id=”midashi2″>見出し2</h3>

<h3 id=”midashi3″>見出し3</h3>

※文字列は任意

シリウスで目次を作る工程

次に、目次を設置したい場所にこのような記述をします。

目次を設置する

<a href=”#midashi1″>見出し1にジャンプ</a>
<a href=”#midashi2″>見出し2にジャンプ</a>
<a href=”#midashi3″>見出し3にジャンプ</a>

目次を設置する

あとは、必要に応じてお好みで枠線などを装飾すればOKです。

WordPressでも同じやり方で作れます。

ちなみに、シリウスだけでなくWordPressでも同じやり方を使えば、同一ページ内でジャンプさせることができます。

ここをクリックしてみそ

試してみてください。

それでは、同じページ内でジャンプする方法でした。

ちなみに、WordPressで目次を作りたいならプラグインを使うのがおすすめです。

目次プラグイン

WordPressの目次の作り方「Table of Contents Plus」SEOにも効果があるよ!

また、見出しの重要性は知っておいて損はありません。

見出しを正しく使うといいことあるよ

ブログの見出しは超重要?SEOを強化するHTMLタグの書き方と正しい使い方(コツ)を解説!

アラタツ
目次は内部リンクが働いてSEOにも効果があると思っているよ!
内部リンクの貼り方

【SEO対策】内部リンクの効果的な貼り方と最適化!貼り過ぎはペナルティになる?

半年間で600万円のアフィリ報酬を獲得した方法を公開中!

カフェオレ戦略

[clickliscode color=”red” type=”shake” url=”https://affiligoto.com/post_lp/mail-magazine/” target=”blank” rel=””]チェックしてくれよな![/clickliscode]

こちらもクリック

面白かったらシェア求む!


アフィリエイトで稼ぐためのノウハウを詰め込んだE-BOOKを無料でプレゼントします!

あなたは、今の本業の収入だけで満足していますか?

もしも、満足していないならアフィリエイトというビジネスを副業で始めてみてはいかがでしょう?

でも、アフィリエイトってどうやるの?という方に無料から始める方法を詰め込んだ無料マニュアルをご用意しました。

正直言って有料級のE-BOOKですので、ぜひ今のうちに手に入れてみてください。


リクエストのコーナー

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

ABOUT US

アラタツ
主にサイト・ブログアフィリエイトで生計を立てているアラタツと申します。ふざけてそうでバカ真面目です。WEBコンサルタントとしても活動中で、中小企業や個人事業主さんのHP制作も承ります。アフィリサイトの制作代行、コンサルもたまにします。稼げるようになったと報告をもらえるのが嬉しいです。累計報酬7000万円突破。まだまだ行きまっせ!