1Wordpressのロゴミクロデータのためのリッチスニペットテストツールを固定

以上 2 年前、私はGoogleのリッチスニペットテストツールに合格しなかったワードプレスのテーマで問題を解決する方法についての記事を掲載. それ以来、多くが変更されました - ワードプレスとほとんどのテーマは、より良いサポートがある, HTML5とCSS3が到着しました, とGoogle, Yahoo and Bing got togeth­er and decided to focus on Microdata, schema.org経由. 一度マイクロフォーマットは、ページをマークアップするための最も簡単な方法のように見えた, およびテストツールは、これらのための最も包括的なサポートを持っていた. ミクロデータに移動し、WordPressへの変更は、新しい記事を必要と: これがそうだ!

代わりに、私はすべての情報を提供しようとすることを決定したさまざまなテーマごとに個別の記事の多くを持っていることの 1 ガイド. This makes it easi­er to keep up to date, だけが存在することを意味し 1 すべての要求と議論の中心点. It also makes more sense as sev­er­al of the steps are the same regard­less of what theme you are using. I’m not going to cov­er all the option­al extras in this art­icle, ただ基本的なツールを使用してサイトを検証するために取得する. あなたが見つける必要があることを管理したら、余分なマークアップを追加することは比較的容易である. So lets get star­ted…

Add a link from your google profile to your site

