記事の書き方

アフィリエイトでのHTML概要と覚えておけば便利なHTML7選

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

アフィリエイトを勉強していると、頻繁にHTMLという言葉を耳にします。

HTMLとは、プログラミング言語のひとつでブログなどのWebページをキレイに構成するためには必要不可欠なものになります。

今回はアフィリエイトで覚えておくと便利なHTMLについて解説します。

HTMLとは?

HTMLとはWebページを作成するために作られた言語です。現在ネット上に存在するほとんどのWebページはHTML言語によって作られています。

日常的にパソコンやスマホで見ているネット上のページは、ほとんどがHTMLで作られています。

HTMLは「ページのソースを表示」で確認できる

WebページがHTMLという言語で作られていると言われてもいまいちピンと来ないかもしれません。
HTMLのイメージがわからない方は、実物を見てみましょう。

Webページ上で右クリックをすると「ページのソースを表示」と出てきます。
これを選択すると、文字列(ソースコード)がたくさん並んだ画面が表示されます。

この謎のボジ列がズラリと並んでいるソースコードによって構成されたものがWebページの正体でありHTMLなのです。

ソースコードはさまざまなWebページで閲覧可能ですので、好きなページのものも見てみましょう。

普通の文字でも良いのではないか?

タグやリンクを使うのは初心者には複雑に思えます。
しかしコンピューターがWebとして認識するためには必要なことなのです。

タグやリンクを目印として文章内に使うことでその文章の構造をコンピュータが理解します。
人間でも言語の違いがあるように、コンピュータにも決まった言語があるのです。

ハイパーテキストについて

HTMLにはハイパーテキスト(Hyper Text)というハイパーリンクを埋め込める機能性の高いテキストがあります。

ハイパーリンクとは下線のついた文字列をクリックすることで別のページへ移動できるいわゆるリンクのことです。
ハイパーテキストによって、別のWebページのリンクを貼り付けたり、画像や音声、動画などのデータを埋め込むこともできます。
このHTMLのハイパーリンクによって関連情報を結びつけることで、情報を整理できます。

HTMLはどんどんバージョンアップしている

HTMLは何度もバージョンアップをしています。バージョンアップを行うことで、より私たちがWebページを構成しやすくなっています。

例えば、音声や動画の埋め込みを簡単にできるようになったり、文書の構造がわかりやすくなるなどです。
バージョンアップによって使いやすくなればなるほど、プログラミングなどが行いやすくなります。

アフィリエイトはHTMLを覚える必要ある?

アフィリエイトはブログやSNSで行う副業ですが、そもそもHTMLをわざわざ覚える必要はあるのか解説をしていきます。

覚えておけば”便利”なくらい

アフィリエイトで主に使うサイトはWordPressを使い、自分でデザインを設定していきます。

アメブロなどの無料ブログを使うときはブログデザインを既存のものにする人もいるかもしれません。
しかし、アフィリエイトで結果を出している方の多くはサイトがキレイなレイアウトをしています。

このサイトのレイアウトで使うのがHTMLです。
アメブロなどの無料ブログやワードプレスではボタン1つでHTMLタグを使うことができますが、よりキレイなブログを作るためにはHTMLの基本は必要になります。

そのため、ブログのレイアウトをもっとこだわりたいという場合はHTMLを覚えておくと便利です。

必ず覚える必要はない

ブログのレイアウトに気にするならHTMLは覚えておくと便利と言いましたが、アメブロなどを利用する場合は、レイアウトを簡単に選ぶことができますので、HTMLを必ず覚える必要はありません。

そのため、難しく考える必要もなく安心してWebページを作成できます。

学ぶなら独学でできる範囲で十分

もしHTMLを独学で学ぶならできる範囲で十分です。例えば、

  • ブログのヘッダーにバナー画像を載せる
  • ブログの見出しをつける
  • サイドバーにリンクバナーをつける
  • 画像の大きさを変える

など基本的なタグを覚えればそれで充分です。

HTMLを覚えなくてもワードプレスのボタンで対応できる

HTMLはわざわざ覚えなくてもワードプレスのボタンで対応することができます。

例えば、こちらがワードプレスの画面なのですが、ビジュアル画面だと以下のように表示されます。

例えば、ビジュアルの場合は赤枠にボタン並んでおり、段落をつけたり、文字を深くしたり、URLをつけるなどがボタン1つで行うことができます。

ビジュアルの場合は箇条書きにしたり、見出しをつけるとそのまま表示されます。

テキストはHTMLのタグと文章が表示されます。例えば、ビジュアルで箇条書きになっているところは<ul><li></li></ul>で文章が挟まれていることが分かります。

このようにワードプレスでは知らないうちにHTMLを使っていることになるのです

アフィリエイトで覚えておけば便利なHTML

