海外&国内SEO情報ウォッチ

"オンライン学習"の検索が対前年比で400%増加⬆、新型コロナが増やした検索クエリ

この記事の目次：

Web担当者に役立つ最新情報

"オンライン学習"の検索が対前年比で400%増加⬆、新型コロナが増やした検索クエリ
新型コロナウイルスは検索動向にも影響していた（Think with Google）海外情報

COVID-19（新型コロナウイルス感染症）は検索動向にも影響を与えている。新型コロナが流行して以来、急激に増加した検索クエリをグーグルが紹介している。特に、子育てしている親に関わりが深いクエリだ。

「（～で見られる）家族向け映画」（Family movies on）が対前年比で100%増加⬆
「子供用机、学習机」（kids desk）が対前年比で500%増加⬆
「オンライン学習」（online learning）が対前年比で400%増加⬆
「ホームスクール」（home schooling）が対前年比で200%増加⬆
「子ども向けのアクティビティ」（activities for kids）が昨年から100%増加⬆
「～と（一緒に）トランポリン」（trampoline with）が対前年比で600%増加⬆
「裏庭でできること」（backyard ideas）が対前年比で200%増加⬆

どれも米国限定ではなく、グローバルでの数字だ。日本でも増加していそうなクエリもある。たとえば「オンライン学習」だ。

自粛が始まったころから伸びており、緊急事態宣言のころにピークになっている。その後は減っているが、コロナ流行前よりは多い状態が継続している。

グーグルが紹介した増加クエリに関連する商品やサービスを提供しているなら、需要に応えるチャンスになる可能性がある。これらのクエリに限らずに、新型コロナの影響で増加しているクエリがほかにも必ずあるはずだ。新型コロナによって売上が下がっているビジネスであっても、こうした需要が増えているクエリを探し出して、ピンチをチャンスに変えてほしい。

★★★★☆

SEOがんばってる人用（ふつうの人は気にしなくていい）

グーグル公式サイトが移転、でもリダイレクト301ではなくJavaScriptでなんだ？
これしか選択肢がなかった（Gianluca Campo on Twitter）海外情報

「グーグル検索セントラル」の名称変更にともない、公式ブログがデベロッパーサイトに移転した（日本語ブログはまだ）。しかしこのサイト移転でグーグルは、301リダイレクトではなくJavaScriptによるリダイレクトを使っている。

SEOを考慮すれば、サイト移転にはサーバー側での301リダイレクトが最善だ。どうしてグーグルは、しかも検索を専門に扱う検索セントラルがJavaScriptによるリダイレクトを採用したのだろうか？

結論としては、それしか選択肢がなかったからということだ。

元のブログは、グーグルが運用するブログサービスBlogger（ブロガー）を使っていた。実は、Bloggerはサーバーサイドの301リダイレクトをサポートしていないのだ。そこで、JavaScriptによるリダイレクトを選択したとのことである。meta refreshタグによるリダイレクトも検討したが、これもBloggerでは機能しなかったそうだ。

実装したのは、ほかならぬゲイリー・イリェーシュ氏だそうだ。

that was my initial plan. that would've worked better for indexing (we don't have to do js understanding), but blogger hated it. server side redirects were out of question; maybe we could've talked to the blogger team, but external folks wouldn't be able to, so it seemed unfair.
— Gary 鯨理／경리 Illyes (@methode) November 20, 2020

i did want meta refresh, that would've been better, but blogger didn't like it. server side redirects were out of question because it would've needed special treatment just for us from the blogger team
— Gary 鯨理／경리 Illyes (@methode) November 20, 2020

Bloggerのチームに特別扱いをしてもらうのは公平ではないとして、一般のBloggerユーザーがサイト移転するときに取り得る手段を使ったとのこと。

JavaScriptリダイレクトもグーグルは公式にサポートしているし、実際、このリダイレクトはうまくいっているようだ。

同じくグーグルのジョン・ミューラー氏も、サイト移転のリダイレクトとして上手に処理できると胸を張っている。

We purposely only did things that "normal users" would be able to do. On Blogger, you can't 301 redirect like this. Luckily, Google can process JavaScript fairly well :).
— 🍌 John 🍌 (@JohnMu) November 23, 2020

★★★★☆

ホントにSEOを極めたい人だけ
技術がわかる人に伝えましょう

AVIFやWebPを出し分けるHTMLタグの挙動をChromeのDevToolsで簡単に検証する機能が登場
Chromeデベロッパーツールが実装（Google Developers）海外情報

超軽量な次世代画像フォーマットのAVIFで画像を配信しているサイトの管理者に役立つ情報を紹介する。AVIF（とWebP）形式の画像の読み込みを無効にして表示を確認する機能をChromeのデベロッパーツールが実装するのだ（次期バージョンのChrome 88から、詳細は後述）。

AVIFを正式にサポートしているブラウザは、この記事を書いている時点ではChromeとOperaだけだ（Firefoxが試験機能として対応している）。WebPは多くのブラウザで表示できるが、IE 11やMacOS版のSafariがサポートしていない、

そのため通常は、画像をAVIFやWebPで配信する場合でも、imgタグのsrcset属性やpictureタグを使って、サポートしていないブラウザではPNGやJPEGをの画像を読み込むようにしているはずだ。

具体的には、次のようなHTMLタグになっているだろう。

<picture>
  <source srcset="./images/cat.avif" type="image/avif">
  <source srcset="./images/cat.webp" type="image/webp">
  <img src="./images/cat.png" alt="cat" width="256" height="256">
</picture>

AVIFをサポートしていれば、cat.avifを読み込む。
AVIFをサポートしていないくてもWebPをサポートしていれば、cat.webpを読み込む。
AVIFもWebPもサポートしてなければ、cat.pngを読み込む。PNGは、現代のブラウザであれば必ずサポートしている。

こういったタグが、AVIFやWebPをサポートしていないブラウザでどのように処理されるかを、わざわざIEなどを起動しなくてもChromeでチェックできるようになるのだ。

AVIF（とWebP）を無効にする機能は、Chromeデベロッパーツール（DevTools）のコンソールドロワーから設定できる。

DevTools下にコンソールドロワーが表示されていない場合は、DevTools右上の［︙］から［Show console drawer］を選んで表示しておく。
DevTools下にコンソールドロワーの上部左端にある［︙］から［Rendering］を選ぶ。
コンソールドロワーに［Rendering］タブが表示される。
コンソールドロワーの［Rendering］タブを下にスクロールすると、AVIFやWebPを無効にする設定がある。
- ［Disable AVIF image format]にチェックを入れると、AVIFの読み込みを無効にできる
- ［Disable WebP image format］にチェックを入れると、WebPの読み込みを無効にできる
この設定は、DevTools下部のコンソールドロワー内にある
設定を変えたら、対象のページをリロードする。
DevToolsの［Elements］ペインや［Network］ペインで、実際にブラウザが読み込んだ画像を確認する。