この記事では、変更方法を解説していきます。

amazonアソシエイトの紹介料を受け取るには

amazonアソシエイトの紹介料は「Amazonギフト券」か「銀行振込」で受け取ることができます。

Amazonギフト券

Amazonギフト券で受け取る場合は、月末に５００円以上の紹介料に達していれば受け取ることができます。

銀行振込

銀行振込で受け取る場合は、５０００円以上の紹介料に達していなければいけません。

この度、５０００円を超えていたので「ギフト券払い」から「銀行振込」に変更しました。

「ゆうちょ銀行」にしようと変更をこころみたのですが、銀行名の選択肢に「ゆうちょ銀行」がない！！

「え！？できないの？」と右往左往した結果、無事ゆうちょに変更できました。

ここから先は、amazonアソシエイトの紹介料支払い先を「銀行振込」にする方法を(ゆうちょ銀行に変更する場合も含めて)図解していきます。

amazonアソシエイトの支払い先に銀行口座を変更登録する

通帳など、口座情報がわかるものをご準備ください。

まずは、amazonアソシエイトにログインします。

画面右上部の「メールアドレス」から「アカウントの管理」を選びます。

「お支払い／米国税務情報を変更」をクリック

「銀行口座での支払いを希望」に✔チェックを入れて、変更したい自分の口座情報を入力してください。(ゆうちょ銀行は後ほど)

一番下の「保存する」をクリックして変更完了です！！

ゆうちょ銀行に変更する場合

ゆうちょ銀行に変更する場合は、銀行名を「その他」にしておきましょう。ゆうちょ銀行の銀行番号は、「９９００」です。

ゆうちょ銀行の場合、口座番号が８桁になっている人もいるかと思います。amazonアソシエイトの支払い先は７桁の口座番号を入力しますので、これから７桁の口座番号と店番号を調べましょう。

ゆうちょのサイトで調べます。
⇒記号番号から振込用の店名・預金種目・口座番号を調べる(ゆうちょ銀行)

手元にゆうちょ銀行の通帳かキャッシュカードを用意して、番号を入力しましょう。

記号・番号を入力して確認すると、以下のように店番と７桁の口座番号が出てきます。

この番号を、amazonアソシエイトの支払い先情報に入力してください。

「保存する」をクリックで変更完了です。

ブログビギナーから抜け出せない凡人が運営するヨムログへようこそ。

他人のブログの運営報告を見るのは大好きですが、自分の報告を書く気は全くありませんでした。

たいして人がこないブログの運営報告しても自分の恥をさらすだけな気がして…

しかし、思うところあって備忘録として残しておきます！

ブログ４カ月の軌跡

記事数/PV/収益など、いろんな数字をまとめておきます。

ブログ４カ月目の記事数

2018年10月2日に記事を初投稿したので、丸4カ月経過したところです。

2月2日現在の投稿数は33記事になりました！

少ないっ！

まず、初投稿(10/2)から2記事目(10/19)を書くまでに17日の空白期間があるのがヒドイ。

毎日記事を書ける人ってどういう精神構造をしているのでしょうか。

尊敬します。

投稿記事数の変遷

月次で投稿記事数をまとめるとこうなります。

気合を入れて記事を書こうとすると、最初は書くのに5日間くらいかかりました。

調べて、書いて、直して、調べて、直してのエンドレス…！

カリスマ性のあるブロガーさんの発言でよく目にする「最初は1記事6時間とかかかってたけど、今は30分で書ける」とか、そういうのの比じゃないほど時間がかかります。自分の才能のなさに驚きました。

4カ月たった今は、記事によりますが6,7時間程度に短縮されたと思います。それでも長いですね。

時間をかけて書いても最初2ヶ月目までは本当にほとんど人が来ず、心が折れかけました。

わたしはSNSもやっていません。あまりにも閑散としていたので「ブログ村」に登録し、ブログ村からわずかながら見てくれる人がいるという感じ。

ワードプレスブログは孤独との闘いといいうのは本当でした。

それでも細々と続けることができたのは、ねらったキーワードで1ページ目に入ったときの充足感と「 クロネのブログ講座」さんを見ながら＋10記事を目指して書いていたからでしょうか。

10記事書いてはクロネのブログ講座の「(^○^)お!(^□^)め!(^◇^)で!(^▽^)と!(^☆^)う!」を見に行って、達成感を味わっています。

まだ30記事しか達成していないので、3回しか見てません。

100記事まではお世話になると思いますm(__)m

カメのペースですが、ひと月に10記事は入れたい！ということで、先月1月も31日にギリギリ2記事を追加して、10記事にしました。

このように行動力がないので、自分に向けて書いた記事がこちらです↓

「すぐやる人」になりたい！行動力を上げる２冊の書籍をご紹介！！

あー、アレやらなきゃ。寝る前にやるか……数時間後。やっぱり眠いし、今日はもうできないかなー。…うん、明日やろう。明日の自分、がんばれ…。はい、これ私です。学生時代から、宿題はギリギリにやる派。仕事や他人のこととなれば、まだマシなのですが、自...

yomlog.xyz

実行できていません…

ブログ４カ月目のPV数UU数(SNSなし)

画像なしでのご報告です。ご了承ください。

恥ずかしい…！

Googleで「ブログ　4ヶ月　PV」とかで検索すると、何万PVとか目を疑うような数字が出てきますが、これが普通の人のリアルな数字です。SNSと連携してません。バズる気配もありません。

検索上位の人は、上位に表示されるだけあって素晴らしい実績なのはあたりまえなのかもしれません。

でも1000人も来てくれたと思うと、すごい人数だなーと思うわけです。

PV数が1日50PVあれば上位20%のブロガー！？

最近は50PV/日は超えるようになっているし100PVの日もあり、昔バイトしていたお菓子屋さんより客足が多い！と感動しています。

アルパカタログさんのブログに「PV数が1日50PVあれば上位20%のブロガーらしい」との記事を見つけて今はそれを心の糧にしてブログ活動を続けています。(データは少し古め)

直帰率が高い問題

この通り、基本的にほとんどの人が1ページしか見ないで、お帰りになります。

原因としては、雑記すぎる・記事数が少ない・他に見るものがない・サイトの設計…など、いくつも心当たりが！

内部リンクも貼ったりしていますが、とにかく同カテゴリの記事数や関連記事を増やさなければいけないと思います。

肝心のライティングスキルも上げたい！

