ブログの写真と文章の順番のSEOルールについて解説しています。

ブログの写真と文章の順番のSEOルール-必ず押さえておくべき「たった一つの決まり事」のアイキャッチ
この画像が「たった一つの決まり事」のヒント

基本的には、ブログの写真と文章の順番というのは、文章→写真(画像)の順番が望ましいと言われています。

ただ、厳密にこだわらなくてもOKというのが本音。

ですが、それなりに検索エンジンに正しくブログ文章の内容が伝わりやすいとは言われており、僕自身はわりとマジメに忠実に”文章→写真(画像)の順番”で実践しています。

すでに、この記事自体が、冒頭の導入文→アイキャッチ画像で、文章→写真(画像)の順番になっていることが分かると思います。

とりあえず、この辺りは、厳密さはありませんが、参考程度に覚えておくことをオススメしますが、タイトルでも触れているように「たった一つの決まり事」は押さえておくようにしましょう。

また、最後にブログの文章→写真の順番で書く時のツイツイ読み込んでしまう書き方の例文も紹介しているので、参考にしてみてください。

この記事を書いている人

ak

ak(”えーけー”と呼んでください)

2011年からアフィリエイト開始。

大学中退→アパレル販売員→営業・MD→EC→情報販売・ASP下請け→ブログ起業・情報販売(2011~)


toC向けWEBマーケ(SEO・アフィリエイト)・コピーライティングに特化した事業を行っています


王道のアフィリエイト手法を行いつつも、初心者や弱者でも十分に収益を上げられるアフィリエイト手法をメインにブログアフィリエイトで稼いでいます。


強者と戦わない初心者向けの弱者の戦略を行うアフィリエイト専門家、と覚えておいてもらうと嬉しいです。

ブログの写真と文章の順番-見出しの下は必ず”文章→写真”【たった一つの決まり事】

ブログの写真と文章の順番では、見出しの下は写真ではなく、必ず”文章で始める”必要があります。

絶対的に決まっているわけではありませんが、検索エンジンに正しい情報を伝えるためには、見出しのすぐ下には、見出しを説明するための文章が必須です。

これは単純に検索エンジンの情報収集を行うロボット(ボット)が、画像情報を正しく判断できない為と言われています。

その為、見出しの直下に写真・画像があると、いくら画像のalt属性やキャプションを書いていたとしても、写真・画像の要素が邪魔で、文章の内容が正しく伝わりにくくなる恐れがあると言われているのです。

字面で書いていると分かりにくいので、以下に良い例・悪い例を画像にしてみました。

ブログの写真と文章の順番の見出し直下の順番の例の画像
見出しの説明を直下の文章で行うイメージを持っておくと分かりやすい

少し専門的に言うと、hタグの直下にはpタグが必須で、imgタグをhタグの直下に持ってくると、情報が正しく伝わりにくくなります(自分で言ってても分かりづらい…)。

通常、ワードプレスなどで文章を書いていると、pタグ<p></p>は文章に自動でついているので気にする必要はありませんが、何となくで良いので覚えておきましょう。

見出し直下の写真と文章の順番例-良い例と悪い例

検索エンジンが文章の内容を正しく理解できる例の、良い例と悪い例を文字化もしてみました。

ブログの写真と文章の順番の正しい例(見出しの直下の場合)

<h2>東京駅周辺で服を買うなら八重洲、丸の内どっちがいい?</h2>

<p>東京駅周辺で服を買うなら、基本的には丸の内方面がオススメです。</p>

暗い写真を透明度80%の調整で明るくした例の画像
八重洲方面はビジネス寄りなので微妙

ブログの写真と文章の順番の悪い例(見出しの直下の場合)

<h2>東京駅周辺で服を買うなら八重洲、丸の内どっちがいい?</h2>

暗い写真を透明度80%の調整で明るくした例の画像
八重洲方面はビジネス寄りなので微妙

<p>東京駅周辺で服を買うなら、基本的には丸の内方面がオススメです。</p>

とりあえず、見出しの下だけは検索エンジン的にも、見出し→文章→写真の順番のほうが内容が正しく伝わると思っておいてください。

ブログの文章→写真の順番で書く時のツイツイ読み込んでしまう書き方

なお、文章→写真の順番で書く時のコツについても、もう少し触れておきましょう。

