公開日 更新日 blogger/vaster2

bloggerのvaster2の構造化エラーを知識ゼロで修正する方法【コピーして張るだけ】

日本でblogger利用者の多くが利用しているvaster2なのですが、

構造化テストツールでサイトのURLを入力してみるとエラーと警告が生じています。

私のサイトで実際に発生していたエラー

• image_url
• author
• datePublished
• headline
• image
• publisher

発生していた警告

• dateModified
• headline
• image
• mainEntityOfPage

SEO上構造化エラーは無い方が良いので、修正しましょう。

とはいっても初心者が行うのは、なかなかハードルが高いので、私の実際に行った内容（コード）をコピーして貼り付けて修正できるように紹介します。

作業を行う際は必ず、
テーマ→右上にあるバックアップを押してバックアップをとりましょう。
上手くいかなかった場合など、元の状態に戻すことができます。
バックアップを終えたら、作業を行っていきましょう。

bloggerのvaster2の構造化エラーを知識ゼロで修正する方法【コピーして張るだけ】

修正方法

まず、

テーマ→HTMLの編集でHTMLの編集を行います。

沢山アルファベットが並んでいるので、キーボードのCtrl+Fを押すとワード検索ができるので、下記のオレンジ色のコードをコピーして貼り付けて検索

<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

検索したら、

<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

の部分を削除して下記に書き換えます。

<div class="post hentry" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
<span class="updated" itemprop="dateModified" style="display: none;"><data:post .lastupdatediso8601=""></data:post></span>
<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;">●●●
</span></span>
<span itemprop="name" style="display: none;">
<data:blog .title=""></data:blog></span></span>
<span itemprop="headline" style="display: none;"><data:post .title=""></data:post></span>
<span class="published" itemprop="datePublished" style="display: none;"><data:post .timestampiso8601=""></data:post></span>
<span class="vcard" itemprop="author" itemscope="itemscope" itemtype="https://schema.org/Person">
<span class="fn" itemprop="name" style="display: none;">
<data:post .author=""></data:post></span></span></div>

●●●の部分は自身のサイトのロゴのURLに変えてください。
ロゴのURLの作り方はページにロゴの画像を貼りつけ、左上にある作成をHTMLに変えるとURLが表示されています。（例　https://～.png　）

私のサイトの場合のロゴ

次に、下記のオレンジ色のコードをコピーして貼り付けて検索

<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>

検索したら、

<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>

の部分を削除して下記に書き換えます。

<meta expr:content='data:post.firstImageUrl' itemprop='image'/>


作業は以上です。

これで、vaster2で発生しているエラーと警告が消えます。
あくまで初心者向けのため、エラーそれぞれについての詳細は省略しましたが、
各エラーについて細かく書いてあるサイトがあったので紹介します。

①https://sutasutashiki.blogspot.com/2016/05/blogger-vaster-searchconsole-error-imageurl.html

②https://pooh2roh.blogspot.com/2017/05/google-search-console-datepublished.html