Question

我的网上商店使用Kudobuzz进行产品评论，但SEO标记数据不支持我们的电子商务平台（PDG）。

这个小部件本身不支持模式标记，所以我想以某种方式选择相关的部分并将模式标记注入构成小部件的各种div / spans。一个问题是弄清楚如何注入谷歌可以解析的代码，另一个问题是弄清楚如何为这个超级膨胀的小部件制作实际的选择器。

以下是小部件的代码和网站上已有的一些标记数据：http://codepen.io/anon/pen/GpddpO

如果您想查看所有内容的工作原理，请参阅产品页面的链接：https://www.asseenontvhot10.com/product/2835/Professional-Leather--Vinyl-Repair-Kit

这是（大致）我试图添加的标记，如果它有帮助：

<div itemscope itemtype="http://schema.org/Review"> 
<div itemprop="reviewBody">Blah Blah it works 5 star</div> 
<div itemprop="author" itemscope itemtype="http://schema.org/Person">
Written by: <span itemprop="name">Author</span></div>
<div itemprop="itemReviewed" itemscope itemtype="http://schema.org/Thing">
<span itemprop="name">Stop Snore</span></div>
<div><meta itemprop="datePublished" content="2015-10-07">Date published: 10/07/2015</div>
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content="1"><span itemprop="ratingValue">5</span> / <span itemprop="bestRating">5</span> stars</div>
</div>

Answer 1

理论上，您可以使用css :before和:after - content编写非常少量的微数据，但需要将所有空格和符号转换为ISO格式，例如。

#name：before {“\ 003cspan \ 2002itemprop \ 0022name \ 2033”} #name：after {content：“\ 2044 \ 003cspan003e”

偶数空格需要用\ 2002或等效的空格替换代码

应将此微数据包装到您的HTML中，以包含名为name的任何元素：

<span itemprop="name">...</span>

显然，这只有在窗口小部件允许您为添加的元素提供明确的ID或类名时才有效，而且您知道首先检查的对象类型（例如，书籍，电影，因为这需要在从我给出的例子开始 - 这是不完整的）。代码需要正确嵌套，因此如果您需要进一步的帮助，可以使用示例HTML编辑问题以完成审核。

在页面顶部编写自己的JSON-LD脚本是另一种选择 - 这将是一个不同的问题（如果你遇到困难）但是没有嵌入数据本身

修改

首先在单独的环境中测试css是个好主意，例如设置一个jsfiddle

在审核小部件加载模式标记后注入html

1 个答案: