効率厨(オレ)の考えた最強の中学受験ブログ

中学受験の情報と考え方の発信

f:id:tutukun:20190323200216p:plain f:id:tutukun:20211220233608p:plain f:id:tutukun:20200222205733p:plain f:id:tutukun:20200725192806p:plain f:id:tutukun:20190323200212p:plain f:id:tutukun:20190323223812p:plain

カウントダウンタイマー  

 

【はてなブログ】スマホ用レスポンシブデザインモード採用+ユーザー向けサイトマップ作成

こんばんは~!

つつです。

 

この土日は、ブログの改良作業をしています。

効率中受をみてくれている読者様は気がついていると思いますが、

スマホ版のレイアウトが若干変わっています。

 

私はブログ作成の素人なので、Google先生に教えてもらいながら手探りで改善しています。

見やすくなった!とか逆に見にくくなった!と言った意見も頂けると助かります。

プロの人がいたらアドバイスももらえると嬉しいです。

 

概要

中学受験に関係無い話なので、ブログ作成に興味の無い人向けに端的に説明します。

 

スマホでも見やすい様にする。

最新記事が1ページ15記事のる様になった。

サイトマップを作って過去記事を探しやすくなった。

 

今後もより良いブログに改良していくので、よろしくおねがいします。

 

以下は興味のある人だけどーぞ!

 

変更内容

スマホ用のレスポンシブデザインモードを採用しました。

また、

以前から作りたかったユーザー用のサイトマップの作成しました。

 

 

レスポンシブデザインモードとは・・・

簡単に言うと、スマホの小さい画面に合わせてPC用のデザインを自動で変更してくれる機能です。

f:id:tutukun:20200222225320p:plain

管理画面でスマホマークをクリックして、選べば可能です。

※デザインテーマがレスポンシブデザインモードに対応している必要があります。

 

もともとスマホ専用の設定もありましたが不満もあったので、こちらのモードに変更しました。

 

 

ブログを見てくれている人が使用しているデバイスは・・・

約8割がスマホでみてくれています。

なのでスマホユーザーが見やすいブログにしないとアクセス数は伸びません。

 

本当は画面の広いPCやタブレットでみた方が見やすいので、そちらでみて欲しいのですが、それは作り手側の意見です。

 

スマホでも見やすいブログにするのが、ニーズにあっていることです。

 

 

今までのスマホ専用モードの不満点。

一番不満だったのが、トップページに表示される最新更新記事の一覧が5記事分しか表示されていないことでした。

 

PCモードでみると15記事見る事が出来たのに5記事では少なすぎます。

折角の記事が6日で埋もれていってしまいます。

わざわざ前のページを押してまで過去記事を確認してくれる人は少ないです。

 

改善後

レスポンシブデザインモードにすれば、PCモードと同じく15記事トップページから見る事が出来るようになりました。

 

過去記事を順番に見ていく場合に簡単になっていると思います。

 

 

ユーザー向けサイトマップの作成

順調に読者が増えてきてアクセス数も伸びてきてうれしいのですが、最近悩みがあります。

 

それは・・・

最新記事は読まれているケド、昔書いた記事はあまり読まれていないな。

って事です。

コレでは、記事を書くのを少しサボったらアクセス数がガタ落ちです。

 

効率中受が出来て1年が経過し、一日1記事をホボ継続しているので現在の記事数は350ぐらいあります。

 私自身、書いたことを忘れている記事もあります。(笑

 

 

 

Googleクローラーがサボっているのか、

はてなブログクローラー向けサイトマップがバグっているのか、

私の設定の仕方が悪いのか、

分かりませんがGoogle検索に記事がのるまでの期間が長いです。

 

コレを改善するのが

ユーザー向けサイトマップの作成です。

今までも何度か作ろうと思ってましたが、メンドクサクテ出来ませんでした。

 

今回は簡単に全記事をサイトマップにする方法を考えたので作ってみました。

 

f:id:tutukun:20200222205733p:plain

 ↑コイツです。

 

存在感が異常にデカいボタンです。(笑

 

f:id:tutukun:20200222234214p:plain


タイトルの直ぐ下のリンクも整理して設置したので、とても押しやすいです!(力説

 

 このサイトマップを見てくれれば、過去記事も探しやすいかと思います。

 ちょっと重いですが慣れれば使えますよ。

 

ついでに・・・

細かい改良ですが、ページ最上部へスクロールするボタンも追加しました。

f:id:tutukun:20200222234826p:plain

 

この右下の矢印を押すと一番上へ戻ります。

なにげに便利です。

サイトマップへもすぐに行けます(笑

 

 

今後もよろしくおねがいします。

サイトマップの使い方は明日の記事で書きます。

※ちょっと重いので、ダウンロードされるまで少し待ってて下さい。

 

今後も読者の皆様に読んでもらいやすいブログにしていきたいと思っています。

Please let us know  if you have any opinions or advice.

 

 

Twitterでブログ更新情報を発信しています!

f:id:tutukun:20190305215109j:plainこの画像をクリックするとフォロー出来ます。

 

f:id:tutukun:20190323200216p:plain f:id:tutukun:20190323200219p:plain f:id:tutukun:20190629225531p:plain f:id:tutukun:20190527001631p:plain f:id:tutukun:20190527001635p:plain f:id:tutukun:20190323200212p:plain f:id:tutukun:20190323223812p:plain