update rich snippet & meta opengraph

openshrine · Jul 29, 2024 · 1b11585 · 1b11585
1 parent d61f162
commit 1b11585
Showing 1 changed file with 29 additions and 25 deletions.
diff --git a/index.html b/index.html
@@ -22,29 +22,32 @@
 		  "@context": "https://schema.org",
 		  "@type": "Person",
 		  "name": "Nina Carducci",
-		  "description": "Photographe professionnel spécialisé dans les portraits et les événements.",
+		  "description": "Site de la photographe Nina Carducci",
 		  "url": "https://openshrine.github.io/P3-OPENCLASSROOMS--Projet-Nina-Carducci/",
-		  "sameAs": [
-			"https://www.facebook.com/votrepage",
-			"https://www.instagram.com/ninacarducci.photo/?hl=fr",
-			"https://www.linkedin.com/in/votreprofil"
-		  ],
-		  "image": "https://openshrine.github.io/P3-OPENCLASSROOMS--Projet-Nina-Carducci/assets/images/nina.png",
 		  "address": {
 			"@type": "PostalAddress",
 			"streetAddress": "68 avenue Alsace-Lorraine",
 			"addressLocality": "BORDEAUX",
-			"addressRegion": "Nouvelle Aquitaine",
 			"postalCode": "33200",
 			"addressCountry": "FR"
 		  },
 		  "contactPoint": {
 			"@type": "ContactPoint",
 			"telephone": "+33-5-56-67-78-89",
 			"contactType": "Service client"
-		  }
+		  },
+		  "sameAs": [
+			"https://www.instagram.com/ninacarducci.photo/?hl=fr"
+		  ]
 		}
 		</script>
+	<meta property="og: type" content="Site de photographe" />
+	<meta property="og: title" content="Nina Carducci - Photographe" />
+	<meta property="og: description" content="Site de la Photographe Nina Carducci" />
+	<meta property="og: url" content="https://openshrine.github.io/P3-OPENCLASSROOMS--Projet-Nina-Carducci/" />
+	<meta property="og: image"
+		content="https://openshrine.github.io/P3-OPENCLASSROOMS--Projet-Nina-Carducci/assets/images/nina.png" />
+
 
 </head>
 
@@ -76,16 +79,17 @@ <h1 class="name">Nina Carducci</h1>
 				</div>
 				<div class="carousel-inner">
 					<div class="carousel-item active">
-						<img src="./assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.jpg" class="d-block w-100"
+						<img src="./assets/images/slider/webp/ryoji-iwata-wUZjnOv7t0g-unsplash2.webp"
+							class="d-block w-100"
 							alt="Picture of a man in suit from the back on a stripe black and white background.">
 					</div>
 					<div class="carousel-item">
-						<img src="./assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.jpg" class="d-block w-100"
-							alt="Picture of a crowd during a concert.">
+						<img src="./assets/images/slider/webp/nicholas-green-nPz8akkUmDI-unsplash2.webp"
+							class="d-block w-100" alt="Picture of a crowd during a concert.">
 					</div>
 					<div class="carousel-item">
-						<img src="./assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.jpg" class="d-block w-100"
-							alt="Picture of a couple kissing during a wedding.">
+						<img src="./assets/images/slider/webp/edward-cisneros-3_h6-1NPDGw-unsplash2.webp"
+							class="d-block w-100" alt="Picture of a couple kissing during a wedding.">
 					</div>
 				</div>
 				<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
@@ -105,7 +109,7 @@ <h1 class="name">Nina Carducci</h1>
 		<section>
 			<div id="about">
 				<div class="picture left">
-					<img src="./assets/images/nina.png" alt="Portrait of the artist Nina Carducci">
+					<img src="./assets/images/nina.webp" alt="Portrait of the artist Nina Carducci">
 				</div>
 				<div id="about-me">
 					<h2 class="about-me__title">A propos de moi</h2>
@@ -134,31 +138,31 @@ <h3 class="title">Portfolio</h3>
 				<div class="container py-3">
 					<div class="gallery" style="display: none">
 						<img data-gallery-tag="Concert" class="gallery-item"
-							src="./assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash2.jpg"
+							src="./assets/images/gallery/webp/aaron-paul-wnX-fXzB6Cw-unsplash2.webp"
 							alt="Picture of the concert of Aaron Paul" />
 						<img data-gallery-tag="Entreprises" class="gallery-item"
-							src="./assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash2.jpg"
+							src="./assets/images/gallery/webp/ali-morshedlou-WMD64tMfc4k-unsplash2.webp"
 							alt="Business picture for Ali Morshedlou" />
 						<img data-gallery-tag="Entreprises" class="gallery-item"
-							src="./assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash2.jpg"
+							src="./assets/images/gallery/webp/jason-goodman-tHO1_OuKbg0-unsplash2.webp"
 							alt="Business picture for Jason Goodman" />
 						<img data-gallery-tag="Mariages" class="gallery-item"
-							src="./assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash2.jpg"
+							src="./assets/images/gallery/webp/hannah-busing-RvF2R_qMpRk-unsplash2.webp"
 							alt="Wedding picture Hannah Busing" />
 						<img data-gallery-tag="Portrait" class="gallery-item"
-							src="./assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash2.jpg"
+							src="./assets/images/gallery/webp/ade-tunji-rVkhWWZFAtQ-unsplash2.webp"
 							alt="Portrait of Ade Tunji" />
 						<img data-gallery-tag="Mariages" class="gallery-item"
-							src="./assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash2.jpg"
+							src="./assets/images/gallery/webp/jakob-owens-SiniLJkXhMc-unsplash2.webp"
 							alt="Wedding picture Jakow Owens Sinil" />
 						<img data-gallery-tag="Portrait" class="gallery-item"
-							src="./assets/images/gallery/portraits/nino-van-prattenburg--443cl1uR_8-unsplash2.jpg"
+							src="./assets/images/gallery/webp/nino-van-prattenburg--443cl1uR_8-unsplash2.webp"
 							alt="Portrait of Nino Van Prattenburg" />
 						<img data-gallery-tag="Concert" class="gallery-item"
-							src="./assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash2.jpg"
+							src="./assets/images/gallery/webp/austin-neill-hgO1wFPXl3I-unsplash2.webp"
 							alt="Picture of the concert of Austin Neill" />
 						<img data-gallery-tag="Entreprises" class="gallery-item"
-							src="./assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash2.jpg"
+							src="./assets/images/gallery/webp/mateus-campos-felipe-Fsgzm8N0hIY-unsplash2.webp"
 							alt="Business picture for Mateus Campos Felipe" />
 					</div>
 				</div>
@@ -254,7 +258,7 @@ <h3>Une question ? Une demande de devis ?</h3>
 					</form>
 				</div>
 				<div class="picture right">
-					<img src="./assets/images/camera.png" alt="Picture of a camera">
+					<img src="./assets/images/camera.webp" alt="Picture of a camera">
 				</div>
 			</div>
 		</div>