本記事の数値について 海外側は、GoogleのChromeチームが公開した「Autofill in action: real-world insights」（2024年12月17日公開）を、2026年9月時点で一次ソースを確認して引用しています。調査の対象は米国の「住所・クレジットカードのフォーム」で、利用統計の送信に同意した利用者の集計データです。国内の中小企業サイトに多い問い合わせフォームとは、国も用途も異なります。**そのまま自社に当てはまる数字ではありません。**この記事では、数字そのものより「何が起きているか」と「HTMLに何を足せばよいか」を中心に扱います。
フォームを開いてもらえたのに、入力の途中でやめられる。これはサイト改善のなかでも、特にもったいない取りこぼしです。広告費をかけて連れてきて、ページを読んでもらって、ボタンを押してもらった先での離脱だからです。
対策としてまず思いつくのは項目を減らすことで、これは別の記事で海外の最適値と国内の実測を比べました。ただ、項目数を削るには社内の合意が要ります。もっと手前に、合意も要らず見た目も変わらない改修があります。
ブラウザの自動入力（オートフィル）です。これがどれだけ効いているのかを、Googleが実際に測った結果が公開されています。
フォーム離脱の少なさ
短さ（約）
調査自身が明記
Chrome for Developers「Autofill in action: real-world insights」（2024年12月17日）より。米国の住所・クレジットカードのフォームが対象
何を測った調査か
Chromeチームは、米国でよく見られているサイトの「住所フォーム」と「クレジットカードフォーム」を対象に、数百万回のページ表示を集計しました。分析の対象になったのは、利用統計の送信に同意している利用者のデータです。
結果は2つです。オートフィルを使った場合、フォームを途中でやめる頻度が75%少なく、入力にかかる時間が約35%短い。
この数字を鵜呑みにしてはいけない理由
ここが重要なところで、調査そのものが限界を明記しています。
これは相関を見た調査であり、因果を示したものではありません。調査は「オートフィルを使う人は、そもそもフォーム入力が速く、途中でやめにくい人かもしれない。オンラインのフォームに慣れている、あるいはデジタルに習熟しているという理由が考えられる」と述べています。
また、調査は米国で実施されており、「オートフィルの成功率は地域によって大きく変わりうる。サイトの実装、現地の住所の書式、Chromeがそれらにどう対応しているかが異なるため」とも書かれています。
つまり「autocompleteを書けば離脱が75%減る」という話ではありません。オートフィルが使われている場面では、入力がはるかに軽くなっているという事実が示されただけです。
それでも実務的には十分な意味があります。入力が軽くなること自体は、機能の仕組みから考えて説明がつきます。10個の欄を自分で打つのと、1回の操作で埋まるのとでは、かかる手間が違う。数字の大きさは割り引くとしても、入力が楽になる方向に働くことは十分に考えられます。
そして、この効果をそもそも受け取れていないサイトがある。ここが本題です。
オートフィルが働くには、欄の意味をブラウザに伝える必要がある
ブラウザは、入力欄を見ただけでは「ここが何を入れる場所か」を確実には判断できません。name="f_03" のような欄名は珍しくありませんし、日本語のラベルは画面には見えていてもHTMLの構造上は別の要素です。
そこで使うのが autocomplete 属性です。これは「この欄は氏名」「この欄はメールアドレス」とブラウザに明示するための指定で、書いておくとブラウザは保存済みの値を正しい欄に入れられます。
✕ ブラウザが判断できない書き方
<input type="text" name="f_03">- 欄の意味はラベルの文字にしかない
- オートフィルの候補が出ない、または別の欄に入る
○ 意味を明示した書き方
<input type="email" name="email" autocomplete="email">- 欄の意味がHTMLに書かれている
- 保存済みの値が正しい欄に入る
図① 同じ「メールアドレス欄」でも、ブラウザから見えているものが違う
書く値は決まった語彙から選びます。よく使うものはごく限られています。
- 氏名の欄 →
autocomplete="name" - メールアドレスの欄 →
autocomplete="email" - 電話番号の欄 →
autocomplete="tel" - 郵便番号の欄 →
autocomplete="postal-code" - 住所の欄 →
autocomplete="street-address"
問い合わせフォームで使う機会が多いもの。既存のHTMLに属性を1つ足すだけで、ページのデザインは変わらない
変更は属性の追加だけです。デザインにも、送信先にも、入力内容のチェック（バリデーション）にも影響しません。入れて困ることがほとんどない種類の改修です。
「オートフィルは勝手に効くもの」ではない
ここが誤解されやすいところです。ブラウザの自動入力は、欄名やラベルからの推測でもある程度は働きます。だから何も書かなくても動くことはあります。
問題は、動くかどうかがサイトの書き方まかせになるという点です。推測に頼ると、欄によって出たり出なかったり、電話番号の欄に郵便番号が入ったりします。一度そういう挙動を見た人は、次から候補を使わなくなります。
autocomplete を書くのは、この不確実性をなくす作業です。派手な改善ではありませんが、フォームにたどり着いた人だけに効く改修なので、打率の高い場所ではあります。
まとめ
- Chromeの実測で、オートフィル利用時はフォーム離脱が75%少なく、入力時間が約35%短かった
- ただしこれは相関を見た調査で、調査自身が「もともと入力が速い人が使っている可能性」を認めている
- 対象は米国の住所・クレジットカードのフォーム。国内の問い合わせフォームとは母集団が違う
- オートフィルを確実に働かせるには、
autocomplete属性で欄の意味をブラウザに伝える必要がある - 属性を足すだけなので、ページのデザインも送信処理も変わらない
国内の中小企業サイトで autocomplete がどれだけ書かれているか、またスマートフォンで電話番号を入力するときにテンキーが出るかどうかは、次の記事で603サイトの実測値をお見せします。
コンバージョン偏差値スキャナーでは、フォームの項目数や入力のしやすさをUI/UXの軸で採点しています。URLを入れるだけで、最短60秒・登録不要で結果が表示されます。
出典：Chrome for Developers「Autofill in action: real-world insights」／web.dev「Autofill」
