【73日目】index.phpのPHPをきれいにしてみた

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のサンプルをそのまま記載しています。

早速入れ込んでいきましょう…と思ったら、時間が来てしまいました。

今日はここまで

index.phpをきれいにするのは、twitterカードをつくるついでだったのですが、予想以上に時間がかかってしまいました。明日はtwitterカードを作りたいと思います。

おまけのロードマップ

サイト作成がどのくらい進んでいるかロードマップで進捗を確認すると、ここまで進んでいます。

• 準備 - サイトの全体像を決める
• 使用するプログラミング言語を決めて環境を整える
• サイトの基本構造を作って公開する
• 収益化に最適なサイトにアップグレードする
• GoogleアドセンスとAmazonアソシエイトの申し込みをする　←完了！
• ローカルで簡単に入力ができるようにフォームを作る
• フォローアップ - より収益化に向いたサイト構造に変更する

記事をシェアする

亀の子に連絡

ランキング参加中！ぽちっとしてね