2017-07-21 3 views
1

Fondamentalement, je veux utiliser Pre-Render.io pour mon application Angular 2 et je suis nouveau à lui, j'ai traversé le Doc de Pre-Render.io Mais je ne peux que Pour obtenir ce Pre-Render.io de travailler avec Angular 1, je suis incapable de le faire fonctionner avec Angular 2, je ne reçois pas de messages d'erreur aussi. Il sera très utile si je reçois d'autres didacticiels doc ou vidéo ou un exemple d'utilisation de Pre-Render.io avec Angular 2.Angular 2 SEO avec Pre-Render.io

Répondre

1

Ce n'est pas vraiment une question angulaire car vous n'avez rien à faire avec votre application angulaire pour que cela fonctionne. Seul un simple méta-tag doit être ajouté au fichier d'index.

Procédez comme suit:

  • Étape 1

Ajouter ceci à votre application angulaire:

<meta name="fragment" content="!"> 
  • Étape 2

Run npm install prerender-node --save dans votre projet de noeud (ou tout ce que vous utilisez)

  • Étape 3

Ajouter ceci à votre serveur (ou équivalent si vous ne l'utilisez noeud):

app.use(require('prerender-node')); 
  • Étape 4

nginx configurent ou tout ce que vous utilisez pour rediriger les robots vers votre site fragmenté. Ceci est en dehors de ma base de connaissances, donc toute question à ce sujet devrait être ouverte comme une nouvelle question si vous n'êtes pas sûr de la façon de le faire.

+0

désolé, je n'ai pas obtenu l'étape 3 n 4 ... pouvez-vous s'il vous plaît expliquer – SjVnyk

+0

Étape 3: Ajoutez cette ligne à votre fichier 'server.js' (si vous utilisez le noeud, sinon vous devez regarder le d'autres exemples dans leurs documents). Étape 4: Je ne peux pas expliquer cela plus loin, j'ai peur. Vous devez vous assurer que le trafic entrant sur votre site est redirigé vers le site réel, tandis que les robots d'exploration sont redirigés vers le site fragmenté. Ce que je veux dire par site fragmenté est le site que prerender a rendu. – Chrillewoodz

+0

Merci pour votre aide, essayez l'essayer. – SjVnyk