Question

以下标记非常复杂，我知道，它源于典型的wordpress网站建设结构。所以我无法改变它。我希望在这里完全重现它（省略类等）：

<div id="myOuterSection" itemscope itemtype="http://schema.org/CreativeWork">

    <meta itemprop="name" content="A name for this section that contains several artworks" />
    <meta itemprop="description" content="A brief description also." />
    <meta itemprop="url" content="http://www.mywebsite.com/#where-to-scroll-to" />

    <div id="myId" class="myClasses">
        <div class="container">
            <div class="myInnerClasses">
                <div class="mySecondInnerClasses">
                    <div class="myThirdInnerClasses">

                        <div class="artwork-container" itemprop="workExample" itemscope itemtype="http://schema.org/VisualArtwork">

                            <meta itemprop="image" content="http://www.mywebsite.com/wp-content/uploads/2017/06/my-svg-replace-image.png" />
                            <meta itemprop="name" content="My desired share post title" />
                            <meta itemprop="description" content="The description of the shared stuff I would love to see here also." />
                            <meta itemprop="url" content="http://www.mywebsite.com/#where-to-scroll-to" />

                            <div class="svg-code-content-wrapper">
                                <!-- svg code -->
                            </div>
                            <div class="social-share-wrapper">  
                                <ul class="social-share-list">
                                    <li>
                                        <a class="share-btn-google" href="https://plus.google.com/share?url=http%3A%2F%2Fwww.mywebsite.com%2F" target="_blank">
                                            <i class="fa fa-google-plus"></i>
                                        </a>
                                        <!-- some others -->
                                    </li>                            
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

为了解释为什么我在这里使用元标记（我知道这个技术应该在我阅读的时候“节俭地”使用）：我没有关于艺术品的可见文本，而且图像是svg代码。但是，我希望它们可以在没有网站上下文的情况下共享，在共享帖子上添加一些解释。（顺便说一下，用fb，pinterest，tumblr，twitter等很容易实现。）

我还在 Google测试工具（https://search.google.com/structured-data/testing-tool）中测试了此结构的结果它展示了一个完美的树，内外物镜和所有数据（名称，描述，图像网址等）。至少它看起来对我来说并没有显示任何错误或类似的东西。对谷歌来说，似乎也好，我猜。

然而，在第二个（内部）范围内完全嵌套内部的Google共享按钮不会反映任何显示的数据，也不反映新帖子中帖子打开时的图片，名称或标题标签。奇怪的是，在开始有时它起作用，但后来他似乎只获取了页面上的第一个顶级，后来他跳过了所有这些并且用第一个获取了网站的常规标题和描述他在网页上找到了真实的图像（img标签）。

我还尝试清空缓存，在网站标题中放置no-cache标签，依此类推。这个Google分享按钮随意性的东西让我疯狂。

那里有没有类似经历的人？或者是那些扫描我的代码并看到一些我无法看到的明显错误的人？假schema.org结构还是其他什么？

提前非常感谢。任何帮助深表感谢。如果有人喜欢看，我也可以提供真实的网址。

谷歌共享按钮没有在多个itemscope情况下采取正确的schema.org数据

0 个答案: