添加schema.org视频标记以使用Javascript嵌入

时间:2014-03-28 22:05:02

标签: javascript microdata schema.org

所以我有一个javascript包含嵌入视频的视频标记。例如,它需要输入...

<div class="schema" itemscope><div class="youtube" id="gR3msYYKtko" style="width: 400px; height: 225px;"></div></div>

...

<script type="text/javascript" src="http://www.tytyga.com/v/YOD/yod.js"></script>

...

并将其更改为输出

<div class="schema" itemscope itemprop="video" itemtype="https://schema.org/VideoObject">
<span itemprop="name">Cabernet Sauvignon Wine Grape Vine</span>
<meta itemprop="uploadDate" content="2014-3-04T08:00:00+08:00">
<meta itemprop="duration" content="T1M36S">
<meta itemprop="thumbnailURL" content="https://i.ytimg.com/vi/gR3msYYKtko/hqdefault.jpg">
<meta itemprop="embedurl" content="https://youtube.googleapis.com/v/gR3msYYKtko">
<div class="youtube" id="gR3msYYKtko" style="width: 400px; height: 225px;"><div style="background-image: url(https://i.ytimg.com/vi/gR3msYYKtko/hqdefault.jpg)" class="thumb"></div><div class="play"></div></div>
<span itemprop="description">Cabernet Sauvignon Wine Grape Vine Video</span>
</div>

如何使结构化数据测试工具识别我的标记? “fetch as Google”看到的唯一内容是输入代码,在javascript更改任何内容并添加标记之前。

1 个答案:

答案 0 :(得分:1)

  1. 在浏览器中打开页面(启用JS)。
  2. 选择/标记整个页面(例如,使用 Ctrl + a )。
  3. 显示所选内容的源文本(例如,使用右键单击查看选择源)。此代码应显示JavaScript生成的标记。
  4. 将其复制并粘贴(例如,粘贴到Google的结构化数据测试工具中)。
  5. 当然{没有JS支持的Microdata解析器}将无法看到您的Microdata标记。