ウェブサイトをSEO対策するためには、やることがいくつかありますが、ウェブページの表示速度を早くするいうのも、そのひとつです。今回はなぜSEOでページの表示速度が重要なのかと、実際にその対策方法についての解説もしたいと思います。

SEOにはページ表示速度が大切

SEO対策 ≒ Google検索エンジン対策、というのはもはや言うまでもないくらいあたりまえのこととなっています。

そのGoogleに「役に立つ」ウェブサイトやウェブページだと判断されれば、検索結果の上位に表示されるようになります。

「Google が掲げる 10 の事実」というGoogleの社是に以下のことが明記されています。

• ユーザーに焦点を絞れば、他のものはみな後からついてくる。
• 遅いより速いほうがいい。

ページ表示速度が遅いとユーザーに「なかなか表示されないな…」と思わせることになり離脱させてしまう原因になってしまいます。

ページの表示速度を早くすることは、ユーザーをイラつかせないという観点で「ユーザーに焦点を絞る」ということになり、検索結果の上位に表示されることとなるのです。

ウェブページ表示速度の計測方法

実際にウェブページの表示速度を測定する方法はいくつかありますが、最もメジャーなウェブサービスのひとつがGoogle純正の分析サービス「PageSpeed Insights」になります。

使い方は難しくありません。
ChromeなどのウェブブラウザでPageSpeed Insightsにアクセスして（1）の「ウェブページの URL を入力」と表示のある入力欄に測定したいウェブページのURLを入力して（2）の「分析」ボタンをクリックします。

するとウェブページの速度スコアが100点満点の数値で（3）に表示されます。

画面左はし（4）にある「モバイル」「パソコン」タブを切り替えることによって、それぞれの速度スコアを確認できます。

速度スコアは色分けされて以下の３つに分類されます。

• グリーン（速い）：すべてのウェブページ読み込み速度で上位1/3に含まれます
• オレンジ（平均）：すべてのウェブページ読み込み速度で上位中間の1/3に含まれます
• レッド（遅い）：すべてのウェブページ読み込み速度で下位1/3に含まれます

ウェブページ表示速度の改善方法

ウェブページの表示速度が分かったら次は改善します。

改善すべき箇所と何を改善するべきなのかは、（5）の分析結果に表示されています。

主な改善は次のようになります。

• 画像サイズ（大きさ、重さ）の最適化
• CSS/JavaScriptタグの圧縮
• 不要な要素の削除

などになります。

色々と最適化したら再度、PageSpeed Insightsで測定し、速度スコアが上がっていることを確認してみましょう。

画像の最適化について

以前、運営しているウェブサイトでPageSpeed Insightsにいわれるまま画像を圧縮しサイズダウンしてみたら、ガッビガビの荒れた画像になってしまい酷い見た目になってしまった苦い思い出があります。

PageSpeed Insightsの速度スコアがこの世のすべてではありませんので、速度と見た目のバランスを両立するように、いい意味でのの妥協をするとユーザーにとってもGoodだと思います。

まとめの余談

余談ですが、Google純正のAnalyticsタグやAdSenseタグが入っていることによって「第三者コードによって読み込みが著しく低下する可能性があります」となることが多い。解せぬ…。

The post SEOにはページ表示の速度が大切というお話し appeared first on caracal media／キャラカルメディア.

対象読者

HTMLを書ける、ウェブページが作れるウェブサイト制作初級者

まずは4つのHTMLタグでOK。SEOを考慮したHTMLの書き方

ウェブサイトを作れるようになったとしても、誰もそのサイトを訪問して見てくれなければ作った意味がありません。プロとしてウェブサイトを制作するならなおさらのこと。

ユーザーがウェブサイトを訪問するには次のようにいくつかのパターンがあります。

• Googleで検索をする
• SNSで紹介されたリンクをクリックする
• 広告バナーをクリックする
• メールマガジン内のリンクをクリックする

などなど。

これらのうち、Google検索で狙ったキーワードでサイトを上位表示させる施策をSEOと呼びます。

SEOとは「検索エンジン最適化」のことでウェブページを検索エンジンに見つけてもらいやすくすることになります。Search Engine Optimizationの頭文字をとったもの。

どのようにSEO対策をすればよいか

最低限のSEOを考慮したウェブページを作るには、次の４つを押さえておけばOKです。

• titleタグにキーワードを入れる
• h1タグにキーワードを入れる
• h2タグにキーワードを入れる
• meta descriptionにウェブページの説明を入れる

それでは具体的に説明していきましょう。

titleタグにキーワードを入れる

titleタグに記載した内容はブラウザのタイトルバーや、ブックマークした際に表示されます。

Googleの検索エンジンが最も重要視するのがtitleタグです。

まずはtitleタグにキーワードが入っていなければGoogleには無視される結果になってもおかしくはありません。

検索結果には基本的に32文字以上のタイトルは表示されないため、文字数は32文字に収めましょう。

また、特に指定しない限りTwitterやFacebookでシェアしたときのタイトルもmeta descriptionに記載した内容が表示されます。ですのでtitleタグに適切な文言を入れるということは、SNS対策にも有効になります。

h1タグにキーワードを入れる

h1タグは見出し１（headline 1）を意味するタグになります。

h1タグに記載した内容は本文中で最も大きな意味を持ち、本文中ではGoogleの検索エンジンが最も重要視するタグになります。

