crumbs-featured

パンくずリスト (右の方法) を使用する方法

From How to use breadcrumbs (the right way)

ヘンゼルとグレーテルの童話との関連付けを持ち出す. パン粉、ヘンゼル ル帰りは再び彼を見つける彼を助ける鳥類のパン粉。
パン粉との関連付けがおそらくまだ強いのパンくずリストとして徐々 に変化している、グリムの物語の王国ナビゲーションは、サイトの訪問者のより良いユーザー エクスペリエンスを作成する web デザイナーを助けます。
このグラフィカルなコンtrol 要素は、です提供サイトのナビゲーション補助として非常に有用な目的を果たすインテリジェントに。
ために歩道に依存する必要がある経験の浅い方に天の恵みすることができます。
それらをあなたのクライアントのサイトの追跡します。
パンくずリストのトレイルを維持トラック of と表示順序で時々 の訪問者が表示されているすべてのページと述べたページ vi別のアレンジで ewed、他の回。
ここでは、あなたの警戒にパンくずリストを統合する方法です。
イオン意味深長: 3 種類の階層リンク ナビゲーションが、パンくずリストの 3 つの主な種類s が最後の 1 つよりも人気があるという 2 つの任意の特定のサイトに通常発生します。
中堂イオン パン粉 2 つの最も人気のある種類の 1 つが発生するよ、パンくずリストの場所を教えて、ユーザーは、サイトの階層に関してであります。
その簡単な組織を織エント ユーザー サイト内で明確な方法で非常に広く使用されるこのタイプになります。
座っての間で人気多数レベルのコンテンツとナビゲーションの層を持つ es 場所パンくずリスト ユーザーに力を与える効率的に戻る前、簡単なコンテンツのより高いレベルをクリックします。
また、場所 breadcrumbs は静的 (彼らは変更されません)、し、ユーザーの方向を変えるための信頼性の高い方法です。
1 800 花は、パンくずリスト機能場所の典型的な例を提供します。
買い物するたびに訪問私の誕生日のフラワーアレンジメントのページの彼は最初にクリックしていたことがわかります、ホームページから始まって後誕生日カテゴリです。
もちろん、彼はそれぞれのより高いレベルの br をクリックできます。
即座にそこに eadcrumb。
属性パン粉属性パンくずリストは、2 番目の主要な type に遭遇するでしょう。
場所パンくずリストとは異なりこれらの作業のようなものにそのフィルター選択ちょっとではない静的と継続的にユーザーの好みに基づいて変更します。
Y をまったく教えてくれませんou、サイト上の位置が、代わりにページのコンテンツについてのメタ データを表示します。
属性 breadcrumbs は、あなたが望むものをカスタマイズすることのできる電子商取引サイトに人気したがって購入、そのような車のサイトのように。
その結果、必ずしも階層リンク appr のこの型を使用できません。
あなたは既に訪問したページに戻る方法を見つける oach。
私が話しているものを参照してください。
Cars.com のパン粉。
メーカーやモデルによって車を検索するときに気づく付近パンくずリストe トップ - サイトのロゴの下に、画面の左側。
今年、製造元とモデルを表す前のページiou の検索サイトで、古いを再訪する信頼性の高いトレイル ページを提供していないが、として表示します。
この種類の階層リンクと場所パン粉、wh の違いに注意します。
ich では、あなたが最近訪れたページを正確を再訪することができます。
パス ブレッドクラム パス パン粉、少なくとも 3 つの人気のある再ので、率直に言って、すべての彼らを行う複製どのようなブラウザーは 'すでに s [戻る] ボタンを行います!まったく UX を向上する支援されていませんそれが非常に冗長ではなく. またとして知られている歴史トレイル ブレッドクラム パス本当にあまり役に立ちませんから give 追加のコンテキストまたは訪問者の奥深くにあるページに着陸するための情報、サイトの階層です。
例彼はシアを見つけたので商品ページに着陸な訪問になるだろう彼がつけた ch 結果。
パンくずリストのこのタイプの発生、これらの UX の問題のためにs 取得ますます今日のサイトでそれを見つけることは珍しい。
どのタイプがどのようなサイトに最適? パンくずリストの 3 つの主なタイプの内訳は、ほとんどスーツである明白な質問を頼むできる何のため? 多分アカンもう 1 つを始めてこと: path パン粉。
非常には、少なくとも、これは UX; 助けない最悪のシナリオは、ユーザーdif の適切な階層を表示しないのでパス パン粉によって実際に混乱可能性があります。
サイト内の別のレベル。
今では私たちは道をある、中堂だけに焦点を当てるイオンと属性のパン粉。
場所パンくずリストが大きなサイトに適しています非常に深い内容のレベル。
これの優秀な例は eBay、巨大な店舗であるためすべてのアイテムの販売またはオークションのためにであります。
したがって、パンくずリストの場所に最適です。
訪問者として、コンテンツのこの深さは明らかに余分な向きを使用できます。
今我々 の att を回しましょうパンくずリスト属性に ention。
Cars.com と上記の例からわかるように、e コマース サイトfer 買い物客多くのカスタマイズ オプションは、ナビゲーション ai のこのタイプを持っていることのメリットは大きく+ サイトのさまざまなカスタマイズ オプションを買い物客に圧倒的にすることができます。
だからこそを与えること、これらのフィルターにかなって場所パン粉よりも買い物客が追跡したいので m彼らは検索結果、注文に行った様々 な変更。
Breadcrum のベスト プラクティス一般的に、あなたのクライアントの s の階層リンク ナビゲーションを設計するときこれらのヒントに従っている場合 bsアイテス、あなたは間違って行くことはできません: 階層リンクのあなたの道で重複する要素がないことを確認s (読む: ページを複数のカテゴリやコンテンツのレベルを) 実際に conf をできるのでユーザーを使用します。
大きい-不等号 (>) これは wh と、パンくずリストのリンクを解除するにはユーザーが既にサイト知識と規則の年から期待しています。
キーワードを使用します。
あなたの中のさまざまなカテゴリの名前を決めるときの seo の実際にランクしたいです。
これにより SEO として r パン粉。
パンくずリスト: 素晴らしいアイデアは、常にではない人間と適切に使用がy 概念設計と UX、ユーザーに非常に役立つことができる素晴らしいアイデアになる難しさそれは正しく実装されていません。
この簡単なガイドは、何かである: 知識を装備するため影響を与えてないのではなく、UX を最適化するためにパンくずリストを設計、あるいは権限を与えるエッジを傷つけるそれは。
サイトのすべての種類の絶対必要ではない中、パンくずリスト元のユーザーに提供できます。
彼らはいずれかのコンテンツまたは o の多くの多くの層に直面しているときにナビゲーションに役立ちますの tra 層彼らは、フィルタ リングしたいオプション。
どちらにしても、最終的に c パンくずリストから派生した使いやすさデザイナーは、クライアントのサイトにそれらを実装する方法にダウン omes。
確認することによってその申込み階層リンク ナビゲーションの種類ごとの背後にある目的、右の c に自分を支援し、デザインしているサイトの種類の hoice。
サティ、あなたをインテリジェントに選択、sfied ユーザー、幸せなクライアント、および良好な紹介、ので時間がかかるいくつかの余分な注意次 deali をしています。
パンくずリストと ng。
ウェブサイトと Pinegrow Web デザイナーとより高速な WP のテーマを構築のみ $ 24! ソース p img {表示: インライン-ブロック; 余白、右余白。
10 px;} .alignleft {float: 左;} p.showcase {オフ: 両方;} 車体の div、体 #podcast p #browserfriendly p#emailbody p {余白: 0;}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>