【71日目】検索したときに何を検索したか分かるようにしてみた
Posted: Last Update:
こんにちは、亀の子です。昨日はGoogle Adsenceに申し込んでみたのですが、まだ結果は来ていません。待っている間にサイトの修正などをしていきたいと考えています。
やりたいことが山積み
昨日は、Google LighthouseというGoogle Chromeの拡張機能でサイトをチェックしました。結果、サイトの「Accessibility」と「Best Practice」があまりよくないという結果が出ていました。これの対応もしなくてはいけないのですが、他にもやりたいことが山積みになっています。メモしたものを書き出すと以下の通り。多いですね…。
- サイトマップをGoogleとBingに送信する手順を作る
- PHP関数「strtime」を利用している所を書き換える
- PHPの「file_exist」を「is_file」に置き換え
- CSSで「grid-gap」を利用している部分を書き換える
- 人気投稿の準備として、アクセス解析をするPHPを作成する
- 過去の日記のイメージ画像を作成
- 日記の過去記事のPHPの動きが重いので代替案を考える
- 関連記事用のパーツを作る
- twitterカードを作成する
- 検索ボックスに検索文字を入れる
- index.phpのhead部分のPHPが重い、軽くする
- mainフォルダをmenuフォルダに書き換える
- RSSの内容を共通仕様から入れ込む
- 記事にカテゴリーを入れ込む
- Google Lighthouseに指摘された内容に対応する
今日は何しようかな？
検索ボックスに検索文字を入れる
ちょっと肩慣らしに、作業工数の少ないものから手をつけたいと思います。最初に「検索ボックスに検索文字を入れる」。今は、何を連作しているのかよくわからない状態でページが表示されてしまっているので、これを変更します。
ついでに、あの真緑の検索ページも変えましょう…。
ちょっとヘッダーが広くなってしまうのですが、こんな感じにしました。緑よりましだと思う…。検索をクリックしたときだけ広くなります。他の時は狭いヘッダのままです。
そして、検索ボックスには、検索されている文字を表示できるようにしました。
次のようなPHPで検索文字を引っ張ってきて、テキスト入力の「placeholder」に適用しました。
今日はここまで
あまり作業が進んでいませんが…。ちょっと今日は時間が来てしまったのでここまでです。やりたいことを一つ消化できたのでいいかな。
新しい記事も書きました。良ければ読んでやってください。「IcoMoonを使ってFontAwesomeの欲しいアイコンだけ実装する詳細手順」
では、また明日。
おまけのロードマップ
サイト作成がどのくらい進んでいるかロードマップで進捗を確認すると、ここまで進みました。
- 準備 - サイトの全体像を決める
- 使用するプログラミング言語を決めて環境を整える
- サイトの基本構造を作って公開する
- 収益化に最適なサイトにアップグレードする
- GoogleアドセンスとAmazonアソシエイトの申し込みをする ←結果待ち
- ローカルで簡単に入力ができるようにフォームを作る
- フォローアップ - より収益化に向いたサイト構造に変更する
記事をシェアする
亀の子に連絡
ランキング参加中！ぽちっとしてね
