箇条書きで表現するリストタグの使い方 | 圧倒的な作業効率と差別化を生み出す!~EFFICIENTアフィリエイト~

エフィシェントアフィリエイト~圧倒的な作業効率と差別化を生み出す!~

EFFICIENTアフィリエイト

箇条書きで表現するリストタグの使い方

箇条書きや頭に数字をつけて表示させる時に使用するリストタグの使い方と詳細について記載しているページです。

<ul><ol><li>リストタグで箇条書き表示

箇条書きで表現したい場合に使用するのがリストタグです。
その中でも<ul>と<ol>の2タイプがあり
<ul>は頭に何も付かないか、スタイルシートで指定した画像などが
表示される事がほとんどです。

一方<ol>を使用すると頭に数字が表示されます^^

■<ul>を使ったリスト表示

<ul>
<li>テキストテキストテキスト</li>
<li>テキストテキストテキスト</li>
</ul>

上記の様に記載するとサイト上では以下の様に表示されます↓

  • テキストテキストテキスト
  • テキストテキストテキスト

■<ol>を使ったリスト表示

<ol>
<li>テキストテキストテキスト</li>
<li>テキストテキストテキスト</li>
</ol>

上記の様に記載するとサイト上では以下の様に表示されます↓

  1. テキストテキストテキスト
  2. テキストテキストテキスト

また、ワードプレスではクイックタグがデフォルトで
準備されていますのでタグの挿入も非常に簡単に行えます^^

以下画像の順番でクリックしていくと↓

以下の様にタグが編集画面内に挿入されていきます^^

<ul>
<li></li>
</ul>

あとは<li>の開始タグと</li>の終了タグの間に
テキストを記載すればリスト表示がされます^^
なお、表示させるリストの数だけ<li>タグを
追加すれば良いという事ですね^^
また頭に数字を表示させる<ol>タグも同様です。

*このリストタグでは閉じタグを忘れてしまう事が多々ありますのでご注意ください^^;それぞれ開始タグと閉じタグは2つで一つです^^

リストタグを使う本当の意味

例えばリストタグを使わなくても
<br />タグを使って近い表現で表示させる事は可能です↓

<p>
■ブログの作り方<br />
■ブログで稼ぐ<br />
■ブログアフィリエイトとは?<br />
</p>

上記の様に<br />タグで改行しても以下の様に綺麗に表示されます↓

■ブログの作り方
■ブログで稼ぐ
■ブログアフィリエイトとは?

ですがこれには問題点があります。
それは同じ段落(<p>タグ~</p>タグ)の中が
不自然な文章であり尚且つ「ブログ」と言うキーワードが
短い文章の中に頻繁に出現しています。

<br />タグで改行して表現したものを
検索エンジンは純粋に次のように読み取ります↓

■ブログの作り方■ブログで稼ぐ■ブログアフィリエイトとは?

この様に不自然な文章で同じキーワードが明らかに繰り返し使用されているものを
検索エンジンはスパム行為と判断し結果的にマイナス評価を受けてしまう可能性があります。

なので箇条書きで表現する場合はリストタグを使うようにしてください^^

  • Yahoo!ブックマークに登録する
  • はてなブックマークに登録する
  • livedoorクリップに登録する
  • newsingブックマークに登録する
  • del.icio.usブックマークに登録する
  • ニフティクリップに登録する
  • RSSを購読する
  • このページをブックマーク!

次の記事 »
前の記事 »
トップページへ » 圧倒的な作業効率と差別化を生み出す!~EFFICIENTアフィリエイト~

もっと詳しく知りたい事や
理解できなかった事などございましたらお気軽にご連絡下さい。

お問い合わせはこちらからどうぞ

この記事のコメント

この記事へのコメント

次の記事 »
前の記事 »
トップページへ » 圧倒的な作業効率と差別化を生み出す!~EFFICIENTアフィリエイト~

お問い合わせはこちらからどうぞ

圧倒的な作業効率と差別化を生み出す!~EFFICIENTアフィリエイト~ TOP » <ul><ol><li>タグ(リストタグ), HTMLタグ辞典 » 箇条書きで表現するリストタグの使い方