*

WordPress 初心者必見!ブログで使う8つの簡単 HTML タグ


ちわ、秋田@豊作(@housakuakita‎)です。

今日は秋田がこのブログを書く時使っている HTML を紹介します。

ブログを書く時は、簡単な HTML しか使っていないので、初心者の方も覚えていただけるレベルかと思います。

WordPressエディタでタグは自動的に入りますが、タグを知っておくと何かと便利です。

スクリーンショット 2015-05-11 18.23.34

使っている HTML タグ

基本的にタグとして利用しているのは8つ。

見出しタグ

ここ、一番大事なタグです。超基本部分です。

<h2>見出し</h2>

<h3>見出し</h3>

<h4>見出し</h4>

 

ブログのタイトル自体が h1 になっているので、それから下のタグを自分で入れていきます。数字が小さいほど偉い。

SEO的に、ある時期までは h1 タグはページに一つしかでちゃいけない等と言われていました。今は幾つ使ってもいいらしいです。しかし、なかなか頭の切り替えが出来ない秋田は、h1 はタイトルだけに任せておき、h2 以下を書いていきます。

ブログを書くとき、まずは何を書くか?タイトルを考えます

タイトルが出てきたら、見出し h2 を3つくらい。h2 の下に必要であれば、h3 や h4 を追加していきます。文章を書くより先に見出しを書いちゃいます。

その後文章を書き上げいい感じの写真を入れ、完成前に再度タイトルを見直して手直しが必要であれば、手直しをして完成とします。

タイトルと見出しさえかけてしまえば文章はスラスラと出てくるものです。

見出しタグは自分で意識してテキストモード書き込みます

段落

<p>文章</p>

各見出しの下に作られる文章です。

上述しましたが、見出しさえ出来てしまえば段落部分は簡単に書けてしまいます。

このブログの場合、段落タグは自動で付きますのであまり意識しません。

アンカータグ

<a href=”リンク先アドレス” target=”_blank”>リンク先名称</a>

文章中にリンク先の設定をしたいときに利用します。

エディタを使えば書いてくれますが、テキストモードで書き入れてしまうことが多いです。

引用符

<blockquote>引用文</blockquote>

他のブログや文献を引用させてもらった時に、その内容をこのタグで括ります

引用先の文章を丸々入れ込んでしまってはダメ(著作違反)ですが、参考程度に引用させていただくときに使います。

こちらもテキストモードで手で入れることが多いです。

イメージタグ

<img src=”画像ファイルパス” alt=”代替え文字” />

画像を入れるのに使います。

画像は、メディアの挿入を使って入れるので自分でタグを書くことは少ないです。

強調

<strong>強調したい文字</strong>

文字の装飾として使うことが多いです。以前の SEO対策の場合、キーワードをこのタグで括ったりしましたが、今はどうなんでしょう?括ったほうがいいのかな? strong ですからね。

その他

その他は、文字の色であったり大きさだったりになります。装飾は、ビジュアルモードでしてしまいます。どんなタグが使われているのか?あまり意識をしていません。いまや意識をする必要もな時代です。

まとめ

WordPress 等でブラウザから HTMLを書くツールとしては「wysiwyg」と呼ばれるものが有名です。

秋田の場合 wysiwyg系プラグイン「TinyMCE Advanced」を入れていますので、こちらを利用させてもらい、HTMLを意識することなくブログを書き進めて行きます。

昔は HTMLを手でグリグリ書いたのですけどね。これっぽっちの HTML だけ知っていればそれなりのページが作り出せる WordPress、TinyMCE Advanced感謝です。

今回お伝えさせていただいたタグは、WordPress 以外でも便利に利用できるタグですので、これを機会に覚えておいても良いのではないでしょうか?

 

中感謝

 

関連記事

ブログ全体 WordPress を SSL 化しました

ポケモン GO! 金銀のポケモンがリリースされましたね。 しかし・・...

記事を読む

1年間でブログの訪問数が10倍になりました。何をしたかひも解きます

この1年間ブログをまじめに更新してきました。最近は週3〜4回の更新です...

記事を読む

集客するには SEO?リスティング?はたままたSNS?

先日、「自分をぶった切る!自社Webの改修がなかなか出来ない件自虐ネタ...

記事を読む

73%の整骨院サイトを、狙ったキーワードで10位以内にした5ヶの対策

一昨年の夏頃から、整骨院さんのページを11サイト程作らせて頂きました。...

記事を読む

新着記事

ボルボ板橋へ行こう!行こうシリーズ[159/100]

気がついたら今年も3月。毎回こんな書き出しですみません。1月2月っても...

記事を読む

沖縄へ行こう!行こうシリーズ[158/100]

2019年行こうシリーズの第一弾。だけど昨年12月15日に沖縄のガズレ...

記事を読む

新年明けましておめでとうございます。2019年

新年明けましておめでとうございます。 2018年が終わり、2019年...

記事を読む

自分の時間を売り渡し切った後の、擦り切れた時間で本当に楽しめるの?

秋田、起業したのが1995年〜なので、かれこれ23年スタッフやお客様に...

記事を読む

年末なので贅沢に2ポチ(Pixel3 & MacBookPro)しました | 和歌山城へ行こう 行こうシリーズ[157/100]

和歌山城で歌ってきました〜 行こうシリーズ(ロンドン100連発)...

記事を読む

コメント/トラックバック

トラックバック用URL:

コメントフィード




管理人にのみ公開されます

*

ボルボ板橋へ行こう!行こうシリーズ[159/100]

気がついたら今年も3月。毎回こんな書き出しですみません。1月2月っても...

沖縄へ行こう!行こうシリーズ[158/100]

2019年行こうシリーズの第一弾。だけど昨年12月15日に沖縄のガズレ...

新年明けましておめでとうございます。2019年

新年明けましておめでとうございます。 2018年が終わり、2019年...

自分の時間を売り渡し切った後の、擦り切れた時間で本当に楽しめるの?

秋田、起業したのが1995年〜なので、かれこれ23年スタッフやお客様に...

年末なので贅沢に2ポチ(Pixel3 & MacBookPro)しました | 和歌山城へ行こう 行こうシリーズ[157/100]

和歌山城で歌ってきました〜 行こうシリーズ(ロンドン100連発)...

→もっと見る

PAGE TOP ↑