アフィリエイトに必要なHTMLとCSSの基礎のお話

こんにちは、宮瀬です。

 

アフィリエイトをやっていく上で、いつか必ず耳にする言葉が「HTML」と「CSS」。

インターネット上にあるホームページやブログの全てが、この「HTML」と「CSS」で成り立っていることを、ご存知ですか?

無料ブログもワードプレスで作ったブログも、紐解けばぜーんぶがHTMLとCSSで出来ています。

 

試しに、キーボードのF12を押してみてください。

あなたがグーグルクロームを使っているとしたら、こんな感じに表示されると思います。

(ファイヤーフォックスの場合は画面下に表示されます。)

 

 

 

右側に、なにやら記号のようなものが並んでいますね。

これがHTMLとCSSです。

 

このように、アフィリエイターに必須である、ホームページやブログの元となっているのが「HTML」と「CSS」。

ですが、実はアフィリエイターが覚えておくべきことは、あまり多くありません。

 

ということで今回は、アフィリエイトに必要なHTMLとCSSの基礎ということで、ちょっと難しそうなこれらの知識を、できるだけわかりやすくお話していきたいと思います。

HTMLって何?アフィリエイトで知っておくべき基礎知識とは?

HTMLとは、ホームページやブログの「骨組み」となるものです。

HTMLやCSSは、よく「家」に例えられるのですが、HTMLは家で言うと

「ここはリビング」

「ここは寝室」

というように、それぞれの部屋には意味がありますよね?

 

これをホームページやブログに置き換えると

「ここはタイトル」

「ここは見出し」

というように、特定の場所に意味を付けてあげるのがHTMLです。

 

こうすることで、ホームページやブログの形ができあがり、インターネット上に公開できるのです。

アフィリエイトで知っておくべきHTMLの基礎知識は、これだけです。

CSSって何?アフィリエイトで知っておくべき基礎知識とは?

CSSは、ホームページやブログに「装飾」をするためのものです。

家で言うところの「内装」や「家具」にあたります。

 

家も、極端な話ですが、屋根と壁があれば、生活することは出来ます。

でも、机や椅子がないと不便ですし、電化製品がないと生活しづらいです。

これと同じく、HTMLだけでもホームページやブログは作れますが、見やすくないのです。

 

そこで、CSSを使って、訪問者が見やすいように、装飾してあげるのです。

このように、見た目を良くするのがCSSの役目なのです。

 

アフィリエイトで知っておくべきCSSの基礎知識は、これだけです。

HTMLとCSSって、ほんとにそれだけなの?

さて、ここまででHTMLとCSSの概要をお話しましたが、

「ほんとにそれだけなの?」

という疑問が残っていると思います。

というか、あまりよくわからなかったかもしれません。

 

でも、アフィリエイター的には、今回お話した内容が、なんとなくわかればOKです。

もちろん、しっかり突き詰めればHTMLとCSSで出来ることはいろいろあります。

HTMLとCSSの教科書なんかは、300ページ以上あるものも多く出版されています。

 

ですが、アフィリエイターにはそこまでの知識は必要ありません。

なぜなのでしょうか?

これから、そのお話をしていきます。

アフィリエイトで必要なHTMLとCSSは、無料ブログやワードプレスがやってくれる。

アフィリエイターに、HTMLとCSSの知識がほとんど必要ない理由が、無料ブログやワードプレスの存在です。

あなたが、実際に無料ブログやワードプレスを使ったことがあるなら、話は早いです。

 

無料ブログやワードプレスでブログを作った場合、おおまかなブログの形は既に出来上がっていて、文字の装飾もワンクリックで出来るのです。

 

つまり、アフィリエイトで必要なホームページやブログの構築は、既にあるサービスを使うことで、HTMLやCSSを知らなくても、だいたいの事が出来てしまうのです。

 

さてここで、アフィリエイトの本質に戻ってみましょう。

あなたがアフィリエイトをする理由は、つきつめると「お金が欲しい」からだと思います。

別に、すっごくキレイなブログを作ることでも、完璧なホームページを作ることでもありませんよね?

 

もちろん、ある程度見やすいブログであることは、商品を紹介して買ってもらうために必要なことです。

しかし、アフィリエイターはWEBデザイナーになる必要はないのです。

WEBデザイナーとは?

HTMLやCSSを駆使して、ホームページの制作依頼を受けて、インターネット上に公開できる形にしていく職業。

必要なことは、その都度検索すれば良い

さて、今回はHTMLとCSSの基礎について、非常にざっくりお話してきました。

そして今回は、あえてざっくりとお話させてもらいました。

その理由は、アフィリエイトをするなら、外見にとらわれるより、中身を優先して欲しいからです。

 

自分のブログを初めて作ったときは、嬉しくてキレイにしたい気持ちも分かります。

実際に、私もそうでしたから。

でも、アフィリエイトでは、いくらキレイに装飾しても、あなたの発信するコンテンツ(中身)が薄ければ、いつまで経ってもアフィリエイトの報酬は出ません。

 

それから、HTMLとCSSについては、必要な知識がネット上にたくさん落ちています。

例えば、こんなサイトは非常に参考になるでしょう。

HTMLクイックリファレンス(外部サイト)

 

また、こんな感じで検索すると、だいたい答えはスグに見つかります。

「HTML 文字を太く」

「ブログ 文字の色を変える」

などなど。

あなたがしたいことを検索すれば、ほぼ100%解決できるでしょう。

 

つまり、アフィリエイトをする上では、わからないことがあったら、その都度検索すれば済むのです。

さらに、そうして検索して使っていくうちに、自然と身についてきます。

 

「そうは言っても、宮瀬さんのブログは見やすくなってるじゃん」

と、もし思ってくれているのなら、ありがとうございます(笑)

ですが、私も特別な知識があったわけじゃなくて、使っていて覚えた感じです。

 

しかも、多少お金を払えば、このブログは簡単に作ることが出来ます。

ちなみに、ハミングバードというテーマは、簡単にきれいなブログが作れますので、参考にしてみてください。

WordPressテーマ「ハミングバード」

 

こうした有料のテンプレートを使うことで、面倒なHTMLやCSSの作業をすることなく、キレイなブログを作ることができちゃうんです。

今はまだ買う必要はないかもしれませんが、本気でアフィリエイトをするつもりなら、有料テンプレートの導入を強くオススメします。

(私はワードプレスのテーマを自作しようとして、何十時間も無駄にしました・・・笑)

 

ハミングバードについては、以下の記事で詳しくご紹介していますので、こちらも参照してみてください!

ワードプレスの有料テーマ「ハミングバード」で、あなたが得られるものとは?

それでは、今回はこのへんで。