Base【ha-Basic】構造化データがきちんと出力されるようにしましたhttps://www.momosiri.info/habt/schema/どんどんいろいろな要素を入れている感じで、一歩ずつ使えるテーマになってきていると自負している【ha-Basic】テーマ。今回は見た目には何も変わらない「構造化データ」についての変更です。その他のクローラーに理解できるような...だがしかし・・・私の持つサイトへ徐々に【ha-Basic】テーマを使用していくうちにちょっと問題ありな状況が発覚しました。コピペプログラマーとして、紹介されているコード類をあまり鵜呑みにするものではないと実感した瞬間でした(きちんとチェックしなかった私が悪いのですが・・)。そもそも「構造化データってなんぞや?」ということすらあまりわからず、SEO効果があるならという安易な発想で設置したのですから当然と言えば当然ですけど。applications.に要素などが細かく書かれているのですが、何がなんやら分からん(怒)。完全理解している人は皆無でしょう(笑)。現時点で私が理解している範囲で構造化データの解説をしておきます(偉そうに・・・)。構造化データというのは検索エンジン(殊にGoogle)にサイトやページの構造を知らせることで、どんな要素のあるページなのかをしっかり認識してもらうためのもの(親和性というらしいです)のようで、特に検索順位に影響があるものでもない模様、強いて言うなら検索結果に表示される内容をコントロールできる可能性が広がる(微妙な表現でスミマセン)要素のことのようです。Dev...https://developers.google.com/search/docs/guides/intro-structured-data?hl=jaに書かれている位ですから、やっておいてマイナスはない(と思う)ので、できれば実装しておきたいところ・・・というのが私の結論です(本当に微妙な表現でスミマセン・・・)。検索結果に反映される可能性が高まる→検索結果からクリックされる可能性が高まる→アクセス数が上がる→ページの評価が上がる→検索結果の上位に来る可能性が上がる→振り出しに戻る・・という感じなんだと思います。一気に順位が上がるということではなく、クリックされて訪問される機会が増えれば有用なページと認識されるようになって・・ということなんですね(と理解しています)。構造化データに何の要素が必要なの??ということになるのですが、サイトの種類によってさまざまなようです。文末におまけとしてGoogleの構造化データ生成ツールについてリンクを載せていますので参考にしてみてください。ページ内で表示する構造化データは大きくMicrodataRDFajson-LDの3種類の形式があり、Googleでは【json-LD】という形式の構造化データを使用することが推奨されているようです。話を少し戻すと、この【json-LD】形式の構造化データをWordpressにコピペでできるよ!という記事を参考にして設置したというわけです(実は【ha-Basic】ではきちんとデータが出力されていなかったことに後日気づいたわけですけど)。この記事を見て【ha-Basic】テーマは使ってないけど自分もやってみよう!!という方は、以下のことを確認してから進めることと、きちんとチェックすることをお勧めします。WordPressのテーマでよく使われているのはMicrodata形式の構造化データです。itemtype=”https://schema.org/WebPage”」などといった記述がソース内にある場合には既にMicrodata形式の構造化データが存在しますので、今回紹介する【json-LD】形式のものに置き換えるにはすべてのタグを削除する必要がありますからご注意ください。私的な考察ですからそのつもりで見ていただければと思います。多くのWordpressテーマがMicrodata形式にしているのはなぜかというと、データがそこにあるからなんですね。構造化データに必要なのは作者とかタイトルとか抜粋文とか・・・なので、それらは既にページをhtml化した際出力されていますから、それに構造化データの1つですよ!というタグを追加すれば簡単に自動で構造化データが出来上がるという訳なんだと思います。他方【json-LD】形式は構造化データは構造化データとしてまとめて「ここに書いてあります!」と出力する方法。Microdata形式のようにページのあちこちにデータがなく、まとまって出力されているため、検索エンジンクローラーも見つけやすく把握しやすいのでしょう。いくら現代のクローラーの精度や速度が上がってページ内すべてをクロールしてくれるといってもこちらがフレンドリーな記述をしていることで「この人いい人(サイト)だ」と思ってくれる・・・のかも知れません。今回のように【json-LD】形式で自動出力しようとすると結構大変なんです。するとSEOに強いと豪語アピールしているテーマはその辺をきちんとしているのかも(笑)、まあ実際に買って検証はしてません。テーマは買うものではないと思ってますので・・。前述したように今回紹介する【json-LD】形式の構造化データを新しく設置したり、Microdata形式の構造化データから変更したからといってアクセス数が飛躍的に上がるということはないでしょうし、変更したらアクセス数が下がった・・という結果となることもあり得ますので自己責任で行ってください。下にコードをすべて紹介しますが、まずはどんな構造になっているかを紹介しておきます。「トップページ」と「その他のページ」で処理を分けています。いうと、トップページとなるページは固定ページであってもブログページであってもタイトルは「サイトのタイトル」、サイトの説明は「キャッチフレーズ」だからです。出力を自動化するにあたってはPHPを使って今あるデータから抽出しますからこれを分けて処理させる必要があるのです。次に「ページの説明」カスタムフィールドに内容があるかないかで分けています。【ha-Basic】ではメタデータの出力と今回紹介する構造化データのディスクリプションのデータに「ページの説明」カスタムフィールド(meta_description)を使っています。そこに何も書いて無ければ本文の先頭から120文字程度の文章を出力するようにしていますから、これでも処理が変わってきます。これを踏まえて下のコードをご覧いただくと、似たようなコードが3回繰り返され、それぞれにちょっと違う記述があることが理解いただけると思います。※もっといい方法があるのかも知れませんけど構造化データ化自体の中で条件分岐ができないので、私の能力ではこの記述の仕方が限界でした。それでは以下にコードをずらっと紹介します。構造化データはページのどこに記述してもいいですし、基本余分なものはフッターに・・・と思いたいところですが、使用するプラグインや環境によってはフッターに挿入するときちんとデータを引き出してくれないことがあります(実際に経験済み)。何にも影響を受けにくいヘッダーへの挿入をお勧めします。上のコードをそのままheader.phpの「</head>」の上に記述するのが一番オーソドックスでしょう。・・・ちょっとごちゃごちゃしますね。すすめて別ファイルにしてheader.phpへ読み込む方法を紹介しておきます(【ha-Basic】はこの方法にしています)まず、テキストエディタにコードをコピーして「schema.php」というファイルとして保存します。それをサイトのテーマフォルダ内へアップロードします。最後に以下のコードをheader.phpの「</head>」の上へコピーすれば完成です。get_template_part('schema');//構造化コード?>↑のget_template_partは「〇〇というphpファイルを読み込んでね!」という便利な指示。テーマ内で結構たくさん使われています。これをたどればどんな複雑なテーマでもページ表示するのにどれだけのコードを使っているかが分かるようになります。それらをすべて1つのファイルにすればとっても長い記述になるけど1つのファイルにすることができます。構造化データに何を含めればいいの?最終的に私が悩んだのは「いったい何をデータ化すればいいの?」ということ。様々な記事を読んでもまちまちですし、schema.orgの公式サイトにもいろいろなネタがあるだけでこれを!というのは掲載されていませんでしたので本当に困惑しました。ページ上のデータを正しく認識させることここで該当するページでどのデータが必要なのか、データの値は何なのか?を入力していくと【json-LD】形式の構造化データが生成されるので、それをひとまずコピーしてWordpressの関数を使って自動化する・・・そんな方法でやればより確実な構造化データの作成ができると思います。ちなみにサイトのカテゴリーによっていろいろな出力ネタがあるようですので、自身のサイトに合わせて作成するのも手かも知れません。いかがでしたでしょうか?構造化データの知識については今後また深耕していこうと思っていますが、現時点での私の理解とコード作成能力ではこれが限界・・・です。サイト作りの参考になれば幸いです。?>から</body>に書かれている構造化データに関する記述を削除してください。ひまあーと(管理人)☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。作者の記事一覧はこちらいつでもご相談・サイトカスタマイズの依頼を受け付けていますWordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。こちらのバナーからお気軽にお問い合わせください。※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。【スポンサーリンク】タグ:ha-BasicWordpressテーマワードプレス記事の拡散にご協力をお願いします閲覧いただきありがとうございました。【ha-Basic】テーマで固定ページの一覧に「キーワード」「ディスクリプション」の内容を表示するようにしました【ha-Basic】では投稿・固定ページ共独自のカスタムフィールドを作って、そこに入力された値から「meta_keywords」「meta_description」のメタデータを生成するようにしています。バージョン1.1では投稿一覧だけでなく固定ページ一覧にもこのデータを表示するようにします。【ha-Basic】OGPタグの出力方法見直しまだまだ続くよ微調整ということで今回はSNSへ埋め込み表示するためのOGPタグ出力に関するブラッシュアップです。ベースにしたテーマに入っていたOGPタグの出力機能ではきちんと認識されなかったため、別の方法で出力することにしました。記事の拡散にご協力お願いします閲覧いただきありがとうございます。この記事が役に立つ情報でしたら是非SNSでシェアやコメントをお願いします。Amazonアソシエイト・プログラムの参加者です。