アフィリエイトを行うにあたりHTMLは全て覚える必要はありません。以下のHTMLさえ覚えておけばいざというときになんとかなります。

①h1~h6

すべて見出しのタグです。h1が最上位の見出しタグで、最下位の見出しがh6です。多くの場合、h1やh2を大見出し、h3を小見出し、h4が小小見出しという風に使われることが多いです。本稿ではh2を大見出し、h3を小見出しとして利用しています。

②font

fontはフォントの大きさや種類、色の指定ができるタグです。ただし、CSS(スタイルシート)で簡単に選べる上、HTML5ではfontタグは廃止されています。

そのため、使用頻度自体は高くありません。

③ul、ol

箇条書きのリストを作る際に必要なタグです。なお違いは「ul」は番号なし、「ol」は番号ありという点です。

ulのタグの場合

  • おにぎり
  • ウインナー
  • 唐揚げ
  • プチトマト

は以下のように表示されます。

<ul>
<li>おにぎり</li>
<li>ウインナー</li>
<li>唐揚げ</li>
<li>プチトマト</li>
</ul>

olの場合

  1. おにぎり
  2. ウインナー
  3. 唐揚げ
  4. プチトマト

は以下のように表示されます。

<ol>
<li>おにぎり</li>
<li>ウインナー</li>
<li>唐揚げ</li>
<li>プチトマト</li>
</ol>

こちらもワードプレスではボタンを選べば簡単に使えますが、もし使う機会があれば使ってみるといいでしょう。

④br

「Break」の略で改行のタグです。テキストや画像を改行させたいときに使います。

普通ワードプレスでは改行すると文と文の間が開くのですが,brを使うことで行間を狭くすることができます。

例えば、テキストに以下のように書いたとします。

山田太郎<br>山田太郎

これをビジュアルにすると以下のようになります。

山田太郎
山田太郎

このように行間を狭くできるタグがbrなのです。

⑤table

tableは表を作成するときに使えるタグです。表作成が多い場合は必須のタグとなりますので、必ず覚えておきましょう。実際に作ると、以下のような表ができます。

名前 年齢
佐藤 25
山田 32

もちろんワードプレスのビジュアルにテーブルが作れるボタンがあることも多いのですが、無い場合は以下のようにテキストでタグを使って作成していきます。

⑥a href

a href はハイパーリンクを設定するときに使用するタグです。

例えば、「アフィカレ」にハイパーリンクをつけて「アフィカレ」としたとき、テキストでは以下のようにタグが使われます。

<a href=”https://affi-colle.com/” rel=”noopener”>アフィカレ</a>:クリックするとそのままページが切り替わる。

<a href=”https://affi-colle.com/” target=”_blank” rel=”noopener”>アフィカレ</a>:新しいタブでページが開く。

⑦img

imgは文章の中に画像を表示させることができるタグです。ファイルの場所を指定し、横幅と高さを指定していきます。

例えば、

どんなもの?

をテキストで確認すると、

<img class=”aligncenter size-full wp-image-2048″ src=”https://affi-colle.com/wp-content/uploads/2019/02/43456c92f2f7a865f6c6fe3001cb59d8_s.jpg” alt=”どんなもの?” width=”640″ height=”427″ />

と画像ではなくタグで表示されます。

アメブロやワードプレスの場合、画像を選んで挿入することができますので、わざわざこの長いタグを作成する必要はほとんどないと思いますが、覚えておくと画像を入れたいときに便利でしょう。

まとめ

考える

HTMLはWebページを作成する上では欠かせないものですが、アフィリエイトを行うにあたっては必ずしも必要とは言えません。
しかしながら、アフィリエイトで成功するにはブログのレイアウトも集客には必要になります。

多くの稼ぐアフィリエイターのブログはブログのレイアウトもキレイで分かりやすいですので、それらのブログを参考にして、HTMLをうまく使ってきれいなブログを目指していくといいでしょう。

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

アフィリエイトで稼ぐ「考え方とノウハウ」をメール無料講座で提供しています



様々な思いから「アフィリエイトをやってみよう」という方は数多くいます。
しかし、現状は「アフィリエイトに挑戦して結果を出せる人は5%に満たない」と言われています。


そこで、様々なアフィリエイトを研究し結果を出してきた僕たちが、人生を変えたいと思っている方々に向けて

  • アフィリエイトで結果を出すために必要な考え方

  • 1ヶ月で10万円を稼ぐノウハウ

  • 大きく分けて2種類に分かれる、結果を出せるアフィリエイトの選び方


など、5年以上に渡るアフィリエイトのノウハウを公開しています。
メールによるマンツーマンでのアドバイスもあるので、躓いても一緒に歩幅を合わせて学べるサポート付きです。

ぜひ、無料で学べる「アフィリエイト集中講座」を活用してアフィリエイトの基本を学んでみてください。

アフィリエイト集中講座はこちら

コメントを残す

*