Anleitung für Facebook Öffnen Sie Graph-freundliche Meta-Tags mit clientseitigen Vorlagen-Engines wie AngularJS, Moustache, Handlebars

7

Nach meinen Tests werden die clientseitigen Vorlagen von Facebook-Crawlern nicht wie ein Browser gerendert.

Ich möchte einen Webserver vermeiden und HTML-Dateien für Open Graph-Objekte um jeden Preis erstellen. Ich möchte die Metatags spontan über die URL generieren, aber Facebook scheint das nicht zu tun.

Kann jemand von Facebook bestätigen? Ich fragte den Chef von Open Graph auf #mobiledevcon und sie sagte, dass Facebook Sachen wie {{Wert}}

rendern kann

Meine Meta-Tags sind wie folgt und sie werden in jedem Browser gut dargestellt. Aber der Facebook Open Graph Debugger sieht nur den Rohtext, nicht den interpolierten Inhalt.

%Vor%     
arush_try.com 10.05.2013, 11:57
quelle

3 Antworten

12

Wenn Sie darüber nachdenken, sollte klar sein, warum das nicht funktioniert.

Der Facebook-Crawler lädt den HTML-Code herunter, sobald er vom Server bereitgestellt wird. Der Facebook-Crawler wird kein JavaScript ausführen, wie alle Crawler das JavaScript nicht ausführen. Dies ist auf Sicherheitseinschränkungen und aus Gründen der Geschwindigkeit zurückzuführen (sie haben nicht die Zeit, JavaScript auf ihren Servern auszuführen.)

Es gibt keine Möglichkeit . Wenn Sie möchten, dass der Crawler Ihre Seite indiziert, müssen Sie ihnen direkt mitteilen, was sie lesen sollen.

Tipp: Sie können etwas wie phantom.js verwenden, um Ihre Seiten auf der Serverseite zu rendern und dies zu bedienen an die Crawler.

    
TheHippo 10.05.2013 15:00
quelle
2

Verwenden Sie die? _escaped_fragment_-Methode zusammen mit einem Prerender-Service. Facebook respektiert dieselbe krabbelnde Ajax-Spezifikation wie Google. Weitere Informationen finden Sie unter Ссылка

    
andy magoon 19.05.2015 11:13
quelle