パンくずリスト とは?(リアルSEO用語集)

リアルSEO
リアルSEOホーム » 用語集 » は行 » パンくずリスト

パンくずリスト(パンクズリスト) - 解説  rss

サイトの現在いる階層をわかりやすくするビゲーション。

pan.jpg

童話ヘンゼルとグレーテルの、森で迷わないように、パンくずをまいた、逸話に由来。


サイト内リンクの役割も果たすので、サイトマップと同様に、検索エンジンがリンク構造を辿りやすくなる効果も期待できる。

"パンくずリスト" 関連の人気・注目記事

以下の記事は、自動収集しています。不適合な内容が表示されることがあります。ご了承ください。 タイトルの後に表示されるusersのタグは、ブックマーク数です。左が【はてな】右が【ライブドア】のブックマークの数です。数字が多いほど人気の高い記事ということになります。
Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト ブックマークに登録している人数
タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナ...
どや!?WordPressで企業サイトを作成するときに便利なプラグイン(設定方法解説) | デザインどや!? ブックマークに登録している人数
最近WordPressで企業サイトを制作する機会が増えてきています。 制作する時、こういう機能があれば便利だな~と色々探してみたら、 便利なものが幾つかあったので、企業サイトを構築する際に便利なプラグインの設定方法やカスタマイズをご紹介します。 目次 注意書き All in One SEO Pack ページのタイトルを「記事名| ...
もうユーザーを迷わせない!ナビゲーションメニュー設置のコツ ブックマークに登録している人数
2011年10月18日 Webサイト制作, ユーザビリティ どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、本当に必要な情...
パンくずリスト(Topic Path)を作成する際に使えそうなサンプル8種|CSS HappyLife ブックマークに登録している人数
普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為...
パンくずリストを作ってみるとWordPress でのサイト構築のコツがつかめるかもしれない(コード 付き) ブックマークに登録している人数
タイトルはパンくずリストなんですけど、パンくずリストを紹介する記事ではありません。でも、パンくずリストを自分で作ってみると分かるんですけど、パンくずリストのコードには、WordPress でのサイト構築のノウハウが詰まっているなーって思います。なのでパンくずリストを作りながら、WordPress でのサイト構築の考...
[CSS]画像を使用しないでApple風のパンくずを作成するチュートリアル | コリス ブックマークに登録している人数
階層を区切る三角のデザインが特徴的なApple風のパンくずを同一の色相でカラーリングしたものを実装するチュートリアルを紹介します。 三角の箇所は画像を使用しないで、CSSで実装されています。 Breadcrumb Navigation with CSS Triangles デモページ [ad#ad-2] HTML -マークアップ パンくずはリスト要素で実装します。...
パンくず詳解 | コリス ブックマークに登録している人数
パンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイント、クラシックなものや進化したパンくずのショーケースなどをSmashing Magazineから紹介します。 Breadcrumbs In Web Design 以下、その意訳です。 パンくず ナビゲーションは、大量のページを保持するウェブサイトで、ナ...
[CSS] 美しいパンくずを実装する4つのスタイルシート | コリス ブックマークに登録している人数
画像を使用せずに、シンプルなHTMLで美しいパンくずを実装するスタイルシートのチュートリアルを紹介します。 CSS3 breadcrumbs [ad#ad-2] デモ 実装 デモ デモはCSS3、疑似要素を使用しているため、IE9+, Firefox, Chrome, Safari, Operaでご覧ください。 4つデモは、全て画像を使用していません。 デモページ:ホバー...
ウェブサイトのユーザビリティに関する最高の秘訣20か条 |SEO Japan by アイオイクスSEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ ブックマークに登録している人数
昨日、ウェブサイトのリーダビリティに関する記事を配信しましたが、意外と好評でした。ということで、2匹目のドジョウを狙って今回はユーザビリティについての記事を紹介したいと思います m(__)m ウェブデザイナーにもSEO担当者にも、基本ながら一読の価値ある内容。 — SEO Japan ユーザビリティは、ウェブサイトにとっ...
デザインの勉強にもなる、CSSで実装するパンくずのまとめ ブックマークに登録している人数
角丸や三角形、アイコンなどを添えたり、CSS3アニメーションを加えたりなど、CSSで実装するパンくずを紹介します。 機能的にはもちろんシンプルなテキストベースのものと同じですが、サイトのUIにあったデザインのパンくずも素敵ですよね。
コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 ブックマークに登録している人数
コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 2011-06-06 6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようで...
WordPress のブログサイトでパンくずリストを表示するコード | ウェブル ブックマークに登録している人数
[CSS]パンくずの実装はどのようにするのがよいかの考察 | コリス ブックマークに登録している人数
パンくずは何要素で実装していますか? ul要素? ol要素? p要素? パンくずをどのように実装するのがよいかの考察を紹介します。 Exploring Markup for Breadcrumbs [ad#ad-2] 先日紹介したCSS-Tricksの「画像を使用しないでApple風のパンくずを作成するチュートリアル」に寄せられたコメントから考察されたもので、...
Breadcrumb CSS - Appleに習うパンくずデザインCSS - youmos ブックマークに登録している人数
GoogleのSEOスターターガイドの翻訳 - ソーシャルメディアマーケティング SMM.jp ブックマークに登録している人数
ソーシャルメディアマーケティング.jpではソーシャルメディアを活用したマーケティング手法を解説していきます。SNS、ブログ、ソーシャルブックマークなど周辺ニュースの紹介もしています。 Official Google Webmaster Central Blog: Google's SEO Starter Guide GoogleがSEOのスターターガイドをPDFで配布しはじめまし...
パンくずのデザイン集と概要やデザインのポイント | コリス ブックマークに登録している人数
ウェブデザインで使用しているパンくずのデザイン集とパンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイントを紹介します。
Google、パンくずリストとサイト名をURLの代わりにモバイル検索結果で表示。構造化データで指定可能 | 海外SEO情報ブログ ブックマークに登録している人数
[レベル: 中級] Googleはモバイル検索で、すべての結果にURLの代わりにパンくずリストを表示するように仕様を変更しました。 また、ドメイン名の代わりにサイト名を表示することがあります。 Official Google Webmaster Central Blog: Better presentation of URLs in search results モバイル検索結果ではパンくずリス...
Webエンジニアが最低限知っておくべきSEOの基礎知識まとめ ブックマークに登録している人数
SEOはインターネット集客の基本施策のひとつです。 エンジニアにはSEOは関係ないと思われるかもしれませんが、特にwebサービス系の開発に携わるwebエンジニアの場合は、SEOの知識を持っているとディレクターやクライアントとの意思疎通がしやすくなりますし、SEOで必要になりそうな要素を想定して開発を進めることができ...
[CSS]シンプルでクールなデザインのパンくずを実装するスタイルシート | コリス ブックマークに登録している人数
グラデーションを使用したアローでデザインされた、シンプルでクールなパンくずのスタイルシートをVeerle's blogから紹介します。