Discussion :

[Ace of Spades]

Bonjour et bonne année à tous! Je suis nouveau ici et c'est mon premier message sur le forum

Je travaille actuellement sur un site web fait avec Angular 7. Etant donné que je suis novice avec cette techno, j'ai quelques questions à poser :

1/J'avais déjà compris qu' Angular n'est pas vraiment optimisé pour le référencement à la base. En essayant de générer un sitemap.xml en ligne, de manière classique, cela ne fonctionne pas (il ne récupère que la première URL uniquement).

En faisant de la recherche, j'ai compris qu'il y a des solutions, dont la meilleure est le SSR (Server Side Rendering) afin de rendre un site en Angular, SEO Friendly.

Donc ma question est : si je demande à mon développeur de mettre en place le SSR sur le site, comment je peux être sur qu'il a bien configuré cette solution? Est ce que le fait qu'on peut désormais générer un sitemap.xml (avec des liens en dur dedans) est une preuve que cela a été bien mis en place?

2/Un autre souci concerne la balise TITLE, sur certaines fiches du site Angular, le contenu du TITLE créé et optimisé s'affiche au niveau de l'onglet Google Chrome (en faisant un survol avec la souris), et il est bien pris en compte par Google (en testant via site: ), par contre quand j'affiche le code source de la page en question, je trouve un contenu de la balise TITLE différent!! Cela est du à quoi selon vous??






Merci d'avance pour vos précieuses réponses!

[dukoid]

Bonjour et bienvenue sur le forum,

(1)
tous les frameworks/libs JavaScript ont un problème avec le SEO puisqu'il s'exécute sur le navigateur.
contrairement à une page fournit par un serveur php/java...qui lui pourra être pris en compte pour le SEO

Mais, sache que google arrive à parser le SEO du code javascript (je ne sais pas si c'est efficace)
par contre les autres moteurs de recherche comme bing etc... en sont incapable.


donc l'astuce pour mettre en place le SEO pour tous les moteurs de recherche avec un site JavaScript est en effet le SSR
Avec Angular universal (SSR) tu pourras mettre en place le SEO.
En effet, les robots vont demander la page pour le SEO et Angular va servir la page via un système de serveur nodejs

Avec firebase hosting c'est assez assez simple de mettre en place mais il faut un compte payant.
c'est gratuit pour un certains nombres d'accès mais le temps que tu arrives à la première facturation est assez large. genre 100000 connectés (voir condition)

sinon sans passer par firebase, tu peux mettre en place ton propre serveur nodejs pour fournir les pages aux robots
(voir tutos sur internet)


pour savoir si ton SSR fonctionne, il suffit d'afficher le code source de la page et voir si il y a du contenu entre la balise <app-root></app-root>


(2)

par exemple dans app.component.ts, toutes les pages auront ces meta :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
 ngOnInit(): void {
      this.title.setTitle('ma page');
      this.meta.addTag({name: 'description', content: 'site web développé en Angular 10 et divers tutoriaux sur les frameworks Angular, Symfony'});
 
      // Twitter metadata
      this.meta.addTag({name: 'twitter:card', content: 'summary'});
      this.meta.addTag({name: 'twitter:site', content: '@AngularUniv'});
      this.meta.addTag({name: 'twitter:title', content: 'site web en Angular 10'});
      this.meta.addTag({name: 'twitter:description', content: 'site web développé en Angular 10'});
      this.meta.addTag({name: 'twitter:text:description', content: 'site web développé en Angular 10 '});
      this.meta.addTag({name: 'twitter:image', content: 'https://avatars3.githubusercontent.com/u/166245?v=3&s=200'});

mais tu peux configurer chaque page en insérant ce code qui sera personnalisé dans les pages en question !

[Ace of Spades]

Bonjour @dukoid, merci beaucoup pour votre réponse complète! Je vais regarder tout ça et je te tiens au courant

Bon week end.