放置ホームページ 改善記 -4ページ目

放置ホームページ 改善記

長年 放置していた個人ホームページ(ModelShipBuilder)を改善しています。
「いまさら?」みたいなマヌケなことが多いですが、笑ってやって下さい。

各船名のページの参考文献のリンク先で最安値を確認しやすいように修正しました。

 

これで、当面、サイトの大改訂はなくなったかな?

 

Search Console のモバイルユーザビリティの数がそろそろ変わっていそうなので、次回、報告します。

各作品のページには、参考文献のリンクがはってあるのですが、リンク先で、最安値がわかりにくいページに飛んでしまっています

 

帆船模型の書籍は海外から発送のものも多いので1冊数万円することもあります

 

少しでも安く手に入れようとするモデラーもいらっしゃるでしょうから、頑張って修正します

 

時間がかかりそうですが…^^;

昨日、関連書籍のページを1日かけて書きました。

 

今までこのページはわかりにくかったので、どこからもリンクしないようにしていました。

今回、以下の3点を改善して、トップページからアクセスできるようにしました。

 

  • どの帆船を作るときに、どの書籍を参考にしたら良いか?
  • 中古本も含めて、最安値を表示
  • スマホからでも見やすいように

 

 各作品中にも参考文献へのリンクがはってあるのですが、これは最安値がわかりやすくなっていないので、あとで一つずつ確認して修正します…^^;

パンくずナビ、設置完了しました。

 

単純作業が苦手なので、たくさんあるとケアレスミスしてしまい、何度も修正するファイルもありました…^^;

 

これで、迷子になる訪問者は少なくなるといいな。

 

 

今日、アクセス解析を見ていて気づいたこと。

 

「ShopNote」と「製作過程」のページの直帰率が高い

 

つまり、検索などで深い階層に最初にアクセスしてきて、そのまま自分の位置がよくわらずに、迷子になって、離脱している。

 

他のページも見たくなるようにしないとだめですね。

 

って、ことで、今日から地道に階層ナビゲーションってのを書き加えます。

 

とりあえず、以下のような簡単なものを左上に載せておくだけでも効果があるかな?

 

Home >> Elephant >> Elephant Making

 

Home >> ShopNote >> 砲弾の作り方

 

 ↑こういうナビゲーション↑を「ブレッドクラムナビゲーション(パンくずナビ)」と呼ぶそうです。

 多分、ヘンゼルとグレーテルみたいに道に迷わないようにパンくずを落としながら歩くイメージですね。
 あの姉弟は、迷いましたが…^^;

「GrepReplace」を使って、ファイル内のテキストを一括置換しました。

 

「フィルタ」に何を書けばよいのかがよくわからず、最初、時間がかかってしまいました。

 

でも、「フィルタ」に「*.*」を入力すれば良かったのですね。

 

「置換」ボタンを押したら、140以上あるファイルを数十秒で修正してくれました。

 

超便利なツールです!!

 

http://forest.watch.impress.co.jp/library/software/grprplc/

 

既にモバイルフレンドリーテストには合格していても、実際に自分のスマホで見てみると、変なところはたくさんみつかるもので…。

 

とりあえず、今日は、ほぼすべてのページで起こっている現象から修正していきます。

 

 

↑【お問合せ】が途中で改行されてしまっています…(ToT)↑

 

ビューポートの数字を変更するのも面倒です。

全角の【】を半角の[ ]に変えて、文字列の前にあった全角スペース3つのうち、2つを削除し、

[お問合せ]

に変更しました。

 

↓それがこちら↓

とりあえず、これで見栄えは修正できました。

 

タイトルバナーと[お問合せ]の間にもまだ全角スペースが1文字分残っているので、Googleに「クリック可能な要素同士が近すぎます」と言われることもなさそうです。

 

全ファイルを手作業で変換するのは面倒なので、以前から気になっていた「GrepReplace」というソフトをインストールして使ってみようと思います。

 

次回は、「GrepReplace」の感想なども含めてお伝えします。

GoogleのSearch Consoleって、何年も見ていなかったので、知らない機能がたくさん付いていますね。

 

と言うか、Search Consoleなんて名前ではなかったような…。

 

特にここ5年ほどでスマホでホームページを見る人が増えたので、「モバイル ユーザビリティ」ってのも考えなければならなくなっていたのには、驚きでした。

 

確かに「Googleアナリティクス」で調べると、モバイルからのアクセスが37%に増えていました。

 

MSBは、2017年7月7日の末の時点で145ページ中、モバイルユーザビリティ上問題があるページがページが97ページでした…。

 

とりあえず、全ページにビューポートを設定しました。

それから、画像が3列になって、コンテンツが画面の幅を超えているページを2列に変えました。

 

この結果、8月7日には問題のあるページが13ページに激減しました!!

 

 

残りの13ページも既に「モバイル フレンドリー テスト」には合格しているので、そのうちにゼロになりそうです

 

モバイルフレンドリーではないサイトは検索結果で順位を下げられるそうなので、遅ればせながら、対応して良かったです。

145ページあるので、結構、大変でしたが、合計3時間くらいかけて、全ページ記載し、アップロードできました。

 

あとは、Googleのクローラーが来てくれるのを待つだけですね。

 

ホームページを始めて、もう20年近く経っているのに、

145ページ中100ページくらいは、いまだにキーワードのメタタグすら書いていない…。

 

これでは、Googleのクローラーに認識してもらえず、検索結果に反映されませんよね…。

 

急いで書きます。