Google、競合サイト比較する「モバイルテストツール」提供開始

obateaアカデミー

Google「モバイルテストツール」を刷新。ツールでは、読み込みに要する時間、読み込み中に離脱するユーザー数を計測でき、同じ業界内の他サイトと比較した評価も表示されます。

Googleモバイルテストツールの使い方

モバイルテストページにアクセスし、URLを入力するだけで計測を開始。テスト所要時間は約1分で完了します。

モバイルテストの項目一覧

  • 標準接続環境「3G」での読み込み時間
  • 訪問者の推定離脱率
  • 同じ業種内のパフォーマンス比較
  • サイトの速度向上するための修正点

モバイルテストは、標準接続環境でのアクセス、HTML/CSS/javascriptのソース解析によって結果が導き出されます。

1分もしない時間で、現在のパフォーマンスレベルを知ることができ、サイト改善についてのアドバイスも表示されるので便利ですよね。

関連ページ

WEBはパフォーマンスも重視する時代へ

2018年に入ってから計測ツールのアップデートが目立ってきました。もともとパフォーマンス計測ツール「PageSpeed Insights」がありましたが、モバイルテストツールも刷新されたことで、より「パフォーマンス」への注目が集まってきました

一方で、専門家によると「Googleは検索ランキングを大幅に変えたくない意向もある」と指摘。Googleは、コンテンツの中身やアクセスなど、ユーザーが求める検索結果を表示することを主軸として開発を進めています。パフォーマンスを重視はするものの、ユーザーの検索結果に求めるニーズを考えれば、結果的に「大きな変更にはならないだろう」という見方です。

ただ「速度が遅いと離脱する」というユーザー心理があることを忘れてはなりません。速度改善によってコンバージョンが向上したという報告もあるため、サイト運営者は「コンテンツの質」のみならず「パフォーマンス」も重視していく必要があるでしょう。

関連ページ

【PageSpeed Insightsの活用】Webサイト高速化・表示速度を改善する方法

obateaアカデミー

Google公式のパフォーマンス計測ツール「PageSpeed Insights」を活用したWebサイト高速化・表示速度を改善する方法について解説していきます。

PageSpeed Insightsとは

パフォーマンス計測ツール「PageSpeed Insights」とは、0~100 の値で表示するパフォーマンスのスコアと具体的な改善アドバイスを提示するGoogle公式のサービスです。

WEBサイト高速化・表示速度改善の手順

  1. PageSpeed Insightsにアクセス
  2. ウェブページのURLを入力し分析開始
  3. スコア・アドバイスにもとづいて改善

コンテンツ品質が最も重要なのは言うまでもないのですが、パフォーマンスのスコアはあくまで参考値であり、必ずしも「100」にすることはありません。分析結果に表示される「最適化についての提案」を参考に、WEBサイト高速化・表示速度改善を目指しましょう。

パフォーマンス向上の2大要素

Googleの解説によると、速度のパフォーマンス向上するには2つの要素「レンダリングブロックリソースのラウンドトリップの回数」「レスポンスのサイズ」を改善することが重要だと述べています。

ラウンドトリップ回数の削減

  • リンク先ページでリダイレクトを使用しない
  • レンダリングを妨げる JavaScript や CSS を削除
  • ブラウザキャッシュを活用
  • スクロールせずに見える範囲のコンテンツのサイズを削減
  • サーバーの応答時間を改善する

いずれも「サイトを表示するための処理を極力少なくする」というのが根本的な考え方です。サイトのリッチ化で複雑な構成となっている場合、様々な処理によってサイトの速度が低下します。1ぺージ目の見える範囲(ファーストビュー)には余計な処理を読み込ませないような工夫し、改善していきましょう。

レスポンスのサイズを縮小

  • 圧縮を有効にする
  • リソースを圧縮する
  • 画像を最適化する

レスポンスのサイズを縮小することで、サイト表示速度を改善できます。処理の回数ではなく、処理をするデータサイズの量と考えるとわかりやすいかもしれません。テキスト、HTML、JavaScript、CSS、画像のデータを圧縮することで、コンテンツ品質を変えずにレスポンスのサイズを縮小することができます。

サイト表示速度の重要性

サイト表示速度は「SEO」にも関係はありますが、PCよりも通信速度が遅いモバイルの普及によって、サイト品質向上のために重要な要素だと言われ始めています。

諸説ありますが「表示に3秒以上かかるサイトは、4割以上のユーザーが離脱する」というデータもあるようです。そのため、通信環境が悪い状況のユーザーに対しても、より快適なブラウジングを提供していくことが、今後の課題と言えるのではないでしょうか。

