WEBサーバ構築ノウハウ集
記事数が増えてきました
当サイトも30記事弱まで作成したので、お試しでGoogle AdSenseを申請をしてみようかと思います。
1記事当たりの文字数は100文字前後位しかないと思いますが、記事のバラエティは持たせているつもりなので、申請が通るのではないのかと考えてます。

Google AdSense申請
Google AdSense申請の手順を以下に記載しておきます。

1.以下リンクよりGoogle AdSenseのサイトにアクセスします。

Google AdSense

2.「今すぐサインアップ」をクリックする。

3.各情報を入力し、「保存して続行」をクリックする。

4.各情報を入力し、「アカウントを作成する」をクリックする。

5.個人情報を入力し、「送信」をクリックする。

6.携帯電話番号を入力し、「確認コードを取得」をクリックする。

7.SMSで通知された確認コードを入力し、「送信」をクリックする。

8.広告コードをコピーする。

9.広告コードをhtmlのヘッダに埋め込む。

sudo vi /var/www/html/index.html
変更後(赤字が追加箇所)
<head>
  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
  <script>
    (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-xxxxxxxxxxxxxxxx",
    enable_page_level_ads: true
    });
  </script>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>初心者からのWEBサーバ構築
  <link rel="stylesheet" href="css/style.css">
</head>

10.「完了」をクリックする。

11.以下画面が出力されたら申請完了です。 1日程度待って結果を待ちましょう。

2018年12月のアクセス数
Googleアナリティクスからのアクセス数情報です。
Google検索ヒットしてきたおかげでアクセス数が増えてきました。
初心者からのWEBサーバ構築(記事数:21→28)

・セッション:22
・ユーザー:12
・ページビュー数:391
・ページ/セッション:17.77
・平均セッション時間:00:44:01
・直帰率:45.45%

2018年12月のアフィリエイト収益
始めたばかりですので、収益0円です。
Google AdSenseは、まだ申請中です。
A8.net
収益0円です。チャレンジランクです。
Google AdSense
申請中です。
まとめ
平均掲載順位が71.1位と少し上昇しました。
しかしながら収益に関しては未だ0円です。
Google AdSenseの申請通過がとりあえずの目標です。

インフラ
フロントエンド

htmlを作成

画面遷移時にパラメータを渡す

画面遷移時に固定パラメータを渡す

htmlのテキストボックス空白チェック

htmlのメールアドレスチェック

〇CSS

CSS(スタイルシート)で色を変える:color

CSS(スタイルシート)で文字揃え(水平方向)する:text-align

CSS(スタイルシート)で文字揃え(垂直方向)する:vertical-align

CSS(スタイルシート)で下線/上線/取り消し線表示する:text-decoration

CSS(スタイルシート)でインデントを指定する:text-indent

CSS(スタイルシート)で英字の大文字/小文字を指定する:text-transform

CSS(スタイルシート)でフォントの種類を指定する:font-family

CSS(スタイルシート)でフォントのサイズを指定する:font-size

CSS(スタイルシート)で文字の太さを指定する:font-weight

CSS(スタイルシート)で文字を斜体にする:font-style

CSS(スタイルシート)で文字間隔を設定する:letter-spacing

CSS(スタイルシート)で行間隔を設定する:line-height

CSS(スタイルシート)で背景の色を設定する:background-color

CSS(スタイルシート)で背景に画像を設定する:background-image

CSS(スタイルシート)で背景の画像貼り付けルールを設定する:background-repeat

CSS(スタイルシート)で背景の画像位置を設定する:background-position

CSS(スタイルシート)で枠線(上下左右)のスタイルを指定する:border-style

CSS(スタイルシート)で上枠線のスタイルを指定する:border-top-style

CSS(スタイルシート)で右枠線のスタイルを指定する:border-right-style

CSS(スタイルシート)で下枠線のスタイルを指定する:border-bottom-style

CSS(スタイルシート)で左枠線のスタイルを指定する:border-left-style

CSS(スタイルシート)で枠線(上下左右)の太さを指定する:border-width

CSS(スタイルシート)で上枠線の太さを指定する:border-top-width

CSS(スタイルシート)で右枠線の太さを指定する:border-right-width

CSS(スタイルシート)で下枠線の太さを指定する:border-bottom-width

CSS(スタイルシート)で左枠線の太さを指定する:border-left-width

CSS(スタイルシート)で枠線の色を指定する:border-color

CSS(スタイルシート)で枠線の周囲の余白を指定する:margin

CSS(スタイルシート)で上枠線の余白を指定する:margin-top

CSS(スタイルシート)で右枠線の余白を指定する:margin-right

CSS(スタイルシート)で下枠線の余白を指定する:margin-bottom

CSS(スタイルシート)で左枠線の余白を指定する:margin-left

CSS(スタイルシート)で枠線内の余白を指定する:padding

CSS(スタイルシート)で上枠線内の余白を指定する:padding-top

CSS(スタイルシート)で右枠線内の余白を指定する:padding-right

CSS(スタイルシート)で下枠線内の余白を指定する:padding-bottom

CSS(スタイルシート)で左枠線内の余白を指定する:padding-left

バックエンド
SEO
アフィリエイト