greenの日記

ブログ運営/投資/株主優待/アドセンス の話し

【ブログ運営】憧れのトップページに[戻る]ボタンのあるブログ!完成(/・ω・)/

こんにちは、greenです。トップページに[戻る]ボタンがあるブログに憧れますよね!(強制共感依頼)
そんな時、[戻る]ボタンを設置すると、ブログへの滞在時間が長くなり、SEO的に良いという記事を読んだので、早速わたしのブログにも設置してみました。
f:id:greenupf:20190923171742j:plain
 

最近、文字数の少ない記事が多いから不要じゃないか👶

上の画像をもう一度見たい人がいると思って😅

はてなブログで[戻る]ボタンを設置する方法をグーグルさんに確認して、[戻る]ボタンを設置していきます。

この記事が戻るボタンが気になっている人の参考になればと思います。
記事の内容は、戻るボタンの設置の流れ戻るボタンの設定、最後にまとめです。

 戻るボタンの設置の流れ

トップページに[戻る]ボタンを設置する大まかな手順は、次の3つになります。

  1. 詳細設定の[headに要素を追加]を修正
  2. デザインカスタマイズの[フッター]を修正
  3. デザインカスタマイズの[デザインCSS]を修正

デザイン変更を良く分かっている人であれば、15分ほどで対応可能と思います。
ある程度分かっている人であれば、15分から60分ほどで対応可能と思います。
全然分からないという人は、頑張ってください。

ちなみに私は、3のデザインCSSでハマったので、45分ほど時間がかかりました。なぜか、今回のカスタマイズ内容をデザインCSSの最後の方に追記すると失敗したので、まん中の方に追記しました。

 

戻るボタンの設定

トップページに[戻る]ボタンを設置する手順は、次の3つになります。

  1. 詳細設定の[headに要素を追加]を修正
    画面左のサイドメニューの[設定]→[詳細設定]→[headに要素を追加]に追記
  2. デザインカスタマイズの[フッター]を修正
    画面左のサイドメニューの[デザイン]→[カスタマイズ]→[フッター]に追記
  3. デザインカスタマイズの[デザインCSS]を修正
    画面左のサイドメニューの[デザイン]→[カスタマイズ]→[デザインCSS]に追記

重要な追記する内容がないようですが❓

流れが理解出来たと思いますので、詳細な手順はうっすら透明な「上に戻る」ボタンのはてなブログ設置法 - あざなえるなわのごとしを参考にしていただければと思います😊

出た丸投げ😡 

 

まとめ

トップページに[戻る]ボタンを設置すると、滞在時間が長くなりSEO的にも良いということを知り、[戻る]ボタンを設置しました。
思ったよりも簡単に設定でき、読者にとっても操作がしやすくなり、SEO的にも良いということなので、[戻る]ボタンを設置していない人は是非設定してみては如何でしょうか。

憧れのブログシリーズも紹介しますので、気になるものがあればチャレンジして下さい。 

ブログの設定や簡単に記事を書く方法を纏めたカテゴリーです。

 最後まで読んでいただきありがとうございます。 

さあ、画面右下の[戻る]▲ボタンを押して、あなたもトップに❗

このエントリーをはてなブックマークに追加