【2018年版】今さら聞けない!知らないと恥ずかしいSEO用語

obateaアカデミー

SEOは時代によって変化していくので、少し気をぬくと知らない最新用語が増えていくと思う方も多いかもしれません。2018年に抑えておきたいSEO用語をまとめてみるので、チェックしていきましょう。

2018年は「高速化」を重視

検索サイトの掲載順を決める「Google検索アルゴリズム」は、Googleが求める「完璧な検索」を目指して日々更新され続けています。また、時代に合わせた変更もなされており、2017年に問題となった「フェイクニュース」や「医療情報表示」、モバイルユーザーが増えたことで「モバイルファーストインデックス(MFI)」なども検索アルゴリズム改変に大きく影響を及ぼしています。

WEBサイトがよりリッチ化する一方で、サイトの表示速度が遅くなっているという問題が深刻になり始めました。そのため、Googleは検索アルゴリズムを見直して、低速表示のWEBサイトを低品質とみなし、高速化されたWEBサイトを高品質とすることにしたようです。

Speed Updateを実施

専門家「すぐさまランキング表示に大きな影響はない」

Googleは「Speed Update(スピードアップデート)」を2018年7月に実施することを発表。内容としては、モバイル検索においてページ速度をランキング要因に使うというもので、専門家の間では「ものすごく遅いとユーザーに感じさせるページだけに影響」「優れたコンテンツであれば上位に表示」としており、すぐさまランキング表示に大きな影響はないとしています。ただ、それでも今後のサイト作りにおいて、コンテンツの品質のみらなず「高速化」というのは重要なキーワードとなりそうです。

2018年版!抑えておきたいSEO用語

2018年のトレンドとなりそうなのが「AMP」と「PWA」です。いずれもWEBサイトの「高速化」で使用される技術という印象ですが、高速化のみを目的として作られた「AMP」と、モバイルページの進化を目的とした「PWA」は、全く違う意味をなしています。

AMP(Accelerated Mobile Pages)とは

AMP「モバイルページの読み込み高速化」

AMP(アンプ)とは、Googleが中心となって立ち上げた「モバイルWeb高速化のオープンソースイニシアチブ(Open Source Initiative )」のことで、モバイルでのWebページ読み込み高速化を目指し設立したプロジェクト及びその技術のことです。

AMPと似たような技術で、各社で独自の技術を採用しているケースもあり、Facebookでは「Instant Articles」、Appleは「Apple News」をそれぞれ採用しています。

AMP「モバイル高速化」の仕組み

  • HTML:リンクをしてから読み込む
  • AMP:あらかじめ読み込んでおく

これまでHTMLでWEBサイトを作成してきました。AMPの規定(フォーマット)にも合わせておくと、Googleがページをあらかじめ読み込んでくれるため、サイト表示が速くなります。

AMPの構成

  • AMP HTML:高速化のため制限されたHTML
  • AMP JS:HTMLを正しく高速化する機能
  • AMP Cache:AMPページをキャッシュし配信

AMPは大きく3つの要素から構成されており、加えてデザイン調整で「CSS3」が使用されます。あらかじめ「AMP」が決めたフォーマットに合わせることで、有効なAMPページとなり、配信することができます。

Googleページでモバイル検索すると「雷マーク」が表示されているWEBサイトが、AMPの適応されたページとなっています。

AMPの課題

AMPの課題点は、高速化を重視しているため、表示に「制限」がかけられていること。HTMLで表示している内容をそのままAMPにすることはできないのが現状ですが、技術の進歩によって、表現の幅が広がってきています。

AMP Storyを発表

2018年2月13日、アムステルダムにて開催された「AMP Conf 2018」で、Googleは「AMP Story」を発表しました。AMP Storyは、InstagramやSnapchatで採用されているストーリー表示を、検索の上位に表示するというもの。

好きなブランドバックやアパレル、化粧品などの商品名やキーワードを検索した際に、検索結果の上部に「ストーリー」が表示されるのも、そう遠い未来ではなさそうです。

PWA(Progressive Web Apps)とは

PWA「Webのアプリ化プロジェクト」

PWA(ピーダブリューエー)とは、アプリで出来ていた表現をブラウザ上でも可能にするためのプロジェクト。これまでアプリのみで行っていた施策をWebサイト上でも実現できます。

PWA対応のメリット

  1. レスポンスの向上
  2. オフライン時の閲覧
  3. プッシュ通知
  4. インストール不要
  5. ストア審査不要
  6. GPSによる現在地取得の利用
  7. ネイティブアプリのUI実現

