すたすた式
Blogger Vaster1.9
Search Consol error（サーチコンソール・構造化データのエラー）まとめ
New JSON-LD ←新しく書きました。JSON-LDをつかって構造化データのエラーに対処しました。こちらの方が簡単かもしれません。
HTMLを編集します。必ずバックアップを取ってから作業してください。
バックアップの取り方、テンプレートのいじり方を事前にわかっていると後の作業が楽になりますのでサラッと調べておくといいと思います。
初心者が試行錯誤したものです。エラーは消えますが、これが”正しい”コードかどうかは分かりませんので留意してください。
そもそも search consol の構造化データに表示されたエラーは、hentry マークアップ: microformats.org でした。 今回やったことは schema.org についてなので、microformats.org のエラーが消えるかどうかはわかりません。
構造化データテストツールにおいては publisher のエラーは消えました。
publisher のエラーを消したら、新しく logo,name,url というエラーが発生したので、これも対処しておきます。
Ctrl + f で hentry を検索。これを探します↓(:Vaster1.9)
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
この下に
<span itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'> <span itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <span itemprop='url' style=’display:none;'>ロゴのURL </span></span> <span itemprop='name' style=’display:none;'> 自分のブログのタイトルなど</span></span>
を追加。ロゴのURLとプロフィールは自分のものを記述してください。
追記 publisherは会社や団体などの組織のようですが、個人の場合についてはよくわからなかったので、ブログのタイトルを入れることにしました。
なにかわかったら変更したいと思います。
直接書かなくても、自分のブログのタイトルは<data:blog.title /> 著者名（プロフィール）でしたら<data:post.author/>で取得できるかもしれません。 追記おわり
※style='visibility: hidden;' と書かないと、意図しない文字が表示されてしまいます。（style=’display:none;'に変えました）
※当初、 visibility: hidden; としていましたが、トップページの記事タイトルの上に空間が出来たので visibility: hidden; を display:none; に変えました。
要素の表示と非表示：スタイルシート（CSS）辞典 - HTMLタグボードhttp://www.dspt.net/stylesheet_css/005/014.html
要素の種類を指定する：スタイルシート（CSS）辞典 - HTMLタグボードhttp://www.dspt.net/stylesheet_css/005/018.html
最後にテンプレートを保存をクリック。これでpublisher,logo,name,url のエラーは消えます。
bloggerでの「構造化データ」エラー解決法【参考サイト一覧】 | ちょいラク。今より日常をすこしだけ快適に。
"updated がありません"、"author がありません" 警告 の 修正方法 - galife
ウェブマスター ツールの構造化データエラー「author がありません、updated がありません」（stinger3）。 - ex1-lab
Googleリッチスニペット対策！初心者向けSchema.org解説！
まず、テンプレートVaster|構造化データのエラーの対処その2 エラー author|bloggerで見たようにhentryを探して、その下に何らかのコードを挿入すればいいのではないかと考えました。
次に、BlogPosting - schema.org <https://schema.org/BlogPosting> を見ると publisher は Organization を使って記述をすればいいらしいので
<span itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'></span>
と記述。
すると logo,name のエラーがでました。
logo から対処しようと Organization - schema.org <http://schema.org/Organization> を見ると ImageObject か URL を使って記述すればいいようです。
https://schema.org/URL だと属性 itemtype の値が無効というエラーと url のエラーがでるようなので
ImageObject を使い以下を記述。
<span itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'><span>
すると、url というエラーのみになりました。
url は ImageObject - schema.org <http://schema.org/ImageObject> を見ると、URLを記述する必要があるようなので以下のようにしました。
<span itemprop='url' style=’display:none;'>ロゴのURL</span>
記述するURL はロゴのものかな？と勝手に思ったので、自分のブログのトップページ、プロフィールにあったBマーク（Bloggerのロゴ）を右クリック。 要素を検証・調査で調べてhttp://www.blogger.com/img/logo-16.png を指定しました（この理解でいいのかわかりませんが……）
追記：ここでロゴを作成し、レイアウト画面でイメージガジェットを追加して、ロゴを貼り付けました。
最後に name のエラー。Vaster|構造化データのエラーの対処その4 エラー name|blogger でやったように
<span itemprop='name' style=’display:none;’>自分のブログのタイトルなど</span>
としました。
自分でロゴを準備していないのでname のとろこに入れる文字はGoogleがいいのかなとも思いますがどうなのでしょう？
入れ子の構造が見にくいので
<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'> <span itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <span itemprop='url' style=’display:none;'>ロゴURL </span></span> <span itemprop='name' style=’display:none;'> 自分のブログのタイトルなど</span></div>
でもいいと思います。
無事 name のエラーが消えました。
サイト内検索に使ってください 🐤
© 2015 すたすた式
Enjoy!👍
QooQ
コメントなし:
コメントを投稿