Question

我在配方页面上更新Rich代码段，以及在Google结构化数据测试工具（https://developers.google.com/structured-data/testing-tool/）中测试结果时。由于面包屑在配方范围内，我得到一些错误。

这是阻止错误吗？什么可能是决议？面包屑部分周围有一些额外的标记？

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body class="" itemscope itemtype="http://schema.org/Recipe">

    <h1><span itemprop="name">Baked Cheesy Dippers with Nacho Cheese Cheddar</span></h1>
    <div class="extraPropeties">
        <span itemprop="description">A fun way to serve chicken dippers and keep kids interested</span>

        <span itemprop="recipeYield">4 Persons</span>


        <span itemprop="nutrition" itemscope itemtype="http://schema.org/NutritionInformation">
            <span itemprop="calories">11</span>

            <span itemprop="fatContent">31</span>

            <span itemprop="proteinContent">41</span>

            <span itemprop="carbohydrateContent">51</span>

            <span itemprop="fiberContent">61</span>

            <span itemprop="cholesterolContent">71</span>

        </span>
    </div>

    <div class="part2">

        <div class="shortInfo">

            <div class="shortInfoTile">
                <div class="key">Preparation time</div>
                <div class="value">
                    <span datetime="PT10M" itemprop="prepTime">10</span><span class="unit">'</span>
                </div>
            </div>

            <div class="shortInfoTile">
                <div class="key">Cooking time</div>
                <div class="value">
                    <span datetime="PT20M" itemprop="cookTime">20</span><span class="unit">'</span>
                </div>
            </div>

            <div class="shortInfoTile">
                <div class="key">Nr of servings</div>
                <div class="value">
                    <span>4</span>
                </div>
            </div>
        </div>
    </div>


    <div class="breadcrumb">
        <div class="wrapper">
            <div class="typoMinusR">
                <span class="word" id='bc_0' itemscope itemtype='http://data-vocabulary.org/Breadcrumb' itemref='bc_1'>
                    <span class="first"></span>
                    <a href="/" itemprop="url">
                        <span itemprop="title">Home</span>
                    </a>
                    <span class="last"></span>
                </span>

                <span class="word" id='bc_1' itemscope itemtype='http://data-vocabulary.org/Breadcrumb' itemprop='child' itemref='bc_2'>
                    <span class="first"></span>
                    <a href="/recipes" itemprop="url">
                        <span itemprop="title">Recipes</span>
                    </a>
                    <span class="last"></span>
                </span>

                <span class="word" id='bc_2' itemscope itemtype='http://data-vocabulary.org/Breadcrumb' itemprop='child'>
                    <span class="first"></span>
                    <a href="/recipes/baked-cheesy-dippers-with-nachos-beans-cheddar" itemprop="url">
                        <span itemprop="title">Baked-Cheesy-Dippers-with-Nacho-Bean-Cheddar</span>
                    </a>
                    <span class="last"></span>
                </span>

            </div>
        </div>
    </div>

</body>
</html>
</html>

Answer 1

将http://data-vocabulary.org/Breadcrumb项嵌套在http://schema.org/Recipe项中不是问题。 Microdata不关心HTML5嵌套，除非使用了属性（itemprop）。

您的案例中的问题是您的第2和第3个面包屑项（具有child属性）未嵌套在http://data-vocabulary.org/Breadcrumb项目中，而是嵌套在http://schema.org/Recipe项目中。通过这种方式，他们与配方相关联，这当然是不正确的。

因此，解决方案是嵌套面包屑项，而不是使用itemref。

Answer 2

<div class="breadcrumb">
    <div class="wrapper">
        <div class="typoMinusR">

            <span id='bc_0' itemscope itemtype='http://data-vocabulary.org/Breadcrumb'>
                <span class="word">

                    <a href="/" itemprop="url">
                        <span itemprop="title">Home</span>
                    </a>
                    <span class="last"></span>
                </span>

                <span id='bc_1' itemscope itemtype='http://data-vocabulary.org/Breadcrumb' itemprop='child'>
                    <span class="word">

                        <span class="first"></span>

                        <a href="/range" itemprop="url">
                            <span itemprop="title">Our Range</span>
                        </a>
                        <span class="last"></span>
                    </span>

                    <span id='bc_2' itemscope itemtype='http://data-vocabulary.org/Breadcrumb' itemprop='child'>
                        <span class="word">

                            <span class="first"></span>

                            <a href="/range/fish2" itemprop="url">
                                <span itemprop="title">Fish</span>
                            </a>
                            <span class="last"></span>
                        </span>

                        <span id='bc_3' itemscope itemtype='http://data-vocabulary.org/Breadcrumb' itemprop='child'>
                            <span class="word">

                                <span class="first"></span>

                                <a href="/range/fish2/inspirations" itemprop="url">
                                    <span itemprop="title">Inspirations</span>
                                </a>
                                <span class="last"></span>
                            </span>
                        </span>
                    </span>
                </span>
                <span class="word currentitem">
                    <span class="first"></span>
                    <span class="label">Inspirations Fish Chargrills - Sun Ripened Tomato and Oregano</span>
                    <span class="last"></span>
                </span>
            </span>
        </div>
    </div>
</div>

丰富的片段面包屑在食谱中

2 个答案: