※↑それぞれのクリックで「みなラボ」へ1票＆「みなラボ」のランキング状況を確認いただけます！
こんにちは！や～べ～です。
天気のいい日が続いているGWみなさんはいかがお過ごしでしょうか？
自分は今年初BBQをやりましたよ～！肉が旨かった！！
いやぁ、この時期でも日焼けするもんですね～。首回りが日焼けでかゆいっす。。。。＾＾
さてさて今回は、「Google Search Console」に表示される「構造化データのエラー」修正する方法を記事にしていきます。
WordPressの「Twenty Fourteen」というテーマでの実践例です。
気のせいかもしれませんが、構造化データの修正をした後の方が、若干検索順位やアクセス共に上昇したように感じたので、自分としては修正しておいた方が良いように思います。
（※ネット上には、構造化データはSEOに影響ないという情報の方が多いですが・・・）
「Google Search Console」は↓の参考記事でも説明していますが、簡単に言うとWebサイトの状態を管理する為のページになっています。
参考記事：さあ始めよう！なせば成る「0から始めるwordpressサイトづくり」
Googleから色んな情報が提供されているのですが、今回は「構造化データ」について話を進めます。
構造化データとは、GoogleのクローラーにとってWebページを分かりやすくする為の「entry-title」、「updated」、「author」の3つのデータの事で、Web上の各ページ内に記述しておくことを推奨されています。
※クローラーとは、世界中のWebサイトを巡ってサイトをインデックスしているアルゴリズムのこと。
※「entry-title」はタイトル、「updated」は更新日の情報、「author」は編集者の情報。
自分の使っている、WordPressテーマの「Twenty Fourteen」には、「updated」、「author」の二つの記述抜けがあり、記事を書けば書くだけエラーが増えていく状態でした。（WordPress純正のテーマなんですけどね。。。）
そこで、それぞれページ毎に「updated」、「author」データが記述されるように、テーマ内のファイルを編集してみました。
テーマを変更する前には、必ずバックアップを取って、すぐに復旧できるように準備してから作業を始めて下さい。
自己責任でお願いします！
バックアップ、復旧方法はコチラの記事を参考にしてみて下さい↓
参考記事：簡単！BackWPupでWordPressをバックアップする方法
参考記事：WordPressバックアップを使ってサイトを復旧する方法
目次はコチラ
Twenty Fourteenの構造化データのエラーを無くす方法
テーマ内のtemplate-tags.php、widgets.php、content-featured-post.php、content-page.phpの4つのphpファイルを編集することで、構造化エラーを0にできます！
※All-in-One Event Calendar by Time.lyというプラグインのイベントページでエラーが出ている場合には、content.phpを編集することで対策できます。
※「updated」を追加する。
|
1 2 3 4 5 |
/** * Print HTML with meta information for the current post-date/time and author. * * @since Twenty Fourteen 1.0 */ |
の数行下あたりにある、
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
function twentyfourteen_posted_on() { if ( is_sticky() && is_home() && ! is_paged() ) { echo '<span class="featured-post">' . __( 'Sticky', 'twentyfourteen' ) . '</span>'; } printf( '<span class="entry-date"><a href="%1$s" rel="bookmark"><time class="entry-date" datetime="%2$s">%3$s</time></a></span> <span class="byline"><span class="author vcard"><a class="url fn n" href="%4$s" rel="author">%5$s</a></span></span>', esc_url( get_permalink() ), esc_attr( get_the_date( 'c' ) ), esc_html( get_the_date() ), esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ), get_the_author() ); } endif; |
の部分のprintfの行の
time class=”entry-date” datetime= に updatedを追加して
time class=”entry-date updated” datetime= と記述する。
↓の様に記述する。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
function twentyfourteen_posted_on() { if ( is_sticky() && is_home() && ! is_paged() ) { echo '<span class="featured-post">' . __( 'Sticky', 'twentyfourteen' ) . '</span>'; } printf( '<span class="entry-date"><a href="%1$s" rel="bookmark"><time class="entry-date updated" datetime="%2$s">%3$s</time></a></span> <span class="byline"><span class="author vcard"><a class="url fn n" href="%4$s" rel="author">%5$s</a></span></span>', esc_url( get_permalink() ), esc_attr( get_the_date( 'c' ) ), esc_html( get_the_date() ), esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ), get_the_author() ); } endif; |
2.widgets.php(inc/widgets.php)
※「updated」を追加。
|
1 2 3 4 5 |
</div><!-- .entry-meta --> </header><!-- .entry-header --> </article><!-- #post-## --> </li> <?php endwhile; ?> |
の数行上にある、
|
1 2 3 4 5 6 7 |
printf( '<span class="entry-date"><a href="%1$s" rel="bookmark"><time class="entry-date" datetime="%2$s">%3$s</time></a></span> <span class="byline"><span class="author vcard"><a class="url fn n" href="%4$s" rel="author">%5$s</a></span></span>', esc_url( get_permalink() ), esc_attr( get_the_date( 'c' ) ), esc_html( get_the_date() ), esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ), get_the_author() ); |
の部分のprintfの行の
time class=”entry-date” datetime= に updatedを追加して
time class=”entry-date updated” datetime= と記述する。
↓の様に記述する。
|
1 2 3 4 5 6 7 |
printf( '<span class="entry-date"><a href="%1$s" rel="bookmark"><time class="entry-date updated" datetime="%2$s">%3$s</time></a></span> <span class="byline"><span class="author vcard"><a class="url fn n" href="%4$s" rel="author">%5$s</a></span></span>', esc_url( get_permalink() ), esc_attr( get_the_date( 'c' ) ), esc_html( get_the_date() ), esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ), get_the_author() ); |
3.content-featured-post.php
※「updated」「author」を追加。
|
1 |
</div><!-- .entry-meta --> |
のすぐ上あたりに↓の記述を追加する。
|
1 2 3 |
<time class="entry-date updated" style="display:none" datetime="<?php echo esc_attr( get_the_date( 'c' ) ) ?>"><?php echo esc_html( get_the_date() ) ?></time> <span class="byline"><span class="author vcard"><a class="url fn n" href="esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) )" rel="author"><?php echo get_the_author(); ?></a></span></span> |
4.content-page.php
※「updated」「author」を追加。
|
1 2 |
</div><!-- .entry-content --> </article><!-- #post-## --> |
のすぐ上あたりに↓の記述を追加する。
|
1 2 3 |
<time class="entry-date updated" style="display:none" datetime="<?php echo esc_attr( get_the_date( 'c' ) ) ?>"><?php echo esc_html( get_the_date() ) ?></time> <span class="byline"><span class="author vcard"><a class="url fn n" href="esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) )" rel="author"><?php echo get_the_author(); ?></a></span></span> |
5.content.php（All-in-One Event Calendar by Time.lyというプラグインのイベントページでエラーが出ている場合の対策）
追記（2016.05.09）しました！
※「updated」「author」を追加。
|
1 2 3 4 5 6 7 8 9 |
</div><!-- .entry-meta --> </header><!-- .entry-header --> <?php if ( is_search() ) : ?> <div class="entry-summary"> <?php the_excerpt(); ?> </div><!-- .entry-summary --> <?php else : ?> <div class="entry-content"> |
のすぐ下あたりに↓の記述を追加する。
|
1 2 3 |
<time class="entry-date updated" style="display:none" datetime="<?php echo esc_attr( get_the_date( 'c' ) ) ?>"><?php echo esc_html( get_the_date() ) ?></time> <span class="byline" style="display:none" ><span class="author vcard"><a class="url fn n" href="esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) )" rel="author"><?php echo get_the_author(); ?></a></span></span> |
※このcontent.phpに追加するコードは、他のコードと違い、autherもdisplay:noneを追加しています。
まとめ
「構造化データのエラー」修正の反映には少し時間がかかるので、こんな感じで緩やかにエラーが消えていきます。↓
以上で、WordPressテーマ「Twenty Fourteen」の構造化データのエラーを無くすことができます。
構造化データエラーが出ている方はぜひ試してみてくださいね！
以下、参考にさせていただいたサイトです。
参考サイト1：infoScoop開発者ブログ
参考サイト2：リフLOG
じゃあ、今回はここまでっ！！
ではではっ！(´∀｀*)ﾉｼ
おすすめのオンラインスクール
『TECH ACADEMY オンラインブートキャンプ』
TECH ACADEMY オンラインブートキャンプとは、
Webアプリケーションスキル（Ruby on Rails）、PHP、WordPressなどのWeb開発周辺スキル習得のコースを中心に、iPhoneアプリ、Androidアプリ、Unityなどのオリジナルアプリ開発コースや、WebデザインやWebマネジメント、さらにはWindows Excelのスキルを習得できるコースもラインナップされている、プログラミングをこれから始めてみようと思っている方から、エンジニアを目指している方までの幅広い方々にとって非常に心強い『プログラミング系オンラインスクール』です。
WordPressを使って自分のオリジナルWebサイトを構築しようとする場合、何かしらのプログラミング言語の基礎が分かっていれば、インターネットで検索した情報をフルに活用すれば、独学でもサイトを構築することは可能だと思います。
自分もこのタイプで、独学でサイトのカスタマイズを行っているのですが、現在のサイトのカタチに持っていくまでに、非常に多くの時間が掛かってしまっています。
もっと早い段階で、この『TECH ACADEMY オンラインブートキャンプ』を知っていて、受講するだけの予算が確保できていたのなら、短時間でかなりレベルの高いのスキルを習得できていたのではないかと思います。
っと、ちょっと気になるなぁと思ったそこのあなた！！
もっと詳しく内容を知りたいと思ったら、、、
↑『TECH ACADEMY』公式サイト上部のメニューバーに表示されている、『無料説明会』から無料説明会動画を見ることが出来ますよぉ！＾＾
受講希望のコースを選択し、
メールアドレス（GmailでもOK!＾＾）かSNSアカウントを入力すると、希望コースの無料説明会動画を見ることができます。
受講申し込みを検討する際に気になる、「受講終了時点の成果目標」「習得できるスキル」「具体的な学習方法」などの解説と、短期間で高い学習目標に到達することが可能となる裏付けについて、丁寧に説明されています。
『無料説明会』のページには、カリキュラムの詳細も紹介されています。
その他『説明会動画特典』として、受講料が割引になる特典も準備されてるようですよ♪＾＾
気になるんだけど、少し試してみないと分からないよなぁ～なんて思ってるあなたには、、、
『一週間のブートキャンプ無料体験』もありますよっ♪
ぜひ体験してみて下さいね♪(*^▽^*)
おすすめのレンタルサーバー
『XSERVER』
みなラボもこの『XSERVER』を使っています！＾＾
プランによっては最安月額900円（税別）で、200GBのサーバー容量を確保できます！
継続更新は、クレジット引き落としで自動更新出来て楽チン！
サーバーデータは、7世代に遡ってバックアップしてくれているので、もしもの時にも安心！
サーバーをコントロールするの為のインタフェースとなる「サ－バーパネル」の操作性も抜群！
もちろん、サーバーとしての基本となる処理速度、安定性も申し分ないと思います♪
ランキング
↓ランキング参加してます！よろしければ、クリックで応援して下さいっ！
にほんブログ村
↓こちらもお願いしますっ！
人気ブログランキングへ
・『2019年更新版』Windows10も可！ Movie Maker「ムービーメーカー」をダウンロードする方法
・ドコモからLINE MOBILE（ラインモバイル）SIMに乗り換えて約8か月。使ってみた感想・速度比較・メリット・デメリットまとめ
・格安SIMでドコモアドレスを維持しながら手軽に毎月のスマホ代「3千円」を節約する方法まとめ
・こんなトコ見てるの？女子も男子も気になる。異性が思う「許せないムダ毛」とその処理方法まとめ
・【メルカリ裏技】知らないあなたは損してる！？新規登録時に1,000円分のポイントを誰でも超簡単にゲットする方法
スポンサーリンク
こちらの記事もよく読まれています。↓（※広告含む）
最後までお読みいただいて、ありがとうございます。
もしこの記事を気に入っていただけたなら、SNSで共有していただけると、とても嬉しいです！どうぞ、よろしくお願いいたします！m(_ _)m
この記事が気に入ったら
いいね！しよう
最新情報をお届けします
Twitterで『みなラボ』をフォローしよう！
Follow @share_labFeedly、RSS、Push7はこちら！！
Line@はこちら！！