Googleで著者の名前と写真を新しいWordpressブログに表示しようとしています。
https://search.google.com/structured-data/testing-tool
私は自分のページをスニペットチェッカーに送信していますが、実際に私の名前とその横にある写真、正確に私が望むもので結果を表示します。
ただし、ページの下部にあるGoogleから次のことがわかります。
Extracted structured data
hcard
Warning: The information will not appear as a rich snippet in
search results, because the marked-up content does
not appear to be the main focus of the page.
More information. (Is this correct? Let us know.)
Warning: This information will not appear as a rich snippet
in search results, because it seems to describe an organization.
Google does not currently display organization information in rich snippets
Warning: At least one field must be set for Hcard.
Warning: Missing required field "name (fn)".
Googleが不平を言っている理由がわかりません。fnとvcardを設定しました。
<span class="author vcard">
<a class="fn n url" href=">http://www.my_url.co.uk/about" rel="author">
<?php the_author(); ?>
</a>
</span>
また、なぜそれが組織であると考えるのか分かりません。
これについて心配する必要がありますか?おそらくGoogleが私の写真を見せてくれるということは、彼らがそのようにリンクすることを意味し、警告は私が組織になりたい場合に備えています。
誰か説明できますか?
理由VCard/Hcardが機能しない
警告:マークアップされたコンテンツはページの主な焦点ではないため、情報は検索結果にリッチスニペットとして表示されません。詳しくは。 (これは正しいですか?教えてください。)
上記の問題が発生する理由は、すべてのvcardデータがページ上で完全であることを確認する必要があるためです。ページの一番下を見ると:
<footer id="footer" class="footerCopyright source-org vcard copyright">
<small> </small>
</footer>
ここで注意すべきことはclass = "footerCopyright source-orgvcardcopyright" "
あなたがvcardをどのように持っているか、その不完全さ、およびページの残りの部分に問題を引き起こすことに注意してください(このvcardを削除し、組織や何かを切り替えて使用する場合はスキーマで理想的には完全なマークアップを使用してください)スキーマ。ページの下部にあるvcard要素と残りのvcardを削除することで、意図したとおりに機能するはずです。知らせて下さい。 Going Schema
コンテンツの実際の要素は次のようになります。
<div class="post-27 post type-post status-publish format-standard hentry category-internet-filters category-internet-monitoring" id="post-27">
<div class="entry-header">
<a href="#"><h1 class="entry-title">Title Goes Here</h1></a>
<div class="entry-meta">
Posted on
<span datetime="2013-05-06T14:50:07+00:00" class="updated entry-date">May 6, 2013</span>
by
<span class="author vcard">
<a rel="author" href="" class="fn n url">Name</a>
</span>
</div><!-- .entry-meta -->
</div><!-- .entry-header -->
<div class="entry-content">
<p><a href="#"><img width="" height="" src="blah.jpg" alt="" class=""></a>
</div><!-- .entry-content -->
<footer class="entry-meta">
Post published under <a rel="category tag" title="" href="">Category</a>, <a rel="category tag" title="" href="#">Category</a> by <a href="">Author</a>. Bookmark the <a rel="bookmark" title="" href=""></a>.
</footer><!-- .entry-meta -->
</div>
WordPressのテンプレートファイルを編集し、作成者のマークアップだけでなく、検討のために追加したキーワードのような他のマークアップと連携するブログのマークアップを含めることができます。私がしばらく前に尋ねた質問: ブログ記事とブログ投稿のスキーマの使用 、現在の設定で動作させるために変更する必要があるものは次のとおりです。
変更1
From:<div class="post-27 post type-post status-publish format-standard hentry category-internet-filters category-internet-monitoring" id="post-27">
To:<div itemscope itemtype="http://schema.org/BlogPosting" class="post-27 post type-post status-publish format-standard hentry category-internet-filters category-internet-monitoring" id="post-27">
変更2
From:<a href="#"><h1 class="entry-title">Title Goes Here</h1></a>
宛先:<h1 itemprop="name"><a rel="bookmark" title="Title Description" href="#">Article Header</a></h1>
変更3
From:<span datetime="2013-05-06T14:50:07+00:00" class="updated entry-date">May 6, 2013</span>
宛先:<time itemprop="datePublished">2013-01-25</time>
変更3
From:<span datetime="2013-05-06T14:50:07+00:00" class="updated entry-date">May 6, 2013</span>
宛先:<time itemprop="datePublished">2013-01-25</time>
変更3
から:
<span class="author vcard">
<a rel="author" href="" class="fn n url">Name</a>
</span>
宛先:<a rel="author" href="#">Author Name</a>
または
あるいは、より良いマークアップを使用して、さらに多くのデータを提供することもできます。
<article itemscope itemtype="http://schema.org/BlogPosting">
<div class="post-27 post type-post status-publish format-standard hentry category-internet-filters category-internet-monitoring" id="post-27">
<header class="entry-header">
<h1 itemprop="name"><a rel="bookmark" title="Title Description" href="#">Article Header</a></h1>
<dl>
<dt>Publish Date:</dt>
<dd><time itemprop="datePublished">2013-01-25</time></dd>
<dt>Author</dt>
<dd><a rel="author" href="#">Author Name</a></dd>
</dl>
</header>
<div class="entry-content">
<aside>A image that floats left or right</aside>
<p>Article Contents Here</a>
</div>
<footer class="entry-meta">
<dl>
<dt>Post published under</dt>
<dd itemprop="keywords"><a rel="category" title="Title Description" href="#">Category 1</a></dd>
<dd itemprop="keywords"><a rel="category" title="Title Description" href="#">Category 1</a></dd>
<dt>Bookmark this page:</dt>
<dd><a rel="bookmark" title="" href=""></a></dd>
</dl>
</footer>
</div>
</article>