【73日目】index.phpのPHPをきれいにしてみた
Posted: Last Update:
HTMLとPHPだけでサイトを作成し始めて、73日目になりました。昨日はGoogleアドセンスから審査通過のお知らせが来て、色々と設定をしました。
Googleアドセンスの状況
昨日はGoogleアドセンスから審査通過のお知らせがあり、姉妹サイトもアドセンスに追加したり、ads.txtを追加したりしました。
今は自動広告にして反映させています。しばらくOnにして確認してみたところ、ページを遷移するときの広告がうるさかったので消しました。他はそこまででもないかな、と思うので、しばらくこのまま様子を見たいと思います。
しかし、スクリプトが重いなぁ。やっぱり、自分で場所を設定して広告を入れた方がいいかもしれません…。Google Lighthouseのパフォーマンスも良くないし、読み込みも少し遅い気がします。悩むなぁ…。明日ゆっくり考えよう。
今日はTwitterカードを作りたい
いろいろとやりたいことがたまっていました。書き出すと下記のように盛りだくさんなのです…。最近Twitterに記事を投稿することが多くなったので、Twitterカードを作りたいです!ついでにindex.phpのhead部分の修正もしちゃおう!
- サイトマップをGoogleとBingに送信する手順を作る
- PHP関数「strtime」を利用している所を書き換える
- PHPの「file_exist」を「is_file」に置き換え
- CSSで「grid-gap」を利用している部分を書き換える
- 人気投稿の準備として、アクセス解析をするPHPを作成する
- 過去の日記のイメージ画像を作成
- 日記の過去記事のPHPの動きが重いので代替案を考える
- 関連記事用のパーツを作る
- twitterカードを作成する ←ここ
- index.phpのhead部分のPHPが重い、軽くする ←ここ
- mainフォルダをmenuフォルダに書き換える
- RSSの内容を共通仕様から入れ込む
- 記事にカテゴリーを入れ込む
- Google Lighthouseに指摘された内容に対応する
index.phpをきれいにする
index.phpを大幅にいじるので、事故を起こさないようにテスト環境のテスト環境を作りました。
さて、今head部分が107列になっています。ここを短縮したい。
いろいろと短縮できる所を短縮して、83列になりました。これ以上短縮できない…。必要なHTMLの書き出しだけで30列あったので、PHPは77行から53行になったと満足するべきでしょう!
twitterカード入れたら、また長くなるなぁ。
Twitterカードの作成
次はtwitterカードの作成ですね。twitterカードは、twitterにリンクを貼ると、おしゃれに表示してくれる優秀な機能です。
twitterのディベロッパーガイドに詳細がまとめてありました。…また英語です。
必要なものは次の項目でしょうか?contentの部分はtwitterのサンプルをそのまま記載しています。
<meta name="twitter:site" content="@flickr" />
<meta name="twitter:title" content="Small Island Developing States Photo Submission" />
<meta name="twitter:description" content="View the album on Flickr." />
<meta name="twitter:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg" />
早速入れ込んでいきましょう…と思ったら、時間が来てしまいました。
今日はここまで
index.phpをきれいにするのは、twitterカードをつくるついでだったのですが、予想以上に時間がかかってしまいました。明日はtwitterカードを作りたいと思います。
おまけのロードマップ
サイト作成がどのくらい進んでいるかロードマップで進捗を確認すると、ここまで進んでいます。
- 準備 - サイトの全体像を決める
- 使用するプログラミング言語を決めて環境を整える
- サイトの基本構造を作って公開する
- 収益化に最適なサイトにアップグレードする
- GoogleアドセンスとAmazonアソシエイトの申し込みをする ←完了!
- ローカルで簡単に入力ができるようにフォームを作る
- フォローアップ - より収益化に向いたサイト構造に変更する