Macky1991’s blog

ブログを始めて3週間、アドセンスが合格しました!今後ともよろしくお願いいたしますm(__)m

見出しタグを記事に組み込もう【第1次ブログ改造計画】

f:id:Macky1991:20190726194057p:plain

みなさんこんばんわ

 

昨日までは素敵で綺麗な浜辺が近い別荘で

友人達と休日を過ごしてましたが

今日から出勤が始まってしまい

バカンスな日々を過ごした昨日と打って変わって

現実に引き戻される日々に入りました。

 

 

心身ともに安らげたのでよかったものの

出勤日にベッドから起きた時に感じた

謎の喪失感を伴った虚無感は今だに残ってます。

 

f:id:Macky1991:20190726192015p:plain
 

それに追い打ちをかけるように

先日申請したアドセンスも不合格の通知メールが来てました。

理由は私のサイトにアクセスできないからという...

先日の記事でも対応策をとってみたのですが

転送設定がきちんと動作してるか

サブドメインなしの当ブログのサイトURLに

アクセスしてみたのですが問題なく自動的に転送されました。

再度アドセンス申請したのであとは通知を待つだけです。

 

 

 

しかし、どんなに暗い夜が来ても必ず朝陽が昇るように

ブログの更新は今日も変わりなく続けていきます。

 

第一次ブログ改造計画

 

今回は当サイトのブログ記事を編集していきたいともいます。

さらに見やすくかっこよくスタイリッシュに

前々から思ってたけどなかなか手につけてなかったので

今日から本格的に進めていきたいと思います。

 

今回はh1などの見出しタグを使って

過去のブログ記事をさらに読みやすく

リライトしていきたいと思います。

 

はてなブログにおいて特定のデザインテーマを

ブログに適用するとHTMLタグの見出しタグは

どうやら違う表現に変わるようです。

 f:id:Macky1991:20190726194027p:plain

 

はてなブログの「ダッシュボード」にある「ブログ記事を書く」から
ブログを新規作成したものを用意して

試しに見出しタグを「h1です〜h6です」を改行しながら入力します。

 

f:id:Macky1991:20190726194022p:plain

 

編集タグを「見たまま」から「HTML編集」に切り替えます。

先ほど入力した文の両端に段落タグが自動で入力されてあります。

 

f:id:Macky1991:20190726194057p:plain

 

この段落タグを全て見出しタグであるh1〜h6に書き換えます。

 

f:id:Macky1991:20190726194053p:plain


書き換えたら一旦編集タグを「見たまま」に切り替えます。

本来なら画像のようにhの隣の数字が大きくなっていけばいくほど

文字のサイズが小さくなっていきます。

 

ZENO-TEALでの見出しタグ

 

はてなブログのデザインテーマが初期のままであれば

プレビューも同じように表示されますが

私は「ZENO-TEAL」 というデザインテーマを

ブログに適用しているため見出しタグが違う形で表示されます。

 

f:id:Macky1991:20190726194049p:plain

 

「プレビュー」に 切り替えてみます。

h1が小さくなりh5とh6は大きさの変化がありません。

大きな変化があるのはh2、h3、h4です。

 

f:id:Macky1991:20190726201217p:plain

 

h2は下部に突起のあるタグ状の見出しになりました。

画像で分かり辛くてすみませんが

画面の上部に固定されるのでページの下部にスクロールしても

見出しが画面の上部に表示され続けられます。

限られた機会でしか活用できないので

h2の見出しを使うことはしばらくないと思います。 

 

f:id:Macky1991:20190726201704p:plain

 

h3は他のブログサイトでもよく見かける記事の小タイトルにぴったりです。

おそらくこのh3をメインに記事に組み込んでいきたいですね。

 

f:id:Macky1991:20190726201952p:plain

 

h4は文頭にチェックマークがついているので

大事なことを羅列していくときに活用できますね。

 

見出しタグを組み込む

 

f:id:Macky1991:20190726203036p:plain

 

実際に過去の記事である最初の記事に見出しタグを組み込んでみます。

上の画像はタグを付け加える前の記事です。

閑散としていてWordの文に画像を貼ってあるだけの印象を受けます。

 

f:id:Macky1991:20190726203046p:plain

 

「皆さん、初めまして」に見出しタグh3を組み込んでみました。

小タイトルらしくなり、よりブログの記事らしくなりました。

 

f:id:Macky1991:20190726203052p:plain

 

続けて記事の下部あたりの

『1日最低1記事毎日欠かさず更新する』がインパクトに欠けます。

 

f:id:Macky1991:20190726203056p:plain

 

二つに分断してそれぞれに見出しタグh4を組み込んでみました。

文頭のチェックマークが決意をより感じさせる印象を与えてくれます。 

 

見出しタグでより良い記事へ

 

今回は見出しタグだけでブログの印象が改善できました。

見出しタグ以外にもブログをよりよくするタグがあると思うので

どんどん見つけ出し過去とこれからの記事に組み込んでいきたいと思います。

 

ここまで読んでいただきありがとうございます。

次回の記事の更新をお楽しみに。