ブログ関連まとめ

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

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

こんにちはユレオです。

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

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

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

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

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

●スポンサーリンク


◆記事の目次◆

 はてなブログの始め方

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

はてなブログの始め方。初心者の為の図解で全てを説明した完全マニュアル

【はてなブログの始め方】初心者の為の図解で全てを説明した完全マニュアル【初期設定から使い方まで】 こんにちは、ユレオです。 数あるブログの中、当ブログ「魂を揺さぶるヨ!」を閲覧いただきありがとうございます。 ...

スポンサーリンク

①Twitter関連

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

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

Twitterのフォローボタンにフォロワーの人数を表示する方法【図解あり!】こんにちはユレオです! いろんな方のブログを見ているとTwitterのフォローボタンにフォロワーの人数が表示されているのを見たこと...

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

サイドバーのプロフィールにTwitterのフォロワーの人数を表示する方法【図解あり!】こんにちはユレオです! 前回Twitterのフォローボタンにフォロワーの人数が表示する方法記事にしました。 https://...

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

Twitterのタイムラインをサイドバーに表示する方法【図解あり!】 こんにちはユレオです! いろんな方のブログを見ているとサイドバーにTwitterのつぶやきが表示されているのを見たことない...

feedly関連

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

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

feedlyフォローボタンのわかりやすいブログへの導入方法【図解あり!】 ブログを巡回していて上記のようなアイコンやボタンを見たことは無いでしょうか? これは何のサービスだろ?FacebookやT...

スポンサーリンク

Googleアナリティクス関連

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

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

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

初心者の為のGoogleアナリティクスを図解で説明した完全マニュアル こんにちは、ユレオです。 数多くのブログがある中、当ブログ「魂を揺さぶるヨ!」を閲覧いただきありがとうございます。 ...

スポンサーリンク

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

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

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

 「カエレバ」の設定方法

わかりやすい「カエレバ」の設定方法のまとめ【図解あり!】こんにちはユレオです! ブログを巡回していてこんなことを思ったことはありませんか? 「この商品紹介のリンクがかっこよくてレイ...

「ヨメレバ」の設定方法

わかりやすい「ヨメレバ」の設定方法のまとめ【図解あり!】こんにちはユレオです。 前回「カエレバ」の設定方法をまとめましたが、ついでに「ヨメレバ」の設定もまとめたいと思います。 ht...

スポンサーリンク

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

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

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

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

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

AmazonアソシエイトIDや楽天アフィリエイトIDを調べる方法【図解あり!】 こんにちはユレオです! AmazonアソシエイトIDや楽天アフィリエイトIDについてどこを調べればわかるのか困ったことは無...

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

Google AdSenseIDがどこに書いているのか調べる方法【図解あり!】 こんにちはユレオです! 前回AmazonアソシエイトIDや楽天アフィリエイトIDがどこに書かれているかをまとめました。 ...

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

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

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

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

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

SEO対策になるBingウェブマスターツールのわかりやすい登録方法のまとめ【図解あり!】 みなさんSEO対策してますか? 私は昨日まで「SEOってなにそれ?うまい?」状態でしたが、いろいろと調べるとブログを運営す...

スポンサーリンク

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

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

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

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

お洒落でかっこいい関連記事の表示方法【こんな記事も読まれてます】【図解あり!】 こんにちはユレオです! ブログを巡回していて複数の画像が一か所にまとまった関連記事表記を見たことはないでしょうか? ...

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

シンプルで見やすい関連記事の表示方法【こんな記事も読まれてます】【図解あり!】 こんにちはユレオです! 前回の記事で関連記事表記をビジュアル的におしゃれに表示する方法をご紹介しました。 https...

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

複眼RSSで構成された複数の記事を表示する方法【こんな記事も読まれてます】【図解あり!】こんにちはユレオです! 写真をメインで取り扱っているブログ等では記事名を表記せず、画像だけで記事一覧を見せたいということは無いでし...

 ブログの各種カスタム

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

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

サイト滞在時間伸ばす! 記事を読むのに必要な時間を表示する方法【図解あり!】こんにちはユレオです! いろんな方のブログを見ていると様々な工夫がされていますが、不思議に思った工夫がありました。 記事のタ...

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

はてなブログで「パンくずリスト」を設定する方法【図解あり!】ブログのカテゴリが多い記事を読んでいると、今どのカテゴリ階層の記事を読んでいるのか知りたい時ってありませんか? そういう時に役に立...

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

はてなブログで開閉式の目次を設定する方法【図解あり!】 ブログをまとめている際に項目が多くなり、目次を付けたが目次が画面いっぱいに表示されて邪魔に感じたことはありませんか? そも...

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

わかりやすいAmazonほしいものリストの設定方法【図解あり!】 ブログを巡回していてブログに”Amazonほしいものリスト”が掲載されている方がおられるのですが、最初はブログ主の趣味の傾向がど...

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

画像にリンクを張りサイドバーにお勧め記事を作成する方法【図解あり!】 こんにちはユレオです。 先日「当ブログのお勧めの記事」という項目をサイドバーに追加したのですが、ブログカードのサイズが合わ...

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

