今回は非常に初歩的な記事の書き方について紹介したいと思います。僕は基本的にビジュアルエディタは使いません。単純に最初にタグを使いすぎてそっちで慣れてしまったからです...笑なのでどっちでもわかるように一応紹介したいと思います。その前に今回はh1~h5などの役割についてちょびっとだけ触れておきたいと思います。僕はこれ凄く大事だと思ってます。単純に見栄えの問題もありますし、SEO的にもさすがにこれぐらいは抑えておこうよ...って思うので紹介します。ちなみにこれも基礎中の基礎です。検索エンジンも人間も見やすくなるhタグの使い方と意味サイトにはh1~h6までのタグが存在します。これの意味についてちょびっとだけ紹介したいと思います。これ単純に言うと1が一番大きく強調される文章で6が最も小さく強調される文章って事です。この記事の場合、僕は「hタグの意味と優先順位や使い方など...ブログを書く時は見出しを必ずつけよう」を紹介しています。基本的にブログメディアでは記事タイトルがh1に値します。記事タイトルの文章を最も検索エンジンに強調します。ここに自分が強調したいキーワードも盛り込むわけです。僕はこの記事では「ブログ記事の基本的な書き方」「hタグの使い方」を紹介しようとしているわけなので、そのキーワードを入れている事がわかりますね。hタグについては「見出し」と言う表現も出来ます。僕も毎回見出しを使うようにしています。見出しを使うのか?単純に人の目で見てもわかりやすく、検索エンジンから見てもわかりやすくするためです。h2やh3タグは更に小さなジャンルに絞る時に使う今回の記事はhタグの使い方について紹介しているので、h1タグにはその事を示すキーワードを入れています。これで今回の記事は「hタグの使い方」と言うジャンルに絞っていますね。h2に何を入れるのか、更に細かいジャンル分けをして行きます。一つ目のh2タグは「hタグの役割について」ここでhタグの役割を紹介しています。次のh3タグでは「役割」から更に絞って「ジャンルを絞る」と言う言葉で僕は絞ったつもりです。僕が書いた記事を、このhタグで絞った表にするとこのようになります。Analytics設置のやり方」がh2タグで、その下にある「貼り付ける場所」「STINGER6の場合」はh3タグで書かれていますね。Analytics設置のやり方」という見出しがあって、その中で更に細くとして「貼り付ける場所」と言うキーワードを入れてあるわけです。貼り付ける場所」みたいなキーワードで表示されたら良いなぁ...と言う甘い考えです。ちなみに僕はこういうのはおかしいと思ったら何度も修正して直します。人間が見て記事内容が想像つく見出しになっているのか?それを意識すれば必然的に検索エンジンへの強調にもなるんです。それがSEOって奴です。</p>12345678910111213141516171819202122232425262728293031323334353637<h1>色の種類と意味</h1>文章<h2>赤色</h2><p>説明</p><h3>赤の特徴</h3><p>説明</p><h3>赤色を使う効果</h3><p>説明</p><h2>青色</h2><p>説明</p><h3>青の特徴</h3><p>説明</p><h3>青色を使う効果</h3><p>説明</p><h2>色の違いとは</h2><p>まとめ文</p>適当に説明するとこういう事になります。記述の仕方は適当なので、ただの一例として見てください(笑)このように記述して記事を作成して行きます。ちなみに「p」タグはこれまた「段落または文章」の意味ですね。文章を書く際にはpタグで囲うとでも思えば良いです。HTML5ではsectionタグが推奨されるこれ実は僕も面倒なので使った事がないんですが、HTML5ではsectionタグを使う事が推奨されるようです。上記した僕の書き方はもう古いって事です。...なんだってー!?でもこれでも一応良いらしいよー!!笑sectionタグも簡単に言うと「段落」として使われるものなので、僕がさっき書いたh2タグやh3タグと似たような使い方になります。</section>12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152<h1>色の種類と意味</h1><section>文章</section><section><h2>赤色</h2><p>説明</p></section><section><h3>赤の特徴</h3><p>説明</p></section><section><h3>赤色を使う効果</h3><p>説明</p></section><section><h2>青色</h2><p>説明</p></section><section><h3>青の特徴</h3><p>説明</p></section><section><h3>青色を使う効果</h3><p>説明</p></section><section><h2>色の違いとは</h2><p>まとめ文</p></section>とまぁこのようになります。本当は全体もsectionで囲うんですが、STINGER6とかはHTML5で記述されているので、全体のsectionタグはデフォルトでついているから気にしなくて良いです。記事内で書く分だけ記述すれば良いんじゃないでしょうか?たぶん...でもこれ5年前から言われている割には、記述してあるブログとかあんまり見た覚えないんですよね...(゚A゚;)ゴクリ実は僕も使った事はない偉そうに「sectionを使うのが正しいらしいよ!」とか書いてますが、実は僕自身が使った事がありません。「絶対にsectionも使った方が良いよ!」なんて言いません。単純に「そういう事も言われてますよ」ってだけの話です。それにこういうSEO(検索エンジン最適化)に強い人が書いているブログでもsectionタグをほとんど見た事がないので、ブロガーは別に気にしなくて良い...んじゃないかな...たぶん...笑ビジュアルエディタで見出しを書く方法タグが書けない人はビジュアルエディタで記事を書いていると思いますが、その場合はこうやって使います。ビジュアルエディタの「段落」の所をクリックして見出し2を使うとh2になrます。見出し3だとh3が出てきます。後は底に合わせて文章を入れるだけで見出しの文章を書く事が出来ます。個人的にはビジュアルエディタで記述をするのは好きじゃないので...。見出しのデザインに関してはCSSで整形すると良いと思います。自分が好きなデザインにすると良いと思います。でろブロでは何故かh2では数字が入るデザインを採用しています。見出しを使わないのは損だと思う理由は単純で、まず見づらい!!見出しがある事で「ここはこういう話です」って大きく主張するわけなので、見出しは綺麗なCSSで装飾してアピールするようにした方が良いと思います。h2とh3でわかりやすく装飾して読者に「この話を書いています」とアピールする事が大事です。目次を生成するプラグインを入れてあるなら、目次でわかりやすくアピールする事も出来ます。これがどれだけ大事か...僕は目次がない記事はあまり読む気にならないぐらい重視しています。話の区切りもつけやすい話の区切りで見出しを入れる事で、話をサクッと切り替えやすくもなります。見出しがないとずっと同じ話題なのか、別の話題に切り替わっているのかわかりません。何より自分が欲しい情報がどこにあるのか一発でわからないのが一番痛いです。カリスマブロガーで、どんな記事を書いても沢山の読者が読みに来てくれるなら話は別ですが、そうでもない場合は基本的に「情報を求めて読者は来ている」わけです。その人に「貴方の求めている情報はここにありますよ」と目次で示す事が出来ます。これはユーザー目線で凄く大事なんですよね。検索来訪者は基本的に情報が欲しくて来ています。その人達に親切にする事がリピーター(ファン)を増やすために大事だと思いますよ。検索エンジンも人間も見やすくなる見出しを作る意味は人間にとっても検索エンジンにとっても記事がわかりやすくなる...という点です。人間がわかりやすいのも大事ですが、検索エンジンにもわかりやすくするのは本当に大事です。他の記事でも書いてますが、基本的にブログを始めた当初は検索エンジンから来訪してもらわないとブログの存在すら気付かれにくいので、検索エンジンに強い作りにするのは基本中の基本です。わけで最低限の基本中の基本として、見出しタグはちゃんと使いましょう!!って話でした。ブログを書くならこれは必須ですよ~。:記事の書き方この記事を書いた人でろりん「でろりんクマ」と名乗ってるただのおっさん。人に何かを教えるのが昔から大好き。Tubeも開始しました。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト前の記事WordPressの「投稿」と「固定ページ」の違いについて&ト...次の記事ブログは毎日更新するべき?集客方法やブログタイプ別に紹介しますプロフィール基本的に好きな事だけやってきた人間。Tubeと各SNSにも注力中。4人気記事まだデータがありません。