魂を揺さぶるヨ!

ブログを通じて「魂を揺さぶり情熱を燃やせる何か」を探し人生を楽しみたいと考えている30代の男です。 アウトドア、インドア、なんでも好きです。哲学や心理学にも興味があります。

ブログをわかりやすくカスタマイズする方法のまとめ記事【全て図解あり!】

スポンサーリンク


f:id:soul-vibration:20170804204637j:plain

  • この記事は随時更新しております
  • 本ページの更新(2017年10月21日) 

 

こんにちはユレオです。 

 

いつも皆様のブログを拝見させて頂き、先人たちのテクニックや工夫を見よう見まねでいろいろと勉強させていただいております。

 

右も左もわからないところから始めた当ブログもだいぶ手を入れてきました。

 

書籍で培った知識よりもはるかに実際の運用されているブログを見る方が勉強になるため、書籍で基礎知識を学んだら、すぐに実際に試すという方法で勉強しています。

 

そうこうしているうちにメモ書きとし書いてきたブログ記事が増えてきたため、一度整理を兼ねて情報をまとめてみようと思います。

 

バランスよく情報がまとまっていませんが、何か使える手法などがありましたらご参考にしていただければ幸いです。

  

 はてなブログの始め方 ①~⑥   

こちらの記事は「はてなブログをゼロから始めるための基礎的な設定方法」をまとめております。これからはてなブログを始める方にはお役に立てるのではと思います。

 

①:はてなIDの取得方法 

 

②:はてなブログの記事の投稿方法

 

③:ブログ名、ブログアイコン、ブログの説明の設定方法

 

④:デザインテーマの設定、プロフィールの設定方法

 

⑤:タイトル画像の設定、グループの設定方法

 

⑥:ブログの概要、ブログのキーワードの設定方法

 

Twitter関連

はてなブログではTwitterの表示機能はありますが、それでは設定できないカスタム内容をまとめております。

 

Twitterのフォロワーボタンにフォロワー数を表示する方法


サイドバーのプロフィールにTwitterのフォロワーの人数を表示する方法

 

 サイドバーにTwitterのタイムラインを表示する方法

 

feedly関連

feedlyに関する記事をまとめていますfeedlyはRSSのサービスの一つでブログなどが更新されたかどうかを知ることができ、多くのニュースサイト等で導入されており、一部のブログでも目にすることがあります。

 

feedlyフォローボタンの導入方法のまとめ

 

Googleアナリティクス関連

将来はてなカウンターが廃止されるため、その代替えとして使う人が増えています。

 

Googleアナリティクスとは、Googleが無料で提供する「アクセス解析ツール」で、はてなブログも はてなカウンターの代替えとして紹介していたりします。 

 

かなり細かなアクセス情報を調べることができるので、使いこなすことができれば非常に強力なツールとなります。

 

Googleアナリティクスの導入方法のまとめ

 

Googleアナリティクスの基本操作 ユーザーサマリー編


Googleアナリティクスの基本操作 行動サマリー編

 

Googleアナリティクスの基本操作 検索流入を調べる方法

 

 

「カエレバ」「ヨメレバ」の設定

 「カエレバ」「ヨメレバ」のブログパーツを使用することで、複数のネットショッピングモールへのリンクをまとめて表示することができます。

 

そうすることで、アフィリエイト報酬のとりこぼしを減らしたり、ネットショッピングモールごとに商品紹介をせずに済むので、レイアウトが見やすく整理できます。

 

 「カエレバ」の設定方法


「ヨメレバ」の設定方法

 

各種IDがどこに表記されているかを知る方法

ブログを運用していくと、様々なサービスを利用するため、各サービスのIDについてどこ見れば調べれるのかをまとめました。

 

はてなブログを運用するうえで以下のIDを抑えていれば問題はないかと思います。

 

「カエレバ」「ヨメレバ」の設定の際に大いに役立つかと思います。

 

AmazonアソシエイトIDや楽天アフィリエイトIDはどこに書いているか

 

Google AdSenseIDはどこに書いているか

 

Bingもウェブマスターツール関連

検索エンジンはGoogleが有名ですが、Microsoftが提供しているBingもそれなりのシェアを持っています。 

 

このBingもウェブマスターツールを提供しているのですが、なんとこちらに登録するとSEO対策になるというのです。 

 

もちろんBingからの検索に限るのでBingのユーザーが少なければ恩恵は少ないですがGoogleに比べて登録者も少ないので、検索時に上位に来る可能性が高まります。

 

 SEO対策になるBingウェブマスターツールの登録方法


 各種関連記事を表示する方法

ブログの直帰率を下げるために関連記事をいかに目につくようにするか、皆さん工夫されているかと思います。

 

関連記事を表示する機能自体は はてなブログにもあるのですが、ビジュアル的に工夫された関連記事の表示方法をまとめました。

 

 かっこいいビジュアルの関連記事を表示する方法 

 

シンプルで見やすい関連記事を表示する方法 

 

サイドバーに画像で構成された複数の記事を表示する方法 

 

 ブログの各種カスタム

細かなブログに関するカスタム方法になります。サイト滞在時間を伸ばす工夫や内部SEOの整理等、カスタムしておいて損はない内容となっております。

 

サイト滞在時間を伸ばす!記事を読むのに必要な時間を表示する方法


手軽にパンくずリストを設定する方法

 

開閉式の目次を設定する方法 

 

Amazon ほしいものリストをサイドバーに設定する方法

 

画像にリンクを張りサイドバーにお勧め記事を作成する方法

 

サイドバーの一番下のモジュールをスクロールに関係なく画面に固定する方法 

 

お洒落でかっこいいシェアボタンを作成する方法 

 

ブログカードのサイズを変更する方法 

 

モバイルフレンドリーテスト関連

ブログの設定やカスタムではないですが、ブログの内容がスマートフォンでも最適に閲覧できるのかをチェックする方法をまとめています。

 

 モバイルフレンドリーテストツールの使い方


 

 Google検索関連

Googleからの検索流入が極端に少ないときは一度確認してみてはいかがでしょうか。 

インデックス登録がされいているかを確認する方法

 

 クロール統計情報を確認する方法

 

はてなブログ関連

はてなブログやはてなブックマークに関係する管理などの関連情報です。

 

 登録されてはてなブックマークのカテゴリを変更する方法

 

その他

ブログ運営に役立つ内容です。

 PageSpeed Insights を使用してサイトの表示速度を調べる方法

サイトの表示速度を計測して、ユーザーエクスペリエンスが高いかを調べる方法です。

 

GIFアニメーションで動く画像を作成する方法

 

動画からGIFアニメーションを作成する方法

 

「幕末古写真ジェネレーター」の使い方。古写真風に画像を加工する方法

 

 「PhotoFunia」の使い方。思わず2度見する画像加工サービス。

 

 簡単にブログにリストや表を作成する方法

 

 簡単にかっこいいグラフが作成できるWebサービス

 

まとめ

私がブログを始めて勉強した際にメモとして残した分の記事になります。まとめきれずに公開していないものもかなりあるので、随時まとまり次第記事にしていければと考えています。

 

ブログを始める前の自分がこんな記事があれば助かるだろうなー ということを念頭に図解を用いたり文書や説明をできる限りわかりやすくなるよう心掛けてきました。

 

今見るとまだまだまとまりが悪く、説明不足なところが散見されますが、これからブログを始める方へほんの少しでもお役に立てればと思います。

 

こちらのページは記事が増えれば随時更新していきます。

 

 

 よろしければこちらの記事もご覧ください

 

スポンサーリンク