简单的HTML网站

新增微的背景图片我想提高我们的旧的HTML网站（网络存储器）与架构时遇到一些困难入门。我们有超过1,500个单独的html产品页面，我希望开始添加Schema，所以从头开始是必须的。简单的HTML网站

迄今最大的问题是如何增加产品形象代码作为我们的网站布局基于插入作为背景元素主要产品图像表。到目前为止，我发现的大多数研究示例都显示了不同的实现，这可能吗？

下面是一个代码示例：

<TR> 
    <TD COLSPAN=2><IMG SRC="images/spacer.gif" WIDTH=122 HEIGHT=10 ALT=""></TD> 
</TR> 
<TR> 
    <TD COLSPAN=2><IMG SRC="images/spacer.gif" WIDTH=122 HEIGHT=18 ALT=""></TD> 
</TR> 
</TABLE> 
</td> 

<td valign="top"> 
    <table width="599" border="0" cellpadding="0" cellspacing="0" background="images/LOTR/BKG_Hobbit-Sting-UC2892.jpg" style="background-repeat: no-repeat;"> 
    <tr> 
    <td width="259" valign="top"><span class="style2 "><IMG SRC="images/spacer.gif" alt="" WIDTH=259 HEIGHT=150 border="0"><br></span> 
    <table width="238" border="0" align="right" cellpadding="0" cellspacing="0"> 
     <tr> 
     <td colspan="2"><span class="style109 style31">The HOBBIT<br> BILBO'S STING SWORD</span><span class="style117"><br> <span class="style33">UC2892 United Cutlery</span></span></td> 
     </tr>

从这个代码，我想强调images/LOTR/BKG_Hobbit-Sting-UC2892.jpg经由Schema.org产品图像。

我第一次尝试添加信息到<HEAD>部分，但它并没有检查出正确对谷歌的结构化数据测试工具：

<div itemscope itemtype="schema.org/Product">; <meta itemprop="image" content="images/LOTR/BKG_Hobbit-Sting-UC2892.jpg"></meta>

此外，在Bing标记测试仪的测试给我结果：

我们没有看到这个页面上的任何标记。请确保标记已正确实施。

难道不好吗通过<div>添加Schema数据到head区域？

此外，如果图像链接是一个完整的URL www.example.com/images/LOTR/BKG_Hobbit-Sting-UC2892.jpg？

来源

2017-08-16 Tyler Timpe

经过大量的研究，我已经选择去与JSON-LD和通过脚本将所有微观数据解决了这个问题。 https://developers.google。COM /搜索/文档/指南/介绍结构化数据 –

当你的table标记似乎并不十分维护，并作为（obsolete）background属性不能用于微观数据，你的情况最好的办法可能是重复的内容和标记它与meta/link元素。

您可以在head或body添加此标记，但你不能在head使用div，所以它更容易做到这一点的body。如果该值是一个URL

<div itemscope itemtype="http://schema.org/Product"> 
    <link itemprop="image" href="images/LOTR/BKG_Hobbit-Sting-UC2892.jpg" /> 
</div>

您have to使用link代替meta：

所以在body，你可以简单地添加此。这允许你指定任何类型的URL，绝对或相对的（就像在a元素中一样）。

（另请注意，无论是meta也不link关闭标签，所以它的<meta>或<meta />，但不<meta></meta>。）

也就是说，微观数据的效果最好，如果你标记您的现有内容，不复制它。如果您不得不复制它，则可以使用might work better来使用JSON-LD而不是Microdata。

来源

2017-08-17 15:57:45 unor

同意，JSON-LD在这种情况下（旧表的布局）可能是更好的最佳的选择。 –

非常感谢Unor，非常有帮助的信息！这里是我使用JSON的解决方案（不使用Bing）： '' –

简单的HTML网站

回答

相关问题