マーベリック流ブログ運営ノウハウ

ぼくが記事投稿で使っているHTMLタグ

このエントリーをはてなブックマークに追加
level003
名称未設定-1
bnr_松山式#1

日々の記事投稿でよく使用するHTMLタグについて、解説します。最低限次に紹介する程度を覚えておけば、『マーベリックWEBメディア部』の部員専用サイトと同等の投稿は可能です。つまり、ぼく宮本自身もコレぐらいしか使っていません・・・。

段落を指定する<p>タグ

<p>タグはParagraphの略で、<p>〜</p>で囲まれた部分がひとつの段落であることを表しています。

記事投稿時には、段落ごとに<p>タグを利用するようにしましょう。例えば以下のような感じです。

<HTML表記>

<p>Pタグを使用して段落を指定してあげましょう。</p>

<p>改行を指定するためのBRタグを連続で使用して、表示上はPタグを利用した時と同じように表示させることもできますが、これはSEO(検索エンジン対策)的にも、あまりよろしくありません。</p>

<p>Pタグ内のテキストの大きさや行間、色などは、スタイルシート(CSS)で指定してあげましょう。</p>

<ブラウザ表記>

スクリーンショット 2013 05 28 8 57 39

改行を行う<br>タグ

<br>タグは、改行を行うために使用します。同じ段落内で改行を行いたい場合に使用するといいですね。

<HTML表記>

<p>Pタグ内での改行に<br>
BRタグを使用しましょう。</p>

<p>BRタグを入れたところで、<br>
ひとつ改行が入ります。</p>

<ブラウザ表示>

スクリーンショット 2013 05 28 9 01 17

見出しで使用する<h2>、<h3>タグ

SEOの観点から大事だと言われているのが、<title>タグ及び<h1>タグになります。『マーベリックWEBメディア部』専用のWordPressデザインテンプレートでは、記事のタイトルに<title>タグ、<h1>タグが適用されるように設定してあります。

そして、記事のタイトルに続き、本文の中で使用する見出しには、<h2><h3>タグを使用しましょう。検索エンジンは膨大なテキストの中から、<h1>タグにはなんて書いてあるのかな?<h2>タグには・・・?という風に、優先順位の高いものから読み取っていると考えられます。

したがって、記事のタイトルを含め、見出し部分にもSEO的に対策をしたいキーワードを含ませるのが有効的です。

<HTML表記>

<h2>中見出しのH2タグ</h2>

<p>見出しにもキーワードを入れること。見出しタグの中にもSEO的に対策したいキーワードを入れたほうが有効的です。</p>

<h3>小見出しのH3タグ</h3>

<p>さすがにブログ記事の本文で、H4タグまで使用することはなかなかないのではないでしょうか?H3タグまでで、内容をまとめたほうがいいと思います。</p>

<ブラウザ表示>

スクリーンショット 2013 05 28 9 05 16

<h2>、<h3>タグのスタイルについては、CSS(スタイルシート)で変更をすることができます。

見出しタグは効果的に使用することで、文章の中にもまとまりを作ることができ、読者にとっても読みやすい文章を作ることができますので、ぜひ活用していきたいですね。

このエントリーをはてなブックマークに追加

人生の向かう先が見えず悶々とした日々から抜け出したくて、転職を決意したぼく。主将宮本。勤務先はなんとマレーシアだった。。。ぼくは愛する妻と生まれたばかりの子供を日本に残し、単身マレーシアへいくことを決断した。

マレーシアに来て、WEBメディアに関わるようになり、日本よりも物価が低い国での暮らしも知り、アジア各国を回って経済を知り・・・投資を知り、騙されたりもして、辿り着いた先。

ぼくは『マーベリックWEBメディア部』を創り活動を始めた。ぼくが知り得るWEBメディア運営の情報を、メルマガという形で部員全員に共有させていただき、部員全員で「好きを仕事に」を目指していくWEB上の部活動だ!

どんなビジネスをするにしろ、これからはWEBメディアの運営が不可欠。期間限定で無料登録公開中。

マーベリックWEBメディア部 部員登録(メルマガ登録)

お名前(姓)*
お名前(名)
メールアドレス*
follow us in feedly

このカテゴリーの関連記事
マーベリック流ブログ運営ノウハウ
wordpress

WordPress(ワードプレス)サイト制作に必要な下準備

お疲れ様です。主将の宮本です。 数名の部員からWordPress(ワードプレス)の件について質問が相次ぎましたので、今日から5

マーベリック流ブログ運営ノウハウ
WordPress(ワードプレス)をサーバにインストールする方法

WordPress(ワードプレス)をサーバにインストールする方法

WordPress(ワードプレス)サイト構築の5ステップ。今日は【ステップ3】サーバーWordPress(ワードプレス)をイン

マーベリック流ブログ運営ノウハウ
MarsEditのプレビューに、WordPressのデザインを反映!

MarsEditのプレビューに、WordPressのデザインを反映!

Macのブログエディタ『MarsEdit』は、ぼくがいつも愛用しているツール。WordPress(ワードプレス)で『WEBメデ

マーベリック流ブログ運営ノウハウ
ガーン

[MV] Gravity Form User Registration アドオンを入れたら、サイトが真っ白に。。。PHP Fatal Error の対処法

ぼくが愛用している「Gravity form」にユーザー登録の機能を追加する「Gravity Form User Ragist



Leave a Reply

*