直帰率改善策として

何を隠そう、今回の運営報告記事を書くきっかけになったのが、この回遊率の低さのためです。

言ってしまえば、みんな大好き運営報告の記事があったら回遊してくれるんじゃないかと思い、恥ずかしながら公開に至ったわけです。

書いてみると意外と楽しいですね。

こちらのアドセンス追加の記事が、比較的ブログ内では読まれてる方の記事なのです。

アドセンス合格！複数サイト追加に審査が入るようになったので要注意！

Google AdSense(アドセンス)に合格しました！！このブログじゃないブログで通過しました。いわゆる審査用に作ったブログで合格したのですが、タイトルの通り複数サイトを追加するには審査というか、チェックが入るようになっていました！

yomlog.xyz

アドセンス記事を読んでくれる人は、「アドセンスでサイト追加するときの仕様が変わったのかな？」と思って検索して来てくれているわけですから、サイトを複数持っている人。

つまり、サイト運営初心者じゃない可能性が高い！

同じ「ブログ運営」カテゴリのこういうアイキャッチの作り方とか需要ないでしょうね。

【画像作成】ブログの文字入りアイキャッチならCanvaが使える！！

いい感じのブログに貼ってあるような、それっぽいアイキャッチ画像を作りたい！illustratorもPhotoshopも持っていないけど作りたい！そんな時に出会ったのがCanva(キャンバ)でした。Canvaを使うと、わたしのようにセンスなし...

yomlog.xyz

サイト運営初心者じゃなくても運営報告なら「どれどれ、このポンコツサイトの収益は？」と見てくれそうな気がして、この記事を書いています。

冒頭で「思うところあって…」と書いたのは、直帰率を改善したい下心があって…ということですね！(赤裸々)

とにかく直帰率を下げたい一心で！

見やすいサイト構成なども、いつか考えたいと思います。

ブログ４カ月目の収益

凡人ブログでも、収益がでました！

ありがたいことです。

初収益は3ヶ月目にアマゾンリンクから35円ほど。

それとプラスしてアドセンスも、おなじくらい。

雀の涙ほどの収益でも、本当にブログからお金が生まれるのか！と感動がありました。

4カ月目の収益はというと…、収益増加しました。

アドセンスは、どんどん1クリックの単価が下がっています。

対策しないと。

ASPは、ビギナーズラック的な＋1000円が「もしもアフィリエイト」から入りました。

先月の数十円から大きく数字を伸ばしましたが、まだまだ勉強が必要です。

やっぱり収益化は、簡単ではないですね。

使用しているASP

2019年2月現在のところ、提携しているASPは以下の通りです。

• A8.net
  
• もしもアフィリエイト
• TCSアフィリエイト
• バリューコマース

Amazonと楽天はもしもアフィリエイト経由の広告を貼っています。

3，4ヶ月目の収益のほとんどは、もしもアフィリエイト(Amazon)によるものでした。

PV数が多くないので、アドセンス以外に力を入れたほうが良さそう。

ブログ４カ月目の所感

4ヶ月ブログをやってみた感想としては「おもしろい！」です。(語彙が小学生)

最初は記事がインデックスさえしなくて絶望的でしたが、インデックスされ、順位がじりじりと上がっていくのを見るのは楽しいです。

やればやるだけ答えてくれる、やりがいのあるゲームをしている感覚とでも言ったらいいでしょうか。

順位は、検索順位チェックツールGRC(無料版)とＧＲＣ(モバイル無料版)で確認してます。

無料だと、PC版とモバイル版あわせても20キーワードしか登録できないので、Googleサーチコンソールなどでも見てます。

検索順位チェッカーは登録不要で順位検索ができて便利ですが、取得エラーが多め。

パナソニック創業者、松下幸之助さんの名言

『成功とは成功するまでやり続けることで、失敗とは成功するまでやり続けないことだ』

とにかく継続が大切。

ダメだろこれは、と思った記事でも、手直しを入れて1・2カ月もすると成長していたりします。こういう小さな変化に楽しみや喜びを見出すことができれば、継続も可能だと思います。

個人的には、もっと記事を書くのが課題ですね。

ブログ運営報告記事は、読むだけじゃなく書いても楽しかったです。

脳内でブログ関連の考え事が結構な割合を占めているので、アウトプットするとスッキリします。

脳内スッキリと言えば、今マインドフルネスにはまっています。

「マインドフルネス」カテゴリも作ったので、頭を整理したい方にオススメです (無理やり感のある内部リンクへの誘導…)

マインドフルネス瞑想の効果とは 8割の人が感じる疲れをスッキリ解消

統計では、わたしたち成人人口のおよそ８割もの人が何かしらの「疲れ」を感じています。どれだけ体を休めても「疲れ」が抜けない、何もしてないのに「疲れている」という人は多いはず。どれだけ休んでもとれない疲れは、「お疲れ脳」が原因かもしれません。「...

yomlog.xyz

「記事増やす」「ライティングスキルを上げる」「回遊率アップ」など、あらゆる課題も再確認できました。

また、思うところがあったら書きたいと思います。

最後までお読みいただき、ありがとうございました。

矢印や説明文を入れて、使い方などを説明する画像のことです。

私はPhotoshopやillustratorなどの有料ツールをもっていないので、PhotoScape(フォトスケープ)で画像を加工して解説用画像を作成しています。

この「フォトスケープ」がとっても使いやすい！

無料のソフトなのに！

使いたい機能がまとまっている上に、初めて使う人でもパッと見たらわかる作りになっているので初心者にもやさしい画像編集加工ソフトだと思います。

今回はそんな「フォトスケープ」の便利機能と解説画像の作り方をお伝えします。

フォトスケープは解説ブログの画像加工にぴったり

わかりやすいブログやサイトだと、画像に矢印をつけて「ここをクリック」と文字が入れてある加工された画像をよく目にします。

なにかを説明するときに画像が添えてあるとわかりやすいですよね。

そんな解説画像を「フォトスケープ」で簡単に作成することができます。

https://photoscape.softonic.jp/

photoscape.softonic.jp

では、実際に作り方を説明していきます。

フォトスケープで解説画像を作成する

私がよく利用する機能は「スクリーンキャプチャ」と「画像編集」です。

スクリーンキャプチャ機能

スクリーンキャプチャ機能では、パソコンの「全画面」「ウインドウ」「領域(指定した範囲)」とスクリーンキャプチャする範囲を選ぶことができます。