PWA対応をすることで、新たなブラウザをインストールすることなく、ネイティブアプリのような機能や体験をユーザーに提供することができます。また、アップデートの際もストア審査がないため、開発後すぐに公開することが可能です。

ブラウザデフォルトのUI(メニューバーなど)を非表示にすることによって、より快適なブラウンジングを可能に。また、ホームアイコンの追加、起動時のスプラッシュ画面などネイティブアプリに近い使い心地を実現します。

PWAの課題

  1. 管理コストの増加
  2. 非対応ブラウザの存在
  3. SSL化の対応コスト

ユーザー・デベロッパー双方にメリットが多いPWAは、様々な課題があるのが現状です。

(1)ネイディブアプリを提供しているデベロッパーが「PWA」を導入すると、これまで提供してきたアプリとブラウザの2重管理が発生します。導入後の施策で複数環境の管理を行うのは、コストがかかってしまうと考えられます。

(2)海外で使われているブラウザ「Chrome」はPWA対応済みですが、日本で多く利用されているブラウザ「Safari」は現在開発中となっています。現在、PWA対応を提供しても、恩恵を受けることができるユーザーはごく一部と言われています。

(3)これまで「HTTP」で作成されているサイトは「HTTPS」に切り替える必要があります。SSL化をするには、開発コストが発生するため、導入に時間がかかります。

AMP/PWAの使い分け

専門家「AMP to PWAがベスト」

モバイル高速化が行える「AMP」と「PWA」の対応優先度としては、すでに普及が始まっている「AMP」にするべきという考え方が主流。AMPがすでに対応済みであれば、PWAも対応し「AMP to PWA」にしていくのが理想的です。

AMP to PWAを実現すると、あらかじめキャッシュされたAMPページを検索サイトから素早く表示し、AMPページ閲覧中に裏側でPWAページを読み込むことで、2ページ目以降を高速表示することができます。

すでにアメリカなどでは対応するデベロッパーがいるため、日本にも数年後、AMP/PWAを対応していく必要がありそうです。

ニュースメディアならAMPは必須

サイトの特性によって、対応優先度は変わってきます。ECサイトであれば、必ず「決済」をするフローが存在するため、アプリのように決済できる「PWA」を導入するべきだという考え方が強いように感じます。一方で、ニュースメディアなど「テキスト」を重視するコンテンツにおいては、高速表示を優先する「AMP」を導入することが優先されると言われています。

WEBの高速化手法

WEB高速化の話をした時、AMP/PWAが注目されますが、導入コストがかかるのが現状。コンテンツの質を極力下げずに、提供速度を高めることも重要視されるべきです。

PageSpeed Insightsの活用

Googleは“ウェブページの読み込み時間を短く”を推奨しており、パフォーマンス計測ツール「PageSpeed Insights」を提供しています。0~100 の値として算出されるパフォーマンス改善の余地を推定したスコアとアドバイスをもとに、WEBサイトの改善を図っていきましょう。

主に重要な改善点

  • リンク先ページでリダイレクトを使用しない
  • レンダリングを妨げる JavaScript や CSS を削除
  • ブラウザキャッシュを活用
  • スクロールせずに見える範囲のコンテンツのサイズを削減
  • サーバーの応答時間を改善する
  • 圧縮を有効にする
  • リソースを圧縮する
  • 画像を最適化する

WEB速度がGoogleランクにすぐさま影響するものではないものの、PageSpeed Insightsのスコア80点以上を目指してWebサイトを改善することが、サイト品質を向上で大切なことだと思います。

【初心者向け】必ず覚えておきたいリスティング広告の用語

obatea academy

GoogleやYahoo!など、検索エンジンの検索結果に表示される広告「リスティング広告」で指標となる用語についてまとめてみます。同じことを示していても略称になっていたり、上級者でも忘れてしまうケースもある大切な用語なので、必ず覚えておきたいものばかりです。または「なんとなくわかっている」と思っていても、人には説明しにくい時に活用してみてください。

リスティング広告の用語

リスティング広告は、英語で「product listing ads」です。広告がリストのように並べられて表示されることから「リスティング」と呼ばれたのが由来と言われています。

リスティングは広告の中でも最もスタンダードな広告手法の一つとして知られています。WEBマーケティングの最初の一歩でリスティングを開始する方も多いかもしれません。ここでは、広告を運営していく上で「必ず覚えておきたいリスティング広告の用語」を説明していきます。

インプレッション数(imp)

インプレッション数は「Impression(インプレッション)」や略して「imp(インプ)」と呼ばれることが多いです。英語を直訳すると「印象」という意味ですが、リスティング広告では「広告が表示された回数」という意味になります。

