0

ソーシャル メディア共有の og メタ タグに問題があります。

アプリでソーシャル メディアを共有するためのリンクがあります。

 = link_to "http://www.facebook.com/share.php?u=#{request.base_url}#{request.env['PATH_INFO']}" do
    #i{class: "fa fa-facebook-square social-icon", "aria-hidden"=>"true"}
  = link_to "http://www.linkedin.com/shareArticle?mini=true&url=#{request.base_url}#{request.env['PATH_INFO']}&source=#{request.base_url}" do
    #i{class: "fa fa-linkedin-square social-icon", "aria-hidden"=>"true"}
  = link_to "http://twitter.com/intent/tweet?status=#{request.base_url}#{request.env['PATH_INFO']}" do
    #i{class: "fa fa-twitter-square social-icon", "aria-hidden"=>"true"}

各リンクは現在のページの絶対 URL を取得し、それを特定のソーシャル メディアの共有 URL に挿入します。

Twitter、Facebook、Linkedn の共有ボタンを備えた通知ページがあります。次の og タグを含めました。

- content_for(:page_meta) do
  %meta{ property: 'og:title', content: "J’ai voté pour mon lauréat Stars et Metiers" }
  %meta{ property: 'og:url', content: laureates_url }
  %meta{ property: 'og:description', content: "J’ai voté pour mon lauréat coup de ❤ Stars & Métiers 2016 ! Et vous, quel est votre coup de cœur ? avec lien minimisé vers la page lauréat du site" }

og: url は現在のページの url ではありません。なぜなら、ソーシャル メディアの投稿を、ソーシャル メディアのボタンがあるページにリダイレクトするのではなく、別のページ (laureates_url) にリダイレクトしたくないからです。

しかし、各ソーシャルメディアから「ページが見つかりません」というエラーメッセージが表示され続けます

ここで何が間違っていますか？

アップデート

私のURLでFacebookデバッガを使用した後：

https://developers.facebook.com/tools/debug/og/object/?q=https%3A%2F%2Fstaging-starsetmetiers.herokuapp.com%2Fprix-coup-de-coeur-du-public%2F17701%2F通知 ここに画像の説明を入力

Facebook が私の URL をクロールできるようです。潜在的な投稿のプレビューも表示されます。2 つの問題がまだ解決されていません。

1) Web サイトで Facebook 共有リンクをクリックすると、Facebook デバッガーのようにプレビューが表示されません。まだページが見つからないというエラーが表示されます:

2）デバッガーが教えてくれます

The 'og:description' property should be explicitly provided, even if a value can be inferred from other tags.

そして、デバッガーが表示するプレビューで、classic の説明が使用されていることは事実ですmeta name= "description"。ただしog:description、私のページには、投稿に表示したい説明であるプレゼントがあり、ページに表示されています。

<meta content="J’ai voté pour mon lauréat coup de ❤ Stars &amp; Métiers 2016 ! Et vous, quel est votre coup de cœur ? avec lien minimisé vers la page lauréat du site" property="og:description">

これらの問題を解決するにはどうすればよいですか?

4

1 に答える 1

0

コメントで提案したように、Facebook デバッガーでページの出力を共有していただきありがとうございます。2 つの質問については、

  1. Facebook の共有リンクに閉じ括弧が間違っているようです。削除すると、ページは正常に検出されるはずです。

  2. メタ タグが Open Graph プロパティ (og:url など) で適切にラベル付けされているように見えるので、クローラーがそれを取得しない理由がわかりません。私が考えることができる唯一のことは、メタタグのプロパティとコンテンツ属性の順序がFacebookサイトに示されている例の逆順であることですが、私はそれが問題になるとは思わない...

于 2016-11-16T18:36:45.270 に答える