パソコンのスクリーンショットボタンでもできますが、「領域 (指定した範囲)」だけを切り取るように保存したいときは「フォトスケープ」が便利です。

また、スクリーンキャプチャした瞬間に画像編集画面へ移動するので、とても楽。

自分の画像フォルダへ画像を探しにいかずに、すぐ画像加工に取りかかることができるのです。

「スクリーンキャプチャ」は下の点線丸部分から。

文字入れなどの加工編集は、矢印部分の「画像編集」で行います。

画像編集機能

「画像編集」の画面は右側が画像編集のスクリーンになっています。

左側にPCのフォルダが並んでいるので、ピクチャなどから自分の写真などを取り込んで加工できます。

スクリーン下に編集ボタンが並んでいます。

赤枠の「ホーム」タブから見ていきましょう。

「ホーム」タブ

たとえば、「ホーム」でよく利用する機能は、リサイズ。

画像の横幅を縦横比はそのままで縮小することができます。

大きすぎる画像はリサイズで適切なサイズにしましょう。

また、フレームも色々な種類があります。

フォトフレーム風・クリップやテープでとめてる風・木枠・お花・ハート形など画像を装飾することができます。

また「フィルム効果」「フィルター」では画像をセピア色にしたり、アンティーク加工をほどこしたり、おしゃれな雰囲気にすることも可能です。

こんな感じで「ホーム」「オブジェクト」「トリミング」「ツール」タブを押していくと、だいたい必要な機能がそろっています。

つづいて「オブジェクト」タブで色々書きこみましょう。

「オブジェクト」タブ

「オブジェクト」では文字入れや矢印を入れることができます。

ごちゃごちゃした画像になってしまいました…

ほぼ、この「オブジェクト」タブの機能でやりたいことが完了するので、ここが使いこなせたらとっても便利です！

もちろん文字色や文字の縁取り、吹き出しの色、フォントも選べます(日本語フォントは少なめ)

「トリミング」タブ

「トリミング」タブでは、画像を四角や丸くトリミング(切り取り)ができます。

「ツール」タブ

「ツール」タブでは、モザイクが使えます。

隠したいものも多々出てきますからね。ブログを運営する上で、必須の便利機能です。

保存する

保存はJPEG形式やPNG形式などから選ぶことができます。
※透過PNG保存はできません。

またJPEG形式だと画質を落として保存することができます。

JPEG品質バーで調節して保存することで、画像の容量を軽くすることができます。

品質を落としすぎると「ぼやっ」とした画像になってしまうので、やりすぎ注意です。

私はよく「ぼやっ」となってしまいます。

またExif情報保持のチェックを外すと、Exif情報を消してくれます。

まとめ

画像加工・編集のフリーソフトは、他にも色々ありますが「フォトスケープ」が圧倒的にわかりやすかったです。

画像系フリーソフトの中では、初心者に一番やさしい使いごこちではないでしょうか。

インストールしてから一度も使い方をググったことがないくらい感覚で使い方がわかります。

私はブログの解説画像を作成するばかりで、紹介した機能しか使っていませんが他にも色々と機能があります。

Gifアニメもできるみたいなので、ちょっとチャレンジしてみたらこのようなものができあがりました…

う、動いたっ！

なんということでしょう！

なにかと便利で使い勝手が良いので、おすすめの画像加工用ツールです。

ちなみにアイキャッチ画像はCanvaを利用しています。かわいいフォントがたくさんある！

【画像作成】ブログの文字入りアイキャッチならCanvaが使える！！

いい感じのブログに貼ってあるような、それっぽいアイキャッチ画像を作りたい！illustratorもPhotoshopも持っていないけど作りたい！そんな時に出会ったのがCanva(キャンバ)でした。Canvaを使うと、わたしのようにセンスなし...

yomlog.xyz

こちらの記事でも画像関係ツールを紹介しています

ブログ画像のサイズから圧縮まで！初心者が知っておきたい情報まとめ

今回はブログをはじめた2ヶ月前の自分に教えたい、ブログ画像のアレコレについてまとめていきます。超初心者だったわたしは、ブログの画像に関して全く知識がありませんでした。様々な情報を調べて試行錯誤してきた中で、やっとたどりついた画像サイズ・圧縮...

yomlog.xyz

最後までお読みいただき、ありがとうございました。

illustratorもPhotoshopも持っていないけど作りたい！

そんな時に出会ったのがCanva(キャンバ)でした。

Canvaを使うと、わたしのようにセンスなしでも今っぽいアイキャッチ画像が数分で作れるようになります。

そんな便利なものがあるの！？

そんなわけで、今回はアイキャッチ画像の作り方・Canva(キャンバ)の利用方法について解説していきます。

Canva(キャンバ)は画像編集サイト

Canvaは、オーストラリア生まれのクラウド上で使える画像編集ツールです。

Canva: Visual Suite for Everyone

Canva is a free-to-use online graphic design tool. Use it to create social media posts, presentations, posters, videos, ...

www.canva.com

利用登録をすれば、無料で簡単に画像編集ができます。しかも商用利用も可能です。

有料会員になると使える機能が増えますが、今のところ無料で充分に使えるのでかなりオススメです。

私は、もうこれなしではアイキャッチを作ることができません。

最初に作ったのは、ブログをはじめて12記事ほど投稿していた時期でした。
あまりに使い勝手が良くて、１記事目からアイキャッチ画像を一気に作り直した思い出。

サイト上で作業をするので、パソコンが重いからソフトを入れたくない人も利用しやすいですね。

しかも操作感も抜群です！

Canva…！これは、すごそうなサイトだ！！

Canvaでアイキャッチ画像を作成する

利用する前に、登録が必要です。

サイトへ行くと分かりますが、FacebookのカバーやTwitter用・YouTubeのサムネイル用など、そのまま使えるおしゃれなデザインテンプレートがたくさんあります。

アイキャッチ画像だけでなく、ポストカードや宣伝用広告など使い方は無限大です。

おしゃれなテンプレートを使うのもいいですが、今回はオリジナルのアイキャッチ画像を作成していきましょう。

画像サイズを指定する

画像のサイズを自分で決めた数値にすることができます。

サイトの右上、カスタムサイズをクリックしてサイズを入力しましょう。

私はアイキャッチ画像を「800px×450px」と決めていますので、800・450と数字を入力します。緑の「新しいデザインを作成」ボタンをクリック。

