html５ぱんくずリストについて

はじめましてhtml５ぱんくずリストは合っていますでしょうか？
もし可能でございましたらご教授くだされないでしょうか？
宜しくお願い致します。

<ul class="breadcrumb">
<li itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="https://～/" itemprop="url">
<span itemprop="title">TOP</span>
</a>
</li>
<li itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<span itemprop="title">～</span>
</li>
</ul>
<style type="text/css">
<!--

.breadcrumb{
padding-left:0;
margin-left:0;
text-align: left; /* 文字の左揃え */

}

.breadcrumb li{
display:inline;/*横に並ぶように*/
list-style: none;
font-weight: bold;/*太字*/
}

.breadcrumb li::after{
/* >を表示*/
content: '>';
padding: 0 3px;
color: #555;
}

.breadcrumb li:last-child::after{
content: '';
}

.breadcrumb li a{
text-decoration:underline;
color: #52b5ee;/*色*/
}

.breadcrumb li a:hover{
text-decoration: underline;
}
-->
</style>

質問者からの補足コメント

• 

  お世話になります。
  ご連絡をくださり誠にありがとうございます。
  構造化データを用いたコーディングで悩んでおります。
  参考URL（パンくずリスト-構造化データについて）
  https://seopack.jp/internal-seo/crawler-measures …
  とあります。
  本来、検索結果にパンくずリスト-構造化データがあっていれば、
  例、www.～.co.jp › ... › 一人暮らし（単身）にぴったりな間取り › 東京都
  と表示させることが出来ると思いますが、当方のパンくずリストの記述では表示に至らずできていなくて困っております。
  
  何度も申し訳けございませんが、もし可能でございましたらご教授くだされないでしょうか？

    補足日時：2017/09/13 15:49

No.2 ベストアンサー 回答者： kuroki55 回答日時： 2017/09/15 06:24

No.1です。

構造化は私に手には負えないようです。
質問の仕方を変えてみたらどうでしょうか。詳しい人が回答してくれると思います。

一例ですが
タイトル
パンくずリストの構造化データがうまくいかない。
本文（上記補足に内容を盛り込んで）
これこれのサイトを参考にしてパンくずリストを構造化データにしようとしています。
これこれの表示にしたいのですか、こうこうになってしまいます。（具体的に）
スクリプトは下記の通りです。どこがまちがっているのでしょうか。
等など。

この回答へのお礼

お世話になります。
当方の質問は締め切られたようです。
次回、新たに質問の仕方を変えて質問しょうか？と考えてみます。

お礼日時：2017/10/03 10:59

No.1 回答者： kuroki55 回答日時： 2017/09/13 08:52

ちゃんと動いているようです。

参考になるかどうか、私のHPのパンくずリストは下記の通りです。

HTMLファイル

<div id="breadcrumb">
<ol>
<li><a href="index.html">HOME</a></li>
<li><a href="homepage.html">HPの作り方</a></li>
<li>スクロールして移動</li>
</ol>
</div>

CSSファイル

#breadcrumb {
font-size: smaller;
}

#breadcrumb ol {
list-style: none;
margin: 0;
padding: 0;
}

#breadcrumb ol li {
display: inline;
}

#breadcrumb ol li::after {
content: ">";
padding-left: 7px;
}

#breadcrumb ol li:last-child::after {
content: none;
}

この回答へのお礼

お世話になります。
ご連絡をくださり誠にありがとうございます。
構造化データを用いたコーディングで悩んでおります。
参考URL（パンくずリスト-構造化データについて）
https://seopack.jp/internal-seo/crawler-measures …
とあります。
本来、検索結果にパンくずリスト-構造化データがあっていれば、
例、www.～.co.jp › ... › 一人暮らし（単身）にぴったりな間取り › 東京都
と表示させることが出来ると思いますが、当方のパンくずリストの記述では表示に至らずできていなくて困っております。
何度も申し訳けございませんが、もし可能でございましたらご教授くだされないでしょうか？

お礼日時：2017/09/13 15:53