7
votes

Comment faire face à Facebook Open Graphic convivial Méta Tags avec des moteurs de modèle côté client comme angularjs, moustache, guidon

Selon mes tests, les robots de chansons de Facebook ne rendent pas de modèles côté client comme un navigateur.

Je souhaite éviter un serveur Web et construire des fichiers HTML pour ouvrir des objets de graphique à tout prix. Je veux générer les balises Meta à la volée via l'URL, mais il semble que Facebook ne puisse pas faire cela.

Quelqu'un de Facebook peut-il confirmer? J'ai demandé à la tête du graphique ouvert à #mobiledevcon et elle a dit que Facebook peut rendant des choses comme {{valeur}}

Mes balises de méta sont les suivantes et elles rendent bien dans chaque navigateur. Mais le débogueur de graphique Open Facebook ne voit que le texte brut, pas le contenu interpolé. xxx

angularjs facebook handlebars.js facebook-opengraph mustache

0 commentaires

3 Réponses :

13
votes

Lorsque vous y pensez, cela devrait être clair, pourquoi cela ne fonctionne pas.

Le chronométreur Facebook télécharge le HTML tel qu'il est servi par le serveur. Le chronométreur Facebook ne sera pas exécuter n'importe quel JavaScript, comme tout le robotler n'exécutera pas le JavaScript. Cela est dû aux restrictions de sécurité et à la vitesse de la vitesse (elles n'ont pas le temps exécutent JavaScript sur leurs serveurs.)

Il y a aucun moyen autour de cela. Si vous souhaitez que le robotler vous indice de votre page, vous devez leur donner directement ce que vous voulez qu'ils lisent.

Conseil: Vous pouvez utiliser quelque chose comme fantom.js pour rendre vos pages du côté serveur et servir ceci aux crawlers.

1 commentaires

Cette réponse est sur place. J'ai écrit un article sur un travail relativement sans douleur autour de: michaelbromley.co.uk/blog/171/... qui ne nécessite pas de fantom.js, seulement une sorte de langage côté serveur (PHP, Ruby, peu importe).

4
votes

La solution est essentiellement Pour utiliser une sorte de détection d'agent utilisateur côté serveur à ramasser chaque fois qu'un robot de média social arrive.

0 commentaires

2
votes

Utilisez la méthode? _Escaped_fragment_ avec un service de préliminaire. Facebook respectera la même spécification AJAX apaisante que Google. S'il vous plaît voir https://developers.google.com/webmasters/ajax-crawling/docs / Spécification

0 commentaires