画面の右側に指定したサイズのキャンバスが表示されます。
(Canva(キャンバ)はキャンバスが由来だと思っているので、こう呼んでみる)

画像をアップロードする

Canvaに画像をアップロードしましょう。

左端のアップロードボタンをクリック
↓
「画像をアップロード」をクリック

Canvaっぽい青い写真をアップロードしました。ここから自分の撮った写真でも、お気に入りの画像でもサイト上にアップロードすることができます。

自分がアップロードした画像をクリックすると、キャンバスに移動します。

写真の角を引っ張ってサイズを調整したり、配置を好みの場所に動かしましょう。

Canvaの無料画像も利用できる

アップロードが面倒くさいなら左端にある「素材」ボタンをクリックして、Canvaの画像を使うこともできますよ。

欲しい素材を検索窓から検索することもできます。

素材には無料素材と有料素材があるので、表示を見て使いましょう。「無料」や「＄1.00」と表示されています。

素材の下部に表示されていますよ

画像に文字を入れる

このフィルター機能で画像を白黒にしたり、夏っぽくしたり、ニュアンスを１クリックで変更することができます。

図形を追加する

文字を入れてみました。青い海の写真に水色の文字は見にくいですね。

写真と重なって、文字が見えにくい場合は左の「素材」クリック。検索窓に「図形」と入力してください。

枠なしの四角や〇などを選び、写真の上に追加します。今回は吹き出し型にしてみました。

「配置」ボタンをクリックして、図形を文字の背面に移動しましょう。

これで文字が読みやすくなりました。

画像の上に素材を重ねる

ちょっとワンポイント、イラストを重ねてみましょうか。

左の「素材」から、「ペン」を検索。赤枠の「グラフィック」を押します

「グラフィック」にはCanvaに備えてあるイラストが置いてあります。

無料素材のシンプルなペンシルエットを選びました。クリックするとキャンバスに移動します。大きすぎる。

追加したら、大きさや色を変えて調節しましょう。

イラストも好みの色に変更できます。反転もできますよ。今回は白でまとめました。

これで、この記事のアイキャッチ画像が出来上がり！

簡単なのに、それなりに出来てる！

作成画像をダウンロードする

作成した画像をダウンロードしましょう。右上にダウンロードボタンがあります。

ファイルの形式を選ぶことができます。

また、サイト上にも自分が作成した画像を保存してくれます。

左上の「ファイル」からサイト上に保存。自動保存もしてくれているようです。

また、右の赤枠Uターンしてる矢印は、作業をひとつ戻してくれる便利なボタンですよ！

簡単にデザインを変更できる

作ったデザインがちょっと違うかも…と思ったら、簡単にデザインを変更できます。

たとえば、先ほどのアイキャッチ画像の背景写真と図形を変更してみました。

図形は「吹き出し」から、ただの「四角」に変更。

背面の図形を黒など濃い色にして、白字にすると読みやすいですね。

雰囲気がガラッと変わったね。

図形を半透明にするにはキャンバス右上にあるボタンをクリックしてください。「配置」ボタンの右側にあるグラデーションマークです。

デザインの参考に

わたしはデザインのことがさっぱりわからないので、ウェブデザインのトレンドはこちらの記事を参考にしました。

2019年に流行するWebデザインの最新トレンド18個まとめ | Web Design Trends

そろそろ2018年も終わりを迎え、2019年がやって来ようとしています。この1年でWebデザインのトレンドにも様々な変化がありましたが、2019年はどのようなWebデザインの手法が流行するのでしょうか...

webdesign-trends.net

知識がないのでサイトを書きかえたりはできないけれど、アイキャッチ画像にトレンドを足すことはできそうです。

フラットデザインや太くて読みやすい字、「ブロークングリッドレイアウト」という写真や文字をずらして重ねるデザインなどが最近のウェブ業界のトレンドとのこと。

とりあえず、素人でも取り入れやすい太字を意識してアイキャッチにとりいれてます。

「ブロークングリッドレイアウト」(文字ずらし)は、この記事のアイキャッチで挑戦してみました。出来ているのだろうか、今見ると枠の色がビビッドすぎる…。↓

非正規職で手取り１０万！？貧困女子の定義と私の実体験

貧困女子って、どういう人のことを言うのでしょう？わたしが非正規職員で手取り１０～１１万円、ボーナスもなし、一人暮らしだったころの生活をもとに、貧困女子の年収・定義から、カツカツの生活費内訳までまとめていきます。

yomlog.xyz

フラットデザイン風にもチャレンジしてます。↓

福田監督の吉野家CMが面白すぎる！ガンダムや北の国からパロディも

「勇者ヨシヒコ」や「今日から俺は‼」「銀魂」でおなじみ福田雄一監督の作品を推している当ブログですが、ドラマ「今日から俺は‼」４話を見て、以前YouTubeで見た、とあるCMを思い出しました。それは、福田雄一氏が監督した吉野家のCMです。もう...

yomlog.xyz

完全に自己満足ですが、考えるだけでも楽しい。

こういうことをしているから、アイキャッチ画像の統一感が皆無なんです。

Canvaの気に入っているところ

今のところ無料素材しか使っていませんが、無料なのが申し訳ないくらい便利で使い勝手がいいです。

使ってみると分かりますが、配置を考えながら文字ボックスなどを動かすと「カクカクッ、ビビビッ」とバランスの良いポイントを教えてくれます。

この機能がすごく気に入っています。

別の画像編集ツールを使っていた時は、中心もおおよそこのあたりだろうと目星をつけて作成していました。その目星が大きくてズレてしまうので、バランスが悪かったのです。

(そのツールを使いこなせていなかった可能性もありますが、)　Canvaは何も考えなくても「カクカクッ、ビビビッ」とバランスをとってくれて、ズレが気になりません。

また、前に作った画像を保存して一覧表示してくれるところも便利。↓

前と似た雰囲気のアイキャッチ画像にしたいと思ったら、過去作品の右上「・・・」をクリックしてコピーを作成できます。

効率的にアイキャッチ作成ができて重宝してます。

Canvaは操作感がとってもわかりやすいので、もう手放せません。

慣れると一瞬でアイキャッチ作成が出来るようになります。

良ければ参考にしてください。

ブログの画像に使えるツールや情報をまとめた記事もあります。↓(初心者用)

