V1.1

src/app/public/pages/experience/experience.component.ts

@@ -1,4 +1,5 @@
-import { Component } from '@angular/core';
+import {Component, OnInit} from '@angular/core';
+import {SeoService} from '../../../_services/seo.service';
 
 @Component({
   selector: 'app-experience',
@@ -6,6 +7,18 @@ import { Component } from '@angular/core';
   templateUrl: './experience.component.html',
   styleUrl: './experience.component.css'
 })
-export class ExperienceComponent {
+export class ExperienceComponent implements OnInit {
+
+  constructor(private seoService: SeoService) { }
+
+  ngOnInit(): void {
+    this.seoService.updateSEOMetaTags({
+      title: 'Mes expériences - Portfolio',
+      description: 'Découvrez mes expériences',
+      keywords: 'johanleroy, johan, leroy, développeur, portfolio, johan leroy développeur, johan leroy portfolio, johan leroy dev web, johan leroy angular, johan leroy express, développeur web, développeur Angular, développeur Express.js, développeur fullstack, développeur JavaScript, développeur TypeScript, développeur Node.js, développeur REST API, développeur tailwind css, développeur MariaDB, développeur SQL, créer un site web, développeur freelance, portfolio développeur web, expert Angular, développeur application web, intégrateur tailwind, développeur web, freelance développeur\n',
+      ogImage: 'https://johanleroy.fr/favicon.ico'
+    });
+    this.seoService.createCanonicalLink();
+  }
 
 }

src/app/public/pages/formations/formations.component.ts

@@ -1,4 +1,5 @@
-import { Component } from '@angular/core';
+import {Component, OnInit} from '@angular/core';
+import {SeoService} from '../../../_services/seo.service';
 
 @Component({
   selector: 'app-formations',
@@ -6,6 +7,18 @@ import { Component } from '@angular/core';
   templateUrl: './formations.component.html',
   styleUrl: './formations.component.css'
 })
-export class FormationsComponent {
+export class FormationsComponent implements OnInit {
+
+  constructor(private seoService: SeoService) { }
+
+  ngOnInit(): void {
+    this.seoService.updateSEOMetaTags({
+      title: 'Mes formations - Portfolio',
+      description: 'Découvrez mes formations',
+      keywords: 'johanleroy, johan, leroy, développeur, portfolio, johan leroy développeur, johan leroy portfolio, johan leroy dev web, johan leroy angular, johan leroy express, développeur web, développeur Angular, développeur Express.js, développeur fullstack, développeur JavaScript, développeur TypeScript, développeur Node.js, développeur REST API, développeur tailwind css, développeur MariaDB, développeur SQL, créer un site web, développeur freelance, portfolio développeur web, expert Angular, développeur application web, intégrateur tailwind, développeur web, freelance développeur\n',
+      ogImage: 'https://johanleroy.fr/favicon.ico'
+    });
+    this.seoService.createCanonicalLink();
+  }
 
 }

src/app/public/pages/home/home.component.ts

@@ -1,5 +1,6 @@
-import {Component} from '@angular/core';
+import {Component, OnInit} from '@angular/core';
 import {RouterLink} from '@angular/router';
+import {SeoService} from '../../../_services/seo.service';
 
 @Component({
   selector: 'app-home',
@@ -9,6 +10,18 @@ import {RouterLink} from '@angular/router';
   templateUrl: './home.component.html',
   styleUrl: './home.component.css'
 })
-export class HomeComponent {
+export class HomeComponent implements OnInit {
+
+  constructor(private seoService: SeoService) { }
+
+  ngOnInit(): void {
+    this.seoService.updateSEOMetaTags({
+      title: 'Johan Leroy - Portfolio',
+      description: 'Découvrez mon portfolio',
+      keywords: 'johanleroy, johan, leroy, développeur, portfolio, johan leroy développeur, johan leroy portfolio, johan leroy dev web, johan leroy angular, johan leroy express, développeur web, développeur Angular, développeur Express.js, développeur fullstack, développeur JavaScript, développeur TypeScript, développeur Node.js, développeur REST API, développeur tailwind css, développeur MariaDB, développeur SQL, créer un site web, développeur freelance, portfolio développeur web, expert Angular, développeur application web, intégrateur tailwind, développeur web, freelance développeur\n',
+      ogImage: 'https://johanleroy.fr/favicon.ico'
+    });
+    this.seoService.createCanonicalLink();
+  }
 
 }

src/app/public/pages/projets/projets.component.ts

@@ -1,4 +1,5 @@
-import { Component } from '@angular/core';
+import {Component, OnInit} from '@angular/core';
+import {SeoService} from '../../../_services/seo.service';
 
 @Component({
   selector: 'app-projets',
@@ -6,6 +7,18 @@ import { Component } from '@angular/core';
   templateUrl: './projets.component.html',
   styleUrl: './projets.component.css'
 })
-export class ProjetsComponent {
+export class ProjetsComponent implements OnInit {
+
+  constructor(private seoService: SeoService) { }
+
+  ngOnInit(): void {
+    this.seoService.updateSEOMetaTags({
+      title: 'Mes projets - Portfolio',
+      description: 'Découvrez mes projets',
+      keywords: 'johanleroy, johan, leroy, développeur, portfolio, johan leroy développeur, johan leroy portfolio, johan leroy dev web, johan leroy angular, johan leroy express, développeur web, développeur Angular, développeur Express.js, développeur fullstack, développeur JavaScript, développeur TypeScript, développeur Node.js, développeur REST API, développeur tailwind css, développeur MariaDB, développeur SQL, créer un site web, développeur freelance, portfolio développeur web, expert Angular, développeur application web, intégrateur tailwind, développeur web, freelance développeur\n',
+      ogImage: 'https://johanleroy.fr/favicon.ico'
+    });
+    this.seoService.createCanonicalLink();
+  }
 
 }