これだけは必要HTML講座・・・タグを覚えよう!箇条書き編


箇条書き関する「 li 」タグについて説明します。


アフィリエイトやネットショップでなどで、商品の紹介をする際に活用してください。商品説明をする際に、箇条書きにしておくと、サイトの訪問者に対して、視覚的に見やすくなるので販売力がアップします。実はこの「 li 」タグに記載してある部分はサーチエンジンも重要視している所なので、SEO的にも有利になります。


数字を使った箇条書き


<ol>
<li>ネットショップ</li>
<li>アフィリエイト</li>
<li>ドロップシッピング</li>
<li>基礎知識</li>
<li>アクセスアップ(SEO対策)</li>
<li>サーバー構築ノウハウ</li>
</ol>

<li>~</li>で囲まれた部分が、箇条書きにしたい本文です。
上のHTML文章をサーバーへアップロードしてブラウザーで見ると

  1. ネットショップ
  2. アフィリエイト
  3. ドロップシッピング
  4. 基礎知識
  5. アクセスアップ(SEO対策)
  6. サーバー構築ノウハウ


というように、数字が自動で挿入されますので ページを書くのも簡単です。

マークを使った箇条書き


<ul>
<li>ネットショップ</li>
<li>アフィリエイト</li>
<li>ドロップシッピング</li>
<li>基礎知識</li>
<li>アクセスアップ(SEO対策)</li>
<li>サーバー構築ノウハウ</li>
</ul>

<li>~</li>で囲まれた部分が、箇条書きにしたい本文です。
上のHTML文章をサーバーへアップロードしてブラウザーで見ると

  • ネットショップ
  • アフィリエイト
  • ドロップシッピング
  • 基礎知識
  • アクセスアップ(SEO対策)
  • サーバー構築ノウハウ

というように、マークが挿入されます。


箇条書きを使う際は、必ず「 li 」タグを使う


箇条書きを使う際は、必ず「 li 」タグを使って下さい。文章の頭に付く数字やマークは「 li 」タグを使わなくても、書けますがサーチエンジに対してアピールするという意味では、必ず「 li 」タグを使用しなくてはいけません。





情報商材のアフィリエイト