ブログ画像のサイズから圧縮まで！初心者が知っておきたい情報まとめ

今回はブログをはじめた2ヶ月前の自分に教えたい、ブログ画像のアレコレについてまとめていきます。超初心者だったわたしは、ブログの画像に関して全く知識がありませんでした。様々な情報を調べて試行錯誤してきた中で、やっとたどりついた画像サイズ・圧縮...

yomlog.xyz

ここまで読んでいただき、ありがとうございました。

超初心者だったわたしは、ブログの画像に関して全く知識がありませんでした。

様々な情報を調べて試行錯誤してきた中で、やっとたどりついた画像サイズ・圧縮方法・アイキャッチ作成方法や挿入画像についてまで。使えるツールや身につけた知識を大放出します。

「ブログを始めるときにまとめて知りたかった画像関係情報」を1ページに詰め込みました。

どなたかの参考になれば幸いです。

アイキャッチ画像

アイを

キャッチ！！

記事の冒頭やサムネイルのアイキャッチ画像は、読者の「目」つまり視線をとらえるために必要な要素です。

文字しかない読み物よりも、画像が入っている方が読みやすく、ビジュアル化されているためイメージが伝わりやすいのです。

またSNSでシェアする際にも、画像があると目を引いて気になりますよね。

この画像で、記事が見られる確率が変わってくるので設定しておきましょう。

アイキャッチの縦横比(アスペクト比)とサイズ

ちまたに出回っている画像は、縦横の長さがちゃんと考えられているんです。

昔からの定番の縦横比率(アスペクト比)はこんな感じです。

こちらのアスペクト比計算ツールで定番の比率をチェックすることができます。

アスペクト比計算ツール

赤枠に横幅サイズを入れると自動で計算されます。

ブログによって推奨サイズが違う

利用しているブログやWordPressテーマによっては、推奨サイズが決められている場合もあるので公式サイトやテーマ作成者のサイトなどで確認してみてください。

たとえば、このブログはWordPressで作成し、無料テーマのcocoonを利用しています。(2018年12月現在)

cocoonでは、デフォルトのメインカラムの横幅が800px。関連記事やブログカードに使われるサムネイル画像のデフォルト縦横比が16:9です。

変更可能ですが、私はデフォルトサイズに合わせて16:9になるように【横800px：縦450px】のアイキャッチサイズに落ち着きました。

また、有料テーマのJINでは【横760px：縦428pxの16:9】がキレイに表示されると案内しています。

なぜ、16:9が多いのかというとYouTube等でも利用されている比率のため、ネットとの親和性が高いと言われているからです。

SNSでシェアするなら1：1.91

Facebook や Twitter でシェアされた時に表示される画像は、1：1.91です。どちらも同じ比率で揃えているようです。

これを受けてnoteでも、見出し画像比率が1：1.91に変更されました。↓(これがブログカードです。外部サイトに飛びます)

見出し画像の比率を変更いたしました｜note公式

いつもnoteをご利用いただき、ありがとうございます。 2018年6月14日 より、記事を作成する際に設定する見出し画像の表示比率を変更し、TwitterやFacebookでシェアした際に表示されるカードの画像サイズと互換性がある比率となり...

note.com

1.91:1　=　横1200 px: 縦628px　などですね。

調べてみると先ほどご紹介した16:9でもSNSとの相性は悪くないようです。結構すすめてる人がいます。

画像サイズを変更(リサイズ)するときにも、16:9の方が世間に浸透しているので、ツールがサイズに適応していたりと便利な気がします。

ちなみにInstagram画像の推奨サイズは正方形1,080 × 1,080px。

正方形も並ぶとかわいいです。

Facebookなどを多用しているなら、ブログのアイキャッチも縦横比 1：1.91 がいいかもしれません。

▼アイキャッチ画像サイズチェッカー

アイキャッチ画像サイズチェッカー｜TwitterやFacebookでシェアされた時の表示を確認

TwitterやFacebookでシェアされたときにアイキャッチ画像がどう表示されるかをまとめて確認できるツールです。はてなブログやライブドアブログにも対応。

saruwakakun.com

TwitterやFacebookなどでシェアされたときに、アイキャッチ（サムネイル画像）がどのように表示されるかをチェックすることができる便利なサイトです。

小まとめ

推奨サイズや好みのサイトデザイン、SNSのことなど総合的に考えてサイズを決めてください。あまりに大きい画像だとブログが重くなるので、その辺りも頭に入れておきましょう。

画像素材は無料でゲット

ブログや商用利用可のフリー画像サイトはたくさんあります。

定番・おしゃれ・かわいい…などサイトによって特色があるので探すのが楽しくて、いつまでも画像をあさっている…なんてことも。

選ぶ画像の傾向で、ブログの雰囲気も変わってきます。

画像選びはサイトデザインに関わってくる、けっこう重要な要素ですよね。

いくつかフリー画像サイトをご紹介しますので、自分の好きなサイトを見つけてください。

定番と思われる画像サイト

写真AC

会員登録者数が圧倒的な日本の定番画像サイト。

写真素材なら「写真AC」無料（フリー）ダウンロードOK

無料写真素材を提供する「写真AC」のフリー写真素材は、個人、商用を問わず無料でお使いいただけます。クレジット表記やリンクは一切不要です。Web、DTP、動画などの写真素材としてお使いください。

www.photo-ac.com

ぱくたそ

この人見たことありませんか。日本一インターネットで顔写真が使われている(自称)、ぱくたそのフリー素材モデルさんです。

フリー素材ぱくたそ - 登録不要の無料写真素材・AI素材

登録不要で使えるフリー素材サイト。日本の人物・風景・テクスチャーなどの写真素材と、背景・エフェクト・テクスチャー向けのAI素材を61,560枚以上掲載。商用利用も無料でダウンロードできます。

www.pakutaso.com

Pixabay

日本語にも対応していますが、世界中で使われているサイトなので英単語で検索するとたくさんヒットします。

Just a moment...

pixabay.com

おしゃれ＆ハイセンス画像サイト

girlydrop

かわいい。女の子らしい。女性向けのサイトにはぴったりな画像サイト。

おしゃれなフリー写真素材｜GIRLY DROP(ガーリードロップ) - GIRLY DROP(ガーリードロップ)

女性カメラマン2人が撮影したおしゃれ・かわいい無料写真素材。スマホ壁紙や誕生日、InstagramやCanvaにも！会員登録不要・商用利用OKのフリー素材サイト「がりどろ」。

