モノではなくお金を貯める。2016/01/02パンくずリストは記事の階層関係、いわば立体的なナビゲーションをサイトに追加するものです。このようにナビゲーションがついていると、サイトを訪れた人にも検索エンジンにも記事の相対位置がわかりやすくなり、ユーザビリティの向上やSEOとしての効果があると言われています。適切にマークアップすることで、検索結果にも反映されます。当サイトでは、Seesaaブログの頃からパンくずリストをつけています。当サイトに設置しているパンくずリスト現在当サイトに設置しているパンくずリストはテーマやプラグインを使わずに、以下のような感じで自作のものを設置しています。記事ページのパンくずリスト記事ページには、ホーム>カテゴリ名>を表示しています。カテゴリが入れ子になっている場合はそれも表示します。複数カテゴリがある場合でも一つのみの表示です。カテゴリページのパンくずリストカテゴリページには、ホーム>カテゴリ名>(親カテゴリがあれば)を表示しています。カテゴリが入れ子になっている場合はそれも表示します。年月日別アーカイブページのパンくずリスト年月日別のアーカイブページにはホーム>年>月>を表示しています。その他のページのパンくずリストその他のページにはホーム>のみを表示しています。パンくずリストを自作する理由もともとは、以前使用していたテーマ、Stinger5のデフォルトのパンくずリストを使用していたのですが、表示が若干おかしくなっていました。Stinger5でのパンくずリストはかなり簡便なもので、どのページでも一番上の記事のカテゴリを引っ張ってくるので、入れ子になっているカテゴリがあるカテゴリページやカテゴリ以外のアーカイブページなどで表示がおかしくなるのです。データベースへのアクセスがないプラグインならば特に動作が重くなることもないと思っているので、私はプラグインは積極的に使っていく方です。既存のプラグインでは記事ページやカテゴリページ用のホーム>カテゴリ>というパンくずリストと年月日別のアーカイブページ用の年>月>というパンくずリストを併用することが出来なかったため、自作することにしました。yoastなどのプラグインを使うのがよいと思います。パンくずリスト用のコード私は以下のようなbreadcrumb.phpファイルを作成しました。data-vocabulary.orgではなく、Googleも公式にサポートするようになった、schema.orgでマークアップしてみました。get_template_part('breadcrumb');?>を記述して呼び出します。?></div>以下簡単な解説です。schema.orgによるパンくずリストのマークアップschema.orgでは、以下のように、BreadcrumbListの中にListItemを埋め込みます。対象となるURLのアンカーにはitemprop=”item”を、テキストにはitemprop=”name”をマークアップします。パンくずリストの階層としてitemprop=”positionをマークアップします。画面には表示しないのでmetaタグを使用しています。/></div></div>shema.orgのパンくずリストは比較的最近Googleでサポートされましたが、特に問題なく表示されています。is_single()を使ってしまうと、添付ファイル用のページも判定されてしまいます。}記事ページのカテゴリのリストを取得して、一番最初のカテゴリを取得しています。}カテゴリページに親カテゴリがあれば取得します。)),$allcats);取得したカテゴリにさらに親があれば取得して、逆順に並べます。endforeach;カテゴリのパンくずの出力です。schema.orgでマークアップしています。/></div>&gt;年以外のアーカイブページの場合に、年を出力します。/></div>&gt;日付のアーカイブページの場合に、月を出力します。参考にしたページ今回パンくずリストを作成するにあたり、以下の記事を参考にさせていただきました。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスウェブサイト上に表示された文字を入力してください。...Woman&Crowdウーマンクラウドが倒産?サービス終了で閉鎖されるなんて。いえば、久々にWoman&Crowdでも。...雑巾を使わない、という選択。使い捨て便利掃除グッズに移行。...レディース向けの可愛い人気サブバッグ(結婚式や通勤で使える)が好き♡あると便利、ないと困るサブバッグ。...公立幼稚園のママ&子どもの面接服装って?地域によっては、幼稚園or保育園の入園準備が始まるころですね。...東京都内に安いタクシー会社(迎車料金無料or深夜割増なし)があったよ我が家はマイカーを持ってません。分岐水栓がつかなくても工事不要!食洗機(食器洗い乾燥機)を設置する方法をまとめています。...レゴマット&バッグを簡単に手作りした《100均利用・ミシン不要》おくるみをリメイクしてレゴマット&バッグを手作りする方法をご紹介しています。分岐水栓がつかなくても工事不要!あやさん、コメントありがとうございます。分岐水栓がつかなくても工事不要!こんばんは。ふるさと納税の限度額を自分で計算【2017年対応】コメントありがとうございます。ふるさと納税の限度額を自分で計算【2017年対応】こんにちは。興味があって、参考に読ませていただきました。モノではなくお金を貯める。