セマンティックマークアップを使用したWordpressブログ

Google、Bing、YahooがSchema.orgセマンティックマークアップ標準を提案してから1年以上が経過しました。 しかし、ウェブマスターは、サイトに検索エンジンの推奨事項を実装することを急ぐことはありません。 しかし、無駄に。 たとえば、Yandexの代表者は、サイトのランキングに対するセマンティックマークアップの影響に関する次の質問に回答しました。

「多くの場合、マークアップを使用すると、サイトがYandex Searchでより見やすくなり、より多くのターゲットユーザーを引き付けることができます。 次に、Yandexは、ユーザーが検索で発生した問題を解決できるようにすることに関心があります。 品質指標の1つは、ユーザーの幸福と呼ばれます。 明らかに、「幸福度」を高めるサイトは上位にランク付けされます。





つまり セマンティックマークアップの使用は、少なくとも間接的にサイトのランキングに影響します。 実際、多くの場合、マークアップを含むサイトのスニペットは、ユーザーにとってより有益で魅力的に見えます。 異なるマークアップスキームを持つサイトがどのように見えるかを見てみましょう。



1.定格製品

画像



2.レビュー

画像



ご承知のとおり、ユーザーはそのようなスニペットをクリックする可能性が高く、サイトはポジションの増加という形で利益を受け取ります(他の要因が正常な場合)。 Yandexは、microformatsの代わりにSchema.orgマークアップを使用することも推奨しています。 1つ目は、よりモダンでペースの速いものです。



これは、セマンティックマークアップの使用の重要性についての短い紹介でしたが、今では実際のアプリケーションに直接進みます。



ビデオブログを作成するという課題に直面したため、次にこのタイプのコンテンツにマイクロマーキングを使用することについて説明します。 ただし、組織のカタログの例や、最新の音楽などを含むブログを作成できます。 プラットフォームとして、CMS Wordpressを使用しました。



ビデオクリップを説明するには、以下を行う必要があります。





次に、どのマイクロレイアウトスキームが私たちに適しているかを見てみましょう。 VideoObject- http: //schema.org/VideoObjectで停止します。 つまり 共有コンテナにエントリを追加する必要があります。



itemscope="" itemtype="http://schema.org/VideoObject"
      
      







そして、各ビデオパラメータは、パラメータを使用してマークされます。

 <span itemprop=""></a>
      
      







または



 <meta itemprop="" content="" />
      
      







ビデオごとに手動でhtmlに情報を入力するのではなく、このプロセスを何らかの形で単純化する必要があることは明らかです。 素材のタイトルから、ビデオの名前を取得します。 説明にも問題はありません。 そして、残りのフィールドを埋めるために、「カスタムフィールド」機能を使用します。 Wordpressのこのような機能についてまだ知らない場合は、注意を払うべき時です。 簡単に言えば、任意のフィールドを使用すると、任意の材料に任意のエントリを追加できます。 たとえば、組織のディレクトリを標準ツールにするには、テキストエディターを使用して、組織のすべてのデータ(電話、住所、営業時間)を追加するか、サードパーティのアドオンを使用します。 また、任意のフィールドを使用すると、通常の記事を任意のデータのカタログに変換できます。



任意のフィールドに入力された情報(この場合、マイクロマーキングコード)をテンプレートの出力に使用できるように、このコードを使用します。



 <?php $image = get_post_meta($post->ID, 'thumbnail', true); if($image !== '') { ?> <meta itemprop="thumbnail" content="<?php echo $image ?>" /> <?php } ?>
      
      







または



 <?php $image = get_post_meta($post->ID, 'thumbnail', true); if($image !== '') { ?> <span itemprop=""><?php echo $image ?></a> <?php } ?>
      
      







ここで、 サムネイルは任意のフィールドの名前です。



サムネイルフィールドに、ビデオのスクリーンショットへのリンクを入力します。 ビデオファイルと期間にリンクするembedurlフィールドを追加して、期間を表示します。 ところで、最後のパラメーターはオプションであり、さらに、ISO 8601形式の日付の入力を必要としますHttp://en.wikipedia.org/wiki/ISO_8601 投稿のタイトルと説明が表示されるコードセクションにパラメーター名と説明を割り当てます。



プレーヤーとして、 Stream Video Playerプラグインを使用しました。



その結果、次のようなサンプルスニペットが得られます。

画像



原則として、これは完了する可能性があります。 これらのテクニックは、書評付きのWebサイト、レシピ付きのWebサイトなどの作成に役立ちます。 しかし、サイト上のデータのマークアップを開始したので、セマンティックマークアップのすべての可能性を活用しましょう。



要約評価


それらの同じ星-http://schema.org/AggregateRating 。 それらがなければ、レビュー付きのブログは劣っているように見えます。 このスキームは、オンラインストア(製品の評価)にも使用できます。 Wordpressの場合、何も発明する必要はありません。WP-PostRatingsプラグインの作成者がコードにAggregateRatingスキームを追加しました。 wp-postratings.phpファイル(wp-content / plugins / wp-postratings)で余分なitemscope itemtype = " schema.org/Product "属性を見つけて削除するだけです。 そして、このプラグインには既にパラメータitemprop = "name"およびitemprop = "description"が含まれていることに注意してください。 このプラグインをインストールするとき、テンプレートのタイトルと説明に何も追加する必要はありません。



パン粉


SERPでsite.ru/categoty/products7232の代わりにsite.ru/Mobileフォンを表示するには、RDFa Breadcrumbプラグインをインストールします。 プラグインをアクティブにした後、テンプレートの適切な場所にコードを挿入します。



 <?php if(function_exists('rdfa_breadcrumb')){ rdfa_breadcrumb(); } ?>
      
      







グラフを開く


結局のところ、Yandexがビデオオブジェクトを正しく認識するためには、Open Graphマークアップ( http://ogp.me )を追加する必要があります。 Open Graphマークアップ内のビデオオブジェクトのすべてのメタタグは、Schema.orgからのデータを複製します。 http://help.yandex.ru/webmaster/?id=1116426の詳細を理解することができます。 ところで、Open Graphマークアップはソーシャルネットワークで使用されます。 人が自分のソーシャルへのサイトへのリンクを投稿したとき。 ネットワーク、ヘッダーデータ、説明、画像はメタタグから取得されます。

 <meta property="og:title" content=""/> <meta property="og:description" content=""/> <meta property="og:image" content=""/>
      
      







Wordpressには、Open Graphレイアウト自体を生成するSEO Ultimateプラグインがあります。



これらのヒントが鈍い単調なスニペットを変え、おそらくサイトの位置を高めるのに役立つことを願っています。



All Articles