ブログの書き方

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


SOHO事務所兼住居

49,844円の黒字!2017年5月、20代独身男性の家計簿

-102,715円の赤字!2017年4月家計簿

-286,902円の大赤字!2017年3月家計収支まとめ

-85,782円の赤字!2017年2月家計収支まとめ

ブログそのもの

【初心者向け】All in oneSEO Packを使って、アナリティクスとSearchConsoleを導入した方法

アフィで稼げそうな案件4パターンを自分用にまとめ どれを選んでも修羅の道か‥

【随時更新】nendのクリック単価を長期観察!アドセンスの代わりとして十分!

最近のブログの変化と、これからやりたいこと

使っているor欲しい物

【動画レビュー有】安全なクロスバイク生活のために、TaoTronicsのスマホホルダーを買いました

JINSでメガネを買おうと思うんだが、在庫無くて困ってるなう

【動画レビュー有】忙しい人にオススメ!通販でコンタクトレンズ買ってみた

【動画レビュー有】1人で正確かつ簡単に測定可能なメジャー!ダイエットにも、筋トレにもオススメ!周囲測定テープ seca201

日常

身分証も住所も無い人はまず市役所に行こう! ネカフェ難民だった僕の体験談

ポケモンGOで最も課金すべきアイテムは「ポケモンGO Plus」である レベル上げマジで捗るぞ!

「昭和レトロな温泉銭湯 玉川温泉」に行ってきた!スゲー山の中だったw

ツイッターやテレビで話題の「大和屋 音次郎」で刺身と寿司をガッツリ食べてきた!

童貞

街コンのデメリットを出来るだけ論破【27歳童貞の街コン感想】

【童貞の街コン感想】年齢や趣味など、女性と共通点が多くなる街コンがオススメ!

【童貞メンズファッション】ユニクロの黒スキニー&黒い靴で脚長効果を狙ってみた!

【童貞の街コン感想】街コンはマッチングアプリより絶対に良い‥と思うw