2016-05-08 13 views
0

私はDjangoアプリケーションのページにMicrodata(Schema.org VideoObject用)を追加する適切な方法は何ですか?

は、あなたのビデオページのHTMLに直接schema.orgマークアップを追加しますと言いグーグルの指示をfollowinしています。マークアップは、ユーザーには表示されませんし、あなたのページが

をどのように見えるかだから私は、私は白いブロックを見なかったすぐに私のビデオのhtml

<div itemprop="video" itemscope itemtype="http://schema.org/VideoObject"> 
    <h2>Video: <span itemprop="name">Title</span></h2> 
    <meta itemprop="duration" content="T1M33S" /> 
    <meta itemprop="thumbnailUrl" content="thumbnail.jpg" /> 
    <meta itemprop="contentURL" content="http://www.example.com/video123.flv" /> 
    <meta itemprop="embedURL" content="http://www.example.com/videoplayer.swf?video=123" /> 
    <meta itemprop="uploadDate" content="2011-07-05T08:00:00+08:00" /> 
    <meta itemprop="expires" content="2012-01-30T19:00:00+08:00" /> 
    <meta itemprop="height" content="400" /> 
    <meta itemprop="width" content="400" /> 
    <object ...> 
    <param ...> 
    <embed type="application/x-shockwave-flash" ...> 
    </object> 
    <span itemprop="description">Video description</span> 
</div> 

の先頭に次を追加しては影響しませんそれの上にタイトルという単語がついています。私はそれを見て、指示は私がしないと言った。何か不足していますか?これを行う適切な方法は何ですか?

編集:私はジャンゴを使用していますし、相続人Adding VideoObject to a video pageに私のコード

{% block content %} 

<div itemprop="video" itemscope itemtype="http://schema.org/VideoObject"> 

    <meta itemprop="duration" content="T1M33S" /> 
    <meta itemprop="thumbnailUrl" content="thumbnail.jpg" /> 
    <meta itemprop="contentURL" content="http://www.example.com/video123.flv" /> 
    <meta itemprop="embedURL" content="http://www.example.com/videoplayer.swf?video=123" /> 
    <meta itemprop="uploadDate" content="2011-07-05T08:00:00+08:00" /> 
    <meta itemprop="expires" content="2012-01-30T19:00:00+08:00" /> 
    <!--<meta itemprop="height" content="400" />--> 
    <!--<meta itemprop="width" content="400" />--> 
    <object ...> 
    <param ...> 
    <embed type="application/x-shockwave-flash" ...> 
    </object> 
    <span itemprop="description">Video description</span> 
</div> 

    <h2 id="detail-h1"> 
     {{ post.title }} 
    </h2> 

    {% if post.video %} 
     <div class="embed-responsive embed-responsive-16by9"> 
    <iframe src="{{post.video_path}}?autoplay=1&autohide=1" class="embed-responsive-item" 
    frameborder="0" controls="0" allowfullscreen> 
    </iframe> 
    </div> 
    {% else %} 

    {% if post.image %} 
     <img src='{{ post.image.url }}' class="img-responsive" width="730px" height="500"/> 
    {% elif post.image_url %} 
     <img src="{{post.image_url}}" class="img-responsive"> 
    {% else %} 
     <p>upload an image</p> 
    {% endif %} 

    {% endif %} 


    <div style="margin-top: 10px; background: white; padding: 10px 10px 10px 10px;"> 
     <span> 
     <p style="float: left"> 
      {% if post.author %} 
       Author: {{post.author}} 
      {% endif %} 
     </p> 
     <p style="float: right" id="pub"> 
      {%if post.draft %}<span id="draft">Draft </span>{% endif %} Publicado: {{ post.publish|date }} 
     </p> 
     </span> 

    <p class="tags" style="clear: both">Tags: 

    {% for tag in post.tags.all %} 
     <a href="{% url 'blog:post_list_by_tag' tag.slug %}"> 
      {{ tag.name }} 
     </a> 
      {% if not forloop.last %}, {% endif %} 
    {% endfor %} 

    </p> 
+0

犯人ステートメント 'タイトル'です。あなたのタイトルを書いているテキストにitemprop属性を追加してください – bugwheels94

+0

@ user1533609私はまだdivを見ます。すべてのメタタグを取り出し、タイトルビデオの説明を取りますか?方向が言うものではないと思ったとしても? – nothingness

答えて

1

引用されたテキスト(または例)が誤解を招く(あるいは間違った)されています。

それは意図して

<h2>Video: <span itemprop="name">Title</span></h2> 
<span itemprop="description">Video description</span> 

ディスプレイ "ビデオ:タイトル" 正しいだと "動画の説明"。

あなたは、それを表示する代わりにmeta要素を使用しない場合:

<meta itemprop="name" content="Title" /> 
<meta itemprop="description" content="Video description" /> 

をしかし、可能であれば、それは当然の代わりに複製meta/link要素を追加する既存のマークアップを使用することが好ましいですコンテンツ。

Microdataを使用する理由はまったくなく、代わりにJSON-LDを使用することもできます(これはGoogle’s Video Rich Snippetでもサポートされているようです)。ところで


、Googleの例では、3個のエラーがあります。値はURLである場合は、meta要素のlink element must be used insteadを。したがって、それはする必要があります:

<link itemprop="thumbnailUrl" href="thumbnail.jpg" /> 
<link itemprop="contentURL" href="http://www.example.com/video123.flv" /> 
<link itemprop="embedURL" href="http://www.example.com/videoplayer.swf?video=123" /> 
関連する問題