特に、タイトルの見出し、小見出しの冒頭で、文章→写真の順番で書く時には、以下のような流れで書いていきます。

  1. 出来るだけ結論を短く書く(文章冒頭)↓
  2. 画像・写真↓
  3. 冒頭で書いた結論の説明をしていく(出来れば画像の内容に触れつつ文章を続ける)

とりわけ、重要なところとしては、文章冒頭は出来るだけ短い文章にしておくことが非常に大きなポイントです。

文章を短くすることで、次の文章を読みたくなる仕掛けを作り、写真・画像でワンクッション置き、次の文章をスムーズに読み込んでもらえるようになります。

冒頭の短い結論の文章→画像あることで文章に書いてあることのイメージも付きやすく※、細かに説明する文章の前には、画像・写真を置いておくと良さげです。

※当然、イメージ画像と言っても文章と関連する写真・画像である必要はあり。

長くなるので長い説明はしませんが、文字情報だけを、そのまま頭の中で想像するのは実は非常に頭の体力を使います。

その為、画像・写真があることで、文字情報の手助けをしているので、わりと短い結論文章→画像→具体的な説明の文章という流れは理にかなっていたりするのです。

例文があったほうが分かりやすいので、以下に例文を載せておきます。

ブログの文章→写真の順番で書く時のツイツイ読み込んでしまう書き方の例文

例文を2つ、良い例・悪い例を載せています。

冒頭の文章を短くして読み込ませる良い例

東京駅周辺で洋服の買い物するなら、丸の内方面がオススメです。

暗い写真を透明度80%の調整で明るくした例の画像
東京駅丸の内方面

通常、東京駅周辺で洋服の買い物するなら東京大丸が思いつきますが、丸の内方面を強くオススメします。

何故かと言うと、丸の内方面であれば、セレクトショップ、専門店が立ち並んでいるからです。

※しかも、東京大丸だと服はビジネス色が強め。

もちろん、日本橋方面にも行く場合があれば、日本橋高島屋、日本橋三越で買い物するのもありです。

有楽町、銀座もありですが、徒歩だと丸の内や日本橋以上に時間がかかってしまうので、まずは丸の内方面で洋服は見ることをオススメします。

冒頭の文章を短くして読み込ませるには悪い例

東京駅周辺で洋服の買い物するなら、まずは東京大丸が思いつきますが、他にも買い物する場所はあります。

暗い写真を透明度80%の調整で明るくした例の画像
東京駅丸の内方面

特に、洋服であれば、丸の内方面がおすすめです。

何故かと言うと、丸の内方面であれば、セレクトショップ、専門店が立ち並んでいるからです。

※しかも、東京大丸だと服はビジネス色が強め。

もちろん、日本橋方面にも行く場合があれば、日本橋高島屋、日本橋三越で買い物するのもありです。

有楽町、銀座もありですが、徒歩だと丸の内や日本橋以上に時間がかかってしまうので、まずは丸の内方面で洋服は見ることをオススメします。

どうでしょうか?

悪い例も悪くはありませんが、冒頭の文章が少し長くなっているので、読みにくくなっています。

なので、出来るだけ冒頭の文章は考えさせないようにシンプルにし、その文章を補足してあげるような写真をすぐに見せると、ブログを負担なく読んでもらえるようになります。

とりあえず、文章→写真の順番は見出し直下では厳密にしておき、写真の手前の文章では写真以下を読んでもらえるよう、文章を短くするというテクニックを試してみてください。

以上、ブログの写真と文章の順番のSEOルールの解説でした。

なお、ここで説明した冒頭の文章を短くするテクニックは伝説のコピーライター、デイビッド・オグルヴィの”スタート11パラグラフ”と言われるテクニックを使っています。

オグルヴィのスタート11パラグラフについて、より詳しく知りたい場合は「現代広告の心理技術101(P133~)」を読んでみてください。

ブログの写真と文章で役に立つデイビッド・オグルヴィのスタート11パラグラフの載っているP133~の画像
オグルヴィのスタート11パラグラフについてはP133~の簡潔性の心理学に載ってます

また、ブログの写真と文章の順番を考える上でも使える、ギロチン原理(P216)のノウハウもあるので、あなたのブログにノウハウを反映させてみましょう。

現代広告の心理技術101~お客が買わずにいられなくなる心のカラクリとは~の評判・口コミが気になるのでレビューを見る

ブログで扱う商品の売り・良さを分かってないなら

