この記事エリアについて
ここは、あなたのサイトのメインコンテンツが入る場所を想定しています。実際には、ブログ記事や解説記事などが入ります。
今回の第4回では、メイン記事そのものよりも、その周りに配置する「おすすめ」や「広告枠」に注目してみましょう。
2. おすすめ記事ボックスの例
よくあるレイアウトとして、メイン記事とは別に「おすすめ記事」や「人気記事」をまとめたボックスがあります。
ここでは、<aside> を使って、メインコンテンツを補足する情報として表現してみます。
3. 将来の広告枠として使えるエリア
このセクションは、将来、アフィリエイト広告やバナー広告を配置することを想定した「枠」のサンプルです。
今の段階では、実際の広告コードではなく、ダミーの画像＋リンクを使っておきます。
広告枠サンプル
ここに、将来アフィリエイトサービスから発行される広告コードを貼り付けます。
※ 上の画像やリンク先URLは実際の広告を貼るときに、ご自身でアフィリエイトサービスから取得したコードに差し替えてください。
実運用では、次のような使い方が考えられます。
- 学習ページの途中に、この広告枠セクションを挟む
- 右側のサイドバーのような位置に配置して、常に表示しておく
- PCとスマホで表示位置を変える（CSSやJavaScriptで調整）
4. このページのポイントまとめ
<aside>は、「メインではないが関連する情報」を入れるのに向いている。- 将来広告を入れる場所は、あらかじめHTMLとして「箱」を作っておくと差し替えがしやすい。
- 学習ページとして公開するときは、最初は「おすすめリンク」や「ダミーバナー」として使い、集客が増えてから本物の広告コードに置き換えるのもひとつの方法。