パンくずリスト

このページの記事目次 (タグ: パンくずリスト の検索結果)

Template-8、FC2ブログでJSON-LD形式の「パンくずリスト」構造化データのマークアップ

JSON-LD形式の「パンくずリスト」構造化データのマークアップ


★ 構成はTemplate-5と同じく、「ホーム→親カテゴリー→子カテゴリー→記事」
★ 記事エリアのパーマネントエリアに張り付け
★ JSON-LD形式の雛形に、FC2の変数を埋め込む
★ 怪しげな業者と間違われないために、第一階層は「ホーム」ではなく、URLを指定して個人ブログであることを主張。
★ 画像が必要だったので、faviconを選ぶ(←適当)

テンプレート修正8-1



<!--permanent_area--><!--topentry--><p class="p_mokuji">
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "<%url>",
      "name": "Home",
      "image": "http://laggy2015.blog.fc2.com/img/favicon-96x96.png"
    }
  },{
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "<!--parent_category--><%topentry_parent_category_link><!--/parent_category-->",
      "name": "<!--parent_category--><%topentry_parent_category><!--/parent_category-->",
      "image": "http://laggy2015.blog.fc2.com/img/favicon-96x96.png"
    }
  },{
    "@type": "ListItem",
    "position": 3,
    "item": {
      "@id": "<%topentry_category_link>",
      "name": "<%topentry_category>",
      "image": "http://laggy2015.blog.fc2.com/img/favicon-96x96.png"
    }
  },{
    "@type": "ListItem",
    "position": 4,
    "item": {
      "@id": "<%topentry_link>",
      "name": "<%topentry_title>"
    }
  }]
}
</script>
<!--/topentry--><!--/permanent_area-->

Template-5、記事ページパンくずリスト

記事ページに「パンくずリスト」を追加


★ 記事ページ、パーマネントエリア、エントリー上部に「パンくずリスト」(カテゴリツリー)を追加
★ 「ホーム→親カテゴリー→子カテゴリー→記事名」の最大4階層

テンプレート修正5-1

<!--permanent_area--><!--topentry--><p class="p_mokuji"><br />この記事のカテゴリーツリー&nbsp;:<br /><a href="./">Home</a> > <!--parent_category--><a href="<%topentry_parent_category_link>"><%topentry_parent_category></a> > <!--/parent_category--><a href="<%topentry_category_link>"><%topentry_category></a> > <%sub_title><!--/topentry--><!--/permanent_area-->

構造化データマークアップ、パンくずリスト編

う。SEOに役に立つわけでもないのに、なんか妙にはまっちゃっている、構造化データのマークアップです。今回はパンくずリストです。読者の方々には、はなはだ迷惑かと思われますが、テンプレートも修正を重ねていると、覚えられなくなってきてしまうので、メモさせてください。


(Update) Templete-12, BreadcrumbList, Structured Data, Mark-up


Googleディベロッパーページを参照;
Enhance Your Site's Attributes


※「あなたのサイト属性を強化、パンくずリストを有効化する」といったところでしょうか?

構造化データマークアップの参考にした、Google関連ページは↓

Breadcrumbs


今回は、FC2の変数がとりやすかったので、JSON-LD形式にしました。


パンくずリスト、マークアップ部分

<!--permanent_area--><!--topentry-->
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "<%url>",
      "name": "Home",
      "image": "<%image>"
    }
  },{
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "<!--parent_category--><%topentry_parent_category_link><!--/parent_category-->",
      "name": "<!--parent_category--><%topentry_parent_category><!--/parent_category-->",
      "image": "<%image>"
    }
  },{
    "@type": "ListItem",
    "position": 3,
    "item": {
      "@id": "<%topentry_category_link>",
      "name": "<%topentry_category>",
      "image": "<%image>"
    }
  },{
    "@type": "ListItem",
    "position": 4,
    "item": {
      "@id": "<%topentry_link>",
      "name": "<%topentry_title>",
      "image": "<%image>"
    }
  }]
}
</script>
<!--/topentry--><!--/permanent_area-->



メモ


<body>のすぐ下に挿入


追記


検索では、↓の様に表示されていました。
検索にもパンくずリスト

わぁ~♪

「パンくずリスト」って、楽しい表現ですね。

楽しい表現であることは確かですが、想像力に乏しいワタクシは、「カテゴリーツリー」が限界で、掲題は絶対思いつきえない検索用語です。(って毎日言っている気がします。)


パンくずリストとは


ウィキペディアより引用
パンくずリスト
パンくずリスト(breadcrumb list)は、ウェブサイト内でのウェブページの位置を、ツリー構造を持ったハイパーリンクの一覧として示すもの。パンくずナビ、トピックパス、フットパスとも言う。英語では単に“breadcrumbs”または“breadcrumb navigation”というのが一般的である。
ウェブディレクトリのような大規模なウェブサイト内で、利用者がサイト内での現在位置を見失わないようにし、ナビゲーションを助けるために使われる。「パンくずリスト」という名前は、童話『ヘンゼルとグレーテル』で、主人公が森で迷子にならないように通り道にパンくずを置いていった、というエピソードに由来する。



え~。


でも面白いからつけちゃう


パンくずリスト

長っ!
(例がちょっと微妙ですので、後で差し替えた方がいいかもですね。苦笑。)


「この記事に含まれるタグ」の部分のHTMLタグをまるっとコピーし、直下にペーストした後、中身の変数だけ「テンプレート用 変数一覧」をみながら差し替えて作りました。素晴らしいよね、高機能テンプレート。スタイルシートは変えていません。いつもながらほれぼれです。

テンプレート用 変数一覧



余談


「この記事のカテゴリーツリー」という題にしたのですが、「この記事のパンくずリスト」にしたくて、したくて。
ぐっと、我慢して、普通っぽく「カテゴリーツリー」って書いておきました。

うーん。やっぱり変えちゃおうかな~。
バカっぽい?
いや、事実だし。
楽しい方がいいかなと…

悩みます~。
申し訳ありません。 お探しの記事は現在、この ユーザータグ (Keyword) を設定していない可能性があります。 右の検索BOXで 再度用語を短めに入力していただくと記事が見つかる場合があります。