シンプルなHTMLサイトの背景画像にMicrodataを追加する

古いhtmlサイト（webstore）をスキーマで拡張しようとしており、いくつかの難しさがあります。私たちには、スキーマの追加を開始したいと思っている1,500以上のHTMLページがあります。シンプルなHTMLサイトの背景画像にMicrodataを追加する

ここまでの最大の問題は、当社のサイトレイアウトが背景製品として挿入された主製品イメージをベースにしたテーブルであるため、製品イメージコードを追加する方法です。今まで私が見つけたリサーチの例のほとんどは、さまざまな実装を示していますが、これは可能ですか？ここ

は、コード例である：

<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>

このコードから、私はSchema.org介して商品画像としてimages/LOTR/BKG_Hobbit-Sting-UC2892.jpg強調したいです。

私が最初<HEAD>セクションに情報を追加してみましたが、それはGoogleの構造化データテストツールで正しくチェックアウトしません：

：

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

はまた、Bingのマークアップテスターでのテストは私に結果を与えます

このページではマークアップが表示されません。マークアップが正しく実装されていることを確認してください。

<div>からheadにスキーマデータを追加しても問題ありませんか？

また、画像リンクは完全なURLである必要がありますwww.example.com/images/LOTR/BKG_Hobbit-Sting-UC2892.jpg？

出典

2017-08-16 Tyler Timpe

多くの研究の末、私はJSON-LDに参加して、すべてのMicrodataをスクリプトで追加することを選択して問題を解決しました。 https://developers.google。com/search/docs/guides/intro-structured-data –

あなたtableマークアップは非常に保守ではないようです、と（obsolete）としてbackground属性はミクロのために使用することはできません、あなたのケースでは最良の方法は、おそらく、コンテンツを複製し、それをマークアップするだろうとmeta/link要素です。

あなたはheadまたはbodyにこのマークアップを追加することができますが、headでdivを使用することはできませんので、それはbodyでそれを行うには簡単です。

だから bodyに、あなたは単純にこれを追加することができます。

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

あなたhave to使用link代わりのmetaを値がURLである場合。これにより、任意の種類のURLを指定することができます（a要素のように）。

は（またmetaもlinkでもないが、終了タグを持っていることに注意してください、それは<meta>または<meta />はなく、<meta></meta>です。）と述べ

は、ミクロはそれを複製することなく、既存のコンテンツをマークアップした場合に最も適しています。複製する必要がある場合は、 might work better MicrodataではなくJSON-LDを使用してください。

出典

2017-08-17 15:57:45 unor

JSON-LDはこの場合（古いテーブルレイアウト）おそらく良い選択肢です。 –

ありがとうございましたUnor、非常に有用な情報！ JSON（Bingの使用法なし）を使用して解決したものを次に示します。 '' –

シンプルなHTMLサイトの背景画像にMicrodataを追加する

答えて

関連する問題