【WEBマンガのSEO対策】マンガを導入したWEBページでSEO対策を行う方法

Webマーケティングマンガマーケティング2017/09/29
このエントリーをはてなブックマークに追加

漫画のセリフ
細井

ムムムム…

鶴野

どうしたの?細井くん。怖い顔しちゃって。

太巻

鶴野部長~細井さんの顔が怖いって失礼ですよ~?

鶴野

君に失礼って言われたくないよ。

細井

うちのサイトにマンガを導入したじゃないですか。

鶴野

うんうん。

細井

マンガの内容が検索エンジンに引っ掛からなくて。

マンガはSEO対策的に弱い!?

マンガをWEBで公開!しかし、検索結果に表示されず誰にも読まれない…

SEO対策ではテキストが重要。しかし、マンガはテキストではなく画像です。画像だからその内容が検索エンジンに引っ掛からないのは仕方がない?

いえ、そんなことはありません。WEBマンガでのSEO対策を紹介します。

鶴野

そもそもSEO対策って何をやってるの?

細井

内部SEO対策では、検索結果で上位表示したい
キーワードをページ上のテキスト内に散りばめます。

鶴野

ふむふむ。

細井

クローラーがテキストを読み取り、インデックス化されます。
検索されたキーワードとテキスト内のキーワードが一致すれば
検索結果に表示されるようになります。

太巻

ページ上のテキストってSEO対策では凄い重要なんですねぇ~。

鶴野

マンガってテキストじゃなくて画像だもんね。
そりゃあ検索結果に表示されないのも仕方ないよ。

細井

いや、自分は画像上の文字もテキストとして読み取って
くれているのではないかと考えています。

【実験】画像上の文字をクローラーは読み取っているのか?

方法:マンガのセリフを検索してみる

もし、画像上の文字がテキストデータとして読み取られているならば、赤枠の中にセリフが表示されるハズです。

検索結果

実際に下記のページのマンガで試してみました。

【マンガマーケティングとは】マンガとビジネスは相性が抜群だった!!マンガは娯楽だけじゃない 集客・売上アップに活用できる新しいマーケティング手法「マンガマーケティング」とは

seo

上記のマンガのセリフ「集客から売り上げアップにつなげるマーケティング手法です」を検索してみましょう。

検索結果

鶴野

ありゃ?検索結果に出てこないね。

細井

はい…。他のページでも試しましたがセリフで
検索しても検索結果に表示されませんでした。

鶴野

つまり、画像上の文字は読み取られていない
可能性が高いってことだね。

太巻

ってことは、マンガはSEOに弱いってことですかね~。

細井

何か対策があるハズ…。

マンガのセリフを検索結果に表示させる方法

細井

あった。

鶴野

うん?対策が見つかったの?

細井

はい、試してみる価値はあります。

WEBマンガでのSEO対策
alt属性にキーワードを設定します。

htmlソース内のimgタグの中にalt属性と呼ばれるものがあります。

<img src=”http://shinfield.jp/owned/wp-content/uploads/2016/05/●●●.pngwidth=”350height=”200alt=””  />

↑青部分が「画像」。●●●に画像のファイル名が入る。赤部分がalt属性。

このalt属性に代替テキストを記述することができます。

代替テキストとは、例えばページを読み込んでいる際に通信エラーが発生し、画像表示がされない場合などに代替テキストが表示されます。

実は、このalt属性に記述したテキストを検索エンジンのクローラーは読み取っています。

どういうことか実際に見てみましょう。

 

【実験】alt属性にセリフを記述し、検索エンジンで検索してみた

下記ページにて、alt属性にセリフを記述。

【漫画ありなしABテスト結果】ランディングページに漫画はあったの方がいいの?薔薇の香り漂う3人のおじさんと一緒に検証してみましょう!

マンガありが勝つ

上記の画像のalt属性に「俺は漫画ありが勝つと思う。漫画を入れただけで変わったら苦労しませんよ」というセリフを記述してみました。

<img class=”aligncenter wp-image-596 size-fullsrc=”http://shinfield.jp/owned/wp-content/uploads/2016/07/2016_5manga_r5_c1_s1.jpg” alt=”俺は漫画ありが勝つと思う。漫画を入れただけで変わったら苦労しませんよ width=”656height=”524”  />

実際にマンガのセリフ「俺は漫画ありが勝つと思う。漫画を入れただけで変わったら苦労しませんよ」を検索してみます。

検索結果

鶴野

おぉ!検索結果に表示されてるよ!

細井

はい、alt属性に記述したテキストが表示されています。

太巻

ということは、どういうことだね?鶴野部長?

鶴野

マンガのセリフをalt属性に記述してやれば
SEO対策になるということが言えるね。

細井

やりました。

安心は禁物、alt属性よりも重要視されているもの

alt属性がクローラーによって読み取られていることは分かりました。

しかし、テキストとalt属性では、クローラーはテキストを重要視しているようです。

画像のalt属性さえ設定していればSEO対策は万全!とは言えません。

では、どうすれば良いのか?

細井

WEBマンガを導入したページで、
SEO対策をより強化する方法を見つけました。

太巻

さすが細井さんですね~。

鶴野

alt属性以外になにかあったの?

細井

簡単です。
マンガだけではなく、テキストもしっかりと記述する
ページを制作すれば良いのです。

『マンガ+テキスト』でページを構成

当サイトがまさにマンガ+テキストの構成になっています。

青部分がマンガ。赤部分がテキスト。

マンガとテキスト

このように、マンガとテキストを組み合わせたページにすることで、SEO対策を強化することができます。

「テキストが多いと読まれないんじゃないか?」

と不安に思うかもしれません。そんな時は、このページの3人のおじさんのように会話調にすることで、読むハードルがグッと下がります。

太巻

へぇ~勉強になりますね~。

鶴野

マンガを導入した際は、alt属性に記述して
ページにはテキストを入れなければならないってことだね。

細井

いえ、必ずしもテキストを入れる必要はありません。

目的を持ってマンガを導入することが大切

例えばランディングページでは、デザインを重要視し、テキストを極力使わないことがよくあります。

もし、ランディングページの目的が期間限定のキャンペーン訴求だったらSEO対策を行なう必要はありません。

広告を出稿し、そこから流入させれば良いからです。

キャンペーンの期間が終わったらページは削除されます。

このような場合はSEO対策のために無理にテキストを入れる必要はありません。

ページの目的によって、SEO対策すべきか否かを判断して制作すると良いでしょう。

鶴野

なるほどね。これってマンガ以外の画像にも使えるよね?

細井

はい、画像には全てalt属性があり
テキストを記述することができます。

太巻

alt属性に記述しておいて損はなさそうですね~。

細井

WEBマンガをHPのコンテンツの一部として導入し、
長い期間掲載しておく場合は、alt属性をしっかり記述。
さらにマンガを補足するようなテキストを入れたページを
制作。これによりSEO対策が強化される。

記者プロフィール

3人のおじさん
オフィス用品販売会社勤務の3人のおじさん鶴野部長、太巻、細井。ある日社長から「今日から君たちはWEBマーケティング部へ配属だ!インターネットでわが社の売上を伸ばしてくれ」と任命されました。

tophe