コピペで出来るサイドバーのモジュールを画面に固定する方法【図解あり!】 こんにちはユレオです! ブログを閲覧していて、サイドバーの一番下のモジュールが画面スクロールに合わせて固定されるのを見たことはあり...

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

【図解あり!】お洒落でかっこいいシェアボタンを作成する方法【忍者おまとめボタン】 こんにちはユレオです。 はてなブログにはソーシャルパーツでシェアボタンが追加できますが、デフォルトでついているシェアボタン...

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

【図解あり!】はてなブログのブログカードの高さと幅を変更する方法 こんにちはユレオです。 はてなブログを運営していると記事にリンクを張ることがあるかと思います。 その時普通にブログカ...

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

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

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

わかりやすいモバイルフレンドリーテストツールの使い方【図解あり!】 突然ですが、「モバイルフレンドリーテストツール」というのを利用されたことはありますか? ユレオは先日までその存在を知りませ...

Google検索関連

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

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

Google検索エンジンにインデックス登録がされているかを確認する方法【図解あり!】 当ブログはgoogleからの検索流入が非常に少ない数値となっております。 何か設定を誤ったんだろうか・・・ 特に心当たりが...

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

毎日記事を書くと有利!クロール統計情報を確認する方法【図解あり!】 こんにちはユレオです。 ブログを運営している方はGoogleからの検索流入の割合について気になる方は多いのではないでしょう...

はてなブログ関連

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

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

はてなブックマーク のカテゴリを登録後に変更する方法【図解あり!】 こんにちはユレオです。 ブログを運営していて楽しいことや嬉しいことはいくつもありますが、その一つに記事がブックマークされて...

その他

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

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

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

PageSpeed Insightsの使い方。わかりやすいサイトの表示速度を調べる方法 【図解あり!】 こんにちはユレオです。 ブログを閲覧していてパソコンで見てもスマホで見ても表示が重いWebサイトに訪れたことは無いでしょう...

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

【GIFアニメーションの作成方法】わかりやすい動く画像を作成する方法【図解あり!】 こんにちはユレオです。 ブログの記事で何かを解説するときに、「画像に動きがほしい」と思ったことはありませんか? また...

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

動画からGIFアニメーションを作成する簡単な方法【図解あり!】 こんにちはユレオです。 先日は画像からGIFアニメーションを作成する方法について記事にしました。 https://t...

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

「幕末古写真ジェネレーター」の使い方。古写真風に画像に加工する方法【図解あり!】 こんにちはユレオです。 皆さんブログに掲載する写真の加工したりしていますか? 加工といっても、見た目を良くする加工か...

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

思わず2度見する無料で使える画像加工サービス「PhotoFunia」の使い方【図解あり!】 こんにちはユレオです。 ブログを運営する上でアイキャッチとなる画像はかなり重要で、アイキャッチがある場合とない場合では記事...

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

【図解あり!】簡単なブログにリストや表を作成する方法【リストの表示方法】 こんにちはユレオです。 以前からブログの記事にエクセルのようなリストや表を作りたいなーと思い、いろいろと作り方を調べたとこ...

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

【図解あり!】簡単にかっこいいグラフが作成できるWebサービスのご紹介 こんにちはユレオです。 今までブログ運営をされていて記事にグラフを表示したいと思った経験はありませんか? 私はグラフ...

まとめ

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

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

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

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

●スポンサーリンク


おすすめのアフィリエイトASP ベスト3

「ASP(アフィリエイト・サービス・プロバイダ)」とは、アフィリエイトの広告主とブログ運営者を繋ぐ仲介業者のことで、ブログ運営で広告などを掲載するにはASPに登録する必要があります。そうしたASPは数多くありますが、初心者向けのおすすめのASPをご紹介いたします。

1位 A8.net

A8.netは広告主数が豊富で、ブログを始めたばかりの方もwebサイトやブログを登録できますし、手続きも簡単でアフィリエイトを手軽に始めることができます。

また、A8.netでは「セルフバック」が充実しており、自分で商品の購入やサービスを利用できるので、レビュー記事が書きやすい特徴もあります。
 
総合
商品種類
初心者向け

A8.netの詳細ページはこちら

 
2位 もしもアフィリエイト

もしもアフィリエイトはブログ運営の初心者でも成果を上げられるように詳しく書かれたマニュアルがあるなど、「ブログ運営初心者に対して嬉しいサービス」が充実しています。

また、Amazonアソシエイトと楽天アフィリエイトをまとめれるので管理がしやすく、W報酬制度やプレミアム報酬などの独自の報酬制度があります。
 
総合
商品種類
初心者向け

もしもアフィリエイトの詳細ページはこちら

 
3位 バリューコマース

バリューコマースはYahooショッピングでの報酬の取りまとめに力をいれていたり、スマートフォン向けのオーバーレイ広告が掲載できます。

また、メルカリなどのバリューコマースにしかない広告案件があり、ンのASPがすでにあったとしても広告案件の隙間を埋めたり、登録しておいて損はありません。
 
総合
商品種類
初心者向け

バリューコマースの詳細ページはこちら

スポンサーリンク