Плагин для совместного использования Facebook не работает правильно и показывает страницу с ошибкой, когда используется общий доступ

Question

Мой плагин для обмена Facebook не работает правильно для этой страницы в блоге https://www.tradesumo.com/Home/LearningsFromLaunchingAStartupWhileAtUniversity внизу страницы в разделе «Как и в нашем блоге?» Поделитесь этим с друзьями !» Когда я пытаюсь поделиться им, он загружает нашу страницу ошибок (вы увидите много панд) вместо указанного изображения и правильного названия и описания.

Я не понимаю, почему это не работает. Кодекс, который мы использовали, очень похож на то, что я использовал для https://www.tradesumo.com/Home/Blog, где значок социального обмена FB работает нормально и распространяет правильные вещи из метатегов этого Посмотреть.

Просто FYI, являются следующие мета-теги и код для плагина обмена FB соответственно, для блога и блога:

БЛОГ:

@section AdditionalMeta 
{ 
    <meta name="robots" content="noindex,nofollow"/> 
    <meta property="og:type" content="website" /> 
    <meta property="og:title" content="TradeSumo | Blog" /> 
    <meta property="og:image" content="~/Scripts/Landing/assets/img/custom/meta.jpg" /> 
    <meta property="og:url" content="https://www.tradesumo.com/Home/Blog" /> 
    <meta property="og:description" content="Latest news, updates and events about TradeSumo." /> 
} 



<li><a href="https://www.facebook.com/sharer/sharer.php?u=https://www.tradesumo.com/Home/Blog&t=TradeSumo%20|%20Blog" title="Share on Facebook" target="_blank"><img src="~/Scripts/Landing/assets/img/flat_web_icon_set/color/Facebook.png"></a></li> 

БЛОГ POST:

@section AdditionalMeta 
{ 
    <meta name="robots" content="noindex,nofollow"/> 
    <meta property="og:type" content="website" /> 
    <meta property="og:title" content="TradeSumo | Learnings From Launching A Startup While At University" /> 
    <meta property="og:image" content="~/Scripts/Landing/assets/img/blog/startupweekend1.jpg" /> 
    <meta property="og:url" content="https://www.tradesumo.com/Home/LearningsFromLaunchingAStartupWhileAtUniversity" /> 
    <meta property="og:description" content="People always ask me what launching a tech startup while studying or working is like. It is definitely possible as long as you have a committed team with a united vision." /> 
} 



<li><a href="https://www.facebook.com/sharer/sharer.php?u=https://www.tradesumo.com/Home/LearningsFromLaunchingAStartupWhileAtUniversity&t=TradeSumo%20|%20Learnings%20From%20Launching%20A%20Startup%20While%20At%20University" title="Share on Facebook" target="_blank"><img src="~/Scripts/Landing/assets/img/flat_web_icon_set/color/Facebook.png"></a></li> 

Было бы здорово, если бы кто-нибудь мог сказать мне, почему это неправильно .... Я также попытался отладить плагин через URL-адрес на https://developers.facebook.com/tools/debug/og/object?q=https%3A%2F%2Fwww.tradesumo.com%2FHome%2FLearningsFromLaunchingAStartupWhileAtUniversity, но не знаю, в чем проблема!

Answer 1

Я обнаружил, что проблема связана с метатегом изображения. Она должна иметь полный URL:

<meta property="og:image" content="https://www.tradesumo.com/Scripts/Landing/assets/img/blog/startupweekend1.jpg" /> 

вместо этого:

<meta property="og:image" content="~/Scripts/Landing/assets/img/blog/startupweekend1.jpg" /> 

Так или иначе плагин не может найти изображение и возвращает страницу ошибки кузен изображения. Странно, что я должен рассматривать сообщения блога и блога по-разному для метатега изображений, потому что я использовал последний метатег для просмотра блога, и он работает нормально, и оба блога и просмотров блога находятся в одном и том же Домашний контроллер, поэтому по праву они ДОЛЖНЫ работать одинаково. Во всяком случае проблема исправлена!