ウェブセールスライティング習得ハンドブックは、ブログで自分で扱う商品の売り・良さが分かってない人にオススメ。
売り・良さが分かれば、ライバルの少ないお宝キーワードも見つかり、大きく稼げるようになります。

ノウハウの種類 ノウハウレベル 著者
セールス・コピーライティング 初心者~ 寺本隆裕
価格 - -
3,980円550円(期間限定)

コピーライティングテクニックを網羅した一冊

現代広告の心理技術101は、セールス・コピーライティングテクニックを網羅した一冊。
余計なセールス・コピーライティング本にお金を使いたくな人にオススメ。
ウェブセールスライティング習得ハンドブックを読んでから、現代広告の心理技術101を読むと効果的。

ノウハウの種類 ノウハウレベル 著者
セールス・コピーライティング 中級者~上級者向け ドルー・エリック・ホイットマン
価格 - -
公式サイトで確認する -

ブログ文章の色・装飾を学ぶ

ブログの文字、文章の色の装飾は決まったルールがあるわけではありません。ただ、色の原理を分かったうえで、ブログの文字・文章の色の装飾を行うのは非常に効果的です。

ブログ文章の色・装飾の超基本と”稼ぐ”ための活用法

ブログの写真と文章の順番を学ぶ

基本的には、ブログの写真と文章の順番というのは、文章→写真(画像)の順番が望ましいと言われています。ただ、厳密にこだわらなくてもOKというのが本音。

ブログの写真と文章の順番のSEOルール

ブログ記事タイトルの決め方を学ぶ

ブログ記事タイトルは、集客記事でも成約記事でもタイトルからさらに中身の文章を読んでもらう役割があります。なお、個人的には基本は最後に決めるというやり方がベターです。

ブログ記事タイトルの決め方-売れる文章に変化させる方法

ブログのメタディスクリプションの書き方を学ぶ

ブログのメタディスクリプション(meta description)。メタディスクリプションは、それほどSEOには重要でないという意見もありましたが、MFIではメタディスクリプションがあったほうが良いと結論。書いておいたほうが良いですね

【SEO効果あり】ブログディスクリプション書き方-3つの鉄則

ブログ導入文の書き方を学ぶ

ブログの導入文は、記事の全体が見えるような書き方をしておくのが無難です。基本を分かったうえで、導入文に魅力を持たせ、読み手を引き込むための3つの方法も紹介。

ブログ導入文の書き方の超基本~最初から最後まで読まれる2つの秘訣

ブログアフィリエイトで必須のコピーライティング本を知る

コピーライティング本は有益で優良な本に限って、情報をかみ砕き理解する必要があるものばかり。ここでは、すぐ理解できて即使えるコピーライティング本を中心に紹介しています。

ブログアフィリエイトで必須のコピーライティング本3選+α|簡単!購入後、活用可能

ブログ見出しの書き方を学ぶ

ブログの見出しの書き方については「見出しの構造」と「狙うキーワードを入れる」という考え方を押さえておく。ただ、「狙うキーワードを見出しに入れる」という点は、その時のSEOの評価のされ方で良くも悪くも評価される場合もあり。

SEO効果ありのブログ見出しの”3つ”の書き方の極意

ブログの見出しの必要性について学ぶ

ブログに見出しは必要か?結論、ブログに見出しはないより合ったほうが良いです。一応、自分のブログでも極力見出しが少なくても上位表示している例も紹介しているので、参考になればと思います。

ブログの見出しの必要性-なくてもSEO効果のある実例を紹介

ブログ記事オリジナルコンテンツの書き方を学ぶ

ブログ記事を書く際に「オリジナルコンテンツを書きたい」という気持ちを誰しも持っています。すでに多くのプレイヤーがいるネットの中では、オリジナリティは非常に重視されるところ。

ブログ記事オリジナルコンテンツを書く際の3つの極意

アフィリエイトのおすすめ教材・ノウハウとツール(S評価格付け)を知る

アフィリエイトのおすすめ教材・ノウハウとツール(S評価格付け)

S評価の格付けの基準はノウハウの再現性、価格以上の価値があるか、大切な人に本当に勧められるか?の3点で選んでいます。必ず購入しておくべきノウハウです。

S評価格付けのアフィリエイトのおすすめの教材・ツール

アフィリエイトを始める際に初心者が準備・用意するも・心構えを学ぶ

