Webseite auswerten mit dem Facebook Sharing Debugger
Den Facebook Debugger findet man unter
mit https://developers.facebook.com/tools/debug/sharing
hier kann man im Eingabefeld die URL der eigenen Webseite eingeben, welche man teilen möchte und wo man einen Fehler erhält, oder Bilder als Thumbnails nicht übergeben werden.
Eingabe einer URL in Facebook Debugger
Wenn ich dann die URL eingebe im Facebook Sharing Debugger,
Test der Seite, noch vor dem Sharing mit Link zu Facebook
dann kommt
https://readdy.net/Notes/Details/124
Diese URL wurde auf Facebook noch nicht geteilt.
Fazit: man muss die Seite einmal geteilt haben.
Wenn man eine Seite eingibt, welche schon geteilt wurde zu Facebook,
dann kommt eine detailierte Auswertung
Warnhinweise, die behoben werden sollten
· Abgeleitete Eigenschaft
Die Eigenschaft „og:image“ sollte explizit angegeben werden, selbst wenn ein Wert von anderen Tags abgeleitet werden kann.
· Angabe überschüssiger Eigenschaften
Die folgenden Eigenschaften wurden auf der Webseite angegeben. Sie werden aber NICHT für die angegebene og:type-Eigenschaft unterstützt: og: title, og: type, og: url, og: image, og: site_name, og: description
· Fehlende Eigenschaften
Die folgenden erforderlichen Eigenschaften fehlen: og:url, og:type, og:title, og:image, og:description, fb:app_id
<meta property="og: title" content=" 👁 🗨 Test Fehler: Account/ExternalLoginCallback#_=_" /> <meta property="og: type" content="website" /> <meta property="og: url" content="https://Readdy.net/Notes/Details/124 " /> <meta property="og: image" content="https://Readdy.net/User_Files/Notes/Images/Image_124_0_blog.jpg" /> <meta property="og: site_name" content="Readdy.Net" /> <meta property="og: description" content=" Test Das kommt wenn man sich versucht über Facebook einzuloggen https readdy net Account ExternalLoginCallback "> |
Unter Visual Studio im Sourcecode des Controllers findet man den Fehler
//--< MetaData >-- int lenMax200 = note.Text.Length; if (lenMax200 > 200) lenMax200 = 200; string sMetaDescription = note.Text.Substring(0, lenMax200); String sMetaData = "<meta property=\"og: title\" content=\"👁🗨 " + note.Title + "\" />"; sMetaData += Environment.NewLine + "<meta property=\"og: type\" content=\"website\" />"; sMetaData += Environment.NewLine + "<meta property=\"og: url\" content=\"https://Readdy.net/Notes/Details/" + note.IDNote + " \" />"; sMetaData += Environment.NewLine + "<meta property=\"og: image\" content=\"https://Readdy.net/User_Files/Notes/Images/Image_" + note.IDNote + "_0_blog.jpg\" />"; sMetaData += Environment.NewLine + "<meta property=\"og: site_name\" content=\"Readdy.Net\" />"; sMetaData += Environment.NewLine + "<meta property=\"og: description\" content=\"" + sMetaDescription + "\">"; sMetaData += Environment.NewLine + "";
ViewData["MetaData"] = sMetaData; //--</ MetaData >--
//< out to view > string sMobile_Extenstion = Request_Methods.set_optional_Mobile_Extension(Request); return View("details" + sMobile_Extenstion, data); //</ out to view > |
Lösung:
Die Meta-Tag Angabe muss OHNE Leerzeichen erzeugt werden
"<meta property=\"og: image\" |
Weitere Auswertungen durch den Facebook Debugger und
Wann und wie die URL zuletzt gescraped wurde
Letztes Scraping |
|
Antwortcode |
200 |
Abgerufene URL |
|
Kanonische URL |
https://readdy.net/Notes/Details/123 0 "Gefällt mir" - Angaben, geteilte Beiträge und Kommentare Weitere Informationen |
Link-Vorschau |
👁🗨 Stromanschluss vom Dach zum Keller, Sicherungskasten Stromzähler Der Stromanschluss von den Stadtwerken Nürtingen landet an einem Kasten mit 4 Leitungen und nur eine Leitung ist angeschlossen mit einer Sicherung. READDY.NET |
Server-IP |
31.172.93.141 |
Wir haben auf Basis der Raw Tags die folgenden Open Graph-Einstellungen entwickelt
og:url |
https://readdy.net/Notes/Details/123 |
og:title |
👁🗨 Stromanschluss vom Dach zum Keller, Sicherungskasten Stromzähler |
og:description |
Der Stromanschluss von den Stadtwerken Nürtingen landet an einem Kasten mit 4 Leitungen und nur eine Leitung ist angeschlossen mit einer Sicherung. |
og:image |
https://readdy.net/User_Files/Notes/Images/Image_123_0_blog.jpg |
og:image:alt |
· Alle Raw Tags anzeigen9
URLs
Open Graph |
|
Graph API |
|
Scraping-URL |
|
Scrape-API |
· meta charset="utf-8" />
· <meta name="viewport" content="width=device-width, initial-scale=1.0" />
· <meta name="x-stylesheet-fallback-test" content="" class="sr-only" />
· <meta property="og: title" content="👁🗨 Stromanschluss vom Dach zum Keller, Sicherungskasten Stromzähler" />
· <meta property="og: type" content="website" />
· <meta property="og: url" content="https://Readdy.net/Notes/Details/123 " />
· <meta property="og: image" content="https://Readdy.net/User_Files/Notes/Images/Image_123_0_blog.jpg" />
· <meta property="og: site_name" content="Readdy.Net" />
· <meta property="og: description" content=" Stromanschluss vom Dach zum Keller Auf der linken Seite kommt der Strom von der Dachleitung ins Haus Der Stromanschluss von den Stadtwerken Nürtingen landet an einem Kasten mit 4 Leitungen und nur ei" />