ウェブマスター向け公式ブログ
Google フレンドリーなサイト制作・運営に関するウェブマスター向け公式情報
フォームへの入力をすばやく簡単に
2012年3月13日火曜日
ユーザーをコンバージョンに導くプロセスで大きなボトルネックのひとつとなるのが、オンライン フォームへの入力です。ショッピングや登録のプロセスが完了するかどうかは、フォームの出来により大きく異なります。フォームへの入力は、サイトの目標を達成する上で最も重要かつ要求の厳しいステップです。多くのユーザーにとってオンライン フォームは、ウェブ上のさまざまなサイトで自分の名前や住所などの情報を繰り返し入力しなければならないものもあるため、多くのユーザーが、この面倒な作業のために入力を途中でやめてしまいます。
Chrome の自動入力やその他のフォーム入力機能は、一般的なプロフィール情報を記憶し、フォームにその情報を事前に入力することで、こうした障壁を取り除きます。ただし現在のところ、ウェブマスターには、Chrome やその他のフォーム入力機能がサイトのフォームを正しく解析してくれるかどうかがわかりません。いくつかの
規格があります
(英文)が、ウェブサイトの実装に負担がかかるため、あまり利用されていないのが現状です。
そこで、Chrome ではフォームのフィールドに新しい「オートコンプリート タイプ」属性を試験的に導入いたしました。ウェブ デベロッパーのみなさまはこの属性を使って、text フィールドと select フィールドに標準的なデータ タイプ(「full-name」、「street-address」など)で明確にラベルを付けることができます。この属性を使用してフォームを自動入力用にマーク アップすることで、ユーザー インターフェースやバックエンドに変更を加えずにサイトでのコンバージョン率を高めることができます。
実際には、input 要素に属性を追加するだけです。たとえば、メール アドレスのフィールドは、次のようになります:
<input type=”text” name=”field1” x-autocompletetype=”email” />
Google は、他の複数の自動入力対応ベンダーと共同で今回の設計を行ってきました。あらゆる初期段階の提案と同様に、ウェブ標準化コミュニティからのフィードバックに基づいてこの機能を変更、改善していく予定ですが、Google ではこの機能が、HTML5 の仕様で自動入力フォームの対応について議論するよいきっかけになると考えています。現在のところ、この新しい属性は x-autocompletetype として Chrome に実装されています。これは、webkitspeech 属性(昨年の夏に
リリース
(英文))と同様に、まだ実験運用属性であり、標準属性ではありません。
詳しくは、
仕様案の全文
(英文)をご覧ください。この記事に関するコメントやご意見・ご感想は、
ウェブマスター ヘルプフォーラム
までお寄せください。また、
標準化の議論
(英文)へのご意見もお待ちしています。
Posted by Ilya Sherman, Software Engineer
Original version:
Making form-filling faster, easier and smarter
ラベル
+1 ボタン
2
AMP
11
API
3
App Indexing
8
CAPTCHA
1
Chrome
2
First Click Free
1
Google アシスタント
1
Google ニュース
1
Google プレイス
2
Javascript
1
Lighthouse
4
Merchant Center
8
NoHacked
4
PageSpeed Insights
1
reCAPTCHA v3
1
Search Console
101
speed
1
イベント
25
ウェブマスターガイドライン
57
ウェブマスタークイズ
2
ウェブマスターツール
83
ウェブマスターフォーラム
10
オートコンプリート
1
お知らせ
69
クロールとインデックス
75
サイトクリニック
4
サイトマップ
15
しごと検索
1
スマートフォン
11
セーフブラウジング
5
セキュリティ
18
ダイナミック レンダリング
1
データー ハイライター
2
ハッキング
19
ハングアウト
2
ビデオチュートリアル
7
フィードバックとコミュニケーション
1
プロダクトエキスパート
1
マルウェア
9
モバイル
2
モバイルサイト
54
リッチカード
2
リッチスニペット
12
リッチリザルト
4
画像
3
画像検索
2
検索エンジン最適化
13
検索結果
85
構造化データ
25
国際化
4
再審査リクエスト
9
初級者向け
160
上級者向け
203
中級者向け
206
動画
1
アーカイブ
2020
11月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2019
11月
10月
9月
8月
6月
5月
4月
3月
2月
1月
2018
12月
11月
10月
7月
6月
5月
4月
3月
2月
1月
2017
12月
11月
10月
9月
8月
7月
6月
4月
3月
2月
1月
2016
12月
11月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2015
12月
11月
10月
9月
8月
7月
5月
4月
3月
2月
1月
2014
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2013
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2012
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2011
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2010
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2009
12月
11月
10月
8月
7月
6月
4月
3月
2月
1月
2008
12月
Feed
Follow @googlewmc