girlydrop.com

以下、海外サイト

unsplash

海外サイトですが、よくブロガーが紹介しているセンスの良い画像サイトです。素敵。

Beautiful Free Images & Pictures | Unsplash

Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock p...

unsplash.com

picjumbo

ここも、おしゃれでセンス良しの画像が見つかります。

Free Images, Backgrounds and Photos • picjumbo

Free images, free photos, backgrounds and wallpapers. Download the best images for your websites, templates, blogs or de...

picjumbo.com

gratisography

ちょっと個性的でユニーク、シュールな画像もある海外画像サイト

Gratisography - Free High-Resolution Photos

Hundreds of free high-resolution pictures you can use on your personal and commercial projects, free of copyright restri...

gratisography.com

イラスト画像サイト

イラストAC

写真ACのイラスト版。これも定番でしょう。

https://www.ac-illust.com/

www.ac-illust.com

いらすとや

ぜったい見たことのある絵柄。ネット上だけじゃなく、日常生活でも目にするくらい定番のイラストサイト。

かわいいフリー素材集

いらすとやは季節のイベント・動物・子供などのかわいいイラストが沢山見つかるフリー素材サイトです。

www.irasutoya.com

フラットアイコンデザイン

あわい色合いでかわいい。最近よく見るトレンドイラストです。

FLAT ICON DESIGN -フラットアイコンデザイン-

フラットデザインに最適！WEBサイトやDTPですぐ使える商用利用可能なフラットアイコン素材がフリー（無料）ダウンロードできるサイト『FLAT ICON DESIGN』

flat-icon-design.com

Town illust

こちらも上のデザインに似ているテイスト。街と建物に特化しています。

街、建物系イラスト専門サイト「TOWN illust」 – 無料で使える街、建物のイラスト素材サイト

ビル、マンションや観光地などのベクター素材や街並みのイラストを無料で配布するデザインサイト

town-illust.com

ヒューマンピクトグラム2.0

ピクトグラムって使い勝手がいいですよね。

human pictogram 2.0 (無料人物 ピクトグラム素材 2.0)

人間ピクトグラム素材のギャラリー

pictogram2.com

JPEG（JPG）とPNGの違い

好みのフリー画像サイトは見つかったでしょうか。

いいな！と思った画像をダウンロードするときに、JPEG（JPG）で保存するかPNGで保存するか保存形式を選べる場合があります。

いったい何が違うのか。ざっくりとした説明しかできませんがイラストなどはPNG、複雑な画像（写真など）はJPEGが向いていると言われています。

場合にもよりますがPNGの方が画質が良く、JPEGの方が圧縮するときに圧縮率が高いとか。

私は、保存形式を選べるならファイルサイズを軽くしたいのでJPEGで保存しています。

小まとめ

画像サイトをたくさん紹介しましたが、まだまだフリー素材のサイトはあります。満足しなかった人は探せばもっとありますが、これだけ知っていれば十分に事足りますよ。

JPEG（JPG）・PNGも選べないのなら保存可能な形式でダウンロードすればOK！そんなに気にする必要はありません。

画像を加工編集する

最近のブログでは、アイキャッチに文字入れ加工がしてありパッと目を引きますよね。

IllustratorやPhotoshopのような画像編集ソフトがなくても無料でサクッときれいなアイキャッチが作れます。

Phot Scape(フォトスケープ)

フリー画像をダウンロードすると、大きすぎることが多いですよね。

https://photoscape.softonic.jp/

photoscape.softonic.jp

このフリーソフトは、初心者にもわかりやすい画像編集ソフトです。

リサイズや指定サイズでの切り取り(トリミング)などなど他にも多機能なので、スクリーンショットをとるときや説明画像をつくるときに多用しています。

使い方の解説↓

解説ブログの画像加工に！フリーソフト「フォトスケープ」が有能すぎ

当ブログでは、解説画像をよく使います。矢印や説明文を入れて、使い方などを説明する画像のことです。私はPhotoshopやillustratorなどの有料ツールをもっていないので、PhotoScape(フォトスケープ)で画像を加工して解説用画...

yomlog.xyz

フォトスケープは画像編集後の保存時に、Exif情報を削除してくれるのが気に入っています。※保存するときに「Exif情報を保持する」のチェックを外してください。

とにかくPhot Scape(フォトスケープ)は、感覚的で使いやすいです。

このツールに関しては使い方をググったことがありません。初見でもなんとなく使いこなせました。おそらく同様の画像編集ツールとしてGIMPも有名です。

Phot Scape(フォトスケープ)でも、十分アイキャッチ画像を作れます。作っていたのですが日本語フォントが少なくて、アイキャッチ画像作成は次に紹介するCanvaにくら替えしました。

Canva（キャンバ）

Canva: Visual Suite for Everyone

Canva is a free-to-use online graphic design tool. Use it to create social media posts, presentations, posters, videos, ...

www.canva.com

サイト上で画像の編集ができます。

もう、こればかり使っています。

これも感覚的に使いやすく、中心線やバランスのよいポイントをビビビッと教えてくれるので、センスがなくとも整った画像ができあがります。

使い方はこちら↓

【画像作成】ブログの文字入りアイキャッチならCanvaが使える！！

いい感じのブログに貼ってあるような、それっぽいアイキャッチ画像を作りたい！illustratorもPhotoshopも持っていないけど作りたい！そんな時に出会ったのがCanva(キャンバ)でした。Canvaを使うと、わたしのようにセンスなし...

yomlog.xyz

ibisPaint X(アイビスペイントX)

こちらは無料のお絵かきアプリです。

▽ ibisPaint X［iOS：無料版］

アイビスペイントXアプリ - App Store

ibis inc.の「アイビスペイントX」をApp Storeでダウンロードしてください。スクリーンショット、評価とレビュー、ユーザのヒント、「アイビスペイントX」に似たゲームを見ることなどができます。

apps.apple.com

▽ ibisPaint X［Android：無料版］

ibis Paint X - Apps on Google Play

An intuitive, high-performance painting app that lets you focus on creating

play.google.com

お絵かき好きには有名なアプリ。高機能で、なんでもできます。ラインスタンプを作ることも、アイキャッチやロゴも作ることができます。使いこなすには勉強が必要かもしれません。