あなたは上の表示されます 私のGoogle のプロファイル 私は公衆のリンクを持っている HTTPS://diymediahome.org - あなたがあなた自身のサイトのための同じをする必要があります. 理想的にはこれと同じ方法で、あなたのサイトにリンクされているGoogleプロフィールを持っている、あなたの著者のすべてが必要になります.

  1. にログインしてください Googleのプロファイル
  2. あなたが表示されるまでスクロール リンク どこかにページの右下に向けてのセクション
  3. をクリックします 編集 リンク
  4. con­trib­ut­or to セクションをクリック お客トムリンクを追加
  5. テキストの右側のボックスを確認してください con­trib­ut­or to に設定されています pub­lic
  6. あなたのサイト名を入力してください (例えば. DIY メディアホーム) およびアドレス (例えば. HTTPS://diymediahome.org)
  7. [保存]をクリックします

あなたのサイトからGoogleプロフィールへのリンクを追加

今、私たちは、Googleプロフィールにあなたの著者ページからリンクを追加する必要があります. あり 2 これを行うにはALTERN-AT-IVEの方法, 私は非常にヨーストを使用して推奨つくろう この PLU-GIN.

  1. インストール ヨースト この PLU-GIN または あなたのテーマのfunctions.phpのファイルに次のコードを追加します
  2. WordPressの管理画面で、あなたの著者プロフィールに行く (hov­er over ユーザー 左側のメニューで, 、をクリックして下さい あなたのプロファイル)
  3. Google+の フィールドには、Googleのプロファイルへのリンクを追加 (例えば. HTTPS://plus.google.com/104657888470728381512 /)
  4. もしどちらかを確認してください, or your oth­er site authors do the same thing, and each link to your own google pro­files
  5. 今, あなたはヨーストPLU-GINを使用している場合, に行く この メニューを選択 タイトルやメタ情報, C言語でなめる ページの上部にあるとのメニュー 高光INGのオーサリング プルダウンボックスでは、ホームページの作成者として使用したいユーザーを選択
  6. あなたが手動header.phpのために、次のコードを追加する必要がありますヨーストプラグインを使用していない約執拗なら (仮定して、1つを持っている). Don’t for­get to change my google pro­file url to yours. This code will use the post author’s google pro­file url if there is a val­id one, およびデフォルトを使用します (あなた) 存在しない場合.

Fix errors of a missing “updated” field

ほとんどのWordpressのテーマは、ポストは、ポスト情報エリアに掲載された際の情報が含まれ, それが最後に更新されたときには非常に少数にも含まれ. これは残念です, because updated is required where­as pub­lished actu­ally isn’t! それを追加することも簡単です, そして再び, がある 2 方法, the prop­er way and the quick hack way. I recom­mend the prop­er way of course, しかし、必要に応じて迅速なハックに頼ることができます. また、同時にマイクロフォーマットからミクロに変更しようとしている.

適切な方法

We’re going to add some addi­tion­al inform­a­tion to post head­ers, 検索エンジンのための、私たちのVIS-IT的論理和をとり、両方. 我々はポストのためにこれを行う必要があります, ページ, アーカイブとホームページ.

  1. 私たちは、公開されたリンクを生成するコードを含むファイルを見つける必要がある. これはほぼ確実にWordPressの機能を使用します get_the_date(). あなたのテーマファイルを検索することができます, or refer to theme spe­cif­ic details below where I have provided details for lots of themes
  2. 私たちは、出版され、更新された日付が同じであるかどうかを確認しようとしている. その場合、我々は単に余分に追加されます dateUp時代遅れ item­prop but if they are dif­fer­ent we will out­put some extra text to the vis­it­or
  3. 私たちは、FOL低INGを追加しようとしている (and modi­fy it as it explains)
  4. You’ll either have to fig­ure out the ori­gin­al theme’s code and edit it, or refer to the details for spe­cif­ic themes below.
  5. 複数のファイルのためにこの編集を繰り返す必要があります

クイックハック

我々は、更新された日付などの発行日をカンニングして供給するつもりだ, ポストは、実際には、より最近に更新されている場合でも、. 投稿が更新されているならば、我々は実際に間違った情報を提供することでしょう, それはまだヴァル-ID-食べます. それは実際に可能であれば適切にそれを行うことをお勧めします, あなたがそれを行う上で執拗ならが、この方法では、読み. 上記のように、我々はポストのためにこれを行う必要があります, ページ, アーカイブとホームページ.

  1. 私たちは、公開されたリンクを生成するコードを含むファイルを見つける必要があり、上記のように. これはほぼ確実にWordPressの機能を使用します get_the_date(). あなたのテーマファイルを検索することができます, または私はテーマの多くの詳細を提供してきた以下の表を参照してください。
  2. 見つける HTMLの 日付をシュール丸めエレメントメント (しばしば、それが持っているでしょう class="published").
  3. クラスを削除し、代わりに以下を追加して、要素を編集 itemprop="datePublished dateCreated dateUpdated"
  4. 上記のように, あなたは複数のファイルで、この編集を繰り返す必要があります

Replacing the built-in microformats (because mixing rich snippet formats breaks things)

デフォルトのワードプレスで、まだコメントをマイクロフォーマットのマークアップを使用しています, 悲しいことに、レシピのようなもののミクロデータのマークアップを破るように思われる. この問題を解決する最良の方法は、マイクロフォーマットのマークアップを削除し、ミクロデータマークアップと交換することです. Unfor-TU-nately, これには約いじっのビットを必要とするので、このマークアップを生成するWordPressのコア機能は、便利な場所にフィルタやフックを持っていない.

Replacing vcard in the comments section

  1. 私たちがやろうとしていることは、コメントの出力を変更するには、コメントのコールバックを使用している. Many themes already use a call­back which we can modi­fy, とそうでないもののために私たちはWordPressのデフォルトに基づいて1を追加します
  2. あなたのテーマを既にコメントのコールバックを持っているかどうかを確認します - 関数のあなたのテーマファイルを検索 wp_list_comments. それは、コードが含まれている場合 callback= 若しくは 'callback' => それはあなたが見つけることができる必要があり、コールバックを使用しています (確率巧みのfunctions.php内) コー​​ルバック関数の名前を探すこと, =記号や矢印の後にその一部である, 例えば. wp_list_comments( array( 'callback' => 'twentyten_comment' ) ); 若しくは wp_list_comments('type=comment&callback=bones_comments');. そうでないならば、我々は追加することによって、1を追加する必要があります callback=diymh_comment 若しくは array( 'callback' => 'diymh_comment' ) ラインへ.
  3. あなたはコメントのコールバックを追加するために必要な場合、あなたはのfunctions.phpに次のコードを追加する必要があります
  4. あなたは、このコードが持っていることがわかります class="novcard" instead of the ori­gin­al class="vcard".
  5. あなたのテーマは、独自のコールバックを持っていなかった場合は、コールバック関数を見つけ、任意のインスタンスを置換する必要があります class="vcard" ととも​​に class="novcard"

Replacing hfeed in the header

  1. 次, 我々はまた、任意のインスタンスを削除する必要があります class="hfeed", これ有珠同盟国header.phpの中で発見された. すべての発生·rencesを交換してください hfeed ととも​​に nohfeed

Replacing hentry and title rich snippets

  1. 私たちは、のfunctions.phpに追加きちんと機能のカップルと、これらの要素を置き換えることができます

Adding the information type (例えば. Article, レシピ, その他) to the article header

  1. 最初の, decide what type of work you are pub­lish­ing — most likely an art­icle. Have a look at the list at schema.org
  2. 見つける HTMLの タグこれCON-TAINS機能のTiON post_class()
  3. コー​​ドを追加します。 itemscope itemtype="http://schema.org/Article" (あなたが仕事の様々なタイプを選んだ場合は、記事を交換してください)

最後に, to avoid breaking any styles

  1. あなたのテーマのstyle.cssにを編集する必要があり、すべてのインスタンスのを置き換えるために、検索/置換操作を行います .vcard ととも​​に .novcard とのすべてのインスタンスを置き換える .hfeed ととも​​に .nohfeed 私たちの変更は、いずれかの混乱をしないように CSS styl­ing of our com­ments

Fixing any other errors

Any oth­er changes neces­sary will be detailed on a per theme basis below. あなたが修正することができないテーマがある場合はコメントを投稿してください. その自由なテーマなら、私はテーマ名を教えてください, and if it is a premi­um theme please let me know so I can provide you with an e-mail address to send a zipped copy to.

Theme specific details

Before just car­ry­ing out these edits don’t for­get to carry out the steps to link your google pro­file and your site to each oth­er, とヨーストをインストール この, 以上提供するコードを追加します.

 

二十テン 1.5

のfunctions.phpでこれを置き換える

これとともに

のfunctions.phpでこれを置き換える

これとともに

header.phpの中で、これを交換してください

これとともに

loop.php中 (3 インスタンス), ループsingle.php, ループpage.phpとループattachment.phpはこれを交換する

これとともに

二十セブンイレブン 1.5

非常にすぐにCOM-ING ...

Annotumベース 1.1.1

で 7 ファイル (機能特徴 - articles.php, 抜粋タイプ - article.php, 抜粋抜粋 - default.php, コンテンツタイプ - article.php, コンテンツの page.php, コンテンツのコンテンツdefault.php, コンテンツ物品pdf.php) 交換する

ととも​​に

 

下記のコメントで私達にあなたの考えを送ってください! あなたが購読したい場合は、右上のメニューで購読リンクをご利用ください. また、下記の社会的なリンクを使用してお友達とこれを共有することができます. 乾杯.

返信を残します

1 コメント