[Blogger]Vaster publisher 構造化データエラーその6

更新  
公開
当サイトはアフィリエイト広告を使用しています

Blogger Vaster1.9



この記事は最後の更新から3年以上が経過しています

Search Consol error(サーチコンソール・構造化データのエラー)まとめ

目次

エラー publisher

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

この下に

<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を探して、その下に何らかのコードを挿入すればいいのではないかと考えました。

publiser

次に、BlogPosting - schema.org <https://schema.org/BlogPosting> を見ると publisher は Organization を使って記述をすればいいらしいので

<span itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'></span>

と記述。

すると logo,name のエラーがでました。

publisher002

logo

logo から対処しようと Organization - schema.org <http://schema.org/Organization> を見ると ImageObject か URL を使って記述すればいいようです。

https://schema.org/URL だと属性 itemtype の値が無効というエラーと url  のエラーがでるようなので

publisher003

ImageObject を使い以下を記述。

<span itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'><span>

すると、url というエラーのみになりました。

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 を指定しました(この理解でいいのかわかりませんが……)

追記:ここでロゴを作成し、レイアウト画面でイメージガジェットを追加して、ロゴを貼り付けました。

publisher004

name

最後に 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 のエラーが消えました。

publisher005


検索

お知らせ

カテゴリー

Random Picks

すたすた式

Enjoy!👍

QooQ