はてなブログでGoogleにパンくずリストを認識させるブログパーツ - 太陽がまぶしかったから
photo by keso こちらのカスタマイズは使用しないでください data-vocabulary.org のサポートが終了されるため、こちらのカスタマイズは利用できません。はてなブログ公式の機能を利用したり、リンク先で紹介されている方法への差し替えをお願いします。 Googleにパンくずリストを認識させるプラグイン 最近のGoogle検索ではブログ内のカテゴリを認識して、検索結果がサイト上のどこに位置付けられているかを表示するようになっているのですが、breadcrumbタグを利用したマークアップをしていないとGoogleから認識してもらえません。 このためJavaScriptでパンくずリストを生成してGoogleにカテゴリを認識させるスクリプトを開発しました。現在のGoogleではJavaScriptの実行時に生成されたリンクやマークアップを解釈しています。『Google Sear
階層化メニュー ブレッドリスト
↑のようなパンくずリストと呼ばれる階層化メニューを記事毎に追加します。 「デザイン」→「コンテンツ」を開き、コンテンツ一覧から「記事」を選択します。 「コンテンツHTML編集」を開いて、記事タイトル部分を探します。通常だと次のようなタグの部分です。 <h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3> この下に、パンくず用のタグを挿入します。 <p class="breadnavi"><a href="<% blog.page_url %>">HOME</a> ⇒ <a href="<% article_category.page_url %>"><% article_category.name %></a> ⇒ この記事</p> 記事部分の中でないと、
FC2ブログ用パンくずリスト Ver.2 (親子カテゴリ対応版)
親子カテゴリを導入したので、一緒に現在使っているパンくずリスト(*1)を親子カテゴリに対応したVer.2にアップグレードしました。 ([*1]正確にはHTMLのマークアップが微妙に違うんですが、やってることは同じ。) 親子カテゴリを使い始めたのでパンくずリストも更新したい方、これからパンくずリストを追加したい方はこちらを利用してください。親子カテゴリを使っていない場合でも、旧バージョンと同じ挙動をするだけなので特に問題は起こりません。 FC2ブログ パンくずリスト(Topic Path) Ver.2 概要 パンくずリストが標準で付いていないFC2ブログのテンプレートに、パンくずリストを追加することができます。設置したい任意の場所に次のソースを貼り付けてください。具体的な挙動は以下のようになっています。 個別記事での表示は トップページ > 親カテゴリ > 子カテゴリ > 記事名 親子カテゴ
パンくずリストのマークアップ考察 | Like@Lunatic
とある案件でパンくずリストをどうやってマークアップするのが最適解なのか悩んでいました。例えば、以下のようなヴィジュアルデザインのパンくずリストをマークアップするとします。 まずどんなブロック要素で囲むか？そして > 部分はどうするか？> というのが真っ先に思いつきますが、これはスマートとは言えないのでは・・・などなど。そこでGoogleで情報検索したところ、次の記事を見つけました。 日々のネコゼログログ: アクセシブルな「パンくずリスト」 こちらの記事によると、インフォアクシアの植木さんのインタビューからの抜粋があります。そのインタビューの様子はこちら。アクセシビリティを言い出すと・・・結局はこの人にたどり着くようです。頭が下がります。 あとは、試しにやってみているのですが、パンくずリストの間に挟む矢印を画像にして、「の中の」という代替テキストを入れてあります。こうすると例えば「ホー
[M] mbdb | JUGEMでパンくずリストを表示する
モバイルサイトディレクターがいわゆるケータイに関するコトだったり、ケータイ以外のコトだったりを延々と書くブログ。あんまりこういったブログカスタマイズについて書くことはないんですが...。 ｢パンくずリスト｣というものがあります。はい、上の画像の状態ですね。まぁ要するに、パンくずリスト(breadcrumb list)は、ウェブサイト内におけるウェブページの位置をツリー構造を持ったハイパーリンクの一覧として示すもの。パンくずナビやトピックパス、フットパスとも言う。ウェブディレクトリのような大規模なウェブサイト内において、利用者がサイト内での現在位置を見失わないようにし、ナビゲーションを助けるために使われる。 >>引用:Wikipediaよりというものです。 JUGEMの場合、パンくずリストという要素がそもそも存在しないので、カスタマイズで取り入れるしかありません。が、意外にもJUGEM
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JUGEMでパンくずリストを作る方法 | JUGEM.in（ジュゲム・イン）
ユーザー助け合い掲示板
パンくずリスト ホームページ＆ブログ作成tips