アフィリエイトを始める際に初心者が準備・用意するも・心構え

アフィリエイトやアドセンスブログなどのネットビジネスを始めるにあたって、初心者の方が準備・用意するものを(ツールなど)や心構えを解説。パソコン、フリーメールアドレス、ウェブブラウザ、ネット銀行など紹介しています。

アフィリエイトを始める際に初心者が準備・用意するも・心構えを学ぶ

アフィリエイトの情報商材について知る

アフィリエイトの情報商材について知る

アフィリエイトの情報商材とは?という疑問について解説。そもそも情報商材の必要性や、本との違い、アフィリエイトの情報商材の大まかなジャンルなどについて語っています。

アフィリエイトの情報商材について知る

アフィリエイトの情報商材ランキングを確認する

アフィリエイトの情報商材ランキング

優良なアフィリエイトの情報商材をランキング形式で紹介。WordPressテンプレートやメルマガノウハウもついているブログアフィリエイトの王道教材がおすすめです。

アフィリエイトの優良な情報商材ランキングを確認する

ブログアフィリエイトの文章ノウハウ・コツを学ぶ

ブログアフィリエイトの文章ノウハウ・コツ

ブログアフィリエイトにおけるライティングの色・装飾、画像と文章の順番、タイトルの決め方、導入文やディスクリプションの書き方などのノウハウ・コツを紹介しています。

ブログアフィリエイトの文章ノウハウ・コツを学ぶ

ブログアフィリエイトSEO対策を学ぶ

ブログアフィリエイトSEO対策

ブログアフィリエイトのSEO対策について、おすすめのSEO対策本、キーワードの種類、無料ブログの活用法などを紹介しています。

ブログアフィリエイトSEO対策を学ぶ

ブログアフィリエイトの画像最適化を学ぶ

ブログアフィリエイトの画像最適化

ブログアフィリエイトで画像の最適化は実は結構重要です。掲載する画像の見せ方のコツ、文字入れ方法、アイキャッチの作成法、そしてブログ画像のSEO対策など...画像一つとってもやることは多いです。

ブログアフィリエイトの画像最適化を学ぶ

アフィリエイトの成約率を上げる方法を学ぶ

アフィリエイトの成約率を上げる方法

アフィリエイトの成約率を上げる方法は、そもそもちゃんと解析できているか?という点が大前提です。そこから初めて、報酬の発生しやすい貼り方、広告効果のある配置、ボタンの色は何色にすべきか?などの対策が生きてきます。

アフィリエイトの成約率を上げる方法を学ぶ

アフィリエイトに必要なスキルを学ぶ

アフィリエイトに必要なスキル

アフィリエイトに必要なスキルはSEO、文章、デザインなど色々ありますが、HTML、PHPだったりも学んでおくとより稼ぎやすくなります。ただ、1~100まで学ぶ必要はなく、必要なことだけ学んでいくことをオススメします。必要なことだけを書いています。

アフィリエイトに必要なスキルを学ぶ

アフィリエイトのリサーチ方法を学ぶ

アフィリエイトのリサーチ方法

アフィリエイトのリサーチには売れる商材のリサーチ、ライバルのリサーチ、そして早く稼ぐ為のニッチな需要やジャンルのリサーチがあります。加えて、得意分野がない人がアフィリエイトする上でのおすすめの案件のリサーチ法も紹介しています。

アフィリエイトのリサーチ方法を学ぶ

アフィリエイトのSNS活用法を学ぶ

アフィリエイトのSNS活用法

アフィリエイトのSNSの活用は、基本はサイト・ブログに誘導する方法で行うことがオススメ。プラットフォームを媒体にしてしまうと、無料ブログのように消される可能性もあるからです。ブログ・サイトと連動させたTwitter、FacebookなどのSNSを活用したアフィリエイトの方法について解説しています。

アフィリエイトのSNS活用法を学ぶ

アフィリエイトASPの比較

アフィリエイトASPの比較

色々なASPがありますが、案件やジャンルごとに強い・弱いというのはあります。レンタルサーバーならこのASP、ファッション案件ならこのASPなど、具体例を出して説明しています。また、初心者向けのASPも紹介しているので参考にしてみてください。

アフィリエイトASPの比較

Topへ→ブログアフィリエイトの”勝手に売れる”ライティングノウハウ・コツを知る

サイトTopへ→ブログで月1万円稼ぐ!ak式