なんといっても、透過PNG（背景が透明な形式）で保存・ダウンロードができるので、ロゴ・キャラクターを作りたい人におすすめのアプリです。

先に紹介したcanvaやPhot Scape(フォトスケープ)は、透過PNGで保存できないのです。(canvaは有料会員なら可能)

この吹き出しの絵は、イラストACのフリー画像をアイビスペイントで加工したものですよ。

使えるフォントも色々あります！

画像サイズを一括変更する

わたしは主に画像編集のときに合わせてサイズ調整をしていますが、画像を一気に何枚もリサイズできる便利なツールもあります。

Easy Picture Resizer

画像サイズを一括でリサイズする時短ツールEasy Picture Resizer(イージーピクチャーリサイザー)。

複数画像ファイルを一括縮小できるソフト「Easy Picture Resizer」

複数画像ファイルを一括縮小できるソフト「Easy Picture Resizer」の評価とレビュー、ダウンロードや使い方を解説します。- 2023年10月24日、配布終了確認 -画像ファイルをドラッグ＆ドロップでリストに登録し、「スタート」...

freesoft-100.com

一括リサイズのツールは、たいてい画像の縦横の比率を保持してリサイズする仕様になっています。

Easy Picture Resizerも同様です。サイズ指定(横幅だけを選ぶ)と一括リサイズしてくれます。

フリーソフトなので、ダウンロードさえすれば無料で使えます。

画像の横幅だけ統一できたらいいから一気にリサイズしたい、という方にオススメです。

画像を圧縮して軽くしよう

画像をアップする前に、その画像がどのくらいの容量なのか見てみてください。

美しい写真の画像だと、けっこう重たいと思います。数百KBとかあるんじゃないですか。圧縮した方がいいですよ。上の猫ちゃん写真は15KBまで圧縮されました。

重たい画像をサイトに使っていると、積み重なってどんどん激重サイトになってしまいます。

Googleは、サイトの評価にページ速度も重要だと見ていますから、Google様に嫌われないように対策しましょう。

画像圧縮プラグイン

ワードプレスの利用者は画像をアップロードしたら、勝手に圧縮してくれるプラグインを入れているかと思います。

EWWW Image Optimizer

どこで調べてもオススメされている画像圧縮プラグインですね。いまだに読み方がわかりませんが、とても有名です。

TinyPNG

こちらの方が圧縮率が高いと聞いて、私はこのtinypng利用しています。かなりギュギュギュっと圧縮してくれております。

アップロード前に画像を圧縮する

画像をアップロードする前にも、簡単に圧縮をしてくれるサイトやツールがあります。

TinyPNG

先ほど紹介したプラグインと同じところですが、これはプラグインではなくサイトです。このサイトにアクセスして、画像をドラックアンドドロップで圧縮できます。

TinyPNG – Compress AVIF, WebP, PNG and JPEG images

Free online image optimizer for faster websites! Reduce the file size of your AVIF, WEBP, JPEG and PNG images while pres...

tinypng.com

JPEGmini

こちらはパソコンにダウンロードして使う無料ツールです。圧縮できるのはJPEG形式のみ。パソコン上で画像をドラックアンドドロップするだけ一瞬で圧縮してくれます。私はこちらを利用しています。

デジカメ、スマートフォンで撮りためた写真のファイルサイズを高品質のまま最大 80% 縮小するソフト「JPEGmini」

デジカメ、スマートフォンで撮りためた写真のファイルサイズを高品質のまま最大 80% 縮小するソフト「JPEGmini」の評価とレビュー、ダウンロードや使い方を解説します。写真ファイル（JPG）の見た目がほとんど変わらないままにファイルサイズ...

freesoft-100.com

私はアップする前と後(プラグイン)で二重に圧縮しているので、字の小さい説明画像は画質が落ちて字が読みにくくなります。圧縮のし過ぎも考えものですね。

字の小さい画像は、アップ前の圧縮が不要だと感じている今日この頃です。

まとめ

今回はこんな感じで画像のイロハをご紹介してきました。

今回、紹介したツールがあればサイトロゴもアイキャッチ画像も説明画像も独自キャラクターもなんだって作れてしまうと思います。

すべて無料なのに使い勝手も良くて、本当に便利な世の中ですよ。

この記事は、2ヶ月前の私が目にしていたら楽だっただろうなと思えるような記事を目指して書きました。

同じようなブログ初心者へ届けっ！！

最後までお読みいただき、ありがとうございました。

このブログじゃないブログで合格しました。

いわゆる審査用に作ったブログで合格したのですが、タイトルの通り複数サイトを追加するには審査というか、チェックが入る仕様に変わっていました。　

つまり審査用のためだけにブログを作るとか、時間の無駄だったわけです…

どうせ追加するサイトは全てGoogle様のチェックが入りますからね。

ちなみに追加でチェックをしてもらい、このブログもアドセンスの承認が出ました。よかった！

というわけで、私のような情報弱者を生まないためにも、微力ながら情報発信をしようと思います。

この記事では、私が「アドセンスに初めて申請→合格→２つ目のサイトを追加申請→合格」までの流れをまとめています。

Googleアドセンスのヘルプにも追加サイトの確認をすると書いてあった

新サイトを追加する際にGoogleがチェックするという案内は、Googleアドセンスのヘルプにも書いてありました。↓

新しいサイトが追加されると、広告を表示できる状態かどうか、Google 側でサイトのチェックを行います。たとえば、サイト運営者様ご自身のサイトであるかどうか、サイトが AdSense のプログラム ポリシーに準拠しているかどうかなどを確認させていただきます。この手続きは通常 1 日未満で完了しますが、それより長い時間がかかることもあります。チェックが完了し、サイトに広告を表示できる状態になりましたらお知らせいたします。Adsenseヘルプ　

どうやら2018年10月以降にAdsense(アドセンス)を導入した人は、この仕様になっているらしいのです。

10月といえば私がアドセンスに申請した月。もっと、よくよく調べておくべきだった…。

私はこう思っておりました。↓

と、このような古い認識のまま審査用ブログを作ってしまったわけです。

なぜ、このヨムログ(当ブログ)で審査しなかったのかというと、記事数が少なすぎたのと全体的に自信がなかったからです。

Googleアドセンスの審査は厳しいとか、また落ちた！とか、いろいろと言われてるじゃないですか。難しそうだなーと思って、自信が持てなかったんですよ。

でも、早く導入してみたい！というわけで、無難な審査用ブログをつくることにしたのです。

