リアルSEOホーム » 用語集 » は行 » パンくずリスト
パンくずリスト - 解説
パンくずリスト - 解説 
サイトの現在いる階層をわかりやすくするビゲーション。

童話ヘンゼルとグレーテルの、森で迷わないように、パンくずをまいた、逸話に由来。
サイト内リンクの役割も果たすので、サイトマップと同様に、検索エンジンがリンク構造を辿りやすくなる効果も期待できる。
"パンくずリスト" 関連の人気・注目記事
以下の記事は、自動収集しています。不適合な内容が表示されることがあります。ご了承ください。
タイトルの後に表示されるusersのタグは、ブックマーク数です。左が【はてな】右が【ライブドア】のブックマークの数です。数字が多いほど人気の高い記事ということになります。
・GoogleのSEOスターターガイドの翻訳 - ソーシャルメディアマーケティング SMM.jp 





・Breadcrumb CSS - Appleに習うパンくずデザインCSS - youmos 











ソーシャルメディアマーケティング(Social Media Marketing:SMM)のノウハウや関連ニュースなどをまとめていきます
Official Google Webmaster Central Blog: Google's SEO Starter Guide
GoogleがSEOのスターターガイドをPDFで配布しはじめました。さっそく全部読みながら訳してみました。 あとでリンクや画像など...
・Breadcrumb Navigation XT [パンクズリストの表示] - Wordpress Firefox オープンソース って(・∀・)イイ!!
';
doc += '';
doc += '';
doc += '';
winimg.document.writeln(doc);
winimg.document.close();
}
//]]>
2008/09/24 バージョン3.0.0 以前の情報は今後削除いたします。
2008/09/24 バージョン3.0.0 日本語版配布開始 (Wordpress 2.5 以上)
2008/07/2...
・ひでぶろぐ CAKEPHPパンくずリストヘルパー
パンくずリストヘルパーを作りました。
サンプル:
パンくずリストヘルパーサンプルだよ
メリットとして管理モードなどのパスも自動生成することができますし、コントローラー側でパスを設定するのでlayoutviewに直接書き込むみ、コントローラーでパスを制御することも可能です。
使い方は
画像をダウンロードしたライブラリに入っている画像を webroot/img/ フォルダに突っ込む...
・ [JS]ページの履歴をパンくずリストで表示するスクリプト -Cookie Crumbs | コリス
Cookie Crumbs
Cookie Crumbはブラウザのクッキーを利用しており、外部スクリプトを埋めこみ簡単な記述をするだけで、ユーザーの履歴を表示します。
対応ブラウザは、IE6/7, Fx2, Op9, Safari for Winとなっています。
下記に、履歴を3つ表示するサンプルページをアップしてみました。
サンプルページ
Post on:2007年12月18日
・ウェブに激しく使えるインタラクティブなインターフェース集『Welie』
ウェブに激しく使えるインタラクティブなインターフェース集『Welie』 August 29, 2007 12:54 AM written by webmaster
インタラクティブなデザインがどうあるべきか、そのデザインパターンを集めまくっているのがデザイナーのWelieさんだ。
彼のサイトではカテゴリーごとにどういったインターフェースデザインが有効かをまとめてくれている。
検索サイト、ショッピン...
・ パンくずリスト for Movable Type 4 - SCREAMO
Apple.comのようにパンくずも少し手を加えるだけで、使いやすいものになります、Appleのパンくずの区切りには半透明の透過PNGが使われている為、InternetExplorerへの対応はAlphaImageLoaderをCSSで指定しています。
半透明のアルファチャンネルを持つPNGイメージを使う方法と、CSSでopacityを指定する方法のどちらでも同じようにデザインできます。IEはペー...
・パンくずリストのマークアップを色々考えてみる|CSS HappyLife
久々普通のエントリーだ。
なんか、デジパの中の人が、Web標準の日々に出ちゃうらしいです。
この人→ネットのサラダボウル: Web標準の日々に参加します。
皆色々やってるなぁ〜、ボクも負けてられんなぁ〜
ソレとは関係ないけど、デジパの社員は半分くらいの人がブログ書いてるんすけど、B to A 赤坂で働くWebコンサルタントの日記とかのエントリーで逆立ちって。。。。
皆色々やってるなぁ〜、ボクも負...
・The Tabbed Breadcrumb Navigation
Typically when a site is architected with a structure that is both deep and wide, we look to elements like secondary and tertiary navigation and/or traditional breadcrumbs to help a user navigate. The...
・カナかな団首領の自転車置き場 - パンくずリストは鳥に食べられてしまい、道に迷ってしまいました。あ、お菓子の家が……
■パンくずリストは鳥に食べられてしまい、道に迷ってしまいました。あ、お菓子の家が…… 21:04
参照:カナかな団首領の自転車置き場 - めも:パンくずリストと箇条書き
参照:カナかな団首領の自転車置き場 - パンくずリストとヘンゼルとグレーテル
パンくずリストはリストはリストぢゃなくて、段落だって好いんぢゃないか、というのが始まり。
パンくずリストは、見たところ、そのリソースの URL とほぼ...
・パンくずリスト(Topic Path)を作成する際に使えそうなサンプル8種|CSS HappyLife
パンくずリスト(Topic Path)を作成する際に使えそうなサンプル8種
01月31日(水)00:15
categoryCSSテンプレート, ビジュアル・小技
普通のエントリー久々な気がする今日この頃。
今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。
サンプルの前に
#main .entryBody #topicP...
・パンくずリストがベストとは限らない | WWW WATCH
パンくずリストがベストとは限らない
Entry Information
yoshi
February 7, 2007 - 13:55.
html/css
最近ウチの会社の中の人も書いていました、Web サイトのナビゲーションとしてよく使われる 「パンくずリスト」 (Topic Path なんて言い方もしますね) ですが、マークアップの仕方はどういう方法がいいとか、そもそもパンくずリストって必要なの...
・我的春秋: パンくずリストのマークアップ
ちょっと前に パンくずリスト(Topic Path)を作成する際に使えそうなサンプル8種(CSS HappyLife)というエントリーが盛況でしたが、今日はパンくずナビゲーションの論理構造面を補強する意味も込めて、(X)HTML マークアップの例を、サイト構造やサイトの目的に応じて、いくつか挙げてみました。CSS の話まで入れると長くなるので、今回は(も?)(X)HTML マークアップに話を絞りま...
・パンくずリスト(Topic Path)を作成する際に使えそうなサンプル8種|CSS HappyLife
普通のエントリー久々な気がする今日この頃。
今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。
サンプルの前に
#main .entryBody #topicPath_01
とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じで...
・power source* ? WP plugin[up]: パン屑ナビゲーションを表示 - Breadcrumb Navigation XT
デフォルトでの表示見本
現在ページより上位のページはリンク付き(現在ページのリンクはオプション)。
メインページ(2ページ目以降も同様)
Navigation: Weblog
単体記事表示ページ
Navigation: Weblog / Blog article: WP plugin: 外部リンク等に自動アイコン表示 - Link Indication Plugin
ページ タイトル「WordPr...
・パンくずナビゲーションをWordPressに ? BirDesign
パンくずナビゲーションは、Yahooなどで見られるナビゲーションの一種です。多くは「インデックス > カテゴリー > 記事タイトル」などと、現在見ている場所を階層で表示しています。BirDesignでもホーム以外のページに、パンくずナビゲーションを付けてみました。
WordPress2.0以降でパンくずナビゲーションの表示方法を紹介しておきます。
ここでは“Breadcrumb Navigati...
・A List Apart: Articles: Drop-Down Menus, Horizontal Style
Anyone who has created drop-down menus will be familiar with the large quantities of scripting such menus typically require. But, using structured HTML and simple CSS, it is possible to create visuall...
・もう一度、迷子よけ [Nucleus用パンくずリスト] - higuchi.com blog
「パンくずリスト」で検索してこのサイトにたどり着く方が多いようなので、少しだけでもお役に立てば。
以前の記事で、このサイトにパンくずリストを付けたとだけ書いていて、どうやって付けたのかを説明していなかったので、今回はその解説。Nucleusで作ったサイトに、スキンの加工だけでパンくずリストを付ける方法。
スキンの中のパンくずリストを付けたい場所に、次のコードを入れます。
・パンくずリスト作成cgi 

インストール
crumbs.cgi を修正します。
/cgi-bin/ に FTP で転送します。
パーミッションを 755 又は 777 に変更します。
(hi-ho は勝手にパーミッションを変更するので、転送するだけで OK)
.htaccess などを使って、SSI が利用可能な状態にして下さい。
(hi-ho は初期設定で SSI が利用可能なので必要ありません)
・パンくずリストの設置
パンくずリストを設置していると、訪問者がサイト上のどの位置にいるのか把握しやすくなり、ユーザビリティを向上させることができます。
ちなみに、「パンくずリスト」という名前の由来は、童話「ヘンゼルとグレーテル」で、森の中で迷わないようにパンくずを少しずつ落としながら歩いたというところからきていると言われています。
是非、パンくずリストを設置して、訪問者をサイトの中で迷わさせないようにしてくださいね...




