2015-12-19 4 views
0

Я пытаюсь использовать открытые графические теги FB и использовал https://developers.facebook.com/tools/debug/og/object/ для проверки моей разметки. Результаты дали мне три ошибки.Facebook Open Graph Debug Issues

Inferred Property The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags. 
Inferred Property The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags. 
fb:app_id hasn't been included in the meta tags. Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog. 

Вот фрагменты кода из моего источника.

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"> 
<meta http-equiv="content-type" content="text/html,charset=utf-8"/> 

<head> 
<title>I am Saving For</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" user-scalable="no"> 
     <meta property="og:title" content="Live Richer"> 
     <meta property="og:description" content="I Am Saving For"> 
     <meta property="og:type" content="website"> 
     <meta property="fb:app_id" content="944869545605682"> 
     <meta property="og:url" content="http://www.livericherchallenge.net/"> 
     <meta property="og:image" content="http://lh3.googleusercontent.com/5188mjZW9WTa9PQRefM4YEqkH8Ry_ztq6flrPHlrX5zV4eCtnQtsGxpjJtV2pBHQG3S9ANBXLLFtDb-eMIkLVgs=s0"> 

     <link rel="stylesheet" href="font/fonts.css"> 
     <link rel="icon" href="favicon.ico" type="image/x-icon"> 
</head> 
<body> 
<a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.livericherchallenge.net%2F" target="_blank">FACEBOOK</a> 
</body> 
</html> 

Что является причиной моего мета-тега? Я правильно напечатал url, title и app_id.

ответ

0

Однако вы загружаете их, похоже, не отобразите их на последней странице.

Это как Facebook видит вашу страницу https://developers.facebook.com/tools/debug/og/echo?q=http%3A%2F%2Fwww.livericherchallenge.net%2F

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8"> 
<title>www.livericherchallenge.net</title> 
</head> 
<frameset rows="100%,*" border="0"> 
<frame src="http://livericher.leadpages.co/live-richer-2016/" frameborder="0"> 
<frame frameborder="0" noresize> 
</frameset> 
<!-- pageok --><!-- 04 --><!-- --> 
</html> 

Вот как я это вижу в источнике просмотра Chrome

вид-источник: http://www.livericherchallenge.net/

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 

<head> 
    <title>www.livericherchallenge.net</title> 

</head> 
<frameset rows="100%,*" border="0"> 
    <frame src="http://livericher.leadpages.co/live-richer-2016/" frameborder="0" /> 
    <frame frameborder="0" noresize /> 
</frameset> 

<!-- pageok --> 
<!-- 01 --> 
<!-- --> 
</html> 
+0

Это не решает вопрос о том, почему мои метатеги не читаются должным образом. Или мне не хватает причины здесь? –

+0

@AngrySpartan Вы используете что-то в фоновом режиме, о котором я не знаю. Все, что я вижу, это то, что показывает отладчик. Ваши теги явно искажены. – phwd

+0

Код, который вы опубликовали, не то, что я вижу, когда я иду на этот сайт @AngrySpartan – phwd