使用og標籤不能顯示豐富的社交媒體帖子

我在用於社交媒體分享的og元標籤時遇到問題。使用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，然後在每一個具體的社會化媒體的分享網址插入。

我有一個通知頁面，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不是當前網頁的網址，因爲我不想讓社交媒體帖子重定向到網頁，社交媒體按鈕那裏，而是一個不同的（laureates_url ）

不過，我不斷收到來自各社交媒體說，「找不到網頁」的錯誤消息

我在做什麼錯在這裏？

https://developers.facebook.com/tools/debug/og/object/?q=https%3A%2F%2Fstaging：

UPDATE

使用Facebook調試器我的網址後-starsetmetiers.herokuapp.com％2Fprix政變-DE-心篤公共％2F17701％2Fnotification

看來，Facebook是能夠抓取我的網址。它甚至向我展示了潛在職位的預覽。兩個問題仍然沒有解決：

1）當我點擊我的網站上的Facebook分享鏈接時，我沒有得到在facebook調試器中的預覽。我仍然獲得了找不到網頁錯誤：

2）調試器告訴我

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

而且這是事實，在預覽中的調試器顯示我，它使用從經典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">

我該如何解決這些問題呢？

來源

2016-11-15 David Geismar

您是否部署了代碼並檢查了元標記中的url是否有有效的網址？如果頁面是實時的，我會嘗試將其粘貼到此處，例如，查看是否正在查看元數據：https://developers.facebook.com/tools/debug/ – atsui

@atsui感謝您的評論，請在使用og調試器後檢查我剛纔對該文章所做的更新 –

感謝您在我的評論中建議在Facebook調試器中分享您的頁面輸出。對於你的兩個問題，

它看起來像是在你的Facebook共享鏈接中有一個離散的右括號。如果您將其刪除，則應正常找到該頁面。
它看起來好像你的meta標籤用Open Graph屬性（og：url等）正確標記，所以我不明白爲什麼抓取工具沒有抓取它。我唯一能想到的是meta標籤中屬性和內容屬性的順序與Facebook站點上顯示的示例的順序相反，但我懷疑這一點很重要......

來源

2016-11-16 18:36:45 atsui

使用og標籤不能顯示豐富的社交媒體帖子

回答

相關問題