※無駄骨になるので、これからアドセンスを申請する人はマネしないでくださいね。

Adsense(アドセンス)に合格した最初のブログ

さて、これからGoogleアドセンスを申請しようと考えてる方の参考になればいいのですが、私が最初に申請したブログはこんな感じでした。

内容は読書感想文ブログ。
昔からＰＣにオフラインでつけていた個人的な読書記録をちょっと編集して、多少は他人も読めるように直したものです。

ベースになる文章はたくさんあったので、最初から記事を多く入れることができました。

申請後、アドセンスから連絡がこない。

そうとう放置され…いや開設したてだったので試されていたのか、なんの通知も来なかったんですよね。忘れ去られたのかと思うくらい。

なんと、審査通過のお知らせである「おめでとうメール」が来たのは申請から１７日後のことでした。長い！遅い！

数時間とか一日で通る人もいるというのに。

私の審査用ブログがあまりにも味気なく、誰も見てなさそうな感じだったからかもしれません。

その１７日の間にしたことは、記事数を増やしたくらい。

晴れて合格！！

自分も存在を忘れていたくらい放置されていましたので、不意打ちのおめでとうメールは本当に嬉しかったです↓

サイトデザインは申請前にある程度、整えてから申請した方が良かったと反省。他の方の「アドセンス合格報告」を見てみると、合格が早い人はワードプレスの有料テーマを使用していたり、ブログの体裁が整っている気がします。

アドセンスの審査結果が来ない人へ

アドセンスの審査結果が来ない方は、不安だと思います。わたしも17日待ちましたので、あきらめモードでした。お気持ち、お察しします。

審査を申し込むと、このような案内が表示されます。

お客様のサイトを審査しています。サイトの審査には最大で3日間かかります。審査が完了次第、メールでお知らせいたします。

３日間です。しかも、最大で。

この３日間は、「まだかなー」なんてメールチェックを頻繁にしたり、アドセンスのサイトを確認したり、わくわくしてたんです。

それが、こない！

全然、おとさたなし！！

５日も経過すると、あまりにも連絡が来ないので何か間違えたのかと不安になりますよね。

当時は、「アドセンス 審査 連絡ない」とかで検索してました。

すると、けっこう他にも待たされている方がいるみたいで、２週間かかったとか、それ以上とか書いてあるのを読んだのです。同士がこんなにいる！

それなら、まぁ気長に待とうと決め、実際に17日待ったんですけど長かったです。

とりあえずコンテンツ不足の方は特に、継続した記事投稿だけはしておいた方がいいと思います。

私も、3日に一度くらいの頻度で記事の投稿をしていました。あとは待つのみです。

私はしませんでしたが、問い合わせも可能です。問い合わせ後、わりとすぐに承認されたという方のブログも目にした気がします。

審査の返答が１週間以上来なくて待てない方は、専用フォームに問い合わせてみてはいかがでしょうか。
↓
AdSense 審査状況確認フォーム

アドセンスに新しくサイトを追加する方法

めでたく合格した後に、私は知ることになったのです。

サイトを追加する場合は、Google側でチェックが入るということを！！

…え、審査用ブログ作った意味ないじゃん…。
聞いてた話と違うんですが…と、思いましたよ。

あいかわらず、コンテンツ不足のこのブログに自信はありませんでした。

しかし、やってみるしかない。少々整えて、追加ボタンから申請してみました。

追加サイト申請時のブログ状況

サイトの追加方法

サイトの追加はAdsense画面左メニューの「サイト」をクリック。

右上の青い追加ボタンから、追加したいサイトのドメインを入力します。ひとつめのサイトを申請した時と同じように、自分のサイトにアドセンスのコードを入れて紐づけしてください。すると、このような表示になります。

申請中は「承認手続きを進めています」と表示される

審査を通過したサイトは「準備完了」と表示され、追加申請中の新サイトは「承認手続きを進めています」と表示されます。

その下に「通常は 1 日たらずで完了しますが、場合によってはそれ以上かかることもあります。」

とか書いてあるけど、10日は待つ覚悟でおりました。ひとつ目が3日と言われて17日もかかってますからね。

しかし、承認までの時間は本当に１日でした。およそ25時間くらい。

おめでとうメールが届く

合格のお知らせ「AdSense広告を掲載する準備が整いました」メールが届きました。

アドセンスのサイトでも確認します。

追加申請した新サイトも「準備完了」と表示されています。無事、承認されたようです！

追加サイトのチェックについて

そんなこんなで、まわり道をしてアドセンスを貼れるブログを2つ手に入れることができました。

これからアドセンスを申請する方は、Googleアドセンスのポリシーを遵守しているサイトを、ひとつしっかりと作って申請しましょう！

私のように、自信がないからと他に審査用ブログを作っても意味がないです。

しかしながら追加サイト(このブログ)は、承認時13記事しかなかったですし色々と貼ってますが、すんなり１日で通りました。

上にも書いたようにGoogleアドセンスでは、ひとつ目のサイト審査は3日間・追加サイトは1日とチェック期間をアナウンスしています。推測の域を出ませんが、もしかすると追加のチェックは緩めなのかもしれません。

一度合格した実績を込みで、チェックしてくれるのかもしれませんね。

そう考えると、審査用ブログを作っていたことは無駄じゃなかったかもしれない。

そう、思いたい…。

たとえば、審査に落ちて何がダメなのかわからない！もう無理！という方は、審査用に別のブログを作ってみるのもありかもしれません。追加サイトのチェックが推測の通り緩めなら、落ちたサイトも追加枠で承認されるかもしれませんよ。

でも、信用しないでください。こんな(無駄にブログ２個つくるような)情弱の言うことは当てにせず、審査用ブログを作るときは自己責任でお願いします。

てこずってアドセンスを導入した割に、肝心のPV数が最弱なのでブログ収益化には程遠いのが現状です…。

この記事も何人の目に届くことやら…

▼その後のPV数など

ブログ４カ月目の所感。記事数/PV/収益など恥ずかしながら公開

こんにちは。ブログビギナーから抜け出せない凡人が運営するヨムログへようこそ。他人のブログの運営報告を見るのは大好きですが、自分の報告を書く気は全くありませんでした。たいして人がこないブログの運営報告しても自分の恥をさらすだけな気がして…しか...

yomlog.xyz

ここまで読んでいただき、ありがとうございました。