ブログの書き方

HTML初心者向け記事③。強調の必要性とやり方

投稿日:2016年7月12日 更新日:

どうも万年初心者のsohtaです。いやー良かった、HTMLの勉強記事第3回目もなんとか記事にする事ができました。バックナンバーはコチラから、第1回目導入編、第2回目設備編

え?勉強はしていたんですよ。でも黒い服の組織に追われていまして、なかなか記事を書く時間がなかったんです。なんかあいつら仲間の事を酒の名前で呼び合ってるんですよ。中二病なんでしょうかね?

冗談はこれくらいにしておいて、本題に入りたいと思います。今回は強調の必要性とやり方の紹介をしたいと思います。

HTMLのタグ「強調」を使いこなす

「タグ」は英語の勉強で言う「単語」

前回書いていない気もするので書いておきます。「タグ」というのは英語の勉強で言うと「単語」です。ただ英語はほとんど無限に単語がありますが、HTMLの場合は数十種類だけです。このタグを文法通りに組み合わせて文章を書くことでwebサイトが出来上がります。

HTMLもプログラミング言語ですので、決まった文法があります。これを守らないと読者が読みにくいサイトになってしまうので、Google先生から低い評価を受けてしまいます。昨日の記事で書いたパンダアップデート等で検索順位を下げられるのと同じ理由です。

文字通り強調したい時に使う

使うべきタイミングは言葉通り強調したい時です。んでもって強調は2種類あります。軽めの強調とガッツリ強調です。女の人の匂いで言うとシャンプーと香水といったニュアンスになります。

ええ‥無理矢理ですが、先日書いた記事のリンクを貼るためなので致し方ありません。上のリンクをクリックすると童貞の歪んだ思想を言葉にした、いびつな文章を読むことができます。ちょっと変態チックなあなたにはオススメです。

SEO効果は無さそう?

強調のタグを使えば文字を変化させられて、強調出来ることは分かりましたね。でも強い印象を与えるだけなら、文字の大きさを大きくした方がいいんじゃないかと思いました。何か自信がなくなってきたのでtwitterで聞いてみました。

うん。どちらにしてもSEOの効果は望めなそうですね。この#b0783というハッシュタグは@sakanoueno_maroさん発案のブロガーのお悩み解決 #b0783というもので、ブログについての疑問をtwitter上の先人達に聞けるという、初心者には非常にありがたい取り組みであります。

読み上げソフトを意識するなら必須かも

とは言ってもまだ心配な事が1つありましたので聞いてみました。それは読み上げソフトについてです。

僕のブログを読みたい人の中にはもしかしたら目が見えない人がいるかもしれません。読み上げソフトというものを使って読み上げてくれるとは思いますが、ちゃんと強調タグを使わないと強調して読んでくれないと思います。そこがイマイチだと感情とかが伝わりませんよね。


okutani@vdeepさんに教えていただきまして、SEOに関しては影響がなさそうですが、やはり読み上げソフトを意識した場合はしっかりと使った方が良さそうです。

使い方も簡単!文字を挟むだけ!

やっと使い方の項目までたどり着きましたね。こんなにダラダラ書かないで、最初からやり方だけ書けよって思った人は挙手!いやそれじゃあ意味ないんですよ。なぜやるかという理由を知らないとそのうちやらなくなるでしょ?小さな頃に大人に理由を聞いたら「何でも!そう決まっているから」と言われて腑に落ちなかった事ないですか?

前置きが長くてサーセン。強調したい文字をタグで挟むだけなので簡単です。<em>文字</em>で軽めの強調、<strong>文字</strong>はガッツリ強調です。

それぞれの例が軽めの強調と、ガッツリ強調になります。軽めの強調の方が何も変わっていませんね(;^ω^)いやあ正直意味が分かりません。あと<code>も機能していないんだよねーやばくない?

たぶん今使っているワードプレスのテーマをいじっている時に、触ってはいけない所を触ってしまったのだと思います。

これから頑張ってHTMLを勉強して直したいと思います。

まとめ

  1. 強調には軽めと強めの2種類ある
  2. 今のところSEOの効果は薄目
  3. 読み上げソフトを意識するなら必須
  4. 使い方は文字を挟むだけでOK

ちょっと短いですがキリが良いので今回はこれくらいで終わります。次回もちゃんと読んでくれよな!

追記:2016年12月
↓コレ買いましたが、ぶっちゃけ全然読んでませんwww最近は全部B君任せですw

↓関連記事↓

初心者がHTMLの勉強をするぞ!①導入部分
インターネット初心者の僕ですが、ブログを書き始めてサイト運営というものを少しずつ勉強しています。今回は「プログラミングを少しずつでも勉強していくぞ」という意思表示と必要性・今思いつく勉強項目を書いていきます。... 【続きを読む】
初心者がHTMLの勉強始めてみました②設備編
今回はHTMLとは何ぞや?の補足と実際の始め方や必要な物を書いていきます。これから書いていくのはWindowsでの方法なのでMacユーザーの方はスミマセン。でも基本的なところは一緒だと思うので流れだけでも勉強していってね。... 【続きを読む】

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

-ブログの書き方
-, , , , , , ,


comment

メールアドレスが公開されることはありません。

CAPTCHA