混在フォームに対して、Chromeブラウザが警告を発するようになる。混在フォームとは、HTTPSで保護されたページに設置されたフォームの送信先がHTTPである状態だ。フォームで送信する情報がHTTPなので、盗聴されたり改ざんされたりする危険性がある。※ここでいう「混在フォーム」は、「混在ページ」とは異なる点に注意。「混在ページ」は、ページ自体はHTTPSで読み込んでいるが画像などのリソースを非HTTPSで読み込んでいる状態。そもそも表示中のページ自体が安全ではないとみなされる。「混在フォーム」は、表示中のページ自体は(画像なども含めて)HTTPSで保護されているが、フォームの送信先URLがHTTPSではない状態。具体的には次のような変更が加わる。混在フォームでは自動入力が無効になる。ユーザーが混在フォームへの入力を始めると、テキストによる警告でフォームが安全でないことが通知される。ユーザーが混在フォームを送信しようとすると、潜在的なリスクを警告し、それでも送信するかどうかを確認する画面がページ全体に表示される。86からこのように仕様が変わる(10月リリース予定)。混在フォームは安全性やプライバシーが守られないだけではなく、警告がユーザーを怖がらせるかもしれずUXを損ねる。フォームを設置しているサイトは、フォームもHTTPSになっていることを再確認しておこう。国内情報SEOではなくEFOのすばらしい記事を紹介する。Optimization」の略で、日本語では「入力フォーム最適化」となる。入力フォームを改善することによって、フォーム完了率(つまりコンバージョン率)を向上させる施策だ。わかりやすく言うと、SEOで連れてきたユーザーがより多くコンバージョンしてくれるようにするものだ。ここで紹介する記事は、フォームに関する次の5項目をアドバイスしている。「フォーム入力=ストレス」は基本!項目は最小限に抑えて!最小限の入力項目とは、問題なくサービスを受ける為に必要な分だけを指す項目を絞ったら今度はフォームを快適にしようスマホのフォームは野生の熊以上に注意せよ!フォームこそ「ユーザーファースト」が現れる場所かつて知られていなかったような画期的な施策を提案しているわけでは決してない。これらの施策を実際に確実にできているサイトが多いとは思わない。フォームをサイト内に設置しているなら確実に参考になる。個人的には、次の文をすべての営業系のスタッフに伝えたい:「この情報ホントは必要じゃないけど、ウチで欲しいから必須にしよう!」は、オススメしません。項目が増えるからというのもあるんですが、もう少し根本的な部分について考えてみてください。ターゲットは考えます。「なんでこのフォームには、こんなに項目が多いんだ?」と...。国内情報ウェブページの表示速度を向上するための最新技術を3つ、ヤフーの技術ブログが紹介している:loading属性content-visibilityプロパティcontainプロパティloadingは、HTMLタグの属性だ。ネイティブLazyloadとも呼ぶ技術で、必要になるまで画像やiframeを読み込まない「遅延読み込み」を、JavaScriptを使わずブラウザの機能で実現する。このコラムで以前に詳しく解説した。現在はChromeだけではなく、FirefoxやEdgeもサポートしている。Safariもバージョン14でサポートすると思われる。content-visibilityは、CSSのプロパティだ。スクリーンに見えていないコンテンツのレンダリングを遅らせるさきほどのloading属性は読み込みを遅らせるものだが、このcontent-visibilityは「読み込むが描画しない」もの。85だけだ(この記事を公開している時点での安定版Chromeの最新バージョン)。サイトが先月公開している。グーグルのマルテ・ウブル氏が絶賛している注目の技術でもある(ウブル氏はAMPプロジェクトのリーダー)。今後のChrome以外のブラウザサポートに期待したい。containは、CSSのプロパティだ。Containmentとも呼ぶ。再レンダリングをページ内の特定の部分だけに限定できる。画面全体を再レンダリングしないので、表示速度の向上に役立つ。Containmentも、web.devサイトのcontent-visibilityと同じ記事で解説されている。ユーザー体験とSEOは、すでに切っても切れない関係になっている。ウェブページの高速表示はユーザー体験の要だ。元記事で紹介している最新の技術のうち、loading属性はわかりやすいが、content-visibilityとcontainは少し難易度が高いかもしれない。エンジニアやデザイナーと協力しながら取り組んでスピードアップに励みたい。国内情報ユーザー体験を向上するための、一風変わった試験機能をChromeベータ版にグーグルが実装した(Android版のみ)。リンク長タップで表示されるメニューに「高速版ページ」と表示されるのだ(もちろん、リンク先ページが高速に読み込まれる場合のみ)。リンク先ページに訪問する前に、表示が快適かどうかをユーザーは知ることができるというわけだ。バイタルに基づく(データは28日間ぶんで、週に2回更新するとのこと)。「長押し」という操作が必要で、さらに現在は、Android版Chromeのみの試験実装でフラグを指定しないと有効にならない。そのため、この機能を利用するユーザーがどのくらいいるか疑問だ。海外情報WebPよりもさらに軽量な次世代画像フォーマットのAVIFを前回紹介し、AVIFへの変換に便利なツールとしてSquoosh(スクゥーシュ)に触れた。Squooshは1枚1枚手動で変換しなければならない。手間がかかるので、大きなサイトでは機械的に処理したいはずだ。Squooshが使っているエンコーダがGitHubで公開されている(ただしこれはWebAssemblyという、ブラウザでコンパイル言語を利用するバージョン。元のAVIFライブラリはこちら)。簡単にAVIFを使いたい場合は、新しいバージョンのImageMagickとlibheif/libaomを使えばうまくいくようだ(ImageMagickの利用に際してはセキュリティ設定には十分に注意を)。がんばってる人用(ふつうの人は気にしなくていい)技術がわかる人に伝えましょう海外SEO情報ブログの掲載記事からピックアップ画像検索と構造化データに関する記事をピックアップ。Google画像検索の画像ライセンスが正式版に。けんいち)「海外SEO情報ブログ」の運営者。Advocate(サーチ・アドボケイト)。海外SEO情報ブログは、SEOに特化した日本ではもっとも有名なSEO系ブログの1つ。米国発の最新のSEO情報を中心に、コンバージョン率アップやユーザーエクスペリエンス最適化のための施策も取り上げている。Companyでは、セミナー講師や講演スピーカーを主たる役割にしている。最近(過去90日間)の記事で、Facebookの「いいね!」が多かった記事をお見逃し無く。いいね!※記事へのコメント機能は2021年11月をもって終了しました。編集部へのご連絡は、問い合わせフォーム・メール・Twitterなどをご利用ください。広告が目指す戦略アドフラウド対策でCPA改善!「おとなの自動車保険」のデジタル広告が“損失1700万円”を克服するまで成功事例・失敗から学ぶWebサイトリニューアル。防犯意識が高い都道府県、全国1位は「奈良県」。Plan(事業継続計画)の略。顧客理解のためのUXリサーチ実践講座~インタビュー・ネットリサーチから分析手法をワークショップで学ぶすべて見るインフォメーションWeb担のメルマガを購読しませんか?Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。編集後記サイトマップFAQ(よくある質問とその答)Web担に広告を掲載しませんか?購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。Web担主催のイベントに協賛しませんか?年4回実施している数百人~3,4千人規模の無料イベント。イベントに協賛して、新規のリード獲得・認知向上をしませんか。寄稿記事・取材の企画の募集はこちらWeb担に寄稿したい、取材してもらいたい、などの場合はこちらから情報提供お願いします。