はてなブログスマホデザインに変えてPV数が上がったカスタマイズ紹介「コピペコード付き」

f:id:buchibuchi4647:20170603214513j:plain

はてなブログをレスポンシブデザインからスマホデザインに変更することでアクセス数が急激に伸びました。読者の多くはスマホからのアクセスです。スマホデザインをしっかりカスタマイズすることは重要です。そんな僕がPV数を伸ばしたスマホデザインのカスタマイズをすべて公開します。

 スマホデザインに変更でPV数が増加

スマホデザインに変更しようと思うきっかけを与えてくれたのが以下の記事でした。

 

【決定版】はてなブログ・スマホデザイン最強カスタマイズ集 – ひつじの雑記帳

この記事をきっかけにスマホのレイアウトを見直すべきと考えるようになりました。レスポンシブデザインのままではいけないと思い、カスタマイズすることにしました。

ヘッダー

ヘッダー部分です。「スマートフォン」→「ヘッダー」にコピペコードを使用してください。

f:id:buchibuchi4647:20170611130324p:plain

コードはこちら

13行目で背景色、16行目でタイトルの文字色を変更できます。

メニューバー

f:id:buchibuchi4647:20170611131537p:plain

メニューバーはヘッダーの上部にあります。下にスクロールすると固定でついてくるように設定しています。アドセンスと重なると違反になりますので少し薄くしています。メニューボタンをクリックすると左側に一覧表示できます。

コードはこちら

3〜10行目をメニューで表示したい「カテゴリーURL」と「タイトル」に置き換えてください。

記事上

記事上のカスタマイズです。「スマートフォン」→「記事上」にコピペコードをコピーする。

スライドショー

f:id:buchibuchi4647:20170611132151p:plain

注目記事をスライドショーを使って記事上で表示しています。読者の目を引くこと間違いなし。こちらはコードを以下の記事で公開していますので、気になる人は参考にしてください。

 

english-apple-diy.hatenablog.com

 文章や文字の設定

f:id:buchibuchi4647:20170611132714p:plain

画像を丸くしたり、余白の設定やフォントを変更しています。

コードはこちら

必要のないコードは削除して貼り付けてください。

記事下

記事下カスタマイズです。「スマートフォン」→「記事下」に以下のコードをコピーして貼り付けてください。

snsシェアボタンとフォローボタン

f:id:buchibuchi4647:20170611133937p:plain

f:id:buchibuchi4647:20170611134026p:plain

シェアボタンは記事上、記事下の両方に貼り付けています。フラットタイプは個人的に好きでおすすめしています。フォローボタンはブログタイトルとインスタグラムを入れるのを目標に作っています。

 

english-apple-diy.hatenablog.com

 しかし、すでに自分の気に入ったものがある人はわざわざ変更する必要もないかもしれません。あくまでも補足的なものとして。

フッター

初期設定では不要なものが多いので非表示します。「スマートフォン」→「ページャー下」に以下のコードをコピーして使ってください。

コードはこちら

これでスッキリしました。

profile

プロフィールの設定をします。

以下記事を参考にコピペコードを貼り付けてください。

 

english-apple-diy.hatenablog.com

 注目記事をカスタマイズ

フッターにある注目記事を少しスッキリさせ、目立てさせます。「フッター」→「ページャー下」に以下のコードをコピーして使ってください。

これでサムネイルの表示もスッキリしました。

おわりに

レスポンシブデザインからスマホデザインに変更してアクセス数が本当に伸びたのは事実です。以下の記事でもその詳細について書いています。

 

english-apple-diy.hatenablog.com

 アクセスを稼ぐためにいろいろと工夫はしていますが、スマホデザインに変更したのが、PV数を伸ばすきっかけとなったのは間違いです。あなたも今回のこのカスタマイズを参考にPV数を稼いでください。

当サービスお得情報紹介・5名限定モニター生募集

当サイトのサービスはサイト作成だけでなく修正・カスタム・アクセスアップだけに留まらず、初心者向けに副業・アフィリエイトのノウハウも紹介しております。少しでも購入者が満足できるようなサービス提供を心がけております。

特に購入して終了ではなく。サービス終了後も定期的なやりとりを通じてお客様の相談・依頼をいただくことが一番重要だと思っております。長い付き合いになると思いますが、当サービスを利用して会社の利益アップ・脱ノウハウコレクターとなりませんか?

サービス概要に関してはこちらです。

 

学生・主婦の方から社会人の方まで幅広くご依頼をいただいております。

上記のサービスはいずれも好評です。特にアフィエイトをしている人でなかなか成果の出ない人や初心者で何からすれば良いのかわからない人にはおすすめのサービスとなっております。

サービスご依頼ご希望の方はサイト内に設置「お問い合わせ」フォームより依頼・または下記よりご連絡ください。当サービスはプロフィールにもありますよう「ココナラ」にて500件以上の販売実績と評価4.8以上であるプラチナ会員認定

ココナラ経由ではなく当サービスの「お問い合わせ」よりご依頼いただいた方には貴重な特典・割引価格で提供しております。このチャンスにぜひご検討ください。

ご依頼お待ちしております。

また、2020年にはあるモニター生が私のコンサルサポートを実施してココナラ での販売を開始しました。2020年7月末から8月末までの1ヶ月間での成果ですが。売り上げではなく、実際の収入見込みが22万達成できました。新規アカウントです。この調子で頑張って欲しいです。

上記のモニター生同様、ココナラ を使って副業サポートコンサル希望のモニター生を5名募集しております。

モニター価格は2種類あります。私が徹底的にサポートまたは定期的なアドバイスの2パターンあります。興味のある方は、こちらも合わせてお問い合わせよりご連絡ください。5名限定なので迷ったらとりあえずご連絡ください。

ご依頼・ご質問等はコチラから。内容を確認次第、順次対応させて頂きます。

お名前
必須
メールアドレス
必須
サービス内容
メッセージ本文
 
最新情報をチェックしませんか?