h1タグには必ずキーワードを入れるように心がけましょう。

h2タグにキーワードを入れる

h2タグは見出し２（headline 2）を意味するタグになります。

本文中でh1タグの次に大きな意味を持つタグになります。なるべくキーワードを入れるよう心がけましょう。

その次に重要なタグにh3, h4, h5, h6と続きます。

meta descriptionにウェブページの説明を入れる

検索結果画面で表示されたときに、meta descriptionタグに記載した文章がウェブページの概要文として表示されることが非常に多いです。

また特に指定しない場合、TwitterやFacebookでシェアしたときの概要文もここに記載した文章が表示されます。そのためSNS対策としても有効です。

ですので、meta descriptionにどのような文章を記載するかはクリック率に直結します。

文字数は簡潔かつ十分にページの内容が分かる、というところで140文字前後が適切でしょう。

検索表示された際にユーザーの興味を引きクリックを促すよう、簡潔にウェブページの概要をまとめた文章にしましょう。

これだけでいいの？

本来はセマンティックウェブという概念に沿って全てのHTMLを構成することが理想になるのですが、セマンティックウェブをすべて理解して施策を講じるには時間がかかります。

まずはFacebook CEOであるマーク・ザッカーバーグの言うように、完璧を目指してリリースが遅れたりするより、まずは不完全であっても世の中に晒すことが重要です。

完璧を目指していては時間が無限にあっても足りません。

上記の４つのタグだけを意識してHTMLを書くのと、意識しないで書くのでは結果が大きく変わってきます。

まとめ

SEOとはすなわち、いかにGoogleの検索エンジンに高く評価されるかに尽きるのですが、Googleが掲げる理念のひとつに「ウェブ上の民主主義は機能する。」というものがあります。

要は、Googleはより多くの人の支持されるウェブページを高く評価するということを掲げていることになり、チートや小手先のテクニックではなく、いかに多くの人に支持される質の良い記事を書くか、こそが遠回りのように見えて実はSEOの最短距離なのです。

てなことを踏まえて、よいSEOライフをお過ごしください！

The post まずは4つのHTMLタグでOK。SEOを考慮したHTMLの書き方 appeared first on caracal media／キャラカルメディア.

さて先日、Spotifyプレミアムプランを解約してYouTube Music Premiumへと乗り換えました。
マーケティングフレームワークの基本形、AISASモデルにまんまとキレイにハマってしまったと我ながら思いますので解説していきます。

何が起きたか？

2019年12月17日、TwitterでGoogleがYouTube有料会員にGoogle Nest Miniを無料配布するキャンペーンを行っているというニュースを目にしました。

グーグル、スマートスピーカーを無償配布「YouTube Premium」など有料会員向け – CNET Japan
https://japan.cnet.com/article/35146999/

「え！なにそれ超いい！」とそのキャンペーンについて調べていたら自分は無料配布の対象者ではなかったにも関わらず、結果としてSpotifyプレミアムプランを解約してYouTube Premiumを契約していました。

キャンペーン自体は一見すると既存の有料会員に自社製品を無料で配って、特に新規ユーザーの獲得には何ら効果はなさそうです。何故こんなキャンペーンを仕掛けたのか？？

実はそれこそがGoogleが仕掛けたAISASモデルマーケティングだったのです。

AISASモデルとは？

AISASは「アイサス」と読み、購買行動プロセスを説明するモデルのひとつであり、インターネットの普及後の時代の購買行動を表しているのが特徴である。 マーケティング用語集wikiより
https://marketingis.jp/wiki/AISAS

AISASはユーザーが取る購買行動の頭文字を順を追って表しています。

今回私の身に起きたことをAISASモデルに沿って説明します。

Attention（注意）

Twitter経由のCNET JapanのニュースでGoogleがYouTube Premium会員にGoogle Nest Miniを無料配布しているニュースを知りました。

Interest（関心）

「え！なにそれ超いい！」「スマートスピーカーを6,000円出して買うほどでもないけど、無料なら超オトク！」とグッとYouTube Premiumに心を引っ張られます。

Search（検索）

「今からでもYouTube Premium入ればもらえるのか」ググって調べました。
そこでYouTube Premiumに有料会員登録するとYouTube Music Premiumも一緒についてくることを知ります。
Spotifyプレミアムプランに190円を足すだけで広告なしのYouTubeと、Spotify同等の音楽配信サービスであるYouTube Musicも楽しめる。
「これはオトクだ！」

Action（行動）

ということでYouTube Premiumをポチポチっと契約しました。その際にSpotifyプレミアムプランは解約。

Share（共有）

てなことを実際にTwitterで投稿し、このブログ記事を書いて今この記事を読んでいるあなた（読者）と共有しています。　←イマココ

改めて上に書き出した流れを見て、キレーーーイにGoogleの仕掛けたAISASモデルにハマっていますね…。

まとめ

なんとなく買っちゃったと思っているモノやコトも、実は分析してみると世の中の頭のいい人達に仕掛けられた戦略の上でコロコロと転がされているっていうことが見えてきて面白いですね。

どうせなら仕掛ける側にまわるともっと面白そうですよね。
立て、マーケターよ！

では、素晴らしいマーケティングライフを！

The post AISASマーケティングにまんまとハマってしまいSpotifyからYouTube Musicに乗り換えた appeared first on caracal media／キャラカルメディア.