記事レイアウトの極意

ここでは、記事のレイアウトや画像について解説していきます。

記事のレイアウト

基本的にアドセンスブログの閲覧者はほとんどがスマホからです。

ですので、文章の最中に変なところで改行すると表示が崩れてしまうので、記事を作成する際は、文章のレイアウトを意識してみてください。

【悪い例1】

お笑いコンビ『バイきんぐ』の小峠英二さんと坂口杏里さんが、
7月11日に破局していたことがわかりました。

元々は坂口杏里さんから求愛をして、
小峠英二さんがそれに応じる形で告白して結ばれた二人ですが、
破局した原因何だったのでしょうか。

二人は付き合って2ヶ月後に
お互い少しずつズレが生じていったみたいです。
好きな食べ物が違ったり、
15歳差のジェネレーションギャップも原因の一つらしいです。

噂では、坂口杏里さんは人気が下降気味なので、
小峠英二さんの人気を利用した売名行為ではないかと言われています。

実際、坂口杏里さんは小峠英二さんとの熱愛報道のおかげで
番組への出演も増えたので、売名という噂はあながち
間違ってはいないのかもしれません。

【悪い例2】

お笑いコンビ『バイきんぐ』の小峠英二さんと坂口杏里さんが、7月11日に破局していたことがわかりました。元々は坂口杏里さんから求愛をして、小峠英二さんがそれに応じる形で告白して結ばれた二人ですが、破局した原因何だったのでしょうか。二人は付き合って2ヶ月後にお互い少しずつズレが生じていったみたいです。好きな食べ物が違ったり、15歳差のジェネレーションギャップも原因の一つらしいです。噂では、坂口杏里さんは人気が下降気味なので、小峠英二さんの人気を利用した売名行為ではないかと言われています。実際、坂口杏里さんは小峠英二さんとの熱愛報道のおかげで番組への出演も増えたので、売名という噂はあながち間違ってはいないのかもしれません。

【良い例】

お笑いコンビ『バイきんぐ』の小峠英二さんと坂口杏里さんが、7月11日に破局していたことがわかりました。

元々は坂口杏里さんから求愛をして、小峠英二さんがそれに応じる形で告白して結ばれた二人ですが、破局した原因何だったのでしょうか。

二人は付き合って2ヶ月後にお互い少しずつズレが生じていったみたいです。好きな食べ物が違ったり、15歳差のジェネレーションギャップも原因の一つらしいです。

噂では、坂口杏里さんは人気が下降気味なので、小峠英二さんの人気を利用した売名行為ではないかと言われています。実際、坂口杏里さんは小峠英二さんとの熱愛報道のおかげで番組への出演も増えたので、売名という噂はあながち間違ってはいないのかもしれません。

パソコンだと『悪い例1』は違和感があまりないですが、スマホだと違和感があるので、スマホ画面を意識したレイアウトをするようにしてください。

画像について

画像についてはまずはこちらを読んでおいてください。
参考:芸能人画像について

芸能人画像をどうしても使わないと記事の文章が伝わらない場合は使ってもいいですが、もし使う場合は、外部リンクで飛ばしたり、引用元をはっきりと明記して使うといいですね。

ただ、手動ペナルティを考えたらなるべくフリーの画像を使った方が安全です。

オススメのフリー画像サイト

僕がよく使っているフリー画像サイトを紹介します。

ここに載っているサイトの画像は基本フリーですが、それぞれのサイトに利用規約があるので、使う前に必ず読んでおいてください。

SwitchBox
ここは僕もよく使います。様々な素材サイトのまとめサイトのようなものです。

PAKUTASO
けっこうこの業界では有名なサイトです。面白いコンセプトの人物画像は必見です。

足成
ジャンル別で様々な実写画像があります。ここの温泉画像には何度もお世話になりました(笑)

ソザイング
このサイトもカテゴリ別で様々な画像があります。

unsplash
海外のサイトなのですが、画像のクオリティがかなり高いです。

・GATAG
僕のサイトをよく見ている方は気付いたと思いますが、僕の浮世絵アイキャッチ画像はこのサイトから使っています。

シルエットデザイン
シルエットデザインが豊富です。そのままアイキャッチに使ってもいいですが、僕は画像のアクセントに使ったりします。

BEIZ Graphics
風景系の画像が多いです。僕はこのサイトの和風画像が好きですね。

JAY MANTRI
こちらも海外のサイトなのでほとんどライバルと被ることがありません。差別化したい場合にお使いください。

pixabay
欲しい画像のキーワードを入力すると色々と画像が出てきます。40万枚以上の画像があります。

ここで紹介した以外にもたくさんのフリー画像サイトがあるので、お気に入りの画像サイトを見つけてブックマークしてみてください。

アイキャッチ画像を目立たせる

アドセンスブログのアイキャッチ画像はそのまま使うよりも、やはり文字を入れた方が反応は上がります。

例えば下記の画像はそのまま使った状態です。
iii

 

下記の画像は文字を入れて装飾した画像です。
iii2

明らかに後者の方が目を引いたと思います。

 

また、下記画像もどうでしょうか?文字が何もない画像を使った記事と比べると、記事を見てもらえる確率が何%も上がります。

144

少し手間がかかりますが、アイキャッチ画像に文字を入れた方が目立つし、読んでもらいやすくなります。

画像加工はフォトショップやエクセルでできるので加工してみてください。最初は時間がかかりますが、慣れれば1~2分でできるようになります。