広告が表示されるということを「顧客(ユーザー)の目に触れた機会」とも言い代えるとわかりやすいかもしれません。

クリック数(CTs)

クリック数は、リスティング広告では「表示された広告がクリックされた数」という意味で使われています。インプレッションされたからと言って、広告を見たい全ての人がクリックすることがないため、現実的にはクリック数はインプレッションより少ない値になるのが一般的です。クリック数は「Click」「Click Through」「CTs」と表記されることもあります。

クリック率(CTR)

クリック率 = クリック数÷インプレッション

クリック率は「広告がクリックされた割合」という意味になり「Click Through Rate」や「CTR」と表記されることもあります。

クリック率は、クリック数をインプレッションで割った値。値が高いと、広告を見た人がクリックしたくなるような文言や画像になっているということになります。反対に、値が低いと、広告を見た人がクリックしたくなるようなものにはなっていないということが判断できます。

クリック率が高いからと言って、その広告が「良い」と判断するのは少し早いかもしれません。クリックされるからと言って、広告の目的―CV、つまり商品購入や登録―を達成するわけではないため、クリック率と目的を達成したかを見て判断するのが賢明でしょう。

とはいえ、広告がクリックされなければ、広告の目的を達成することはできないはずです。クリック率を高くし、適切な広告表示を模索していくことが大切です。

コスト(Cost)

コスト ≒ クリック数×平均CPC

発生した広告費を「コスト」と呼び、クリック数と平均クリック単価(平均CPC)をかけた値とほぼ同値になります。GoogleやYahoo!などにリスティング広告を掲載するための費用、支払った金額とも言えます。

広告は、コストが抑えながらも効果を最大化していくことが必要です。コストを増やしても効果が高ければ運用は問題がなく、コストが低くても効果が低ければ運用方法を改善する必要があります。

平均クリック単価(CPC)

平均CPC = コスト÷クリック数

平均クリック単価(CPC、Cost Per Click)とは「広告の 1 回のクリックに対して請求された金額の平均額」を意味します。クリックの合計費用を合計クリック数で割って算出されます。

平均 CPCが高いからといって広告効果が高いとは限りませんので、広告のコストとリターンを比べるための目安にしましょう。

コンバージョン数(CV)

コンバージョン数とは、広告をクリックして商品購入やお問い合わせなど、広告主が「成果」や「リターン」とみなした行動がとられた数です。英語では「Conversion」「CV」「CVs」と表記されます。

広告の目的は「クリック」されることではなく、その先の「コンバージョン」を獲得することです。運用上で最も重要視される数で、広告運用の課題と言えるでしょう。

コンバージョン率(CVR)

コンバージョン率 = コンバージョン数÷クリック数

広告のクリック数に対しコンバージョンが発生した割合を「コンバージョン率(CVR)」と言い、コンバージョン数をクリック数で割ると算出されます。

コンバージョン数およびコンバージョン率を改善するには、表示される広告から流入する「ランディングページ(LP)」の質を高める必要があることを示していることが考えられます。また、表示された広告とLPのユーザー属性が合っていない可能性もあります。

広告を見てクリックしたユーザーがどのような気持ちでLPを見るのかを考えて、コンバージョン率を高めていきましょう。

顧客獲得単価(CPA)

CPA= コスト÷コンバージョン数

ユーザーを一人を獲得するために必要なコストのことを「顧客獲得単価(CPA)」と言います。顧客獲得単価は、広告でかかった全体の費用「コスト」を獲得した顧客数「コンバージョン数」で割ると算出することができます。

広告費用対効果(ROAS)

ROAS = 売上÷コスト×100

広告費用対効果「ROAS」とは「Return On Advertising Spend」の略で、売上をベースにコストの回収率を示す指標として活用されています。コストに対し、どれだけ売上をあげたのかを割合で知ることができるというものです。

売上とコストが1:1の場合、つまり「ROAS=100%」が基準となり、ROASからコストに見合った売上があがっているのかを判断することができるのです。

投資対効果(ROI)

ROI=利益額÷コスト×100

投資対効果(ROI)とは「Return on Investment」の略、ROASとROIは指標として似ているため比較して説明されることが多いです。ROASが「売上」をベースの指標に対して、ROIは「利益額」をベースの指標となっています。

 

 

売上がコストの2倍出た場合、ROASは200%となるため広告効果としては良いように思えます。しかし、広告のコストに対して利益がマイナスだった場合、ROIは100%以下となってしまうので赤字となってしまうわけです。

一般的な企業で広告運用する場合、ROASよりもROIを重要視する必要があると言われています。