リストタグ(ol、ul、li)を使い箇条書きする理由。TOPブログアフィリエイトで稼ぐ方法まとめリストタグ(ol、ul、li)を使い箇条書きする理由。ペナルティ回避/入れ子/点(・)の消し方リストタグ(ol、ul、li)を使い箇条書きする理由。:ブログアフィリエイトで稼ぐ方法まとめリストタグとはリストタグとはブログなどの記事で箇条書きにする際に使うタグです。「・」や番号などを文章の頭につけて箇条書きにしている記事を見かけます。これだとグーグルからペナルティの対象にされて、検索順位を落とされてしまう、もしくは圏外に飛ばされてしまう可能性を秘めています。リストタグの正しい使い方を理解して記事を書いていく必要があります。リストタグを使わないとペナルティ対象に先ほどリストタグを使わずに点(・)や番号をつけて箇条書きにするとグーグルからペナルティ対象になる可能性があるとお伝えしました。ペナルティ対象になるのでしょうか?その理由は、まだグーグルの検索エンジンが発達していなかった時にさかのぼります。とうじはSEOで上位表示するために、「キーワードを羅列する」という手法が流行しました。記事の内容が乏しくても、同じキーワードを箇条書きにして並べただけで上位表示された時代があったのです。これだと、中身の乏しいブログやサイトばかりが上位表示されて、検索エンジンの信用がガタ落ちになったのです。このキーワード羅列スパムを排除するためにグーグルがアルゴリズムを進化させたのです。リストタグを使わずに箇条書きにした場合、ペナルティを受けてしまう可能性が高いです。面倒かもしれませんが、箇条書きが必要な場面では必ずリストタグを使いましょう。リストタグの正しい使い方リストタグを使う理由はご理解いただけたと思います。それでは正しいリストタグの使い方をご説明します。Listの略で順番が不要のリストを箇条書きする際に使います。筆記用具まずは箇条書きにしたい全体を<ul></ul>で囲みます。リストにしたい文章ををそれぞれ<li></li>で囲みます。先ほどの持ち物リストをHTMLで書くと下記になります。<ul><li>お弁当</li><li>ビニール袋</li><li>おやつ</li><li>水筒</li><li>筆記用具</li></ul>このように全体を<ul>全体</ul>で囲んでそれぞれのリストを<li>リスト</li>で囲みます。Listの略で番号付きで箇条書きする際に使用します。記事のテーマを決める記事のタイトルを考える資料を集める記事を書く番号付きリストの記述方法は箇条書きにしたい全体を<ol></ol>で囲みます。先ほどと同じようにリストにしたい文章ををそれぞれ<li></li>で囲むだけです。ちなみに私はアフィリエイトと出会って人生を大きく変えることができました。「人生を変えたい!」という方はぜひ私の稼ぎの秘密をご覧ください。⇒アフィリエイト探偵の稼いでいる秘密を確認するHTMLで記述すると下記になります。<ol><li>記事のテーマを決める</li><li>記事のタイトルを考える</li><li>資料を集める</li><li>記事を書く</li></ol>先ほどのulと全く同じ使い方なので一度覚えておけば超簡単です。ワードプレスでブログを書いている人はもっと簡単にリストタグを使って箇条書きにする事ができます。リストタグをワードプレスで使う方法ワードプレスでリストタグを使って箇条書きにするのはとっても簡単です。ワードプレスで番号無しで箇条書きにする方法まずはワードプレスの記事投稿画面で箇条書きにしたい項目を並べて書いていきます。今回はお手本として愛知、岐阜、三重の東海三県を箇条書きにします。次に箇条書きにしたい部分を左クリックでなぞりバックを青色にした状態で下記画像の赤枠の画像をクリックします。すると下記のように箇条書きになりました。ワードプレスの場合はこのように簡単にリストタグを使った箇条書きができます。次に番号付きのリストをワードプレスで作る方法をお伝えします。ワードプレスで番号付きリストを作る方法ワードプレスで番号付きリストを作るのは先ほどのボタンのとなりの数字の書いてあるボタンをクリックするだけです。すると下記のように番号付きのリストが出来上がります。私の場合は、記事を全て書き終わってからまとめて、この作業を行うようにしています。その方が効率的に仕事を進めていくことができますね^^ぜひ参考にして下さい。リストタグの応用編ここではリストタグを更に上手に使うためのテクニックをお伝えします。リストタグの点、・を消す方法リストタグの点(・)がリストの頭についてきてしまいます。style=“list-style:none;”>と書き替えるだけです。先ほどの持ち物リストを例にHTMLに記述すると下記のようになります。↽ここが変わるだけ<li>お弁当</li><li>ビニール袋</li><li>おやつ</li><li>水筒</li><li>筆記用具</li></ul>すると下記のように・が表示されずに箇条書きになります。筆記用具とっても簡単ですね^^リストタグの入れ子ちなみに私が稼げるようになったのは綺麗なデザインやコピーライティングなどの小手先のテクニックを捨て「稼ぐ事に直結するノウハウだけを、ひたすら実践し続けたから」です。⇒稼ぐことだけ直結したノウハウを確認する箇条書きの中で更に箇条書きする事ができます。これをリストタグの入れ子と読んでいます。ゴムこのように箇条書きの中に更に箇条書きを入れる事ができます。通常の箇条書きのタグの順番としては、でしたね。通常の箇条書きのタグの順番としては、<ul><li></li></ul>でしたね。箇条書きの中に更に箇条書きを入れる場合は上記の<li></li>の間にもう一度<ul><li></li></ul>を入れる形になります。上記の持ち物リストをHTMLにすると下記になります。入れ子は必ず<li>~</li>の間に入れましょう。分かりやすいようにお弁当の部分だけを抜き出してみるとHTMLでは下記のように記述します。<li>お弁当<ul><li>おにぎり</li><li>ウィンナー</li><li>たまごやき</li></ul></li>このように必ず<li>~</li>の間にもう一度<ul><li></li></ul>の順番に記述するようにします。下記のように番号無しリスト<ul>と番号有りリスト<ol>の組み合わせも行う事ができます。ゴムこれは<ul>を<ol>に変えただけです^^HTMLで記載すると下記のようになります。<ul><li>お弁当<ol><li>おにぎり</li><li>ウィンナー</li><li>たまごやき</li></ol></li><li>ビニール袋</li><li>おやつ</li><li>水筒</li><li>筆記用具<ol><li>鉛筆</li><li>消しゴム</li></ol></li></ul>リストタグの使い方まとめ以上ご説明したとおり、リストタグを効果的に使う事によりグーグルからのペナルティを回避できるだけでなく、ユーザーにもそして検索エンジンにも見やすくて利用しやすいブログになります。結果として良質なコンテンツをみとめられて検索順位も上がっていきます。はじめは戸惑う事もあると思いますが慣れてしまえばとっても簡単なので、ぜひ当記事を参考にしながらリストタグを活用していって下さい。最後までありがとうございました。【運営者】アフィリエイト探偵後藤。1979年生まれ天秤座。趣味はお酒/ゴルフ/漫画。ワンピースとキングダムをこよなく愛してます。【実績】2014年10月:アフィリエイトを開始。2015年4月:30万円達成。2015年7月:法人化。2015年10月:100万円達成。※この時期からサボりはじめます。2016年4月:アフィリエイト探偵開始。