簡單的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網站

回答

相關問題