404番目のページの作成、カスタマイズ、デザインは重要なタスクであり、コンテンツのこの要素は、多かれ少なかれ深刻な商用サイトで解決されるべきです。 興味深いことに、多くの場合、視覚コンポーネントのみに注意が払われますが、Web分析の問題は開発者の注意から外れています。
このビジネスがRuNetでどのように実装されているか、つまり、Forbesがまとめた評価によると、ロシアでトップ10のオンラインストアのリストにあるサイトでどのように実装されるかを確認することにしました。
何十万ものトラフィックがあるオンラインストアでは、404ページ分析はデータ分析において非常に重要なステップです。
このコンテキストでは、いくつかの可能なオプションを区別できます。
- ページにはGoogleアナリティクスコードがあります。つまり、それらを追跡および分析できます。
- Google Analyticsスクリプトはまったくありません。
- 追加の設定(_setcustomvar、_trackpageview、_trackevent)を備えたGoogle Analyticsがあります。
- トラッキング404は、他のメカニズムを使用して実行されます。
- ユーザーがエラーのあるクエリを入力したときに、論理的な代替単語を追加できます。
そのような分析の利点は何ですか?
- 検索ページからの離脱率を減らすか、404;
- ページビューの数を増やします。
- サイトで費やす時間の増加。
- マイクロとマクロの変換を増やします。
Googleアナリティクスを使用して404番目のページへの遷移を追跡すると、この方法で壊れたリンクを見つけ、必要なリダイレクトを構成し、このコンテンツ要素の設計を試し、結果を監視できます。
Ulmart.ru
Ulmart.ruに存在しないページを設定しようとすると、そのようなページが見つからなかったというメッセージが表示され、アドレスを間違って入力したか、単にサイトから削除された可能性があります。 以下に、サイトのメインページに移動するための推奨事項と、対応するリンクを示します。
ジャッキー・チェンとのミームの写真は微笑んだ。それは明らかに、あなたが行こうとしているページがどこに行ったのかについての悲しい考えからあなたをそらす必要がある。
Google Analytiicsスクリプトが接続されていません。
Citilink.ru
Citylink Webサイトでは、完璧なミニマリズムを見つけることができます。上隅にはサイトのロゴがあり、ページの中央には大文字の碑文があり、そのようなページはありませんが、カタログを見て、自分にとって興味深いものを見つけることができます。
Google Analyticsは存在しますが、404は追跡されません。
Wildberries.ru
Wildberries.ru Webサイトの404番目のエラーのページは、美しく思慮深く実装されました-Webサイトのロゴに加えて、エラーが発生した理由のいくつかのオプションの説明と、特別なセクションの5%割引コードが表示されます! おそらくWildberries.ruは、このようなサービスページの最も興味深い実装の1つです。
Google Analyticsは接続されておらず、ページは追跡されません。
Ozon.ru
Ozone Webサイトでは、すべてが非常にシンプルであり、創造性とはほど遠いものです。存在しないページに関するメッセージと、メインページ、メニューに移動するか、検索を使用することを推奨します。
404ページは、スクリプトを使用して追跡されます。
<script type="text/javascript">
Biglion.ru
デザイナーはすでにここで働いており、興味深いテキストとプロモーションテキストをエラーテキストに追加します。
Googleタグマネージャーを使用しているため、何も言えません。
Holodilnik.ru
前のものとは異なり、このオンラインストアはそのようなクリエイティブを喜ばせません。 上記のスクリーンショットでわかるように、すべてが非常に標準的です。
Google Analyticsスクリプトは存在しますが、ページは追跡されません。
Technopoint.ruこのサイトでは、存在しないアドレスを入力するとメインのアドレスへのリダイレクトが機能するため、ユーザーには404ページがまったく表示されません。 または、商品の場合は、カテゴリページで。
Enter.ru
404番目のページは、元々うまく機能してEnterで作成されました。サイトの主要な色の1つでの素敵な写真、検索行、電話の申し出、そして下部にメインページに移動する大きなボタンがあります。
Google Analytics Script Connected:
_gaq.push(['_trackPageview', '/page404' + location.pathname]); _gaq.push(['_trackEvent', 'Errors', '404', nowURL]);
220ボルト
220ボルトストアでは、さらに実用的です。ページがない理由の可能性についての無言のメッセージと、メインページ、製品カタログ、またはサイトマップへのアクセスの申し出です。 サイトの全体的なデザインにきちんと収まり、数秒後にメインサイトへのリダイレクトがトリガーされます。
Google Tag Managerが使用されているため、状況は「Biglion」に似ています。
Utkonos.ru
さて、ここで原則:独創的なものはすべてシンプルです-2行と4つの単語:)
Google Analyticsスクリプトは存在しますが、ページは追跡されません。
すべてのサイトではなく、一般的な原則と推奨事項に従ってページ404が実装されています。標準的なソリューションを見ることができれば、コンテンツアイテムは本当にうまく機能していることがわかります。 404ページ目の分析に関しては、各オンラインストアの状況も異なります。
リファレンスオンラインストアとして、よく知られているZappos.comを利用できます。
テストでは、たとえば次のアドレスを入力します:
www.zappos.com/dfgdfgdfgそして結果が得られます:

このスクリプトを使用して追跡が実装されます。
<script type="text/javascript"> var showTerm = true; $LAB .script('/search/js/main.p.20140218110728.js') .wait() .script('/search/js/noResults.p.20140219144546.js') .wait(); window.terms = "dfgdfgdfg"; var _gaq = _gaq || []; _gaq.push( ['pageTrackerPriTr._setAccount', 'UA-8814898-1'], ['pageTrackerPriTr._setDomainName', '.zappos.com'], ['pageTrackerPriTr._setAllowHash', false] ); var _gaq = _gaq || []; _gaq.push( ['pageTrackerPriTr._setCustomVar', 1, 'PageType', 'Search-No-Results', 3], ['pageTrackerPriTr._trackEvent', 'Search-Results-Page', 0, 'dfgdfgdfg'], ['pageTrackerPriTr._trackPageview', '/no-results?terms=dfgdfgdfg&cat=noresults'] ); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga); })(); </script>
サイトに存在するページの形式で結果を提供しないすべてのページ、つまり404エラーだけでなく、誤ったリクエストの検索結果も監視します。
検索で誤ったクエリを入力するときに、結果の出力を実装することは興味深いです。 たとえば。 ストアの検索文字列にクエリ「nikr」を入力すると、スクリプトはサイト上の製品/カテゴリを分析し、その結果、ユーザーが入力したリクエストに最も近いものを表示します。 その結果、「nikr」には「Nike」が表示されます。
www.zappos.com/nikr興味深いことに、このスクリプトの断片から判断すると:
_gaq.push( ['pageTrackerPriTr._setCustomVar', 1, 'PageType', 'Search-Results', 3], ['pageTrackerPriTr._trackEvent', "Search-Results-Page", "3853", "Search-nikr"], ['pageTrackerPriTr._trackPageview', '/esearch?term=nikr']
アナリティクスはそのようなリクエストをエラーとして記録しませんが、それらは正しい結果であると見なします。
そのため、ワークショップには外国人の同僚から学ぶべきことがたくさんあります。もちろん、Zappos.comやその他の主要な世界クラスのオンラインストアを詳細に分析すると、自分のWebサイトまたはクライアントプロジェクトに適用および適用できる多くの興味深い機能を見つけることができます。