web-dev-qa-db-ja.com

rel = "canonical"およびog:urlメタタグの異なるURLの賛否

rel = "canonical"に異なるURLを使用し、グラフを開くog:url次の使用例のリンク:

非常に標準的な製品ページ: https://www.smithandcanova.co.uk/aspen/449-double-Zip-top-washbag.html

多くのファッション製品と同様に、多くの異なるカラーオプションがあります。この場合、ブラウンまたはブラック。現在設定されているデフォルトの色は茶色です。そのため、上記のメインリンクに移動すると、茶色のウォッシュバッグ(自分で言うのではない場合は非常にすばらしい)の画像が表示されているページに移動します。

外部ページ(特にカテゴリ)からリンクする際のエクスペリエンスを改善するために、URLの末尾にパラメーターを含めて、ユーザーが選択した色に固有のランディングページをユーザーに提供する機能を追加しました。

https://www.smithandcanova.co.uk/aspen/449-double-Zip-top-washbag.html?color=black

これにより、元のリンクのように製品が茶色ではなく黒で表示されることを除いて、同じページがロードされます。ブラウンは、ページ上の色のドロップダウンを変更することで元に戻すことができます。

今の問題:

rel = "canonical"

ルートURL(449-double-Zip-top-washbag.html)を使用するのは簡単ではないようです(すべてのページでrel = "canonical"ヘッダータグについて実際のURLの?color =パラメータに関係なく読み込まれます。

これは、色ごとのページのコンテンツがほぼ同じであり、Googleのゴールデンノーコンテンツコンテンツルールに違反しているため、これが最良の選択であると思われます。せいぜい、ページタイトル、ヘッダー、および説明に色を含めてコンテンツに多少の違いを持たせることができますが、残りのテキストはすべて同じです。さらに、色を切り替えることは顧客にとって混乱する経験になる可能性があるため、色ごとに完全に異なるコンテンツ(説明)を書きたくはありません。

製品の色が非常に重要で、色ごとのランクが非常に高い場合は、URLリンクに色を含めるように標準を分割することをお勧めします。このユースケースでは、これが十分に強力な議論であるとは思わない(ただし、気軽にコメントしてください)。

og:url

これにより、開いているグラフog:urlリンクに移動します。このリンクは主にソーシャルメディアチャンネルの投稿のコンテンツをプルして表示するために使用されるため、og:urlパラメーターには色を含める必要があります。

  1. ソーシャル投稿に読み込まれる画像は、間違った色の製品を表示することが多く(リンクされている色がデフォルトの色ではない場合)、ポスターの摩擦を引き起こします。これは私にとってメインのステッカーです。

  2. 顧客は間違った色を表示するページに移動します(ただし、ドロップダウンで簡単に変更できます)。

  3. product:colorまたはproduct:eanタグは使用できません。

異なるURLの使用に対する主な問題は次のとおりです。

  1. 色ごとに異なるog:urlリンクを使用すると、製品全体ではなく色のみにグループ化することで「好み」が薄められます。色がメインドライバーである場合、これは必ずしも悪いことではありません。主な質問は、Facebook /他のプラットフォームでの表示リーチに関して、投稿のいいねの数がどれくらい重要かということです。この議論はGoogleの標準的な議論と非常に似ていますが、コンテンツのランキングを重複させることによるマイナス面はないので、これについては逆の道を行くのが賢明だと思います。

  2. FacebookがFacebook共有デバッガーを使用しているときに、テスト時にrel = "canonical"og:urlリンクが異なるという警告を表示しますページ。これによりペナルティが適用されるかどうかは知りませんか?開いたグラフを使用している他のプラットフォームは、これに腹を立て、ペナルティを科しますか?

だからあなたはそれを持っています。各方法の長所と短所。すべての色に同じrel = "canonical"を使用するのが最善であり、og:urlに個別の色固有のURLを使用するという結論に達しました。 リンク。

このケースは私に固有のものですが、ウェブ上の大量の製品ページに当てはまると思いますので、賛否両論に関するアドバイスをいただければ幸いです。だから、リングに投げるポイントがまだあるなら、多くの人がそれらを聞いて喜んでいると確信しています。

その他の解決策:

  1. 複数のog:imageタグを使用して、すべての製品の色の画像を含めます。これは1つの選択肢ですが、Facebookのドキュメントでは、複数の画像を使用して別の解像度を提供する必要があると記載されています(異なる画像については言及していません)。公式のOpen Graphページは、この点に関してあいまいなようです。この場合、プロトコルの仕様に反することに消極的です。

  2. Open Graph仕様のproductproduct.group "og:type"を使用します。これは、product.groupが価格e.t.cを許可しない製品のページがさらに必要になることを意味するため、カテゴリページに適していると考えています。

  3. Open Graph仕様のproduct.item "og:type"を使用します。同じ問題ですが、これを単なるproductタグで使用することのデメリットは見られません。ただし、新しいソーシャルプラットフォームではあまり採用されていない可能性があります。これには、製品グループページへのリンクを追加するという利点があります。この状況では、製品が属するコレクションのカテゴリとなる可能性があります。 (これは別の投稿のためかもしれません)。

5
hygap

なんて素敵な分析でしょうか!異なるページにコンテンツを複製することの最初のポイントはあなたを悩ませていることですが、リンクが異なるとインデックス化されるページ数も増えることを理解する必要があります[異なるキーワードを含む]

たとえば、ブラックのiPhone 7とシルバーのiPhone 7がある場合、すべてのeコマースの場所には2つの異なるページがあります。キーワードblack、silverもURLの一部です。できることは、これらのページを互いにリンクすることです。

URLやヘッダータグの色も保持できるため、コンテンツの重複を心配する必要はありません。これにより、異なるogタグを持つ問題も解決されます。

私はこれを多くの大手eコマースストアと相互参照しましたが、おそらくあなたもそうすることができます。

1
Karan Shah