新規サイトを立ち上げるなら初めからHTTPSで

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

新規サイトを立ち上げるなら初めからHTTPSで
あとからのHTTPS移行は苦労する （John Mueller on Twitter） 海外情報

HTTPSでのサイト構成について、グーグルのジョン・ミューラー氏がこんなアドバイスをしている。

新しいウェブサイトを構成するのであれば、HTTPSを使いなさい。

HTTPSは必須ではないが、ランキングシグナルにもなっている。後からHTTPSに移行するよりも最初からHTTPSにしておくほうが簡単だ。

グーグルはHTTPSをランキングを決める要素として使っている（順位への影響力は微々たるものだが）。しかし検索を抜きにして考えても、ウェブの世界は確実にHTTPS化している。

たとえば、Chromeブラウザでは、HTTPのページに「保護されていない通信」のラベルがURL欄に常に表示されるようになる。これは、SEOに関係なくUX（ユーザー体験）の面でもHTTPSにしていないことのマイナスが増える動きだ。

一般的に言って、HTTPSへの移行はサイトの規模が大きくなればなるほど、構成が複雑になればなるほど、難しくなっていく。新規にサイトを立ち上げる際には最初からHTTPSにしておくことは、筆者も強く推奨したい。

グーグル検索結果でタイムスリップ発生!? ニュースが過去の日付で表示される状況が
グーグルには難しい処理 （Search Engine Round Table） 海外情報

グーグル検索結果に表示されるスニペットには、そのコンテンツが公開された日付・時間が記載されることがある。いつの情報なのかを確認できるので、役立つことも多い。

ところが困ったことに、この日時が不正確なことがある。

米フロリダで発生した米乱射事件を報じた記事が、事件が発生するよりも以前の日時でグーグル検索結果に表示されていたのだ。

事件を報じる記事がSERPでは事件よりも過去の日付を示しているスクリーンショットを、元記事では紹介している

グーグルのダニー・サリバン氏によれば、タイムゾーンの問題だったり記事中に複数の日付があったりと、さまざまな要因でこうした間違いが起こりうるのだそうだ。グーグル側での対処が難しいこともあるという。

グーグルはページ公開日時の検出を完全に自動化しており、サイト管理者が指定することはできない。構造化データも役に立たない（手がかりにはしているだろうが）。

日付を指定する仕組みを提供すると今度は乱用する人も出てくる。古い記事なのに新しい記事のように見せかけて、グーグルニュースで不正にトップに掲載させる人が出てくるのは想像に難くない。

我々にできることはなく、グーグルがアルゴリズムを改善するのを待つしかない。

グーグル主催AMPイベントからの最新情報まとめ
グーグルはAMPに本気 （Yusuke Utsunomiya on ツイッター） 国内情報

グーグル主催のカンファレンス「AMP Conf 2018」が2月12日～13日にオランダのアムステルダムで開催された。名前が示すとおり、AMPをテーマにしたカンファレンスだ。

AMPの将来についてトークする、AMPチームリーダーのマルテ・ウーブル氏

日本のグーグルから参加者していたシニア モバイル ソリューション コンサルタントの宇都宮氏がハイライトをツイートしているので、紹介する。次の8項目だ。

• AMP Stories（没入型コンテンツ表示）
• AMP for email（Gmail内のメールにAMPページを埋め込み）
• 自社サーバーからAMPを最適な状態で配信
• WordPressのAMPプラグインが進化
• 日本企業のAMP成功事例
• ECサイトでのAMP使いこなし事例
• ECでも広告からのLP経由のジャンプ先がAMPに
• 新機能amp-bind-macroとamp-date-picker

AMP Confには筆者も参加した。当初と比べてグーグルのAMP推しがおとなしくなった感があるが、高速体験のみならず、AMPをモバイルウェブの標準プラットフォームにすべくAMPの開発にいっそう本気でグーグルは取り組んでいると感じた。

常に新しい情報が出てくるAMPの世界なので、こうした情報をうまくゲットして知識をアップデートしていこう。

グーグル社員が最新技術で作ったオリジナルPWAサイト
Web ComponentsやPRPLパターンを駆使 （ウェブボウズ） 国内情報

AMP Confのハイライトまとめをツイートしたグーグルの宇都宮氏が、最新の手法を活用したPWAサイトを構築した。

どのような手法で作り上げたのかを、そのサイト自体で解説しており、次のような技術や手法が織り込まれている。

• Web Components
• PRPLパターン
• HTTP/2
• Service Worker
• Intersection Observer

一般的によく使われているサードパーティ製のフレームワークを使わずに、完全にオリジナルのコンポーネントを使っているあたりが、PWA（とAMP）の普及促進のために技術的アドバイスをしているスキルの高さを物語っている。

記事で語られている内容はほぼすべて技術的な内容なので、理解するのは非常に難しいだろう。しかし、この記事に書かれている新しいテクノロジーは、表示パフォーマンスにすぐれた良いUXを実現できるものだ。開発者とともに研究し、参考にできるところは真似するといいだろう。

海外SEO情報ブログの
掲載記事からピックアップ

HTTPSとPWAに関する記事を今週はピックアップ。

• 遂に来た！通信が安全ではないことを示す警告をすべての非HTTPSページにGoogle Chromeが常に表示。2018年7月リリースのバージョン68から

  怖がるユーザーが出てきそう。

  ★★★★☆

  • すべてのWeb担当者 必見！
• PWA版Googleマップが正式公開、ネイティブアプリ不要になる日がGマップにも来るのか？

  そのうちアプリいらなくなるかも。

  ★★★☆☆

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