diff --git a/examples/css2d_label.html b/examples/css2d_label.html
index ce6a7d10d8777f..c20e7a9903796d 100644
--- a/examples/css2d_label.html
+++ b/examples/css2d_label.html
@@ -3,6 +3,10 @@
 	<head>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js css2d - label">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/css2d_label.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/css2d_label.jpg">
 		<title>three.js css2d - label</title>
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
diff --git a/examples/css3d_mixed.html b/examples/css3d_mixed.html
index b1eeac31ab6ba1..d75d649a122181 100644
--- a/examples/css3d_mixed.html
+++ b/examples/css3d_mixed.html
@@ -4,6 +4,10 @@
 		<title>three.js css3d - mixed</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js css3d - mixed">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/css3d_mixed.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/css3d_mixed.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/css3d_molecules.html b/examples/css3d_molecules.html
index 3b9dd18c956154..9bd470bef59b52 100644
--- a/examples/css3d_molecules.html
+++ b/examples/css3d_molecules.html
@@ -4,6 +4,10 @@
 		<title>three.js css3d - molecules</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js css3d - molecules">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/css3d_molecules.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/css3d_molecules.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/css3d_orthographic.html b/examples/css3d_orthographic.html
index 456ffe97806354..57c4eb28c898c1 100644
--- a/examples/css3d_orthographic.html
+++ b/examples/css3d_orthographic.html
@@ -4,6 +4,10 @@
 		<title>three.js css3d - orthographic</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js css3d - orthographic">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/css3d_orthographic.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/css3d_orthographic.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/css3d_periodictable.html b/examples/css3d_periodictable.html
index 2b93ba0515e18a..df538e5b576a7a 100644
--- a/examples/css3d_periodictable.html
+++ b/examples/css3d_periodictable.html
@@ -4,6 +4,10 @@
 		<title>three.js css3d - periodic table</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js css3d - periodic table">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/css3d_periodictable.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/css3d_periodictable.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			a {
diff --git a/examples/css3d_sandbox.html b/examples/css3d_sandbox.html
index 6cf27efa07d327..d63470e31803f0 100644
--- a/examples/css3d_sandbox.html
+++ b/examples/css3d_sandbox.html
@@ -1,8 +1,13 @@
 <!DOCTYPE html>
 <html>
 	<head>
+		<title>three.js css3d - sandbox</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js css3d - sandbox">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/css3d_sandbox.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/css3d_sandbox.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/css3d_sprites.html b/examples/css3d_sprites.html
index 7b2a80a777e869..4eea567a71bb90 100644
--- a/examples/css3d_sprites.html
+++ b/examples/css3d_sprites.html
@@ -4,6 +4,10 @@
 		<title>three.js css3d - sprites</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js css3d - sprites">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/css3d_sprites.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/css3d_sprites.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/css3d_youtube.html b/examples/css3d_youtube.html
index 8c37a25b1184e1..d5a31c75d37aa2 100644
--- a/examples/css3d_youtube.html
+++ b/examples/css3d_youtube.html
@@ -4,6 +4,10 @@
 		<title>three.js css3d - youtube</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js css3d - youtube">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/css3d_youtube.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/css3d_youtube.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/games_fps.html b/examples/games_fps.html
index 9cfa166c94b2dc..bb412ffd7ba507 100644
--- a/examples/games_fps.html
+++ b/examples/games_fps.html
@@ -4,6 +4,10 @@
 		<title>three.js - misc - octree collisions</title>
 		<meta charset=utf-8 />
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js - misc - octree collisions">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/games_fps.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/games_fps.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/index.html b/examples/index.html
index a0b9ec9ea1f59c..6db9b55e243295 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -4,6 +4,10 @@
 		<meta charset="utf-8">
 		<title>three.js examples</title>
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js examples">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/index.html">
+		<meta property="og:image" content="https://threejs.org/files/og_image.jpg">
 		<link rel="shortcut icon" href="../files/favicon_white.ico" media="(prefers-color-scheme: dark)"/>
 		<link rel="shortcut icon" href="../files/favicon.ico" media="(prefers-color-scheme: light)" />
 		<link rel="stylesheet" type="text/css" href="../files/main.css">
diff --git a/examples/jsm/controls/TransformControls.js b/examples/jsm/controls/TransformControls.js
index b4745c661feece..88a90c582a3a5c 100644
--- a/examples/jsm/controls/TransformControls.js
+++ b/examples/jsm/controls/TransformControls.js
@@ -578,35 +578,27 @@ class TransformControls extends Controls {
 
 				if ( space === 'world' ) {
 
-					if ( object.parent ) {
-
-						object.position.add( _tempVector.setFromMatrixPosition( object.parent.matrixWorld ) );
-
-					}
+					object.getWorldPosition( _tempVector );
 
 					if ( axis.search( 'X' ) !== - 1 ) {
 
-						object.position.x = Math.round( object.position.x / this.translationSnap ) * this.translationSnap;
+						_tempVector.x = Math.round( _tempVector.x / this.translationSnap ) * this.translationSnap;
 
 					}
 
 					if ( axis.search( 'Y' ) !== - 1 ) {
 
-						object.position.y = Math.round( object.position.y / this.translationSnap ) * this.translationSnap;
+						_tempVector.y = Math.round( _tempVector.y / this.translationSnap ) * this.translationSnap;
 
 					}
 
 					if ( axis.search( 'Z' ) !== - 1 ) {
 
-						object.position.z = Math.round( object.position.z / this.translationSnap ) * this.translationSnap;
+						_tempVector.z = Math.round( _tempVector.z / this.translationSnap ) * this.translationSnap;
 
 					}
 
-					if ( object.parent ) {
-
-						object.position.sub( _tempVector.setFromMatrixPosition( object.parent.matrixWorld ) );
-
-					}
+					object.position.copy( object.parent.worldToLocal( _tempVector ) );
 
 				}
 
@@ -1150,6 +1142,15 @@ class TransformControlsRoot extends Object3D {
 
 		}
 
+		// Cancel out the parent's transform so the gizmo stays world-aligned.
+
+		if ( this.parent ) {
+
+			_tempMatrix.copy( this.parent.matrixWorld ).invert();
+			_tempMatrix.decompose( this.position, this.quaternion, this.scale );
+
+		}
+
 		super.updateMatrixWorld( force );
 
 	}
diff --git a/examples/misc_animation_groups.html b/examples/misc_animation_groups.html
index 00d17de638cb48..86775e8e8424e5 100644
--- a/examples/misc_animation_groups.html
+++ b/examples/misc_animation_groups.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - animation - groups</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - animation - groups">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_animation_groups.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_animation_groups.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/misc_animation_keys.html b/examples/misc_animation_keys.html
index 69354d86a190fd..ae5947a7fe29bc 100644
--- a/examples/misc_animation_keys.html
+++ b/examples/misc_animation_keys.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - animation - basic</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - animation - basic">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_animation_keys.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_animation_keys.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/misc_boxselection.html b/examples/misc_boxselection.html
index 27ab617f13e96c..242e7d9a023f25 100644
--- a/examples/misc_boxselection.html
+++ b/examples/misc_boxselection.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - box selection</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - box selection">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_boxselection.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_boxselection.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/misc_controls_arcball.html b/examples/misc_controls_arcball.html
index 4c8bfa7b76b045..a9547544dec343 100644
--- a/examples/misc_controls_arcball.html
+++ b/examples/misc_controls_arcball.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - arcball controls</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - arcball controls">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_controls_arcball.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_controls_arcball.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 
 	</head>
diff --git a/examples/misc_controls_drag.html b/examples/misc_controls_drag.html
index 2df87ca7d13941..a93003d4f559a0 100644
--- a/examples/misc_controls_drag.html
+++ b/examples/misc_controls_drag.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - drag controls</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - drag controls">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_controls_drag.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_controls_drag.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/misc_controls_fly.html b/examples/misc_controls_fly.html
index d9688a752bc0a7..21331eed185a0c 100644
--- a/examples/misc_controls_fly.html
+++ b/examples/misc_controls_fly.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - fly controls - earth</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - fly controls - earth">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_controls_fly.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_controls_fly.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/misc_controls_map.html b/examples/misc_controls_map.html
index 5b79a7b00a47b6..7300ab092d6645 100644
--- a/examples/misc_controls_map.html
+++ b/examples/misc_controls_map.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - map controls</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - map controls">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_controls_map.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_controls_map.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/misc_controls_orbit.html b/examples/misc_controls_orbit.html
index e161e3e357f749..cf7be53f6a4f8f 100644
--- a/examples/misc_controls_orbit.html
+++ b/examples/misc_controls_orbit.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - orbit controls</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - orbit controls">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_controls_orbit.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_controls_orbit.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/misc_controls_pointerlock.html b/examples/misc_controls_pointerlock.html
index 77aaee32fc8e69..c190f39f7b8011 100644
--- a/examples/misc_controls_pointerlock.html
+++ b/examples/misc_controls_pointerlock.html
@@ -4,6 +4,10 @@
 		<title>three.js - pointerlock controls</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js - pointerlock controls">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_controls_pointerlock.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_controls_pointerlock.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			#blocker {
diff --git a/examples/misc_controls_trackball.html b/examples/misc_controls_trackball.html
index 89eef61a9afba7..172326403e0013 100644
--- a/examples/misc_controls_trackball.html
+++ b/examples/misc_controls_trackball.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - trackball controls</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - trackball controls">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_controls_trackball.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_controls_trackball.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/misc_controls_transform.html b/examples/misc_controls_transform.html
index be16f880e08295..0c3f88a8e8a19b 100644
--- a/examples/misc_controls_transform.html
+++ b/examples/misc_controls_transform.html
@@ -4,13 +4,17 @@
 		<title>three.js webgl - transform controls</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - transform controls">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_controls_transform.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_controls_transform.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
 
 		<div id="info">
 			"W" translate | "E" rotate | "R" scale | "+/-" adjust size<br />
-			"Q" toggle world/local space |  "Shift" snap to grid<br />
+			"Q" toggle world/local space |  "Shift" hold to snap to grid<br />
 			"X" toggle X | "Y" toggle Y | "Z" toggle Z | "Spacebar" toggle enabled<br />
 			"Esc" reset current transform<br />
 			"C" toggle camera | "V" random zoom
diff --git a/examples/misc_exporter_draco.html b/examples/misc_exporter_draco.html
index ed1015292a85e0..398ab0fd8053e9 100644
--- a/examples/misc_exporter_draco.html
+++ b/examples/misc_exporter_draco.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - exporter - draco</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - exporter - draco">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_exporter_draco.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_exporter_draco.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/misc_exporter_exr.html b/examples/misc_exporter_exr.html
index 08bff5457ac1e1..e5f1bb5d095317 100644
--- a/examples/misc_exporter_exr.html
+++ b/examples/misc_exporter_exr.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - exporter - exr</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - exporter - exr">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_exporter_exr.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_exporter_exr.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/misc_exporter_gcode.html b/examples/misc_exporter_gcode.html
index 1224269cec194f..25799ebf25f476 100644
--- a/examples/misc_exporter_gcode.html
+++ b/examples/misc_exporter_gcode.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - exporter - GCode</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - exporter - GCode">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_exporter_gcode.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_exporter_gcode.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/misc_exporter_gltf.html b/examples/misc_exporter_gltf.html
index c2840acc5e3fcf..ca02f5670a3de1 100644
--- a/examples/misc_exporter_gltf.html
+++ b/examples/misc_exporter_gltf.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - exporter - gltf</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - exporter - gltf">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_exporter_gltf.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_exporter_gltf.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/misc_exporter_ktx2.html b/examples/misc_exporter_ktx2.html
index fb41e0408bca41..04301df7e46135 100644
--- a/examples/misc_exporter_ktx2.html
+++ b/examples/misc_exporter_ktx2.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - exporter - ktx2</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - exporter - ktx2">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_exporter_ktx2.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_exporter_ktx2.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/misc_exporter_obj.html b/examples/misc_exporter_obj.html
index 653fd18fbb0e11..550ee30467a9af 100644
--- a/examples/misc_exporter_obj.html
+++ b/examples/misc_exporter_obj.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - exporter - obj</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - exporter - obj">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_exporter_obj.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_exporter_obj.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/misc_exporter_ply.html b/examples/misc_exporter_ply.html
index c566ad16a2fc5c..dcb0712a045000 100644
--- a/examples/misc_exporter_ply.html
+++ b/examples/misc_exporter_ply.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - exporter - ply</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - exporter - ply">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_exporter_ply.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_exporter_ply.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/misc_exporter_stl.html b/examples/misc_exporter_stl.html
index 6123631c7da7d3..3f15f33bfa20ec 100644
--- a/examples/misc_exporter_stl.html
+++ b/examples/misc_exporter_stl.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - exporter - stl</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - exporter - stl">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_exporter_stl.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_exporter_stl.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/misc_exporter_usdz.html b/examples/misc_exporter_usdz.html
index 68ce134524de91..6fa02a5d817973 100644
--- a/examples/misc_exporter_usdz.html
+++ b/examples/misc_exporter_usdz.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - USDZ exporter</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - USDZ exporter">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_exporter_usdz.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_exporter_usdz.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/misc_raycaster_helper.html b/examples/misc_raycaster_helper.html
index 32ff65bae8601a..0b2eb293b64374 100644
--- a/examples/misc_raycaster_helper.html
+++ b/examples/misc_raycaster_helper.html
@@ -4,6 +4,10 @@
 		<title>three.js misc - raycaster - helper</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js misc - raycaster - helper">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_raycaster_helper.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_raycaster_helper.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/misc_uv_tests.html b/examples/misc_uv_tests.html
index 802364d39eeb2f..0eb5d871d43b36 100644
--- a/examples/misc_uv_tests.html
+++ b/examples/misc_uv_tests.html
@@ -4,6 +4,10 @@
 		<title>three.js - uv mapping tests</title>
 		<meta charset=utf-8 />
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js - uv mapping tests">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/misc_uv_tests.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/misc_uv_tests.jpg">
 		<style>
 			body {
 				background: #ffffff;
diff --git a/examples/physics_ammo_break.html b/examples/physics_ammo_break.html
index f01c47b2bc87b2..580f4401bbf541 100644
--- a/examples/physics_ammo_break.html
+++ b/examples/physics_ammo_break.html
@@ -3,6 +3,10 @@
 		<title>Convex object breaking example</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="Convex object breaking example">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/physics_ammo_break.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/physics_ammo_break.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/physics_ammo_cloth.html b/examples/physics_ammo_cloth.html
index 9ed072718c3967..aa553c1b13c0e7 100644
--- a/examples/physics_ammo_cloth.html
+++ b/examples/physics_ammo_cloth.html
@@ -3,6 +3,10 @@
 		<title>Ammo.js softbody cloth demo</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="Ammo.js softbody cloth demo">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/physics_ammo_cloth.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/physics_ammo_cloth.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/physics_ammo_instancing.html b/examples/physics_ammo_instancing.html
index 055553301a2978..d69939ab4a70be 100644
--- a/examples/physics_ammo_instancing.html
+++ b/examples/physics_ammo_instancing.html
@@ -4,6 +4,10 @@
 		<title>three.js physics - ammo.js instancing</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js physics - ammo.js instancing">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/physics_ammo_instancing.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/physics_ammo_instancing.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/physics_ammo_rope.html b/examples/physics_ammo_rope.html
index f5d54e34b9a012..97121d92c4ead5 100644
--- a/examples/physics_ammo_rope.html
+++ b/examples/physics_ammo_rope.html
@@ -3,6 +3,10 @@
 		<title>Amjs softbody rope demo</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="Amjs softbody rope demo">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/physics_ammo_rope.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/physics_ammo_rope.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/physics_ammo_terrain.html b/examples/physics_ammo_terrain.html
index 16db14f5fe700e..06eef05142538f 100644
--- a/examples/physics_ammo_terrain.html
+++ b/examples/physics_ammo_terrain.html
@@ -4,6 +4,10 @@
 		<title>Ammo.js terrain heightfield demo</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="Ammo.js terrain heightfield demo">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/physics_ammo_terrain.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/physics_ammo_terrain.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/physics_ammo_volume.html b/examples/physics_ammo_volume.html
index 27c3ab75898830..35927bd0cb6c61 100644
--- a/examples/physics_ammo_volume.html
+++ b/examples/physics_ammo_volume.html
@@ -3,6 +3,10 @@
 		<title>Ammo.js softbody volume demo</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="Ammo.js softbody volume demo">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/physics_ammo_volume.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/physics_ammo_volume.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/physics_jolt_instancing.html b/examples/physics_jolt_instancing.html
index 615fa171d302a8..ed6ec35a262fb8 100644
--- a/examples/physics_jolt_instancing.html
+++ b/examples/physics_jolt_instancing.html
@@ -4,6 +4,10 @@
 		<title>three.js physics - jolt instancing</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js physics - jolt instancing">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/physics_jolt_instancing.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/physics_jolt_instancing.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/physics_rapier_basic.html b/examples/physics_rapier_basic.html
index 72dc22de921060..0d05a5274d578a 100644
--- a/examples/physics_rapier_basic.html
+++ b/examples/physics_rapier_basic.html
@@ -4,6 +4,10 @@
 		<title>three.js physics - rapier3d basic</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js physics - rapier3d basic">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/physics_rapier_basic.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/physics_rapier_basic.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/physics_rapier_character_controller.html b/examples/physics_rapier_character_controller.html
index 1b489069c2d8f6..2e7c5c29f60ee5 100644
--- a/examples/physics_rapier_character_controller.html
+++ b/examples/physics_rapier_character_controller.html
@@ -4,6 +4,10 @@
 		<title>three.js physics - rapier3d character controller</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js physics - rapier3d character controller">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/physics_rapier_character_controller.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/physics_rapier_character_controller.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/physics_rapier_instancing.html b/examples/physics_rapier_instancing.html
index b98267cdb02f5f..23ccc5a53bd495 100644
--- a/examples/physics_rapier_instancing.html
+++ b/examples/physics_rapier_instancing.html
@@ -4,6 +4,10 @@
 		<title>three.js physics - rapier3d instancing</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js physics - rapier3d instancing">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/physics_rapier_instancing.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/physics_rapier_instancing.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/physics_rapier_joints.html b/examples/physics_rapier_joints.html
index 046a683ad1834b..9d5261c727c97c 100644
--- a/examples/physics_rapier_joints.html
+++ b/examples/physics_rapier_joints.html
@@ -4,6 +4,10 @@
 		<title>three.js physics - rapier3d joints</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js physics - rapier3d joints">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/physics_rapier_joints.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/physics_rapier_joints.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/physics_rapier_terrain.html b/examples/physics_rapier_terrain.html
index 9e9c99a3d232b1..9a133a657aaea9 100644
--- a/examples/physics_rapier_terrain.html
+++ b/examples/physics_rapier_terrain.html
@@ -4,6 +4,10 @@
 		<title>Rapier.js terrain heightfield demo</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="Rapier.js terrain heightfield demo">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/physics_rapier_terrain.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/physics_rapier_terrain.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/physics_rapier_vehicle_controller.html b/examples/physics_rapier_vehicle_controller.html
index a7d8a533c1e6cd..bfe47f39e98a30 100644
--- a/examples/physics_rapier_vehicle_controller.html
+++ b/examples/physics_rapier_vehicle_controller.html
@@ -4,6 +4,10 @@
 		<title>three.js physics - rapier3d vehicle controller</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js physics - rapier3d vehicle controller">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/physics_rapier_vehicle_controller.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/physics_rapier_vehicle_controller.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/svg_lines.html b/examples/svg_lines.html
index f9d1013abb6dba..27af5f46df7a4c 100644
--- a/examples/svg_lines.html
+++ b/examples/svg_lines.html
@@ -4,6 +4,10 @@
 		<title>three.js svg - lines</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js svg - lines">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/svg_lines.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/svg_lines.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			svg {
diff --git a/examples/svg_sandbox.html b/examples/svg_sandbox.html
index e1b3fb387607a2..fde8a1bb5f5902 100644
--- a/examples/svg_sandbox.html
+++ b/examples/svg_sandbox.html
@@ -4,6 +4,10 @@
 		<title>three.js svg - sandbox</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js svg - sandbox">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/svg_sandbox.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/svg_sandbox.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			svg {
diff --git a/examples/webaudio_orientation.html b/examples/webaudio_orientation.html
index 5b0d5b07939955..1022db1494fabe 100644
--- a/examples/webaudio_orientation.html
+++ b/examples/webaudio_orientation.html
@@ -4,6 +4,10 @@
 		<title>three.js webaudio - orientation</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webaudio - orientation">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webaudio_orientation.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webaudio_orientation.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 <body>
diff --git a/examples/webaudio_sandbox.html b/examples/webaudio_sandbox.html
index 0187a46407cf50..1f5a413c1b0e0a 100644
--- a/examples/webaudio_sandbox.html
+++ b/examples/webaudio_sandbox.html
@@ -4,6 +4,10 @@
 		<title>three.js webaudio - sandbox</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webaudio - sandbox">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webaudio_sandbox.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webaudio_sandbox.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webaudio_timing.html b/examples/webaudio_timing.html
index 4f5dc684fc542d..5b54c364e66ecf 100644
--- a/examples/webaudio_timing.html
+++ b/examples/webaudio_timing.html
@@ -4,6 +4,10 @@
 		<title>three.js webaudio - timing</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webaudio - timing">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webaudio_timing.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webaudio_timing.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 <body>
diff --git a/examples/webaudio_visualizer.html b/examples/webaudio_visualizer.html
index ffa3ec70b2db5e..c5c49d3cb9b795 100644
--- a/examples/webaudio_visualizer.html
+++ b/examples/webaudio_visualizer.html
@@ -4,6 +4,10 @@
 		<title>three.js webaudio - visualizer</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webaudio - visualizer">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webaudio_visualizer.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webaudio_visualizer.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 
 		<script id="vertexShader" type="x-shader/x-vertex">
diff --git a/examples/webgl_animation_keyframes.html b/examples/webgl_animation_keyframes.html
index 756606f16fde2b..ba6a20ef6306e2 100644
--- a/examples/webgl_animation_keyframes.html
+++ b/examples/webgl_animation_keyframes.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - animation - keyframes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - animation - keyframes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_animation_keyframes.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_animation_keyframes.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_animation_multiple.html b/examples/webgl_animation_multiple.html
index a1f6d618820d04..bf5ce4df46b5a5 100644
--- a/examples/webgl_animation_multiple.html
+++ b/examples/webgl_animation_multiple.html
@@ -4,6 +4,10 @@
 		<title>Multiple animated skinned meshes</title>
 		<meta charset="utf-8">
 		<meta content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport">
+		<meta property="og:title" content="Multiple animated skinned meshes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_animation_multiple.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_animation_multiple.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_animation_skinning_additive_blending.html b/examples/webgl_animation_skinning_additive_blending.html
index 9c4e6765b08a59..4b0f5c513c9f6d 100644
--- a/examples/webgl_animation_skinning_additive_blending.html
+++ b/examples/webgl_animation_skinning_additive_blending.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - additive animation - skinning</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - additive animation - skinning">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_animation_skinning_additive_blending.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_animation_skinning_additive_blending.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			a {
diff --git a/examples/webgl_animation_skinning_blending.html b/examples/webgl_animation_skinning_blending.html
index e56f9c8f9a953e..6ae2e648a36b56 100644
--- a/examples/webgl_animation_skinning_blending.html
+++ b/examples/webgl_animation_skinning_blending.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - animation - skinning</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - animation - skinning">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_animation_skinning_blending.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_animation_skinning_blending.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			a {
diff --git a/examples/webgl_animation_skinning_ik.html b/examples/webgl_animation_skinning_ik.html
index 30b812e7f5bdc4..1c83feaf035754 100644
--- a/examples/webgl_animation_skinning_ik.html
+++ b/examples/webgl_animation_skinning_ik.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - animation - skinning - ik</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - animation - skinning - ik">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_animation_skinning_ik.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_animation_skinning_ik.jpg">
 		<meta name="author" content="Antoine BERNIER (abernier)" />
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
diff --git a/examples/webgl_animation_skinning_morph.html b/examples/webgl_animation_skinning_morph.html
index 3d2d95a7082d69..b935ca6f032a49 100644
--- a/examples/webgl_animation_skinning_morph.html
+++ b/examples/webgl_animation_skinning_morph.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - skinning and morphing</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - skinning and morphing">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_animation_skinning_morph.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_animation_skinning_morph.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_animation_walk.html b/examples/webgl_animation_walk.html
index 4a2625bae6109d..9a1512e63e9887 100644
--- a/examples/webgl_animation_walk.html
+++ b/examples/webgl_animation_walk.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - animation - walk</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - animation - walk">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_animation_walk.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_animation_walk.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			a {
diff --git a/examples/webgl_batch_lod_bvh.html b/examples/webgl_batch_lod_bvh.html
index 8d8aded6aa56e4..df894332c74977 100644
--- a/examples/webgl_batch_lod_bvh.html
+++ b/examples/webgl_batch_lod_bvh.html
@@ -4,6 +4,10 @@
 		<title>three.js raycaster - batch - lod - bvh</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js raycaster - batch - lod - bvh">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_batch_lod_bvh.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_batch_lod_bvh.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			a {
diff --git a/examples/webgl_buffergeometry.html b/examples/webgl_buffergeometry.html
index 97be1d70de1733..ec09a9a2bf2225 100644
--- a/examples/webgl_buffergeometry.html
+++ b/examples/webgl_buffergeometry.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - buffergeometry</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - buffergeometry">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_buffergeometry_attributes_integer.html b/examples/webgl_buffergeometry_attributes_integer.html
index 3fae0cc80ec625..98f87917860bb6 100644
--- a/examples/webgl_buffergeometry_attributes_integer.html
+++ b/examples/webgl_buffergeometry_attributes_integer.html
@@ -4,6 +4,10 @@
 		<title>three.js WebGL 2 - buffergeometry - integer attributes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js WebGL 2 - buffergeometry - integer attributes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_attributes_integer.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_attributes_integer.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_buffergeometry_attributes_none.html b/examples/webgl_buffergeometry_attributes_none.html
index a90c923e6c06a4..92a15f01277be9 100644
--- a/examples/webgl_buffergeometry_attributes_none.html
+++ b/examples/webgl_buffergeometry_attributes_none.html
@@ -4,6 +4,10 @@
 		<title>three.js WebGL 2 - buffergeometry - attributes - none</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js WebGL 2 - buffergeometry - attributes - none">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_attributes_none.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_attributes_none.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_buffergeometry_custom_attributes_particles.html b/examples/webgl_buffergeometry_custom_attributes_particles.html
index 81f48f15700f38..0b4b2e4cf7579d 100644
--- a/examples/webgl_buffergeometry_custom_attributes_particles.html
+++ b/examples/webgl_buffergeometry_custom_attributes_particles.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - buffer geometry custom attributes - particles</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - buffer geometry custom attributes - particles">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_custom_attributes_particles.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_custom_attributes_particles.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_buffergeometry_drawrange.html b/examples/webgl_buffergeometry_drawrange.html
index 3a6f2e8061c36d..6a6a846a709ce1 100644
--- a/examples/webgl_buffergeometry_drawrange.html
+++ b/examples/webgl_buffergeometry_drawrange.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - buffergeometry - lines drawrange</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - buffergeometry - lines drawrange">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_drawrange.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_drawrange.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_buffergeometry_glbufferattribute.html b/examples/webgl_buffergeometry_glbufferattribute.html
index 9528c362aed8d9..c20cfad26381c0 100644
--- a/examples/webgl_buffergeometry_glbufferattribute.html
+++ b/examples/webgl_buffergeometry_glbufferattribute.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - buffergeometry - custom VBOs</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - buffergeometry - custom VBOs">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_glbufferattribute.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_glbufferattribute.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_buffergeometry_indexed.html b/examples/webgl_buffergeometry_indexed.html
index 47e1f8fdbfaa39..a3d55ce6f86c6d 100644
--- a/examples/webgl_buffergeometry_indexed.html
+++ b/examples/webgl_buffergeometry_indexed.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - buffergeometry - indexed</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - buffergeometry - indexed">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_indexed.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_indexed.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_buffergeometry_instancing.html b/examples/webgl_buffergeometry_instancing.html
index c26eb54b19b493..6e301ee1ae4617 100644
--- a/examples/webgl_buffergeometry_instancing.html
+++ b/examples/webgl_buffergeometry_instancing.html
@@ -4,6 +4,10 @@
 	<title>three.js webgl - instancing test (single triangle)</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - instancing test (single triangle)">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_instancing.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_instancing.jpg">
 	<link type="text/css" rel="stylesheet" href="main.css">
 </head>
 <body>
diff --git a/examples/webgl_buffergeometry_instancing_billboards.html b/examples/webgl_buffergeometry_instancing_billboards.html
index 155c0fd7826adb..1833238dd087ee 100644
--- a/examples/webgl_buffergeometry_instancing_billboards.html
+++ b/examples/webgl_buffergeometry_instancing_billboards.html
@@ -4,6 +4,10 @@
 	<title>three.js webgl - instanced particles - billboards - colors</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - instanced particles - billboards - colors">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_instancing_billboards.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_instancing_billboards.jpg">
 	<link type="text/css" rel="stylesheet" href="main.css">
 </head>
 <body>
diff --git a/examples/webgl_buffergeometry_instancing_interleaved.html b/examples/webgl_buffergeometry_instancing_interleaved.html
index ef7d7875c02701..0e2d4f684eca78 100644
--- a/examples/webgl_buffergeometry_instancing_interleaved.html
+++ b/examples/webgl_buffergeometry_instancing_interleaved.html
@@ -4,6 +4,10 @@
 	<title>three.js webgl - indexed instancing (single box), interleaved buffers</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - indexed instancing (single box), interleaved buffers">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_instancing_interleaved.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_instancing_interleaved.jpg">
 	<link type="text/css" rel="stylesheet" href="main.css">
 </head>
 <body>
diff --git a/examples/webgl_buffergeometry_lines.html b/examples/webgl_buffergeometry_lines.html
index 4ce73c9016856e..530f8eab350197 100644
--- a/examples/webgl_buffergeometry_lines.html
+++ b/examples/webgl_buffergeometry_lines.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - buffergeometry - lines</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - buffergeometry - lines">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_lines.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_lines.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_buffergeometry_lines_indexed.html b/examples/webgl_buffergeometry_lines_indexed.html
index d2ed44f85cd16b..87127e66210974 100644
--- a/examples/webgl_buffergeometry_lines_indexed.html
+++ b/examples/webgl_buffergeometry_lines_indexed.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - buffergeometry - lines - indexed</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - buffergeometry - lines - indexed">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_lines_indexed.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_lines_indexed.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_buffergeometry_points.html b/examples/webgl_buffergeometry_points.html
index 04fb1568493059..1d805d6e135275 100644
--- a/examples/webgl_buffergeometry_points.html
+++ b/examples/webgl_buffergeometry_points.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - buffergeometry - particles</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - buffergeometry - particles">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_points.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_points.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_buffergeometry_points_interleaved.html b/examples/webgl_buffergeometry_points_interleaved.html
index b03a332ae4d5be..21c05e1ad20058 100644
--- a/examples/webgl_buffergeometry_points_interleaved.html
+++ b/examples/webgl_buffergeometry_points_interleaved.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - buffergeometry - particles</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - buffergeometry - particles">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_points_interleaved.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_points_interleaved.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_buffergeometry_rawshader.html b/examples/webgl_buffergeometry_rawshader.html
index 89fc8ddaa8c0e6..3c3192ba51dfd6 100644
--- a/examples/webgl_buffergeometry_rawshader.html
+++ b/examples/webgl_buffergeometry_rawshader.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - raw shader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - raw shader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_rawshader.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_rawshader.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_buffergeometry_selective_draw.html b/examples/webgl_buffergeometry_selective_draw.html
index c848297ec580bf..f6aa6486df8e03 100644
--- a/examples/webgl_buffergeometry_selective_draw.html
+++ b/examples/webgl_buffergeometry_selective_draw.html
@@ -4,6 +4,10 @@
 	<title>three.js webgl - buffergeometry - selective - draw</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - buffergeometry - selective - draw">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_selective_draw.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_selective_draw.jpg">
 	<link type="text/css" rel="stylesheet" href="main.css">
 
 	<script type="x-shader/x-vertex" id="vertexshader">
diff --git a/examples/webgl_buffergeometry_uint.html b/examples/webgl_buffergeometry_uint.html
index 83153194846bbd..421d9539473de2 100644
--- a/examples/webgl_buffergeometry_uint.html
+++ b/examples/webgl_buffergeometry_uint.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - buffergeometry - uint</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - buffergeometry - uint">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_buffergeometry_uint.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_buffergeometry_uint.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_camera.html b/examples/webgl_camera.html
index e3dc3d321fcf68..2f00d9e21a5478 100644
--- a/examples/webgl_camera.html
+++ b/examples/webgl_camera.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - cameras</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - cameras">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_camera.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_camera.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			b {
diff --git a/examples/webgl_camera_array.html b/examples/webgl_camera_array.html
index 3b56c57787345b..cc2b1ea86396b0 100644
--- a/examples/webgl_camera_array.html
+++ b/examples/webgl_camera_array.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - arraycamera</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - arraycamera">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_camera_array.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_camera_array.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_camera_logarithmicdepthbuffer.html b/examples/webgl_camera_logarithmicdepthbuffer.html
index 0f1c33a8724735..5668c080346321 100644
--- a/examples/webgl_camera_logarithmicdepthbuffer.html
+++ b/examples/webgl_camera_logarithmicdepthbuffer.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - cameras - logarithmic depth buffer</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - cameras - logarithmic depth buffer">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_camera_logarithmicdepthbuffer.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_camera_logarithmicdepthbuffer.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body{
diff --git a/examples/webgl_clipculldistance.html b/examples/webgl_clipculldistance.html
index deb3e7aa6ffda8..4954c0c7c30cd7 100644
--- a/examples/webgl_clipculldistance.html
+++ b/examples/webgl_clipculldistance.html
@@ -4,6 +4,10 @@
 		<title>three.js WebGL 2 - clip cull distance</title>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
+		<meta property="og:title" content="three.js WebGL 2 - clip cull distance">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_clipculldistance.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_clipculldistance.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css" />
 	</head>
 	<body>
diff --git a/examples/webgl_clipping.html b/examples/webgl_clipping.html
index a141d21126c9c8..1aa77acd14a1ff 100644
--- a/examples/webgl_clipping.html
+++ b/examples/webgl_clipping.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - clipping planes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - clipping planes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_clipping.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_clipping.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_clipping_advanced.html b/examples/webgl_clipping_advanced.html
index 7ba3f6ef70821b..99855a92710fd5 100644
--- a/examples/webgl_clipping_advanced.html
+++ b/examples/webgl_clipping_advanced.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - clipping planes - advanced</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - clipping planes - advanced">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_clipping_advanced.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_clipping_advanced.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_clipping_intersection.html b/examples/webgl_clipping_intersection.html
index 768b06ceba51d8..3328e90bbe1dbf 100644
--- a/examples/webgl_clipping_intersection.html
+++ b/examples/webgl_clipping_intersection.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - clipIntersection</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - clipIntersection">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_clipping_intersection.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_clipping_intersection.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_clipping_stencil.html b/examples/webgl_clipping_stencil.html
index 23279cab2b0e07..8ee9b61b18fc4c 100644
--- a/examples/webgl_clipping_stencil.html
+++ b/examples/webgl_clipping_stencil.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - clipping stencil</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - clipping stencil">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_clipping_stencil.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_clipping_stencil.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_custom_attributes.html b/examples/webgl_custom_attributes.html
index 704beff9dd7e40..8dd4e2b7b2efba 100644
--- a/examples/webgl_custom_attributes.html
+++ b/examples/webgl_custom_attributes.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - custom attributes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - custom attributes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_custom_attributes.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_custom_attributes.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_custom_attributes_lines.html b/examples/webgl_custom_attributes_lines.html
index 575f33c73c3b7a..55e16ccbb18604 100644
--- a/examples/webgl_custom_attributes_lines.html
+++ b/examples/webgl_custom_attributes_lines.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - custom attributes [lines]</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - custom attributes [lines]">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_custom_attributes_lines.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_custom_attributes_lines.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_custom_attributes_points.html b/examples/webgl_custom_attributes_points.html
index 30a4723b51c977..8b26d82f48df92 100644
--- a/examples/webgl_custom_attributes_points.html
+++ b/examples/webgl_custom_attributes_points.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - custom attributes [particles]</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - custom attributes [particles]">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_custom_attributes_points.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_custom_attributes_points.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_custom_attributes_points2.html b/examples/webgl_custom_attributes_points2.html
index a8e4a9e568c0b2..3a8ef1edf43173 100644
--- a/examples/webgl_custom_attributes_points2.html
+++ b/examples/webgl_custom_attributes_points2.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - custom attributes [particles][billboards]</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - custom attributes [particles][billboards]">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_custom_attributes_points2.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_custom_attributes_points2.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_custom_attributes_points3.html b/examples/webgl_custom_attributes_points3.html
index 7845f05ad42214..a562ae9ceafe2c 100644
--- a/examples/webgl_custom_attributes_points3.html
+++ b/examples/webgl_custom_attributes_points3.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - custom attributes [particles][billboards][alphatest]</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - custom attributes [particles][billboards][alphatest]">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_custom_attributes_points3.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_custom_attributes_points3.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_decals.html b/examples/webgl_decals.html
index b41090fc8ee0ff..fb9e4755561651 100644
--- a/examples/webgl_decals.html
+++ b/examples/webgl_decals.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - decal splatter</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - decal splatter">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_decals.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_decals.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_depth_texture.html b/examples/webgl_depth_texture.html
index 2406f26da8dc17..01aa741c3da7c1 100644
--- a/examples/webgl_depth_texture.html
+++ b/examples/webgl_depth_texture.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - Depth Texture</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - Depth Texture">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_depth_texture.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_depth_texture.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			#error {
diff --git a/examples/webgl_effects_anaglyph.html b/examples/webgl_effects_anaglyph.html
index cab764fdeca188..3efc38d6b8cba5 100644
--- a/examples/webgl_effects_anaglyph.html
+++ b/examples/webgl_effects_anaglyph.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - effects - anaglyph</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - effects - anaglyph">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_effects_anaglyph.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_effects_anaglyph.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_effects_ascii.html b/examples/webgl_effects_ascii.html
index 1451ff1ac08a90..1866734829289e 100644
--- a/examples/webgl_effects_ascii.html
+++ b/examples/webgl_effects_ascii.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - effects - ascii</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - effects - ascii">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_effects_ascii.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_effects_ascii.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_effects_parallaxbarrier.html b/examples/webgl_effects_parallaxbarrier.html
index 40086fa9f08d9a..e725936f82e904 100644
--- a/examples/webgl_effects_parallaxbarrier.html
+++ b/examples/webgl_effects_parallaxbarrier.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - effects - parallax barrier</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - effects - parallax barrier">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_effects_parallaxbarrier.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_effects_parallaxbarrier.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_effects_stereo.html b/examples/webgl_effects_stereo.html
index 704f5ff664ae86..89cf708c543521 100644
--- a/examples/webgl_effects_stereo.html
+++ b/examples/webgl_effects_stereo.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - effects - stereo</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - effects - stereo">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_effects_stereo.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_effects_stereo.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_framebuffer_texture.html b/examples/webgl_framebuffer_texture.html
index e7f97e98e33cc7..dba4763001f27c 100644
--- a/examples/webgl_framebuffer_texture.html
+++ b/examples/webgl_framebuffer_texture.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - framebuffer - texture</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - framebuffer - texture">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_framebuffer_texture.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_framebuffer_texture.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			#selection {
diff --git a/examples/webgl_furnace_test.html b/examples/webgl_furnace_test.html
index 713649547682fc..b3588b877dc512 100644
--- a/examples/webgl_furnace_test.html
+++ b/examples/webgl_furnace_test.html
@@ -4,6 +4,10 @@
 		<title>three.js white furnace test</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js white furnace test">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_furnace_test.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_furnace_test.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_geometries.html b/examples/webgl_geometries.html
index 292d39a8d577f2..30e7c04ce567ce 100644
--- a/examples/webgl_geometries.html
+++ b/examples/webgl_geometries.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - geometries</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - geometries">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometries.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometries.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_geometry_colors.html b/examples/webgl_geometry_colors.html
index 4c7880c47e3e05..9ef70076c84a48 100644
--- a/examples/webgl_geometry_colors.html
+++ b/examples/webgl_geometry_colors.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - geometry - vertex colors</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - geometry - vertex colors">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_colors.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_colors.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_geometry_colors_lookuptable.html b/examples/webgl_geometry_colors_lookuptable.html
index bcdaa92337aeb1..f792d849a4b5dc 100644
--- a/examples/webgl_geometry_colors_lookuptable.html
+++ b/examples/webgl_geometry_colors_lookuptable.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - lookup table</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - lookup table">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_colors_lookuptable.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_colors_lookuptable.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_geometry_convex.html b/examples/webgl_geometry_convex.html
index 79877fa1f5fe5c..4c7ce3089e4ad1 100644
--- a/examples/webgl_geometry_convex.html
+++ b/examples/webgl_geometry_convex.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - convex geometry</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - convex geometry">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_convex.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_convex.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_geometry_csg.html b/examples/webgl_geometry_csg.html
index 768fbeae97eaa2..e7279a67e7c085 100644
--- a/examples/webgl_geometry_csg.html
+++ b/examples/webgl_geometry_csg.html
@@ -4,6 +4,10 @@
 		<title>three.js geometry - csg</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js geometry - csg">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_csg.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_csg.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_geometry_cube.html b/examples/webgl_geometry_cube.html
index 8c90b42b18c56a..589b784d52c727 100644
--- a/examples/webgl_geometry_cube.html
+++ b/examples/webgl_geometry_cube.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - geometry - cube</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - geometry - cube">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_cube.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_cube.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_geometry_extrude_shapes.html b/examples/webgl_geometry_extrude_shapes.html
index 0f95cc9f06302d..4ae53f0c4f48a0 100644
--- a/examples/webgl_geometry_extrude_shapes.html
+++ b/examples/webgl_geometry_extrude_shapes.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - geometry - extrude shapes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - geometry - extrude shapes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_extrude_shapes.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_extrude_shapes.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_geometry_extrude_splines.html b/examples/webgl_geometry_extrude_splines.html
index a852ff8274002d..446ff1135db938 100644
--- a/examples/webgl_geometry_extrude_splines.html
+++ b/examples/webgl_geometry_extrude_splines.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - geometry - spline extrusion</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - geometry - spline extrusion">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_extrude_splines.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_extrude_splines.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_geometry_minecraft.html b/examples/webgl_geometry_minecraft.html
index 6bc20069c59e78..62ad0dcf58d04b 100644
--- a/examples/webgl_geometry_minecraft.html
+++ b/examples/webgl_geometry_minecraft.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - geometry - minecraft</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - geometry - minecraft">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_minecraft.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_minecraft.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_geometry_nurbs.html b/examples/webgl_geometry_nurbs.html
index 06b570f7769c50..08c3047251ba99 100644
--- a/examples/webgl_geometry_nurbs.html
+++ b/examples/webgl_geometry_nurbs.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - geometry - NURBS</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - geometry - NURBS">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_nurbs.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_nurbs.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_geometry_shapes.html b/examples/webgl_geometry_shapes.html
index 7ee4ecb1964f0a..4af17600971879 100644
--- a/examples/webgl_geometry_shapes.html
+++ b/examples/webgl_geometry_shapes.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - geometry - shapes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - geometry - shapes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_shapes.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_shapes.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_geometry_spline_editor.html b/examples/webgl_geometry_spline_editor.html
index 89e4a78e011711..9bcd35dc7b0bee 100644
--- a/examples/webgl_geometry_spline_editor.html
+++ b/examples/webgl_geometry_spline_editor.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - geometry - catmull spline editor</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - geometry - catmull spline editor">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_spline_editor.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_spline_editor.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_geometry_teapot.html b/examples/webgl_geometry_teapot.html
index 8c1eed556a1e40..a9fc3505ce0a00 100644
--- a/examples/webgl_geometry_teapot.html
+++ b/examples/webgl_geometry_teapot.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - teapot buffer geometry</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - teapot buffer geometry">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_teapot.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_teapot.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_geometry_terrain.html b/examples/webgl_geometry_terrain.html
index d9736ef725f54d..d5ee121085834a 100644
--- a/examples/webgl_geometry_terrain.html
+++ b/examples/webgl_geometry_terrain.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - geometry - terrain + fog</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - geometry - terrain + fog">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_terrain.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_terrain.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_geometry_terrain_raycast.html b/examples/webgl_geometry_terrain_raycast.html
index 98f47770b17a97..e3f49d70d5d20b 100644
--- a/examples/webgl_geometry_terrain_raycast.html
+++ b/examples/webgl_geometry_terrain_raycast.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - geometry - terrain</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - geometry - terrain">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_terrain_raycast.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_terrain_raycast.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_geometry_text.html b/examples/webgl_geometry_text.html
index c18eec933bfdee..0cd3dc99521934 100644
--- a/examples/webgl_geometry_text.html
+++ b/examples/webgl_geometry_text.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - geometry - text</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - geometry - text">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_text.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_text.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_geometry_text_shapes.html b/examples/webgl_geometry_text_shapes.html
index 663deb960c3870..7b3b0161caefad 100644
--- a/examples/webgl_geometry_text_shapes.html
+++ b/examples/webgl_geometry_text_shapes.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - simple text from json</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - simple text from json">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_text_shapes.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_text_shapes.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_geometry_text_stroke.html b/examples/webgl_geometry_text_stroke.html
index 72b3697b5d9f6a..e5cb122cab84b4 100644
--- a/examples/webgl_geometry_text_stroke.html
+++ b/examples/webgl_geometry_text_stroke.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - simple text from json</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - simple text from json">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_geometry_text_stroke.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_geometry_text_stroke.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_gpgpu_birds.html b/examples/webgl_gpgpu_birds.html
index 14ddeeda2d9d42..f4893f9d43c9c9 100644
--- a/examples/webgl_gpgpu_birds.html
+++ b/examples/webgl_gpgpu_birds.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - gpgpu - flocking</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - gpgpu - flocking">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_gpgpu_birds.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_gpgpu_birds.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_gpgpu_birds_gltf.html b/examples/webgl_gpgpu_birds_gltf.html
index 08fad91b37f170..0c648d295b8991 100644
--- a/examples/webgl_gpgpu_birds_gltf.html
+++ b/examples/webgl_gpgpu_birds_gltf.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - gpgpu - flocking</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - gpgpu - flocking">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_gpgpu_birds_gltf.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_gpgpu_birds_gltf.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_gpgpu_protoplanet.html b/examples/webgl_gpgpu_protoplanet.html
index 09b5ca2fc878ca..d195e7e6623cf5 100644
--- a/examples/webgl_gpgpu_protoplanet.html
+++ b/examples/webgl_gpgpu_protoplanet.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - gpgpu - protoplanet</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - gpgpu - protoplanet">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_gpgpu_protoplanet.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_gpgpu_protoplanet.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_gpgpu_water.html b/examples/webgl_gpgpu_water.html
index eb90195e5f72c0..c89b4402df30be 100644
--- a/examples/webgl_gpgpu_water.html
+++ b/examples/webgl_gpgpu_water.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - gpgpu - water</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - gpgpu - water">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_gpgpu_water.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_gpgpu_water.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_helpers.html b/examples/webgl_helpers.html
index fb248f252869be..b2614026a7d890 100644
--- a/examples/webgl_helpers.html
+++ b/examples/webgl_helpers.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - helpers</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - helpers">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_helpers.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_helpers.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_instancing_dynamic.html b/examples/webgl_instancing_dynamic.html
index d69e0c53ea244a..da69990c3cd225 100644
--- a/examples/webgl_instancing_dynamic.html
+++ b/examples/webgl_instancing_dynamic.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - instancing - dynamic</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - instancing - dynamic">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_instancing_dynamic.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_instancing_dynamic.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_instancing_morph.html b/examples/webgl_instancing_morph.html
index 50bbf17a2f8506..d2fcd74233d943 100644
--- a/examples/webgl_instancing_morph.html
+++ b/examples/webgl_instancing_morph.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - instancing - Morph Target Animations</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - instancing - Morph Target Animations">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_instancing_morph.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_instancing_morph.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_instancing_performance.html b/examples/webgl_instancing_performance.html
index 1a2e3e1759f0ad..c22f997c2c1808 100644
--- a/examples/webgl_instancing_performance.html
+++ b/examples/webgl_instancing_performance.html
@@ -4,6 +4,10 @@
 	<title>three.js webgl - instancing - performance</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - instancing - performance">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_instancing_performance.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_instancing_performance.jpg">
 	<link type="text/css" rel="stylesheet" href="main.css">
 	<style>
 		#info {
diff --git a/examples/webgl_instancing_raycast.html b/examples/webgl_instancing_raycast.html
index f8f0d9d2b2412f..736fe9cb98c686 100644
--- a/examples/webgl_instancing_raycast.html
+++ b/examples/webgl_instancing_raycast.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - instancing - raycast</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - instancing - raycast">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_instancing_raycast.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_instancing_raycast.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_instancing_scatter.html b/examples/webgl_instancing_scatter.html
index bd9f9aa6f53fd3..fbdd519a20bf72 100644
--- a/examples/webgl_instancing_scatter.html
+++ b/examples/webgl_instancing_scatter.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - instancing - scatter</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - instancing - scatter">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_instancing_scatter.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_instancing_scatter.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_interactive_buffergeometry.html b/examples/webgl_interactive_buffergeometry.html
index b9066c211186d5..ad529afc0ed07b 100644
--- a/examples/webgl_interactive_buffergeometry.html
+++ b/examples/webgl_interactive_buffergeometry.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - interactive - buffergeometry</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - interactive - buffergeometry">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_interactive_buffergeometry.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_interactive_buffergeometry.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_interactive_cubes.html b/examples/webgl_interactive_cubes.html
index 92d621cc38d64d..cd582ce98660e8 100644
--- a/examples/webgl_interactive_cubes.html
+++ b/examples/webgl_interactive_cubes.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - interactive cubes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - interactive cubes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_interactive_cubes.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_interactive_cubes.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_interactive_cubes_gpu.html b/examples/webgl_interactive_cubes_gpu.html
index 972fa959ccfc31..42330621da6d80 100644
--- a/examples/webgl_interactive_cubes_gpu.html
+++ b/examples/webgl_interactive_cubes_gpu.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - interactive cubes (gpu)</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - interactive cubes (gpu)">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_interactive_cubes_gpu.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_interactive_cubes_gpu.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_interactive_cubes_ortho.html b/examples/webgl_interactive_cubes_ortho.html
index dcd0d6be542b22..757312d7730770 100644
--- a/examples/webgl_interactive_cubes_ortho.html
+++ b/examples/webgl_interactive_cubes_ortho.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - interactive cubes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - interactive cubes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_interactive_cubes_ortho.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_interactive_cubes_ortho.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_interactive_lines.html b/examples/webgl_interactive_lines.html
index d0cd6a7ab67413..c85bdf92cf6e0c 100644
--- a/examples/webgl_interactive_lines.html
+++ b/examples/webgl_interactive_lines.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - interactive lines</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - interactive lines">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_interactive_lines.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_interactive_lines.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_interactive_points.html b/examples/webgl_interactive_points.html
index 47fc12799c95fb..3cfc1368b04185 100644
--- a/examples/webgl_interactive_points.html
+++ b/examples/webgl_interactive_points.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - interactive particles</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - interactive particles">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_interactive_points.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_interactive_points.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_interactive_raycasting_points.html b/examples/webgl_interactive_raycasting_points.html
index 347ff3376945e5..5454d4283e9a36 100644
--- a/examples/webgl_interactive_raycasting_points.html
+++ b/examples/webgl_interactive_raycasting_points.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - interactive - raycasting - points</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - interactive - raycasting - points">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_interactive_raycasting_points.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_interactive_raycasting_points.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_interactive_voxelpainter.html b/examples/webgl_interactive_voxelpainter.html
index 948899cab188a4..11004798efb0b9 100644
--- a/examples/webgl_interactive_voxelpainter.html
+++ b/examples/webgl_interactive_voxelpainter.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - interactive - voxel painter</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - interactive - voxel painter">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_interactive_voxelpainter.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_interactive_voxelpainter.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_lensflares.html b/examples/webgl_lensflares.html
index eb95c43a2f3e31..49823e021f9829 100644
--- a/examples/webgl_lensflares.html
+++ b/examples/webgl_lensflares.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - lensflares</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - lensflares">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lensflares.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lensflares.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_lightprobe.html b/examples/webgl_lightprobe.html
index 639aef31c4f13b..13b5b024c9bd89 100644
--- a/examples/webgl_lightprobe.html
+++ b/examples/webgl_lightprobe.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - light probe</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - light probe">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lightprobe.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lightprobe.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_lightprobe_cubecamera.html b/examples/webgl_lightprobe_cubecamera.html
index 765e0ff5bf3d5f..60a46081872d65 100644
--- a/examples/webgl_lightprobe_cubecamera.html
+++ b/examples/webgl_lightprobe_cubecamera.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - light probe from cubeCamera</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - light probe from cubeCamera">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lightprobe_cubecamera.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lightprobe_cubecamera.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_lightprobes.html b/examples/webgl_lightprobes.html
index abef07b62c7852..5c07b3ed0fb61e 100644
--- a/examples/webgl_lightprobes.html
+++ b/examples/webgl_lightprobes.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - light probe volume</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - light probe volume">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lightprobes.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lightprobes.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_lightprobes_complex.html b/examples/webgl_lightprobes_complex.html
index 7cfd1b6530b33e..96e405e133f0f1 100644
--- a/examples/webgl_lightprobes_complex.html
+++ b/examples/webgl_lightprobes_complex.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - light probe volume (multi-room)</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - light probe volume (multi-room)">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lightprobes_complex.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lightprobes_complex.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_lightprobes_sponza.html b/examples/webgl_lightprobes_sponza.html
index e19f681690ba51..5bb36d4dccde66 100644
--- a/examples/webgl_lightprobes_sponza.html
+++ b/examples/webgl_lightprobes_sponza.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - light probe volume (Sponza)</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - light probe volume (Sponza)">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lightprobes_sponza.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lightprobes_sponza.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_lights_hemisphere.html b/examples/webgl_lights_hemisphere.html
index 8781bb2662fed6..ad536348e27343 100644
--- a/examples/webgl_lights_hemisphere.html
+++ b/examples/webgl_lights_hemisphere.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - lights - hemisphere light</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - lights - hemisphere light">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lights_hemisphere.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lights_hemisphere.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_lights_physical.html b/examples/webgl_lights_physical.html
index df52eb2365cc5a..2eca041623ad77 100644
--- a/examples/webgl_lights_physical.html
+++ b/examples/webgl_lights_physical.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - lights - physical lights</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - lights - physical lights">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lights_physical.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lights_physical.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_lights_rectarealight.html b/examples/webgl_lights_rectarealight.html
index 374d86cb22586d..7f4e6c576edd18 100644
--- a/examples/webgl_lights_rectarealight.html
+++ b/examples/webgl_lights_rectarealight.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - lights - rect area light</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - lights - rect area light">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lights_rectarealight.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lights_rectarealight.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_lights_spotlight.html b/examples/webgl_lights_spotlight.html
index fde9f7c1485522..ff35b4d4e24954 100644
--- a/examples/webgl_lights_spotlight.html
+++ b/examples/webgl_lights_spotlight.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - lights - spotlight</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - lights - spotlight">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lights_spotlight.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lights_spotlight.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_lights_spotlights.html b/examples/webgl_lights_spotlights.html
index 89930e22f9868a..2c321bd253b69f 100644
--- a/examples/webgl_lights_spotlights.html
+++ b/examples/webgl_lights_spotlights.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - lights - spot light</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - lights - spot light">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lights_spotlights.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lights_spotlights.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_lines_colors.html b/examples/webgl_lines_colors.html
index 2e4ffba9faf26c..214c8217507a55 100644
--- a/examples/webgl_lines_colors.html
+++ b/examples/webgl_lines_colors.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - lines - colors</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - lines - colors">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lines_colors.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lines_colors.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_lines_dashed.html b/examples/webgl_lines_dashed.html
index da2ba2ad495b43..6d269b0437ca93 100644
--- a/examples/webgl_lines_dashed.html
+++ b/examples/webgl_lines_dashed.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - dashed lines</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - dashed lines">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lines_dashed.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lines_dashed.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_lines_fat.html b/examples/webgl_lines_fat.html
index e859a8b53bf488..d6f16fcf63c027 100644
--- a/examples/webgl_lines_fat.html
+++ b/examples/webgl_lines_fat.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - lines - fat</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - lines - fat">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lines_fat.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lines_fat.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_lines_fat_raycasting.html b/examples/webgl_lines_fat_raycasting.html
index b3ca84dc89e196..5d6d1573e0d401 100644
--- a/examples/webgl_lines_fat_raycasting.html
+++ b/examples/webgl_lines_fat_raycasting.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - lines - fat</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - lines - fat">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lines_fat_raycasting.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lines_fat_raycasting.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_lines_fat_wireframe.html b/examples/webgl_lines_fat_wireframe.html
index 4607dd9fd868ee..0ac054b187dc77 100644
--- a/examples/webgl_lines_fat_wireframe.html
+++ b/examples/webgl_lines_fat_wireframe.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - lines - fat - wireframe</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - lines - fat - wireframe">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lines_fat_wireframe.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lines_fat_wireframe.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_3dm.html b/examples/webgl_loader_3dm.html
index 1e9ec885ce5e21..808b8b2522d073 100644
--- a/examples/webgl_loader_3dm.html
+++ b/examples/webgl_loader_3dm.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - loaders - Rhino 3DM loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - loaders - Rhino 3DM loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_3dm.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_3dm.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			#loader {
diff --git a/examples/webgl_loader_3ds.html b/examples/webgl_loader_3ds.html
index 86d8859095bddd..1f538551ef1f04 100644
--- a/examples/webgl_loader_3ds.html
+++ b/examples/webgl_loader_3ds.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - loaders - 3DS loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - loaders - 3DS loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_3ds.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_3ds.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_3dtiles.html b/examples/webgl_loader_3dtiles.html
index 4d154053206349..ed914565cea173 100644
--- a/examples/webgl_loader_3dtiles.html
+++ b/examples/webgl_loader_3dtiles.html
@@ -4,6 +4,10 @@
 		<title>three.js loader - 3d tiles + clouds</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js loader - 3d tiles + clouds">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_3dtiles.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_3dtiles.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_loader_3mf.html b/examples/webgl_loader_3mf.html
index c3ffbd0435624a..44160bd0f524a8 100644
--- a/examples/webgl_loader_3mf.html
+++ b/examples/webgl_loader_3mf.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - 3MF</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - 3MF">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_3mf.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_3mf.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_loader_3mf_materials.html b/examples/webgl_loader_3mf_materials.html
index 9f864fe081351b..4b0e8355606b0b 100644
--- a/examples/webgl_loader_3mf_materials.html
+++ b/examples/webgl_loader_3mf_materials.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - 3MF</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - 3MF">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_3mf_materials.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_3mf_materials.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_loader_amf.html b/examples/webgl_loader_amf.html
index de7462301150c0..3532ac9d7792be 100644
--- a/examples/webgl_loader_amf.html
+++ b/examples/webgl_loader_amf.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - AMF</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - AMF">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_amf.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_amf.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_loader_bvh.html b/examples/webgl_loader_bvh.html
index 7ae8523e22470f..62cb7e6a6e50c2 100644
--- a/examples/webgl_loader_bvh.html
+++ b/examples/webgl_loader_bvh.html
@@ -4,6 +4,10 @@
 	  <title>three.js webgl - loaders - BVHLoader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - loaders - BVHLoader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_bvh.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_bvh.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_loader_collada.html b/examples/webgl_loader_collada.html
index 77dffe52fd97a7..0864e8fc1263cd 100644
--- a/examples/webgl_loader_collada.html
+++ b/examples/webgl_loader_collada.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - collada</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - collada">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_collada.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_collada.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_collada_kinematics.html b/examples/webgl_loader_collada_kinematics.html
index 9fedc78b9099d1..af371885c12546 100644
--- a/examples/webgl_loader_collada_kinematics.html
+++ b/examples/webgl_loader_collada_kinematics.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - collada - kinematics</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - collada - kinematics">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_collada_kinematics.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_collada_kinematics.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_collada_skinning.html b/examples/webgl_loader_collada_skinning.html
index 26bf8be71de165..59d284b66b0053 100644
--- a/examples/webgl_loader_collada_skinning.html
+++ b/examples/webgl_loader_collada_skinning.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - collada - skinning</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - collada - skinning">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_collada_skinning.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_collada_skinning.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_draco.html b/examples/webgl_loader_draco.html
index 8ce9915e1fbed8..ac514c250731e3 100644
--- a/examples/webgl_loader_draco.html
+++ b/examples/webgl_loader_draco.html
@@ -4,6 +4,10 @@
 	<title>three.js webgl - loaders - Draco loader</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - loaders - Draco loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_draco.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_draco.jpg">
 	<link type="text/css" rel="stylesheet" href="main.css">
 </head>
 
diff --git a/examples/webgl_loader_fbx.html b/examples/webgl_loader_fbx.html
index 8ca29b2124aab7..e657109f78cfe0 100644
--- a/examples/webgl_loader_fbx.html
+++ b/examples/webgl_loader_fbx.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - FBX loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - FBX loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_fbx.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_fbx.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_fbx_nurbs.html b/examples/webgl_loader_fbx_nurbs.html
index e0d7c6e833d61d..d752fab626fef3 100644
--- a/examples/webgl_loader_fbx_nurbs.html
+++ b/examples/webgl_loader_fbx_nurbs.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - FBX loader - Nurbs</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - FBX loader - Nurbs">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_fbx_nurbs.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_fbx_nurbs.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_gcode.html b/examples/webgl_loader_gcode.html
index 3db259a7758225..ae25d6220e7e88 100644
--- a/examples/webgl_loader_gcode.html
+++ b/examples/webgl_loader_gcode.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - loaders - GCode loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - loaders - GCode loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_gcode.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_gcode.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_gltf.html b/examples/webgl_loader_gltf.html
index 8ddf6e91c7c251..b36fe510d65a33 100644
--- a/examples/webgl_loader_gltf.html
+++ b/examples/webgl_loader_gltf.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - GLTFloader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - GLTFloader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_gltf.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_gltf.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_gltf_animation_pointer.html b/examples/webgl_loader_gltf_animation_pointer.html
index b6bbe6bdde75a5..afffc69cb10044 100644
--- a/examples/webgl_loader_gltf_animation_pointer.html
+++ b/examples/webgl_loader_gltf_animation_pointer.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - animation - keyframes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - animation - keyframes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_gltf_animation_pointer.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_gltf_animation_pointer.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_loader_gltf_anisotropy.html b/examples/webgl_loader_gltf_anisotropy.html
index a664677490ad3e..017d6fd088355b 100644
--- a/examples/webgl_loader_gltf_anisotropy.html
+++ b/examples/webgl_loader_gltf_anisotropy.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - GLTFloader + Anisotropy</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - GLTFloader + Anisotropy">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_gltf_anisotropy.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_gltf_anisotropy.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_gltf_avif.html b/examples/webgl_loader_gltf_avif.html
index ab5fd9cea9d767..57354fe57a9f76 100644
--- a/examples/webgl_loader_gltf_avif.html
+++ b/examples/webgl_loader_gltf_avif.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - GLTFloader + EXT_texture_avif</title>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
+		<meta property="og:title" content="three.js webgl - GLTFloader + EXT_texture_avif">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_gltf_avif.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_gltf_avif.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css" />
 		<style>
 			body {
diff --git a/examples/webgl_loader_gltf_compressed.html b/examples/webgl_loader_gltf_compressed.html
index 60212b77805cd4..bb2e50d62dd0dd 100644
--- a/examples/webgl_loader_gltf_compressed.html
+++ b/examples/webgl_loader_gltf_compressed.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - GLTFloader + compressed</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - GLTFloader + compressed">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_gltf_compressed.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_gltf_compressed.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_gltf_dispersion.html b/examples/webgl_loader_gltf_dispersion.html
index b059c119617d7a..2a0b30d7640791 100644
--- a/examples/webgl_loader_gltf_dispersion.html
+++ b/examples/webgl_loader_gltf_dispersion.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - GLTFloader + Dispersion</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - GLTFloader + Dispersion">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_gltf_dispersion.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_gltf_dispersion.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_gltf_instancing.html b/examples/webgl_loader_gltf_instancing.html
index 083a2fe665580d..8fd4b9dfa64d47 100644
--- a/examples/webgl_loader_gltf_instancing.html
+++ b/examples/webgl_loader_gltf_instancing.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - GLTFloader + Instancing</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - GLTFloader + Instancing">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_gltf_instancing.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_gltf_instancing.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_gltf_iridescence.html b/examples/webgl_loader_gltf_iridescence.html
index f8ffde835a9139..f3dc4ce5c2795d 100644
--- a/examples/webgl_loader_gltf_iridescence.html
+++ b/examples/webgl_loader_gltf_iridescence.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - GLTFloader + Iridescence</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - GLTFloader + Iridescence">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_gltf_iridescence.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_gltf_iridescence.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_gltf_progressive_lod.html b/examples/webgl_loader_gltf_progressive_lod.html
index ec98582eb541e7..86e1ce87e84622 100644
--- a/examples/webgl_loader_gltf_progressive_lod.html
+++ b/examples/webgl_loader_gltf_progressive_lod.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - GLTF with progressive loading</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - GLTF with progressive loading">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_gltf_progressive_lod.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_gltf_progressive_lod.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 			
diff --git a/examples/webgl_loader_gltf_sheen.html b/examples/webgl_loader_gltf_sheen.html
index ed2b8dc08591a3..de978cf96130a8 100644
--- a/examples/webgl_loader_gltf_sheen.html
+++ b/examples/webgl_loader_gltf_sheen.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - GLTFloader + Sheen</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - GLTFloader + Sheen">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_gltf_sheen.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_gltf_sheen.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_loader_gltf_transmission.html b/examples/webgl_loader_gltf_transmission.html
index 629614be012203..3506e37d8faab1 100644
--- a/examples/webgl_loader_gltf_transmission.html
+++ b/examples/webgl_loader_gltf_transmission.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - GLTFloader + transmission</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - GLTFloader + transmission">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_gltf_transmission.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_gltf_transmission.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_gltf_variants.html b/examples/webgl_loader_gltf_variants.html
index 36355ff88f6537..f2f4ec333981a3 100644
--- a/examples/webgl_loader_gltf_variants.html
+++ b/examples/webgl_loader_gltf_variants.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - GLTFloader + variants</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - GLTFloader + variants">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_gltf_variants.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_gltf_variants.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_ifc.html b/examples/webgl_loader_ifc.html
index fa916f25e2952d..c03e6aaf612919 100644
--- a/examples/webgl_loader_ifc.html
+++ b/examples/webgl_loader_ifc.html
@@ -7,6 +7,10 @@
 			name="viewport"
 			content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
 		/>
+		<meta property="og:title" content="three.js webgl - IFCLoader" />
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_ifc.html" />
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_ifc.jpg" />
 		<link type="text/css" rel="stylesheet" href="main.css" />
 	</head>
 
diff --git a/examples/webgl_loader_imagebitmap.html b/examples/webgl_loader_imagebitmap.html
index 394a39b3f05695..c01b02c49ab9b8 100644
--- a/examples/webgl_loader_imagebitmap.html
+++ b/examples/webgl_loader_imagebitmap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - loader - ImageBitmap</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - loader - ImageBitmap">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_imagebitmap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_imagebitmap.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_kmz.html b/examples/webgl_loader_kmz.html
index 5bc2ec6e7c59bd..7319b47a3378cb 100644
--- a/examples/webgl_loader_kmz.html
+++ b/examples/webgl_loader_kmz.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - KMZLoader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - KMZLoader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_kmz.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_kmz.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_ldraw.html b/examples/webgl_loader_ldraw.html
index b19846aec419f8..e2192571669385 100644
--- a/examples/webgl_loader_ldraw.html
+++ b/examples/webgl_loader_ldraw.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - LDrawLoader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - LDrawLoader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_ldraw.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_ldraw.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_loader_lwo.html b/examples/webgl_loader_lwo.html
index d14fb831c57279..96de118f66ff65 100644
--- a/examples/webgl_loader_lwo.html
+++ b/examples/webgl_loader_lwo.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - LWOLoader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - LWOLoader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_lwo.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_lwo.jpg">
 
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
diff --git a/examples/webgl_loader_md2.html b/examples/webgl_loader_md2.html
index d72402f31b4b1d..e6496e5cfd6fd2 100644
--- a/examples/webgl_loader_md2.html
+++ b/examples/webgl_loader_md2.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - morphtargets - MD2</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - morphtargets - MD2">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_md2.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_md2.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_md2_control.html b/examples/webgl_loader_md2_control.html
index 30e0f4600479c3..70b2623677fd73 100644
--- a/examples/webgl_loader_md2_control.html
+++ b/examples/webgl_loader_md2_control.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - morphtargets - MD2 controls</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - morphtargets - MD2 controls">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_md2_control.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_md2_control.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_loader_mdd.html b/examples/webgl_loader_mdd.html
index a663d60ff99b44..b0eefce1dc5e2a 100644
--- a/examples/webgl_loader_mdd.html
+++ b/examples/webgl_loader_mdd.html
@@ -4,6 +4,10 @@
 		<title>three.js WebGL - MDDLoader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js WebGL - MDDLoader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_mdd.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_mdd.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_nrrd.html b/examples/webgl_loader_nrrd.html
index 3d90d55ee007df..6fcab5df20b594 100644
--- a/examples/webgl_loader_nrrd.html
+++ b/examples/webgl_loader_nrrd.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - loaders - NRRD loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - loaders - NRRD loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_nrrd.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_nrrd.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_obj.html b/examples/webgl_loader_obj.html
index 54d707ec4bc6ec..81b597f5a11627 100644
--- a/examples/webgl_loader_obj.html
+++ b/examples/webgl_loader_obj.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - loaders - OBJ/MTL loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - loaders - OBJ/MTL loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_obj.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_obj.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_pcd.html b/examples/webgl_loader_pcd.html
index 6e590e98cb6401..76a8fe53d1c189 100644
--- a/examples/webgl_loader_pcd.html
+++ b/examples/webgl_loader_pcd.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - PCD</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - PCD">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_pcd.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_pcd.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_pdb.html b/examples/webgl_loader_pdb.html
index 068ecaa965ed7a..b20842de650cb0 100644
--- a/examples/webgl_loader_pdb.html
+++ b/examples/webgl_loader_pdb.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - molecules</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - molecules">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_pdb.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_pdb.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			.label {
diff --git a/examples/webgl_loader_ply.html b/examples/webgl_loader_ply.html
index e43ffab60f4988..7c20dc55e69c7e 100644
--- a/examples/webgl_loader_ply.html
+++ b/examples/webgl_loader_ply.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - PLY</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - PLY">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_ply.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_ply.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_stl.html b/examples/webgl_loader_stl.html
index 1af4b52224250b..73c0cb0ac00215 100644
--- a/examples/webgl_loader_stl.html
+++ b/examples/webgl_loader_stl.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - STL</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - STL">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_stl.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_stl.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_svg.html b/examples/webgl_loader_svg.html
index 5893121916df18..f22328181bc225 100644
--- a/examples/webgl_loader_svg.html
+++ b/examples/webgl_loader_svg.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - svg loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - svg loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_svg.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_svg.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_loader_texture_dds.html b/examples/webgl_loader_texture_dds.html
index f76766c8ab4b3a..2e73105a6ee3e0 100644
--- a/examples/webgl_loader_texture_dds.html
+++ b/examples/webgl_loader_texture_dds.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - compressed textures</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - compressed textures">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_texture_dds.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_texture_dds.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_texture_exr.html b/examples/webgl_loader_texture_exr.html
index d80722b2410d81..e941aacb539a17 100644
--- a/examples/webgl_loader_texture_exr.html
+++ b/examples/webgl_loader_texture_exr.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - EXR texture loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - EXR texture loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_texture_exr.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_texture_exr.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_texture_hdr.html b/examples/webgl_loader_texture_hdr.html
index d85f2048f350ea..5c75436cced2b4 100644
--- a/examples/webgl_loader_texture_hdr.html
+++ b/examples/webgl_loader_texture_hdr.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - HDR texture loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - HDR texture loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_texture_hdr.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_texture_hdr.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_texture_ktx.html b/examples/webgl_loader_texture_ktx.html
index ffe75b0b588a00..424dfb7ab87670 100644
--- a/examples/webgl_loader_texture_ktx.html
+++ b/examples/webgl_loader_texture_ktx.html
@@ -4,6 +4,10 @@
 	<title>three.js webgl - materials - compressed textures</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - compressed textures">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_texture_ktx.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_texture_ktx.jpg">
 	<link type="text/css" rel="stylesheet" href="main.css">
 </head>
 <body>
diff --git a/examples/webgl_loader_texture_ktx2.html b/examples/webgl_loader_texture_ktx2.html
index 37155e494de56d..798d43b809e6b6 100644
--- a/examples/webgl_loader_texture_ktx2.html
+++ b/examples/webgl_loader_texture_ktx2.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - KTX2 texture loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - KTX2 texture loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_texture_ktx2.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_texture_ktx2.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			* {
diff --git a/examples/webgl_loader_texture_lottie.html b/examples/webgl_loader_texture_lottie.html
index 32d62c8fe5c9e2..dc2af5c2da06eb 100644
--- a/examples/webgl_loader_texture_lottie.html
+++ b/examples/webgl_loader_texture_lottie.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - lottie loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - lottie loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_texture_lottie.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_texture_lottie.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_texture_pvrtc.html b/examples/webgl_loader_texture_pvrtc.html
index 08775764900051..40af2398b69687 100644
--- a/examples/webgl_loader_texture_pvrtc.html
+++ b/examples/webgl_loader_texture_pvrtc.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - compressed textures</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - compressed textures">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_texture_pvrtc.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_texture_pvrtc.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_texture_tga.html b/examples/webgl_loader_texture_tga.html
index 5d9caa2668a108..c8e0556c218dc0 100644
--- a/examples/webgl_loader_texture_tga.html
+++ b/examples/webgl_loader_texture_tga.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - TGA texture</title>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - TGA texture">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_texture_tga.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_texture_tga.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_texture_tiff.html b/examples/webgl_loader_texture_tiff.html
index 3d65a8dacfa335..5bd49e8c755ef4 100644
--- a/examples/webgl_loader_texture_tiff.html
+++ b/examples/webgl_loader_texture_tiff.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - TIFF texture</title>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - TIFF texture">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_texture_tiff.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_texture_tiff.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_texture_ultrahdr.html b/examples/webgl_loader_texture_ultrahdr.html
index 74e203e6ceec2a..38263621ea6d61 100644
--- a/examples/webgl_loader_texture_ultrahdr.html
+++ b/examples/webgl_loader_texture_ultrahdr.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - UltraHDR texture loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - UltraHDR texture loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_texture_ultrahdr.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_texture_ultrahdr.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_ttf.html b/examples/webgl_loader_ttf.html
index 79bed77ccdd72a..7295c38b73a327 100644
--- a/examples/webgl_loader_ttf.html
+++ b/examples/webgl_loader_ttf.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - loader - ttf</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - loader - ttf">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_ttf.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_ttf.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_loader_usdz.html b/examples/webgl_loader_usdz.html
index 1abf02e5195d9a..0c28925392c871 100644
--- a/examples/webgl_loader_usdz.html
+++ b/examples/webgl_loader_usdz.html
@@ -4,6 +4,10 @@
 	  <title>three.js webgl - loaders - USDZLoader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - loaders - USDZLoader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_usdz.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_usdz.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_loader_vox.html b/examples/webgl_loader_vox.html
index dc2a43151b1a57..14856dd2a49e93 100644
--- a/examples/webgl_loader_vox.html
+++ b/examples/webgl_loader_vox.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - loaders - vox</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - loaders - vox">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_vox.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_vox.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_vrml.html b/examples/webgl_loader_vrml.html
index e8362c534177eb..327c293bd3be77 100644
--- a/examples/webgl_loader_vrml.html
+++ b/examples/webgl_loader_vrml.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - loaders - VRML loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - loaders - VRML loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_vrml.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_vrml.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_loader_xyz.html b/examples/webgl_loader_xyz.html
index 937bfe08313537..7fa91df58eb702 100644
--- a/examples/webgl_loader_xyz.html
+++ b/examples/webgl_loader_xyz.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - loaders - XYZ</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - loaders - XYZ">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_loader_xyz.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_loader_xyz.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_lod.html b/examples/webgl_lod.html
index ec5d61e1eaae81..4c5213b66b6abd 100644
--- a/examples/webgl_lod.html
+++ b/examples/webgl_lod.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - level of detail</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - level of detail">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_lod.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_lod.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_marchingcubes.html b/examples/webgl_marchingcubes.html
index c440ebd68f9278..c969d0b5ca1e0a 100644
--- a/examples/webgl_marchingcubes.html
+++ b/examples/webgl_marchingcubes.html
@@ -4,6 +4,10 @@
 	<title>three.js webgl - marching cubes</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - marching cubes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_marchingcubes.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_marchingcubes.jpg">
 	<link type="text/css" rel="stylesheet" href="main.css">
 </head>
 
diff --git a/examples/webgl_materials_alphahash.html b/examples/webgl_materials_alphahash.html
index 34f08bc67e998f..d90041a0eb1582 100644
--- a/examples/webgl_materials_alphahash.html
+++ b/examples/webgl_materials_alphahash.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - alpha hash</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - alpha hash">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_alphahash.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_alphahash.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_blending.html b/examples/webgl_materials_blending.html
index ca5bf8c956aef3..d0f1ff6a4120e7 100644
--- a/examples/webgl_materials_blending.html
+++ b/examples/webgl_materials_blending.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - blending</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - blending">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_blending.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_blending.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_blending_custom.html b/examples/webgl_materials_blending_custom.html
index 7cda4d3812ed11..66f9e6ce2872ee 100644
--- a/examples/webgl_materials_blending_custom.html
+++ b/examples/webgl_materials_blending_custom.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - custom blending</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - custom blending">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_blending_custom.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_blending_custom.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_bumpmap.html b/examples/webgl_materials_bumpmap.html
index 4d3458ac2258e4..50983021da53e2 100644
--- a/examples/webgl_materials_bumpmap.html
+++ b/examples/webgl_materials_bumpmap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - bump map [Lee Perry-Smith]</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - bump map [Lee Perry-Smith]">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_bumpmap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_bumpmap.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_materials_car.html b/examples/webgl_materials_car.html
index 938b9cd154b01e..e8d0175d99c525 100644
--- a/examples/webgl_materials_car.html
+++ b/examples/webgl_materials_car.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - car</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - car">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_car.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_car.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_materials_channels.html b/examples/webgl_materials_channels.html
index e8ccf8e52438fd..163ec200b69dfc 100644
--- a/examples/webgl_materials_channels.html
+++ b/examples/webgl_materials_channels.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - channels</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - channels">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_channels.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_channels.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_cubemap.html b/examples/webgl_materials_cubemap.html
index 0c4f42f817facd..892aed6a09a2e1 100644
--- a/examples/webgl_materials_cubemap.html
+++ b/examples/webgl_materials_cubemap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - cube reflection / refraction [Walt]</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - cube reflection / refraction [Walt]">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_cubemap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_cubemap.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_cubemap_dynamic.html b/examples/webgl_materials_cubemap_dynamic.html
index 024de6a6274d93..383501b40a66ef 100644
--- a/examples/webgl_materials_cubemap_dynamic.html
+++ b/examples/webgl_materials_cubemap_dynamic.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - dynamic cube reflection</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - dynamic cube reflection">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_cubemap_dynamic.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_cubemap_dynamic.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_materials_cubemap_mipmaps.html b/examples/webgl_materials_cubemap_mipmaps.html
index 2af7aef35a73bf..6474708412000e 100644
--- a/examples/webgl_materials_cubemap_mipmaps.html
+++ b/examples/webgl_materials_cubemap_mipmaps.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - cubemap mipmaps</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - cubemap mipmaps">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_cubemap_mipmaps.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_cubemap_mipmaps.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_cubemap_refraction.html b/examples/webgl_materials_cubemap_refraction.html
index 7cdc7e27382581..8e335307a059cd 100644
--- a/examples/webgl_materials_cubemap_refraction.html
+++ b/examples/webgl_materials_cubemap_refraction.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - cube refraction [Lucy]</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - cube refraction [Lucy]">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_cubemap_refraction.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_cubemap_refraction.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_materials_cubemap_render_to_mipmaps.html b/examples/webgl_materials_cubemap_render_to_mipmaps.html
index 9a1437d2ff4017..9f17c51a1d4d67 100644
--- a/examples/webgl_materials_cubemap_render_to_mipmaps.html
+++ b/examples/webgl_materials_cubemap_render_to_mipmaps.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - cubemap mipmaps</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - cubemap mipmaps">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_cubemap_render_to_mipmaps.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_cubemap_render_to_mipmaps.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_displacementmap.html b/examples/webgl_materials_displacementmap.html
index 29f140bdbe5bdc..b8297c9ae44191 100644
--- a/examples/webgl_materials_displacementmap.html
+++ b/examples/webgl_materials_displacementmap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - displacement map</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - displacement map">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_displacementmap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_displacementmap.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_materials_envmaps.html b/examples/webgl_materials_envmaps.html
index 39e4f27b57626d..65bdf5e396ad3b 100644
--- a/examples/webgl_materials_envmaps.html
+++ b/examples/webgl_materials_envmaps.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - environment maps</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - environment maps">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_envmaps.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_envmaps.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_envmaps_exr.html b/examples/webgl_materials_envmaps_exr.html
index 065456bc6e2067..f0945e3830721a 100644
--- a/examples/webgl_materials_envmaps_exr.html
+++ b/examples/webgl_materials_envmaps_exr.html
@@ -4,6 +4,10 @@
 		<title>threejs webgl - materials - equirectangular exr image based lighting</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="threejs webgl - materials - equirectangular exr image based lighting">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_envmaps_exr.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_envmaps_exr.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_envmaps_fasthdr.html b/examples/webgl_materials_envmaps_fasthdr.html
index c9a42de762dec3..98ffd94e80c750 100644
--- a/examples/webgl_materials_envmaps_fasthdr.html
+++ b/examples/webgl_materials_envmaps_fasthdr.html
@@ -4,6 +4,10 @@
 		<title>threejs webgl - materials - equirectangular exr image based lighting</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="threejs webgl - materials - equirectangular exr image based lighting">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_envmaps_fasthdr.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_envmaps_fasthdr.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_envmaps_groundprojected.html b/examples/webgl_materials_envmaps_groundprojected.html
index 5bb296874c31d8..9c8d8b2eb1750c 100644
--- a/examples/webgl_materials_envmaps_groundprojected.html
+++ b/examples/webgl_materials_envmaps_groundprojected.html
@@ -9,6 +9,10 @@
 			name="viewport"
 			content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
 		/>
+		<meta property="og:title" content="threejs webgl - materials - ground projected environment mapping" />
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_envmaps_groundprojected.html" />
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_envmaps_groundprojected.jpg" />
 		<link type="text/css" rel="stylesheet" href="main.css" />
 	</head>
 	<body>
diff --git a/examples/webgl_materials_envmaps_hdr.html b/examples/webgl_materials_envmaps_hdr.html
index cc819d0130a1c7..48c31ab9c1a5df 100644
--- a/examples/webgl_materials_envmaps_hdr.html
+++ b/examples/webgl_materials_envmaps_hdr.html
@@ -4,6 +4,10 @@
 		<title>threejs webgl - materials - hdr environment mapping</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="threejs webgl - materials - hdr environment mapping">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_envmaps_hdr.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_envmaps_hdr.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_matcap.html b/examples/webgl_materials_matcap.html
index 31083527a2271b..8840e3e0cef7c2 100644
--- a/examples/webgl_materials_matcap.html
+++ b/examples/webgl_materials_matcap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - matcap</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - matcap">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_matcap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_matcap.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_materials_modified.html b/examples/webgl_materials_modified.html
index b54ee9c9fb075b..bacd9de2f238e5 100644
--- a/examples/webgl_materials_modified.html
+++ b/examples/webgl_materials_modified.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - modified</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - modified">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_modified.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_modified.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_materials_normalmap.html b/examples/webgl_materials_normalmap.html
index f807285d287519..291a7c3be4ee90 100644
--- a/examples/webgl_materials_normalmap.html
+++ b/examples/webgl_materials_normalmap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - normal map [Lee Perry-Smith]</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - normal map [Lee Perry-Smith]">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_normalmap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_normalmap.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_materials_normalmap_object_space.html b/examples/webgl_materials_normalmap_object_space.html
index 74674b37d7c161..ddc54e1829fab2 100644
--- a/examples/webgl_materials_normalmap_object_space.html
+++ b/examples/webgl_materials_normalmap_object_space.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - normal map [object space]</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - normal map [object space]">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_normalmap_object_space.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_normalmap_object_space.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_materials_physical_clearcoat.html b/examples/webgl_materials_physical_clearcoat.html
index 69025292e95436..3f148df526952e 100644
--- a/examples/webgl_materials_physical_clearcoat.html
+++ b/examples/webgl_materials_physical_clearcoat.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - clearcoat</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - clearcoat">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_physical_clearcoat.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_physical_clearcoat.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_physical_transmission.html b/examples/webgl_materials_physical_transmission.html
index 99b9fbf6a82f6f..83e7fe7636fd28 100644
--- a/examples/webgl_materials_physical_transmission.html
+++ b/examples/webgl_materials_physical_transmission.html
@@ -4,6 +4,10 @@
 		<title>threejs webgl - materials - transmission</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="threejs webgl - materials - transmission">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_physical_transmission.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_physical_transmission.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_physical_transmission_alpha.html b/examples/webgl_materials_physical_transmission_alpha.html
index 1b8eb79e892f01..0377322cc33b4e 100644
--- a/examples/webgl_materials_physical_transmission_alpha.html
+++ b/examples/webgl_materials_physical_transmission_alpha.html
@@ -4,6 +4,10 @@
 		<title>threejs webgl - materials - transmission - alpha</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="threejs webgl - materials - transmission - alpha">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_physical_transmission_alpha.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_physical_transmission_alpha.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 
 		<style>
diff --git a/examples/webgl_materials_subsurface_scattering.html b/examples/webgl_materials_subsurface_scattering.html
index 38291a6d1a8227..a8a735c7f7610a 100644
--- a/examples/webgl_materials_subsurface_scattering.html
+++ b/examples/webgl_materials_subsurface_scattering.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - Fast subsurface scattering in Blinn-Phong shading demo</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - Fast subsurface scattering in Blinn-Phong shading demo">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_subsurface_scattering.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_subsurface_scattering.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
   </head>
   <body>
diff --git a/examples/webgl_materials_texture_anisotropy.html b/examples/webgl_materials_texture_anisotropy.html
index 50dc1864aba263..0d74596d92e457 100644
--- a/examples/webgl_materials_texture_anisotropy.html
+++ b/examples/webgl_materials_texture_anisotropy.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - anisotropic texture filtering</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - anisotropic texture filtering">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_texture_anisotropy.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_texture_anisotropy.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_materials_texture_canvas.html b/examples/webgl_materials_texture_canvas.html
index 61d71eb35da1c9..c92a3acff2d803 100755
--- a/examples/webgl_materials_texture_canvas.html
+++ b/examples/webgl_materials_texture_canvas.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - canvas texture</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - canvas texture">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_texture_canvas.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_texture_canvas.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			#drawing-canvas {
diff --git a/examples/webgl_materials_texture_filters.html b/examples/webgl_materials_texture_filters.html
index 8086349d073d89..8dc98c37e6b398 100644
--- a/examples/webgl_materials_texture_filters.html
+++ b/examples/webgl_materials_texture_filters.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - texture filtering</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - texture filtering">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_texture_filters.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_texture_filters.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 
diff --git a/examples/webgl_materials_texture_html.html b/examples/webgl_materials_texture_html.html
index a25f77f7c66cce..f1b680d1014194 100755
--- a/examples/webgl_materials_texture_html.html
+++ b/examples/webgl_materials_texture_html.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - html texture</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - html texture">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_texture_html.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_texture_html.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_materials_texture_manualmipmap.html b/examples/webgl_materials_texture_manualmipmap.html
index 28660cd1e5a64e..5cdbd0c8ad2899 100644
--- a/examples/webgl_materials_texture_manualmipmap.html
+++ b/examples/webgl_materials_texture_manualmipmap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - manual mipmaping</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - manual mipmaping">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_texture_manualmipmap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_texture_manualmipmap.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 
diff --git a/examples/webgl_materials_texture_partialupdate.html b/examples/webgl_materials_texture_partialupdate.html
index 95a01302dcf5fc..31eadaa94bc774 100644
--- a/examples/webgl_materials_texture_partialupdate.html
+++ b/examples/webgl_materials_texture_partialupdate.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - texture - partial update</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - texture - partial update">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_texture_partialupdate.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_texture_partialupdate.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_texture_rotation.html b/examples/webgl_materials_texture_rotation.html
index ca115e74d1f56c..3a68462a60312a 100644
--- a/examples/webgl_materials_texture_rotation.html
+++ b/examples/webgl_materials_texture_rotation.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - texture - rotation</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - texture - rotation">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_texture_rotation.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_texture_rotation.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_toon.html b/examples/webgl_materials_toon.html
index b2aecf388eb574..1f03bbabd54bab 100644
--- a/examples/webgl_materials_toon.html
+++ b/examples/webgl_materials_toon.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_toon.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_toon.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_video.html b/examples/webgl_materials_video.html
index 393ef799da96fe..8befe4fd14c226 100644
--- a/examples/webgl_materials_video.html
+++ b/examples/webgl_materials_video.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - video</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - video">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_video.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_video.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_video_webcam.html b/examples/webgl_materials_video_webcam.html
index 34a1e06a4aa1c5..a3a1a7a990f36b 100644
--- a/examples/webgl_materials_video_webcam.html
+++ b/examples/webgl_materials_video_webcam.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - video - webcam</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - video - webcam">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_video_webcam.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_video_webcam.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_materials_wireframe.html b/examples/webgl_materials_wireframe.html
index d2c941ed581836..9a47b702342fdb 100644
--- a/examples/webgl_materials_wireframe.html
+++ b/examples/webgl_materials_wireframe.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - wireframe</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - wireframe">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_materials_wireframe.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_materials_wireframe.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_math_obb.html b/examples/webgl_math_obb.html
index 9ffe69c0774646..9018b64a505d67 100644
--- a/examples/webgl_math_obb.html
+++ b/examples/webgl_math_obb.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - math - OBB</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - math - OBB">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_math_obb.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_math_obb.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_math_orientation_transform.html b/examples/webgl_math_orientation_transform.html
index fddc6a386050a9..12fd8111612904 100644
--- a/examples/webgl_math_orientation_transform.html
+++ b/examples/webgl_math_orientation_transform.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - math - orientation transform</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - math - orientation transform">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_math_orientation_transform.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_math_orientation_transform.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_mesh_batch.html b/examples/webgl_mesh_batch.html
index 075914edffa364..391912ff9475b0 100644
--- a/examples/webgl_mesh_batch.html
+++ b/examples/webgl_mesh_batch.html
@@ -4,6 +4,10 @@
 	<title>three.js webgl - mesh - batch</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - mesh - batch">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_mesh_batch.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_mesh_batch.jpg">
 	<link type="text/css" rel="stylesheet" href="main.css">
 	<style>
 		#info {
diff --git a/examples/webgl_mirror.html b/examples/webgl_mirror.html
index f8fb94d9b75683..3b1d436a433905 100644
--- a/examples/webgl_mirror.html
+++ b/examples/webgl_mirror.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - mirror</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - mirror">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_mirror.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_mirror.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_modifier_curve.html b/examples/webgl_modifier_curve.html
index 4abc504b35bd40..e03a72176e8ee3 100644
--- a/examples/webgl_modifier_curve.html
+++ b/examples/webgl_modifier_curve.html
@@ -7,6 +7,10 @@
 			name="viewport"
 			content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
 		/>
+		<meta property="og:title" content="three.js webgl - curve modifier" />
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="https://threejs.org/examples/webgl_modifier_curve.html" />
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_modifier_curve.jpg" />
 		<link type="text/css" rel="stylesheet" href="main.css" />
 	</head>
 	<body>
diff --git a/examples/webgl_modifier_curve_instanced.html b/examples/webgl_modifier_curve_instanced.html
index 36c98d8d646727..06f7b92d6f0801 100644
--- a/examples/webgl_modifier_curve_instanced.html
+++ b/examples/webgl_modifier_curve_instanced.html
@@ -7,6 +7,10 @@
 			name="viewport"
 			content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
 		/>
+		<meta property="og:title" content="three.js webgl - curve modifier - instanced" />
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="https://threejs.org/examples/webgl_modifier_curve_instanced.html" />
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_modifier_curve_instanced.jpg" />
 		<link type="text/css" rel="stylesheet" href="main.css" />
 	</head>
 	<body>
diff --git a/examples/webgl_modifier_edgesplit.html b/examples/webgl_modifier_edgesplit.html
index edc853dd4b1ef7..a051f6f7171ed2 100644
--- a/examples/webgl_modifier_edgesplit.html
+++ b/examples/webgl_modifier_edgesplit.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - modifier - Edge Split modifier</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - modifier - Edge Split modifier">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_modifier_edgesplit.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_modifier_edgesplit.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_modifier_simplifier.html b/examples/webgl_modifier_simplifier.html
index 62d1b7b4171796..207ce77f3891d1 100644
--- a/examples/webgl_modifier_simplifier.html
+++ b/examples/webgl_modifier_simplifier.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - modifier - simplify modifier</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - modifier - simplify modifier">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_modifier_simplifier.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_modifier_simplifier.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_modifier_subdivision.html b/examples/webgl_modifier_subdivision.html
index aee4060bcddc6c..85ec7254c086b0 100644
--- a/examples/webgl_modifier_subdivision.html
+++ b/examples/webgl_modifier_subdivision.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - modifier - subdivision</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - modifier - subdivision">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_modifier_subdivision.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_modifier_subdivision.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_modifier_tessellation.html b/examples/webgl_modifier_tessellation.html
index e41210aac5bae4..9ee905a44691d1 100644
--- a/examples/webgl_modifier_tessellation.html
+++ b/examples/webgl_modifier_tessellation.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - modifier - tessellation</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - modifier - tessellation">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_modifier_tessellation.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_modifier_tessellation.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_morphtargets.html b/examples/webgl_morphtargets.html
index be93724fa88e91..0c69ab52268c09 100644
--- a/examples/webgl_morphtargets.html
+++ b/examples/webgl_morphtargets.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - morph targets</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - morph targets">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_morphtargets.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_morphtargets.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_morphtargets_face.html b/examples/webgl_morphtargets_face.html
index d44f3539e93ee4..aeb6519ce6d1f5 100644
--- a/examples/webgl_morphtargets_face.html
+++ b/examples/webgl_morphtargets_face.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - morph targets - face</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - morph targets - face">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_morphtargets_face.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_morphtargets_face.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_morphtargets_horse.html b/examples/webgl_morphtargets_horse.html
index 111148728d885a..4339a0bf6bdcf5 100644
--- a/examples/webgl_morphtargets_horse.html
+++ b/examples/webgl_morphtargets_horse.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - morph targets - horse</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - morph targets - horse">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_morphtargets_horse.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_morphtargets_horse.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_morphtargets_sphere.html b/examples/webgl_morphtargets_sphere.html
index a8ea236ab4421b..f1ab0dbd5bac94 100644
--- a/examples/webgl_morphtargets_sphere.html
+++ b/examples/webgl_morphtargets_sphere.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - morph targets - sphere</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - morph targets - sphere">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_morphtargets_sphere.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_morphtargets_sphere.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_morphtargets_webcam.html b/examples/webgl_morphtargets_webcam.html
index b2b7a403bc1588..309e2a320fa96c 100644
--- a/examples/webgl_morphtargets_webcam.html
+++ b/examples/webgl_morphtargets_webcam.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - morph targets - webcam</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - morph targets - webcam">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_morphtargets_webcam.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_morphtargets_webcam.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_multiple_elements.html b/examples/webgl_multiple_elements.html
index d32197a551fb23..da67e4a74bf439 100644
--- a/examples/webgl_multiple_elements.html
+++ b/examples/webgl_multiple_elements.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - multiple elements</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - multiple elements">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_multiple_elements.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_multiple_elements.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			* {
diff --git a/examples/webgl_multiple_elements_text.html b/examples/webgl_multiple_elements_text.html
index e3b9a777a70126..4465d61fd2e02e 100644
--- a/examples/webgl_multiple_elements_text.html
+++ b/examples/webgl_multiple_elements_text.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - multiple elements with text</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - multiple elements with text">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_multiple_elements_text.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_multiple_elements_text.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			* {
diff --git a/examples/webgl_multiple_rendertargets.html b/examples/webgl_multiple_rendertargets.html
index 57ec7bf4a8b5db..0b3ba6fee71c67 100644
--- a/examples/webgl_multiple_rendertargets.html
+++ b/examples/webgl_multiple_rendertargets.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - Multiple Render Targets</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - Multiple Render Targets">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_multiple_rendertargets.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_multiple_rendertargets.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 
 		<!-- Write to G-Buffer -->
diff --git a/examples/webgl_multiple_scenes_comparison.html b/examples/webgl_multiple_scenes_comparison.html
index f66fa77a41fcba..4a7009e78c63db 100644
--- a/examples/webgl_multiple_scenes_comparison.html
+++ b/examples/webgl_multiple_scenes_comparison.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - scene - multiple - compare</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - scene - multiple - compare">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_multiple_scenes_comparison.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_multiple_scenes_comparison.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			.container {
diff --git a/examples/webgl_multiple_views.html b/examples/webgl_multiple_views.html
index f9144492a40fde..9b4be7e827a665 100644
--- a/examples/webgl_multiple_views.html
+++ b/examples/webgl_multiple_views.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - multiple views</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - multiple views">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_multiple_views.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_multiple_views.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_multisampled_renderbuffers.html b/examples/webgl_multisampled_renderbuffers.html
index 4dd11a232fb07f..60ee03398d3db0 100644
--- a/examples/webgl_multisampled_renderbuffers.html
+++ b/examples/webgl_multisampled_renderbuffers.html
@@ -4,6 +4,10 @@
 		<title>three.js WebGL 2 - Multisampled Renderbuffers</title>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js WebGL 2 - Multisampled Renderbuffers">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_multisampled_renderbuffers.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_multisampled_renderbuffers.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_panorama_cube.html b/examples/webgl_panorama_cube.html
index 8faf84e2a33a2b..3e569a33d8ea96 100644
--- a/examples/webgl_panorama_cube.html
+++ b/examples/webgl_panorama_cube.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - panorama</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js webgl - panorama">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_panorama_cube.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_panorama_cube.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_panorama_equirectangular.html b/examples/webgl_panorama_equirectangular.html
index 9e5f676db8963c..f0afc372deb715 100644
--- a/examples/webgl_panorama_equirectangular.html
+++ b/examples/webgl_panorama_equirectangular.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - equirectangular panorama</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - equirectangular panorama">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_panorama_equirectangular.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_panorama_equirectangular.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_performance.html b/examples/webgl_performance.html
index 03a58ac51cd60a..b3972d2a20d501 100644
--- a/examples/webgl_performance.html
+++ b/examples/webgl_performance.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - GLTFloader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - GLTFloader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_performance.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_performance.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_pmrem_cubemap.html b/examples/webgl_pmrem_cubemap.html
index 5024f7c15a86d2..3d292449cc7f00 100644
--- a/examples/webgl_pmrem_cubemap.html
+++ b/examples/webgl_pmrem_cubemap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - pmrem cubemap</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - pmrem cubemap">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_pmrem_cubemap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_pmrem_cubemap.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgl_pmrem_equirectangular.html b/examples/webgl_pmrem_equirectangular.html
index 0321d0058b5b00..cf155aa9693bb3 100644
--- a/examples/webgl_pmrem_equirectangular.html
+++ b/examples/webgl_pmrem_equirectangular.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - pmrem equirectangular</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - pmrem equirectangular">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_pmrem_equirectangular.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_pmrem_equirectangular.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgl_pmrem_test.html b/examples/webgl_pmrem_test.html
index 7e7f8c99932d23..4e22e230d1bcc6 100644
--- a/examples/webgl_pmrem_test.html
+++ b/examples/webgl_pmrem_test.html
@@ -4,6 +4,10 @@
 		<title>three.js PMREM directional light test</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js PMREM directional light test">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_pmrem_test.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_pmrem_test.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_points_billboards.html b/examples/webgl_points_billboards.html
index 5c61f0612f8d58..48bd5e2b0d18c7 100644
--- a/examples/webgl_points_billboards.html
+++ b/examples/webgl_points_billboards.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - particles - billboards</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - particles - billboards">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_points_billboards.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_points_billboards.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_points_dynamic.html b/examples/webgl_points_dynamic.html
index 64c6c9625da2e5..a3eb5073280f2d 100644
--- a/examples/webgl_points_dynamic.html
+++ b/examples/webgl_points_dynamic.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - particles - dynamic - postprocessing</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - particles - dynamic - postprocessing">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_points_dynamic.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_points_dynamic.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_points_sprites.html b/examples/webgl_points_sprites.html
index 80e8e4b80b3163..87a2a5dbe1fd67 100644
--- a/examples/webgl_points_sprites.html
+++ b/examples/webgl_points_sprites.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - particles - sprites</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - particles - sprites">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_points_sprites.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_points_sprites.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_points_waves.html b/examples/webgl_points_waves.html
index e3fec67ef93d3b..9b02ccdb1eb303 100644
--- a/examples/webgl_points_waves.html
+++ b/examples/webgl_points_waves.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - particles - waves</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - particles - waves">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_points_waves.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_points_waves.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_portal.html b/examples/webgl_portal.html
index f9fb0bda5bdf97..17f624a3151070 100644
--- a/examples/webgl_portal.html
+++ b/examples/webgl_portal.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - portal</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - portal">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_portal.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_portal.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_postprocessing.html b/examples/webgl_postprocessing.html
index 08c0f3e0cc6984..d45e61ecee25bf 100644
--- a/examples/webgl_postprocessing.html
+++ b/examples/webgl_postprocessing.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_3dlut.html b/examples/webgl_postprocessing_3dlut.html
index f72fdbe5587c57..e2ebddd885bcd9 100644
--- a/examples/webgl_postprocessing_3dlut.html
+++ b/examples/webgl_postprocessing_3dlut.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - 3d luts</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - 3d luts">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_3dlut.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_3dlut.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_postprocessing_advanced.html b/examples/webgl_postprocessing_advanced.html
index ce9df31799b719..6a9b505da1e710 100644
--- a/examples/webgl_postprocessing_advanced.html
+++ b/examples/webgl_postprocessing_advanced.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_advanced.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_advanced.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_afterimage.html b/examples/webgl_postprocessing_afterimage.html
index 1c83ea29e02bf8..7edadf98a8926c 100644
--- a/examples/webgl_postprocessing_afterimage.html
+++ b/examples/webgl_postprocessing_afterimage.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing - afterimage</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing - afterimage">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_afterimage.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_afterimage.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_backgrounds.html b/examples/webgl_postprocessing_backgrounds.html
index e22c19707ea2b1..5b0743d363682c 100644
--- a/examples/webgl_postprocessing_backgrounds.html
+++ b/examples/webgl_postprocessing_backgrounds.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing backgrounds</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing backgrounds">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_backgrounds.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_backgrounds.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_dof.html b/examples/webgl_postprocessing_dof.html
index c752bdb3ef2d50..3e72fa7d8a17e9 100644
--- a/examples/webgl_postprocessing_dof.html
+++ b/examples/webgl_postprocessing_dof.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing - depth-of-field</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing - depth-of-field">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_dof.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_dof.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_postprocessing_dof2.html b/examples/webgl_postprocessing_dof2.html
index 92f79e383c256b..908b7ef7e55cf8 100644
--- a/examples/webgl_postprocessing_dof2.html
+++ b/examples/webgl_postprocessing_dof2.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing - depth-of-field</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing - depth-of-field">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_dof2.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_dof2.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_fxaa.html b/examples/webgl_postprocessing_fxaa.html
index 276b92834617d0..3a788a30b182af 100644
--- a/examples/webgl_postprocessing_fxaa.html
+++ b/examples/webgl_postprocessing_fxaa.html
@@ -4,6 +4,10 @@
 		<title>three.js WebGL  - postprocessing - FXAA</title>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js WebGL  - postprocessing - FXAA">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_fxaa.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_fxaa.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_postprocessing_glitch.html b/examples/webgl_postprocessing_glitch.html
index a700091358b8b1..560b7c5fb32105 100644
--- a/examples/webgl_postprocessing_glitch.html
+++ b/examples/webgl_postprocessing_glitch.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing - digital glitch</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing - digital glitch">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_glitch.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_glitch.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_godrays.html b/examples/webgl_postprocessing_godrays.html
index e6efed53c1f35d..4f48722dcc05f1 100644
--- a/examples/webgl_postprocessing_godrays.html
+++ b/examples/webgl_postprocessing_godrays.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing - godrays</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing - godrays">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_godrays.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_godrays.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_postprocessing_gtao.html b/examples/webgl_postprocessing_gtao.html
index 1e4ce87f423e98..18f46f835ace7d 100644
--- a/examples/webgl_postprocessing_gtao.html
+++ b/examples/webgl_postprocessing_gtao.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing - GTAO</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing - GTAO">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_gtao.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_gtao.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_postprocessing_masking.html b/examples/webgl_postprocessing_masking.html
index b66b8a0fc52b71..ff4b7247a0d984 100644
--- a/examples/webgl_postprocessing_masking.html
+++ b/examples/webgl_postprocessing_masking.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing - masking</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing - masking">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_masking.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_masking.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_outline.html b/examples/webgl_postprocessing_outline.html
index 3a5ca81419c6e3..d2c3e1556c4e91 100644
--- a/examples/webgl_postprocessing_outline.html
+++ b/examples/webgl_postprocessing_outline.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - post processing - Outline Pass</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - post processing - Outline Pass">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_outline.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_outline.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_pixel.html b/examples/webgl_postprocessing_pixel.html
index f096a73a9d2a55..b25e296e64c4ed 100644
--- a/examples/webgl_postprocessing_pixel.html
+++ b/examples/webgl_postprocessing_pixel.html
@@ -5,6 +5,10 @@
 	<title>three.js webgl - post processing - pixelation</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - post processing - pixelation">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_pixel.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_pixel.jpg">
 	<link type="text/css" rel="stylesheet" href="main.css">
 </head>
 
diff --git a/examples/webgl_postprocessing_procedural.html b/examples/webgl_postprocessing_procedural.html
index 33499318402713..fb793f50f5e360 100644
--- a/examples/webgl_postprocessing_procedural.html
+++ b/examples/webgl_postprocessing_procedural.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing procedural effects</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing procedural effects">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_procedural.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_procedural.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_rgb_halftone.html b/examples/webgl_postprocessing_rgb_halftone.html
index 0a08a175f3b1b8..2c251905c3c64a 100644
--- a/examples/webgl_postprocessing_rgb_halftone.html
+++ b/examples/webgl_postprocessing_rgb_halftone.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing RGB Halftone</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing RGB Halftone">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_rgb_halftone.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_rgb_halftone.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_sao.html b/examples/webgl_postprocessing_sao.html
index d4b83bf07aa3e0..0688a9d60ecc18 100644
--- a/examples/webgl_postprocessing_sao.html
+++ b/examples/webgl_postprocessing_sao.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - post processing - Scalable Ambient Occlusion (SAO)</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - post processing - Scalable Ambient Occlusion (SAO)">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_sao.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_sao.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_smaa.html b/examples/webgl_postprocessing_smaa.html
index b58d773689b088..35704271394d29 100644
--- a/examples/webgl_postprocessing_smaa.html
+++ b/examples/webgl_postprocessing_smaa.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing smaa</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing smaa">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_smaa.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_smaa.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_sobel.html b/examples/webgl_postprocessing_sobel.html
index 4629929fb7745d..7e5cc670f47e90 100644
--- a/examples/webgl_postprocessing_sobel.html
+++ b/examples/webgl_postprocessing_sobel.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing - sobel (edge detection)</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing - sobel (edge detection)">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_sobel.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_sobel.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_ssaa.html b/examples/webgl_postprocessing_ssaa.html
index 9474d86d8d6bf0..f68d2b5812cf89 100644
--- a/examples/webgl_postprocessing_ssaa.html
+++ b/examples/webgl_postprocessing_ssaa.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing manual ssaa</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing manual ssaa">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_ssaa.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_ssaa.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_ssao.html b/examples/webgl_postprocessing_ssao.html
index a153e8fe09670f..c3d1240aecb252 100644
--- a/examples/webgl_postprocessing_ssao.html
+++ b/examples/webgl_postprocessing_ssao.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing - Screen Space Ambient Occlusion</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing - Screen Space Ambient Occlusion">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_ssao.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_ssao.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_postprocessing_ssr.html b/examples/webgl_postprocessing_ssr.html
index cdf8d201d32fbb..5ba6475d6f999e 100644
--- a/examples/webgl_postprocessing_ssr.html
+++ b/examples/webgl_postprocessing_ssr.html
@@ -7,6 +7,10 @@
 		<title>three.js webgl - postprocessing - Screen Space Reflection</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing - Screen Space Reflection">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_ssr.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_ssr.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_postprocessing_taa.html b/examples/webgl_postprocessing_taa.html
index 03209051adaf3d..fc3eabb52d2c16 100644
--- a/examples/webgl_postprocessing_taa.html
+++ b/examples/webgl_postprocessing_taa.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing manual taa and ssaa</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing manual taa and ssaa">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_taa.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_taa.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_transition.html b/examples/webgl_postprocessing_transition.html
index 4f4df89f28b4b3..f34af8c995e83e 100644
--- a/examples/webgl_postprocessing_transition.html
+++ b/examples/webgl_postprocessing_transition.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - scenes transition</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - scenes transition">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_transition.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_transition.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_postprocessing_unreal_bloom.html b/examples/webgl_postprocessing_unreal_bloom.html
index 076441bd410c4b..d510b1c0c058ca 100644
--- a/examples/webgl_postprocessing_unreal_bloom.html
+++ b/examples/webgl_postprocessing_unreal_bloom.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing - unreal bloom</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing - unreal bloom">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_unreal_bloom.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_unreal_bloom.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 		#info > * {
diff --git a/examples/webgl_postprocessing_unreal_bloom_selective.html b/examples/webgl_postprocessing_unreal_bloom_selective.html
index e3781e624ae505..7a011500e75df1 100644
--- a/examples/webgl_postprocessing_unreal_bloom_selective.html
+++ b/examples/webgl_postprocessing_unreal_bloom_selective.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - postprocessing - unreal bloom selective</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - postprocessing - unreal bloom selective">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_postprocessing_unreal_bloom_selective.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_postprocessing_unreal_bloom_selective.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_random_uv.html b/examples/webgl_random_uv.html
index edcb6be28484de..10a06b0362c74b 100644
--- a/examples/webgl_random_uv.html
+++ b/examples/webgl_random_uv.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - random - uv</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - random - uv">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_random_uv.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_random_uv.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_raycaster_bvh.html b/examples/webgl_raycaster_bvh.html
index 38f68a65c5efd2..d29910107fe468 100644
--- a/examples/webgl_raycaster_bvh.html
+++ b/examples/webgl_raycaster_bvh.html
@@ -4,6 +4,10 @@
 		<title>three.js raycaster - bvh</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js raycaster - bvh">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_raycaster_bvh.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_raycaster_bvh.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_raycaster_sprite.html b/examples/webgl_raycaster_sprite.html
index 608daddb3ca2ed..df4e838692b85b 100644
--- a/examples/webgl_raycaster_sprite.html
+++ b/examples/webgl_raycaster_sprite.html
@@ -4,6 +4,10 @@
 		<title>three.js raycaster - sprite</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js raycaster - sprite">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_raycaster_sprite.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_raycaster_sprite.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_raycaster_texture.html b/examples/webgl_raycaster_texture.html
index abe66c897df9d3..a7fc5159d7327c 100644
--- a/examples/webgl_raycaster_texture.html
+++ b/examples/webgl_raycaster_texture.html
@@ -4,6 +4,10 @@
 		<title>three.js raycaster - texture</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js raycaster - texture">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_raycaster_texture.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_raycaster_texture.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_read_float_buffer.html b/examples/webgl_read_float_buffer.html
index 3e30150806d2f4..24f87214bbfa0a 100644
--- a/examples/webgl_read_float_buffer.html
+++ b/examples/webgl_read_float_buffer.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - read float pixels</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - read float pixels">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_read_float_buffer.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_read_float_buffer.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_refraction.html b/examples/webgl_refraction.html
index 86e212fb93be69..3c9d1856c4669e 100644
--- a/examples/webgl_refraction.html
+++ b/examples/webgl_refraction.html
@@ -4,6 +4,10 @@
 		<title>three.js refraction</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js refraction">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_refraction.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_refraction.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_renderer_pathtracer.html b/examples/webgl_renderer_pathtracer.html
index 5b39d232c05e9e..18962dd9101974 100644
--- a/examples/webgl_renderer_pathtracer.html
+++ b/examples/webgl_renderer_pathtracer.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - three-gpu-pathtracer</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - three-gpu-pathtracer">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_renderer_pathtracer.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_renderer_pathtracer.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_rendertarget_texture2darray.html b/examples/webgl_rendertarget_texture2darray.html
index ed11a9cd384e5b..8984bd135cd6fc 100644
--- a/examples/webgl_rendertarget_texture2darray.html
+++ b/examples/webgl_rendertarget_texture2darray.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - 2D texture array framebuffer attachment</title>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - 2D texture array framebuffer attachment">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_rendertarget_texture2darray.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_rendertarget_texture2darray.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_reversed_depth_buffer.html b/examples/webgl_reversed_depth_buffer.html
index 985b35a089275e..f885bc54dda868 100644
--- a/examples/webgl_reversed_depth_buffer.html
+++ b/examples/webgl_reversed_depth_buffer.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - reverse depth buffer</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - reverse depth buffer">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_reversed_depth_buffer.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_reversed_depth_buffer.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_rtt.html b/examples/webgl_rtt.html
index c1d4c2d298efc8..e7c3379941109a 100644
--- a/examples/webgl_rtt.html
+++ b/examples/webgl_rtt.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - render-to-texture</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - render-to-texture">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_rtt.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_rtt.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_shader.html b/examples/webgl_shader.html
index 0b3c2f7ae81c26..2c5039de9035c5 100644
--- a/examples/webgl_shader.html
+++ b/examples/webgl_shader.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - shader [Monjori]</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - shader [Monjori]">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_shader.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_shader.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_shader_lava.html b/examples/webgl_shader_lava.html
index 476ec68f24ea6c..b04ca1218d346d 100644
--- a/examples/webgl_shader_lava.html
+++ b/examples/webgl_shader_lava.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - materials - shaders [lava]</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - materials - shaders [lava]">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_shader_lava.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_shader_lava.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_shaders_ocean.html b/examples/webgl_shaders_ocean.html
index 5920d1f525a14f..20803899e82a9f 100644
--- a/examples/webgl_shaders_ocean.html
+++ b/examples/webgl_shaders_ocean.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - shaders - ocean</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - shaders - ocean">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_shaders_ocean.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_shaders_ocean.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_shaders_sky.html b/examples/webgl_shaders_sky.html
index 3101e718ac893c..3d7de6f41abaa5 100644
--- a/examples/webgl_shaders_sky.html
+++ b/examples/webgl_shaders_sky.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - shaders - sky sun shader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - shaders - sky sun shader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_shaders_sky.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_shaders_sky.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_shadow_contact.html b/examples/webgl_shadow_contact.html
index 27007a44471939..a594c1e30c45ad 100644
--- a/examples/webgl_shadow_contact.html
+++ b/examples/webgl_shadow_contact.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - contact shadows</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js webgl - contact shadows">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_shadow_contact.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_shadow_contact.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_shadowmap.html b/examples/webgl_shadowmap.html
index cdbf6b611efdac..95eef35723be67 100644
--- a/examples/webgl_shadowmap.html
+++ b/examples/webgl_shadowmap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - shadow map</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - shadow map">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_shadowmap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_shadowmap.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_shadowmap_csm.html b/examples/webgl_shadowmap_csm.html
index fa8c1f7c26f1e2..2101e538046a66 100644
--- a/examples/webgl_shadowmap_csm.html
+++ b/examples/webgl_shadowmap_csm.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - cascaded shadow maps</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - cascaded shadow maps">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_shadowmap_csm.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_shadowmap_csm.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_shadowmap_pcss.html b/examples/webgl_shadowmap_pcss.html
index fa6412ff9dc996..3eb933ad535413 100644
--- a/examples/webgl_shadowmap_pcss.html
+++ b/examples/webgl_shadowmap_pcss.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - percent closer soft-shadows</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - percent closer soft-shadows">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_shadowmap_pcss.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_shadowmap_pcss.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_shadowmap_performance.html b/examples/webgl_shadowmap_performance.html
index 56a742af2e35f6..b1c4d81a6169c8 100644
--- a/examples/webgl_shadowmap_performance.html
+++ b/examples/webgl_shadowmap_performance.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - shadow map</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - shadow map">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_shadowmap_performance.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_shadowmap_performance.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_shadowmap_pointlight.html b/examples/webgl_shadowmap_pointlight.html
index 3ba9560fb086ed..c86fba4ace6b82 100644
--- a/examples/webgl_shadowmap_pointlight.html
+++ b/examples/webgl_shadowmap_pointlight.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - PointLight ShadowMap</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - PointLight ShadowMap">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_shadowmap_pointlight.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_shadowmap_pointlight.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_shadowmap_progressive.html b/examples/webgl_shadowmap_progressive.html
index b846967f1ed62f..6dbeabcdf892ff 100644
--- a/examples/webgl_shadowmap_progressive.html
+++ b/examples/webgl_shadowmap_progressive.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - progressive lightmap accumulation</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - progressive lightmap accumulation">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_shadowmap_progressive.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_shadowmap_progressive.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_shadowmap_viewer.html b/examples/webgl_shadowmap_viewer.html
index 7c8685a2bc8adf..92300c8d42fe8b 100644
--- a/examples/webgl_shadowmap_viewer.html
+++ b/examples/webgl_shadowmap_viewer.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - ShadowMapViewer example </title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - ShadowMapViewer example ">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_shadowmap_viewer.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_shadowmap_viewer.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_shadowmap_vsm.html b/examples/webgl_shadowmap_vsm.html
index f403489a84b487..bb67ad7e3ba8d6 100644
--- a/examples/webgl_shadowmap_vsm.html
+++ b/examples/webgl_shadowmap_vsm.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - VSM Shadows example </title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - VSM Shadows example ">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_shadowmap_vsm.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_shadowmap_vsm.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_shadowmesh.html b/examples/webgl_shadowmesh.html
index bde591317a2def..a3c28c9d708650 100644
--- a/examples/webgl_shadowmesh.html
+++ b/examples/webgl_shadowmesh.html
@@ -4,6 +4,10 @@
 		<title> three.js webgl - ShadowMesh </title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content=" three.js webgl - ShadowMesh ">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_shadowmesh.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_shadowmesh.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_simple_gi.html b/examples/webgl_simple_gi.html
index 4779dbc6941b56..ec27d0cbb010e2 100644
--- a/examples/webgl_simple_gi.html
+++ b/examples/webgl_simple_gi.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - simple global illumination</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - simple global illumination">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_simple_gi.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_simple_gi.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_sprites.html b/examples/webgl_sprites.html
index e56223c8e07d4e..2ab4a21e6b076f 100644
--- a/examples/webgl_sprites.html
+++ b/examples/webgl_sprites.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - sprites</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - sprites">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_sprites.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_sprites.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_test_memory.html b/examples/webgl_test_memory.html
index ab722fa5e4e48e..0ce4875680273c 100644
--- a/examples/webgl_test_memory.html
+++ b/examples/webgl_test_memory.html
@@ -4,6 +4,10 @@
 		<title>three.js - webgl memory test I</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js - webgl memory test I">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_test_memory.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_test_memory.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_test_memory2.html b/examples/webgl_test_memory2.html
index 3321fab0fb6d4d..65ba50c8edf875 100644
--- a/examples/webgl_test_memory2.html
+++ b/examples/webgl_test_memory2.html
@@ -4,6 +4,10 @@
 		<title>three.js - webgl memory test II</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js - webgl memory test II">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_test_memory2.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_test_memory2.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_test_wide_gamut.html b/examples/webgl_test_wide_gamut.html
index 9d652865f3f818..48db0c5e9b9c34 100644
--- a/examples/webgl_test_wide_gamut.html
+++ b/examples/webgl_test_wide_gamut.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - test - wide gamut</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - test - wide gamut">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_test_wide_gamut.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_test_wide_gamut.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			.container {
diff --git a/examples/webgl_texture2darray.html b/examples/webgl_texture2darray.html
index 97be775df97ebd..3677b1e654d999 100644
--- a/examples/webgl_texture2darray.html
+++ b/examples/webgl_texture2darray.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - 2D texture array</title>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - 2D texture array">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_texture2darray.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_texture2darray.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<script id="vs" type="x-shader/x-vertex">
diff --git a/examples/webgl_texture2darray_compressed.html b/examples/webgl_texture2darray_compressed.html
index df7c000a36eeb7..fc47fa9cd05bdb 100644
--- a/examples/webgl_texture2darray_compressed.html
+++ b/examples/webgl_texture2darray_compressed.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - 2D compressed texture array</title>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - 2D compressed texture array">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_texture2darray_compressed.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_texture2darray_compressed.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<script id="vs" type="x-shader/x-vertex">
diff --git a/examples/webgl_texture2darray_layerupdate.html b/examples/webgl_texture2darray_layerupdate.html
index 3c9f89841fea18..311e43844f6f95 100644
--- a/examples/webgl_texture2darray_layerupdate.html
+++ b/examples/webgl_texture2darray_layerupdate.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - texture array layer update</title>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - texture array layer update">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_texture2darray_layerupdate.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_texture2darray_layerupdate.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<script id="vs" type="x-shader/x-vertex">
diff --git a/examples/webgl_texture3d.html b/examples/webgl_texture3d.html
index 520b993b3ab752..39e9974365c200 100644
--- a/examples/webgl_texture3d.html
+++ b/examples/webgl_texture3d.html
@@ -4,6 +4,10 @@
 	<title>three.js webgl - volume rendering example</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - volume rendering example">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_texture3d.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_texture3d.jpg">
 	<link type="text/css" rel="stylesheet" href="main.css">
 </head>
 
diff --git a/examples/webgl_texture3d_partialupdate.html b/examples/webgl_texture3d_partialupdate.html
index 09e84283630edf..b98035ed8b9e3e 100644
--- a/examples/webgl_texture3d_partialupdate.html
+++ b/examples/webgl_texture3d_partialupdate.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl2 - volume - cloud</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl2 - volume - cloud">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_texture3d_partialupdate.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_texture3d_partialupdate.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_tonemapping.html b/examples/webgl_tonemapping.html
index 707e6781772a26..73c6e0790d0d72 100644
--- a/examples/webgl_tonemapping.html
+++ b/examples/webgl_tonemapping.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - tone mapping</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - tone mapping">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_tonemapping.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_tonemapping.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_tsl_clearcoat.html b/examples/webgl_tsl_clearcoat.html
index 76414bcd508d3a..3be41f282d4ae8 100644
--- a/examples/webgl_tsl_clearcoat.html
+++ b/examples/webgl_tsl_clearcoat.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - materials - clearcoat</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - materials - clearcoat">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_tsl_clearcoat.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_tsl_clearcoat.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgl_tsl_instancing.html b/examples/webgl_tsl_instancing.html
index 4300ea4a76618a..37ce77d6a9c458 100644
--- a/examples/webgl_tsl_instancing.html
+++ b/examples/webgl_tsl_instancing.html
@@ -4,6 +4,10 @@
 	<title>three.js webgl - instancing - performance</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - instancing - performance">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_tsl_instancing.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_tsl_instancing.jpg">
 	<link type="text/css" rel="stylesheet" href="main.css">
 	<style>
 		#info {
diff --git a/examples/webgl_tsl_shadowmap.html b/examples/webgl_tsl_shadowmap.html
index 2c61458a74e390..7958e8f4567b57 100644
--- a/examples/webgl_tsl_shadowmap.html
+++ b/examples/webgl_tsl_shadowmap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - shadow map</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - shadow map">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_tsl_shadowmap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_tsl_shadowmap.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgl_tsl_skinning.html b/examples/webgl_tsl_skinning.html
index 103341ba28b25d..4e77c28a6f2d8f 100644
--- a/examples/webgl_tsl_skinning.html
+++ b/examples/webgl_tsl_skinning.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - skinning</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - skinning">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_tsl_skinning.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_tsl_skinning.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgl_ubo.html b/examples/webgl_ubo.html
index 5bfb042d2c1d2c..4871b5a14c75ed 100644
--- a/examples/webgl_ubo.html
+++ b/examples/webgl_ubo.html
@@ -4,6 +4,10 @@
 		<title>three.js WebGL 2 - Uniform Buffer Objects</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js WebGL 2 - Uniform Buffer Objects">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_ubo.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_ubo.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_ubo_arrays.html b/examples/webgl_ubo_arrays.html
index 339000065245e6..5d9dbd6e83ae1a 100644
--- a/examples/webgl_ubo_arrays.html
+++ b/examples/webgl_ubo_arrays.html
@@ -4,6 +4,10 @@
 		<title>three.js WebGL 2 - Uniform Buffer Objects Arrays</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js WebGL 2 - Uniform Buffer Objects Arrays">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_ubo_arrays.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_ubo_arrays.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_video_kinect.html b/examples/webgl_video_kinect.html
index b77bb3b9309179..3000ad5b509274 100644
--- a/examples/webgl_video_kinect.html
+++ b/examples/webgl_video_kinect.html
@@ -4,6 +4,10 @@
 		<title>three.js - kinect</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js - kinect">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_video_kinect.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_video_kinect.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgl_video_panorama_equirectangular.html b/examples/webgl_video_panorama_equirectangular.html
index 580a9242f06cd7..fa7792c3cd926b 100644
--- a/examples/webgl_video_panorama_equirectangular.html
+++ b/examples/webgl_video_panorama_equirectangular.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - equirectangular video panorama</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - equirectangular video panorama">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_video_panorama_equirectangular.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_video_panorama_equirectangular.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgl_volume_cloud.html b/examples/webgl_volume_cloud.html
index 28d860641a32ad..e9626c539d64c4 100644
--- a/examples/webgl_volume_cloud.html
+++ b/examples/webgl_volume_cloud.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl2 - volume - cloud</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl2 - volume - cloud">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_volume_cloud.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_volume_cloud.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_volume_instancing.html b/examples/webgl_volume_instancing.html
index b885f9b661a677..29a5112407a40f 100644
--- a/examples/webgl_volume_instancing.html
+++ b/examples/webgl_volume_instancing.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl2 - volume - instancing</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl2 - volume - instancing">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_volume_instancing.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_volume_instancing.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_volume_perlin.html b/examples/webgl_volume_perlin.html
index 8c5da7b7b59655..225b44041500a5 100644
--- a/examples/webgl_volume_perlin.html
+++ b/examples/webgl_volume_perlin.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl2 - volume</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl2 - volume">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_volume_perlin.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_volume_perlin.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_watch.html b/examples/webgl_watch.html
index d2112c96f121b0..99e6ead0599f72 100644
--- a/examples/webgl_watch.html
+++ b/examples/webgl_watch.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - watch</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - watch">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_watch.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_watch.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgl_worker_offscreencanvas.html b/examples/webgl_worker_offscreencanvas.html
index f4027c2dab4c09..1f8b6c84d4adf2 100644
--- a/examples/webgl_worker_offscreencanvas.html
+++ b/examples/webgl_worker_offscreencanvas.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - worker - offscreen canvas</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - worker - offscreen canvas">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgl_worker_offscreencanvas.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgl_worker_offscreencanvas.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgpu_animation_retargeting.html b/examples/webgpu_animation_retargeting.html
index 47e759011a21b4..8d01fe9a007ea4 100644
--- a/examples/webgpu_animation_retargeting.html
+++ b/examples/webgpu_animation_retargeting.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - animation retargeting</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - animation retargeting">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_animation_retargeting.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_animation_retargeting.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_animation_retargeting_readyplayer.html b/examples/webgpu_animation_retargeting_readyplayer.html
index 3ac956e5eaa28a..0bd3b97cc96ca0 100644
--- a/examples/webgpu_animation_retargeting_readyplayer.html
+++ b/examples/webgpu_animation_retargeting_readyplayer.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - animation retargeting</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - animation retargeting">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_animation_retargeting_readyplayer.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_animation_retargeting_readyplayer.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_backdrop.html b/examples/webgpu_backdrop.html
index 1c0e250661e82f..7b1771247cdd55 100644
--- a/examples/webgpu_backdrop.html
+++ b/examples/webgpu_backdrop.html
@@ -4,6 +4,10 @@
 		<title>three.js - WebGPU - Backdrop</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js - WebGPU - Backdrop">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_backdrop.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_backdrop.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_backdrop_area.html b/examples/webgpu_backdrop_area.html
index 9e23d7b80202e0..0a1e69326ad162 100644
--- a/examples/webgpu_backdrop_area.html
+++ b/examples/webgpu_backdrop_area.html
@@ -4,6 +4,10 @@
 		<title>three.js - WebGPU - Backdrop Area</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js - WebGPU - Backdrop Area">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_backdrop_area.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_backdrop_area.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_backdrop_water.html b/examples/webgpu_backdrop_water.html
index eda0616752cb9e..3c22f141006825 100644
--- a/examples/webgpu_backdrop_water.html
+++ b/examples/webgpu_backdrop_water.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - backdrop water</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - backdrop water">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_backdrop_water.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_backdrop_water.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_camera.html b/examples/webgpu_camera.html
index ad2b24ed78302d..828ec7d27d8af1 100644
--- a/examples/webgpu_camera.html
+++ b/examples/webgpu_camera.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - cameras</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - cameras">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_camera.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_camera.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_camera_array.html b/examples/webgpu_camera_array.html
index cbf04b65e673a5..df41a970552458 100644
--- a/examples/webgpu_camera_array.html
+++ b/examples/webgpu_camera_array.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - arraycamera</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - arraycamera">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_camera_array.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_camera_array.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_camera_logarithmicdepthbuffer.html b/examples/webgpu_camera_logarithmicdepthbuffer.html
index a1824dc71d3443..64956c9cd5bdcb 100644
--- a/examples/webgpu_camera_logarithmicdepthbuffer.html
+++ b/examples/webgpu_camera_logarithmicdepthbuffer.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - logarithmic depth buffer</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - logarithmic depth buffer">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_camera_logarithmicdepthbuffer.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_camera_logarithmicdepthbuffer.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 		<style>
 
diff --git a/examples/webgpu_caustics.html b/examples/webgpu_caustics.html
index 01f7fd574293b7..629eef60cc52a8 100644
--- a/examples/webgpu_caustics.html
+++ b/examples/webgpu_caustics.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - caustics</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - caustics">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_caustics.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_caustics.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_centroid_sampling.html b/examples/webgpu_centroid_sampling.html
index a2b1a57dea804a..0b1d0bdef5596d 100644
--- a/examples/webgpu_centroid_sampling.html
+++ b/examples/webgpu_centroid_sampling.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - centroid sampling</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - centroid sampling">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_centroid_sampling.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_centroid_sampling.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<style>
diff --git a/examples/webgpu_clearcoat.html b/examples/webgpu_clearcoat.html
index 46f792d667d944..6390929884b97c 100644
--- a/examples/webgpu_clearcoat.html
+++ b/examples/webgpu_clearcoat.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - materials - clearcoat</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - materials - clearcoat">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_clearcoat.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_clearcoat.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_clipping.html b/examples/webgpu_clipping.html
index 5d90a29f54241e..39128b2865d219 100644
--- a/examples/webgpu_clipping.html
+++ b/examples/webgpu_clipping.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - clipping planes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - clipping planes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_clipping.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_clipping.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_compile_async.html b/examples/webgpu_compile_async.html
index ea42ab7784107d..33ec62d71bc24f 100644
--- a/examples/webgpu_compile_async.html
+++ b/examples/webgpu_compile_async.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - async node compilation</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - async node compilation">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compile_async.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compile_async.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 		<style>
 			#stats {
diff --git a/examples/webgpu_compute_audio.html b/examples/webgpu_compute_audio.html
index 82f5e7a12a6ef5..7ba397b5c82d4f 100644
--- a/examples/webgpu_compute_audio.html
+++ b/examples/webgpu_compute_audio.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - audio processing</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - audio processing">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compute_audio.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compute_audio.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_compute_birds.html b/examples/webgpu_compute_birds.html
index b08eba09da195c..1fa05995341896 100644
--- a/examples/webgpu_compute_birds.html
+++ b/examples/webgpu_compute_birds.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - compute birds</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - compute birds">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compute_birds.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compute_birds.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_compute_cloth.html b/examples/webgpu_compute_cloth.html
index 8d8c5ef36b5ccc..0b3c18d87ac0d2 100644
--- a/examples/webgpu_compute_cloth.html
+++ b/examples/webgpu_compute_cloth.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - compute cloth</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - compute cloth">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compute_cloth.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compute_cloth.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_compute_geometry.html b/examples/webgpu_compute_geometry.html
index 9645676fcef058..3df32b86d156a2 100644
--- a/examples/webgpu_compute_geometry.html
+++ b/examples/webgpu_compute_geometry.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - compute geometry</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - compute geometry">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compute_geometry.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compute_geometry.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_compute_particles.html b/examples/webgpu_compute_particles.html
index e37b67797a1b9a..be569e498b4fc5 100644
--- a/examples/webgpu_compute_particles.html
+++ b/examples/webgpu_compute_particles.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - compute particles</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - compute particles">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compute_particles.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compute_particles.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_compute_particles_fluid.html b/examples/webgpu_compute_particles_fluid.html
index 4ff83654da73e8..cf21acb39d6662 100644
--- a/examples/webgpu_compute_particles_fluid.html
+++ b/examples/webgpu_compute_particles_fluid.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - compute fluid particles</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - compute fluid particles">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compute_particles_fluid.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compute_particles_fluid.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_compute_particles_rain.html b/examples/webgpu_compute_particles_rain.html
index 2f8e47a0232583..0785889dba9091 100644
--- a/examples/webgpu_compute_particles_rain.html
+++ b/examples/webgpu_compute_particles_rain.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - compute particles rain</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - compute particles rain">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compute_particles_rain.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compute_particles_rain.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_compute_particles_snow.html b/examples/webgpu_compute_particles_snow.html
index 188e3a181ee359..441a0bd6118ab0 100644
--- a/examples/webgpu_compute_particles_snow.html
+++ b/examples/webgpu_compute_particles_snow.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - compute snow</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - compute snow">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compute_particles_snow.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compute_particles_snow.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 		<!-- <link type="text/css" rel="stylesheet" href="main.css"> -->
 	</head>
diff --git a/examples/webgpu_compute_points.html b/examples/webgpu_compute_points.html
index ab87413135bd17..fe3ee43a50705f 100644
--- a/examples/webgpu_compute_points.html
+++ b/examples/webgpu_compute_points.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - compute</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - compute">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compute_points.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compute_points.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_compute_reduce.html b/examples/webgpu_compute_reduce.html
index c8a962b5b56b3b..ea387f6fe0ec59 100644
--- a/examples/webgpu_compute_reduce.html
+++ b/examples/webgpu_compute_reduce.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - compute reduction</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - compute reduction">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compute_reduce.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compute_reduce.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_compute_sort_bitonic.html b/examples/webgpu_compute_sort_bitonic.html
index dda83067da2614..fdae4a30a3eb53 100644
--- a/examples/webgpu_compute_sort_bitonic.html
+++ b/examples/webgpu_compute_sort_bitonic.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - storage pbo external element</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - storage pbo external element">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compute_sort_bitonic.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compute_sort_bitonic.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_compute_texture.html b/examples/webgpu_compute_texture.html
index 2260bc1383f62c..861d13123d9a6e 100644
--- a/examples/webgpu_compute_texture.html
+++ b/examples/webgpu_compute_texture.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - compute texture</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - compute texture">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compute_texture.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compute_texture.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_compute_texture_3d.html b/examples/webgpu_compute_texture_3d.html
index 73b15b93262c0f..95ecf23320d3b3 100644
--- a/examples/webgpu_compute_texture_3d.html
+++ b/examples/webgpu_compute_texture_3d.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - compute texture 3D</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - compute texture 3D">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compute_texture_3d.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compute_texture_3d.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_compute_texture_pingpong.html b/examples/webgpu_compute_texture_pingpong.html
index 129ef5556130cd..1e4a12c13f5aef 100644
--- a/examples/webgpu_compute_texture_pingpong.html
+++ b/examples/webgpu_compute_texture_pingpong.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - compute ping/pong texture</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - compute ping/pong texture">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compute_texture_pingpong.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compute_texture_pingpong.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_compute_water.html b/examples/webgpu_compute_water.html
index 49a863564aefb4..41ad7963935fb2 100644
--- a/examples/webgpu_compute_water.html
+++ b/examples/webgpu_compute_water.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - compute water</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - compute water">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_compute_water.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_compute_water.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_cubemap_adjustments.html b/examples/webgpu_cubemap_adjustments.html
index d0e0215bc54bbe..3a7b9718fe459f 100644
--- a/examples/webgpu_cubemap_adjustments.html
+++ b/examples/webgpu_cubemap_adjustments.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - envmap adjustments</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - envmap adjustments">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_cubemap_adjustments.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_cubemap_adjustments.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_cubemap_dynamic.html b/examples/webgpu_cubemap_dynamic.html
index 15e02d5ae9ed2b..9a5d34324afec7 100644
--- a/examples/webgpu_cubemap_dynamic.html
+++ b/examples/webgpu_cubemap_dynamic.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - dynamic cube reflection</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - dynamic cube reflection">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_cubemap_dynamic.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_cubemap_dynamic.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 		<style>
 			body {
diff --git a/examples/webgpu_cubemap_mix.html b/examples/webgpu_cubemap_mix.html
index 0b7fef7a6273a2..d9e1265b337740 100644
--- a/examples/webgpu_cubemap_mix.html
+++ b/examples/webgpu_cubemap_mix.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - cubemap mix</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - cubemap mix">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_cubemap_mix.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_cubemap_mix.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_custom_fog.html b/examples/webgpu_custom_fog.html
index 944a612f971006..04ad685e9f4ec2 100644
--- a/examples/webgpu_custom_fog.html
+++ b/examples/webgpu_custom_fog.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - custom fog</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - custom fog">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_custom_fog.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_custom_fog.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_custom_fog_background.html b/examples/webgpu_custom_fog_background.html
index 3d02d200a087b9..be667f43c8781d 100644
--- a/examples/webgpu_custom_fog_background.html
+++ b/examples/webgpu_custom_fog_background.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - custom fog background</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - custom fog background">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_custom_fog_background.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_custom_fog_background.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_custom_fog_scattering.html b/examples/webgpu_custom_fog_scattering.html
index 665219fc66bc1b..6c119923a28376 100644
--- a/examples/webgpu_custom_fog_scattering.html
+++ b/examples/webgpu_custom_fog_scattering.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - fog - scattering</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - fog - scattering">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_custom_fog_scattering.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_custom_fog_scattering.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_depth_texture.html b/examples/webgpu_depth_texture.html
index 64b76073702dab..9b1cbae434dd98 100644
--- a/examples/webgpu_depth_texture.html
+++ b/examples/webgpu_depth_texture.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - depth texture</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - depth texture">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_depth_texture.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_depth_texture.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_display_stereo.html b/examples/webgpu_display_stereo.html
index 1f0a8a7ae02923..2264aa48e8030b 100644
--- a/examples/webgpu_display_stereo.html
+++ b/examples/webgpu_display_stereo.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - stereo effects</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - stereo effects">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_display_stereo.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_display_stereo.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_equirectangular.html b/examples/webgpu_equirectangular.html
index 1a88eb79435e91..d8325db5a1c9fd 100644
--- a/examples/webgpu_equirectangular.html
+++ b/examples/webgpu_equirectangular.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - equirectangular</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - equirectangular">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_equirectangular.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_equirectangular.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_fog_height.html b/examples/webgpu_fog_height.html
index a37a102d422583..987d471e123998 100644
--- a/examples/webgpu_fog_height.html
+++ b/examples/webgpu_fog_height.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - height fog</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - height fog">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_fog_height.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_fog_height.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_furnace_test.html b/examples/webgpu_furnace_test.html
index ba23425539ccd0..d8bae494ab5928 100644
--- a/examples/webgpu_furnace_test.html
+++ b/examples/webgpu_furnace_test.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - white furnace test</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - white furnace test">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_furnace_test.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_furnace_test.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_hdr.html b/examples/webgpu_hdr.html
index 2cf87349fd5900..e157cf9b3e22b0 100644
--- a/examples/webgpu_hdr.html
+++ b/examples/webgpu_hdr.html
@@ -3,6 +3,10 @@
 	<head>
 	<meta charset="utf-8" />
 	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
+		<meta property="og:title" content="three.js webgpu - HDR Draw">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_hdr.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_hdr.jpg">
 	<title>three.js webgpu - HDR Draw</title>
 	<link type="text/css" rel="stylesheet" href="example.css">
 	<style>
diff --git a/examples/webgpu_instance_mesh.html b/examples/webgpu_instance_mesh.html
index 658524d424befc..3e8256b2593b1f 100644
--- a/examples/webgpu_instance_mesh.html
+++ b/examples/webgpu_instance_mesh.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - instance mesh</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - instance mesh">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_instance_mesh.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_instance_mesh.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_instance_path.html b/examples/webgpu_instance_path.html
index 46fc551b83662d..1aedaaaad6dc4b 100644
--- a/examples/webgpu_instance_path.html
+++ b/examples/webgpu_instance_path.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - instance path</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - instance path">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_instance_path.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_instance_path.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_instance_points.html b/examples/webgpu_instance_points.html
index dcd39ad844a795..2ec15f382736f6 100644
--- a/examples/webgpu_instance_points.html
+++ b/examples/webgpu_instance_points.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - points instanced</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - points instanced">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_instance_points.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_instance_points.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_instance_sprites.html b/examples/webgpu_instance_sprites.html
index 7e2d07a02324bb..7b1274828ea179 100644
--- a/examples/webgpu_instance_sprites.html
+++ b/examples/webgpu_instance_sprites.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - instance sprites</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - instance sprites">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_instance_sprites.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_instance_sprites.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_instance_uniform.html b/examples/webgpu_instance_uniform.html
index d64ecdffaace37..2eeadf033ce6b4 100644
--- a/examples/webgpu_instance_uniform.html
+++ b/examples/webgpu_instance_uniform.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - instance uniform</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - instance uniform">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_instance_uniform.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_instance_uniform.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_instancing_morph.html b/examples/webgpu_instancing_morph.html
index a7840cb8ef1a50..1c162c831a8ebf 100644
--- a/examples/webgpu_instancing_morph.html
+++ b/examples/webgpu_instancing_morph.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - instancing morph target animations</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - instancing morph target animations">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_instancing_morph.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_instancing_morph.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_layers.html b/examples/webgpu_layers.html
index ff351a8e62c407..54d6dfbee01101 100644
--- a/examples/webgpu_layers.html
+++ b/examples/webgpu_layers.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - layers</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - layers">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_layers.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_layers.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_lensflares.html b/examples/webgpu_lensflares.html
index ae3f887be845f9..b7d7512ff71b0e 100644
--- a/examples/webgpu_lensflares.html
+++ b/examples/webgpu_lensflares.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - lens flares</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - lens flares">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lensflares.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lensflares.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_lightprobe.html b/examples/webgpu_lightprobe.html
index 1fc27cfa399089..a2f3f8b1ecb458 100644
--- a/examples/webgpu_lightprobe.html
+++ b/examples/webgpu_lightprobe.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - light probe</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - light probe">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lightprobe.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lightprobe.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_lightprobe_cubecamera.html b/examples/webgpu_lightprobe_cubecamera.html
index ba4b47169f5f8a..dfce91d7c0303c 100644
--- a/examples/webgpu_lightprobe_cubecamera.html
+++ b/examples/webgpu_lightprobe_cubecamera.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - light probe from cube camera</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - light probe from cube camera">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lightprobe_cubecamera.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lightprobe_cubecamera.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_lights_clustered.html b/examples/webgpu_lights_clustered.html
index 46439ffb6a1b59..8da5f53e42c381 100644
--- a/examples/webgpu_lights_clustered.html
+++ b/examples/webgpu_lights_clustered.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - clustered lighting</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - clustered lighting">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lights_clustered.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lights_clustered.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_lights_custom.html b/examples/webgpu_lights_custom.html
index 39fa242338f0e8..5cb03b2b76cd0a 100644
--- a/examples/webgpu_lights_custom.html
+++ b/examples/webgpu_lights_custom.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - custom lighting model</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - custom lighting model">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lights_custom.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lights_custom.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_lights_dynamic.html b/examples/webgpu_lights_dynamic.html
index a62fb73783fa10..be9bb1299e5ef0 100644
--- a/examples/webgpu_lights_dynamic.html
+++ b/examples/webgpu_lights_dynamic.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - dynamic lights</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - dynamic lights">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lights_dynamic.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lights_dynamic.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_lights_ies_spotlight.html b/examples/webgpu_lights_ies_spotlight.html
index 89f23a7096be1f..43ed268edbf65a 100644
--- a/examples/webgpu_lights_ies_spotlight.html
+++ b/examples/webgpu_lights_ies_spotlight.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - ies spotlight</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - ies spotlight">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lights_ies_spotlight.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lights_ies_spotlight.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_lights_phong.html b/examples/webgpu_lights_phong.html
index 2184bfb197c1df..25d016e831fae3 100644
--- a/examples/webgpu_lights_phong.html
+++ b/examples/webgpu_lights_phong.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - phong lighting model</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - phong lighting model">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lights_phong.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lights_phong.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_lights_physical.html b/examples/webgpu_lights_physical.html
index 4a887e20a4501d..d3f234b195b13f 100644
--- a/examples/webgpu_lights_physical.html
+++ b/examples/webgpu_lights_physical.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - physical lights</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - physical lights">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lights_physical.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lights_physical.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_lights_pointlights.html b/examples/webgpu_lights_pointlights.html
index f36a6a33485953..1b51655e18301f 100644
--- a/examples/webgpu_lights_pointlights.html
+++ b/examples/webgpu_lights_pointlights.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - point lights</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - point lights">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lights_pointlights.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lights_pointlights.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_lights_projector.html b/examples/webgpu_lights_projector.html
index e4e67aab5efc04..fc7f1320124db9 100644
--- a/examples/webgpu_lights_projector.html
+++ b/examples/webgpu_lights_projector.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - projector light</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - projector light">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lights_projector.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lights_projector.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_lights_rectarealight.html b/examples/webgpu_lights_rectarealight.html
index aee4e64d54fd8a..cea4752cb53b8c 100644
--- a/examples/webgpu_lights_rectarealight.html
+++ b/examples/webgpu_lights_rectarealight.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - rect area light</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - rect area light">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lights_rectarealight.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lights_rectarealight.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_lights_selective.html b/examples/webgpu_lights_selective.html
index 88cdb674bea73c..cfa7a0dc0300ec 100644
--- a/examples/webgpu_lights_selective.html
+++ b/examples/webgpu_lights_selective.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - selective lights</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - selective lights">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lights_selective.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lights_selective.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_lights_spotlight.html b/examples/webgpu_lights_spotlight.html
index ab919c860560fd..06362ef3c768c7 100644
--- a/examples/webgpu_lights_spotlight.html
+++ b/examples/webgpu_lights_spotlight.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - spotlight</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - spotlight">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lights_spotlight.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lights_spotlight.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_lights_tiled.html b/examples/webgpu_lights_tiled.html
index 34f7b3a30972d6..f7818fa5303b99 100644
--- a/examples/webgpu_lights_tiled.html
+++ b/examples/webgpu_lights_tiled.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - tiled lighting</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - tiled lighting">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lights_tiled.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lights_tiled.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_lines_fat.html b/examples/webgpu_lines_fat.html
index 27596d1e041bb9..1f6600515b781e 100644
--- a/examples/webgpu_lines_fat.html
+++ b/examples/webgpu_lines_fat.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - fat lines</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - fat lines">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lines_fat.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lines_fat.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 
diff --git a/examples/webgpu_lines_fat_raycasting.html b/examples/webgpu_lines_fat_raycasting.html
index e94221a9e610e4..454aac4129d16b 100644
--- a/examples/webgpu_lines_fat_raycasting.html
+++ b/examples/webgpu_lines_fat_raycasting.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - fat lines</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - fat lines">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lines_fat_raycasting.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lines_fat_raycasting.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_lines_fat_wireframe.html b/examples/webgpu_lines_fat_wireframe.html
index 5480f16b030690..4cb0171edb81c0 100644
--- a/examples/webgpu_lines_fat_wireframe.html
+++ b/examples/webgpu_lines_fat_wireframe.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - fat wireframe</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - fat wireframe">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_lines_fat_wireframe.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_lines_fat_wireframe.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_loader_gltf.html b/examples/webgpu_loader_gltf.html
index 1962f578f92a76..8459eb9bc00e93 100644
--- a/examples/webgpu_loader_gltf.html
+++ b/examples/webgpu_loader_gltf.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - gltf loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - gltf loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_loader_gltf.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_loader_gltf.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_loader_gltf_anisotropy.html b/examples/webgpu_loader_gltf_anisotropy.html
index b0c03032c6100f..4a004f824ea6e7 100644
--- a/examples/webgpu_loader_gltf_anisotropy.html
+++ b/examples/webgpu_loader_gltf_anisotropy.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - glTF + anisotropy</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - glTF + anisotropy">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_loader_gltf_anisotropy.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_loader_gltf_anisotropy.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_loader_gltf_compressed.html b/examples/webgpu_loader_gltf_compressed.html
index 4b3be4b4fdeeba..994d2ca72c4d3d 100644
--- a/examples/webgpu_loader_gltf_compressed.html
+++ b/examples/webgpu_loader_gltf_compressed.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - glTF + compressed</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - glTF + compressed">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_loader_gltf_compressed.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_loader_gltf_compressed.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_loader_gltf_dispersion.html b/examples/webgpu_loader_gltf_dispersion.html
index 2f5794d052d953..99f92a2e325569 100644
--- a/examples/webgpu_loader_gltf_dispersion.html
+++ b/examples/webgpu_loader_gltf_dispersion.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - glTF + dispersion</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - glTF + dispersion">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_loader_gltf_dispersion.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_loader_gltf_dispersion.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_loader_gltf_iridescence.html b/examples/webgpu_loader_gltf_iridescence.html
index 28e49ede2b8543..745f81c73f438c 100644
--- a/examples/webgpu_loader_gltf_iridescence.html
+++ b/examples/webgpu_loader_gltf_iridescence.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - glTF + iridescence</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - glTF + iridescence">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_loader_gltf_iridescence.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_loader_gltf_iridescence.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_loader_gltf_sheen.html b/examples/webgpu_loader_gltf_sheen.html
index 1904e4161d6fe8..6fada56d74d642 100644
--- a/examples/webgpu_loader_gltf_sheen.html
+++ b/examples/webgpu_loader_gltf_sheen.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - sheen</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - sheen">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_loader_gltf_sheen.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_loader_gltf_sheen.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 		<style>
 			body {
diff --git a/examples/webgpu_loader_gltf_transmission.html b/examples/webgpu_loader_gltf_transmission.html
index 6c7921da2bf48e..29e8621cda0ace 100644
--- a/examples/webgpu_loader_gltf_transmission.html
+++ b/examples/webgpu_loader_gltf_transmission.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - glTF + transmission</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - glTF + transmission">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_loader_gltf_transmission.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_loader_gltf_transmission.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_loader_materialx.html b/examples/webgpu_loader_materialx.html
index 1f3dbd769accb3..f441b026e107aa 100644
--- a/examples/webgpu_loader_materialx.html
+++ b/examples/webgpu_loader_materialx.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - materialx loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - materialx loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_loader_materialx.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_loader_materialx.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 		<style>
 			.dg .property-name {
diff --git a/examples/webgpu_loader_texture_ktx2.html b/examples/webgpu_loader_texture_ktx2.html
index e4c8fc307a6c59..53947416461550 100644
--- a/examples/webgpu_loader_texture_ktx2.html
+++ b/examples/webgpu_loader_texture_ktx2.html
@@ -4,6 +4,10 @@
 		<title>three.js WebGPU - KTX2 texture loader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js WebGPU - KTX2 texture loader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_loader_texture_ktx2.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_loader_texture_ktx2.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			* {
diff --git a/examples/webgpu_materials.html b/examples/webgpu_materials.html
index 9b5f337ea62bfe..59e36ce87dcd7d 100644
--- a/examples/webgpu_materials.html
+++ b/examples/webgpu_materials.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - materials</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - materials">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_materials_alphahash.html b/examples/webgpu_materials_alphahash.html
index ed40b601ab51a5..dda5d3bf3bd18e 100644
--- a/examples/webgpu_materials_alphahash.html
+++ b/examples/webgpu_materials_alphahash.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - alpha hash</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - alpha hash">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials_alphahash.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials_alphahash.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_materials_arrays.html b/examples/webgpu_materials_arrays.html
index c36e6e451e9402..3d6f90642e1c26 100644
--- a/examples/webgpu_materials_arrays.html
+++ b/examples/webgpu_materials_arrays.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - materials arrays and geometry groups</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - materials arrays and geometry groups">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials_arrays.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials_arrays.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_materials_basic.html b/examples/webgpu_materials_basic.html
index db5d6b6a7fdfaa..65a92b3c12444a 100644
--- a/examples/webgpu_materials_basic.html
+++ b/examples/webgpu_materials_basic.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - basic material</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - basic material">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials_basic.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials_basic.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_materials_cubemap_mipmaps.html b/examples/webgpu_materials_cubemap_mipmaps.html
index cb6f77d64f43bf..e4279dfa6be84c 100644
--- a/examples/webgpu_materials_cubemap_mipmaps.html
+++ b/examples/webgpu_materials_cubemap_mipmaps.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - cubemap mipmaps</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - cubemap mipmaps">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials_cubemap_mipmaps.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials_cubemap_mipmaps.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_materials_displacementmap.html b/examples/webgpu_materials_displacementmap.html
index ed32548dbd1801..70b416f304cda6 100644
--- a/examples/webgpu_materials_displacementmap.html
+++ b/examples/webgpu_materials_displacementmap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - displacement map</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - displacement map">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials_displacementmap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials_displacementmap.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_materials_envmaps.html b/examples/webgpu_materials_envmaps.html
index 700e6ba17df3cd..d18b257d80d2e7 100644
--- a/examples/webgpu_materials_envmaps.html
+++ b/examples/webgpu_materials_envmaps.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - environment maps</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - environment maps">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials_envmaps.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials_envmaps.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_materials_envmaps_bpcem.html b/examples/webgpu_materials_envmaps_bpcem.html
index 6df80d0ea84b6d..7c52907c919773 100644
--- a/examples/webgpu_materials_envmaps_bpcem.html
+++ b/examples/webgpu_materials_envmaps_bpcem.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - bpcem</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - bpcem">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials_envmaps_bpcem.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials_envmaps_bpcem.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_materials_lightmap.html b/examples/webgpu_materials_lightmap.html
index 44f4bc282fef6b..f435c6bf5e5ecd 100644
--- a/examples/webgpu_materials_lightmap.html
+++ b/examples/webgpu_materials_lightmap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - lightmap</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - lightmap">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials_lightmap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials_lightmap.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_materials_matcap.html b/examples/webgpu_materials_matcap.html
index 334372bb0cd2bd..220dfdb8ae719c 100644
--- a/examples/webgpu_materials_matcap.html
+++ b/examples/webgpu_materials_matcap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - matcap material</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - matcap material">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials_matcap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials_matcap.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_materials_sss.html b/examples/webgpu_materials_sss.html
index 908868703a9551..f13363d436a3fb 100644
--- a/examples/webgpu_materials_sss.html
+++ b/examples/webgpu_materials_sss.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - sss</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - sss">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials_sss.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials_sss.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_materials_texture_html.html b/examples/webgpu_materials_texture_html.html
index 8f2f68a30d5c18..f1956686e34406 100644
--- a/examples/webgpu_materials_texture_html.html
+++ b/examples/webgpu_materials_texture_html.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - materials - html texture</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - materials - html texture">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials_texture_html.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials_texture_html.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgpu_materials_texture_manualmipmap.html b/examples/webgpu_materials_texture_manualmipmap.html
index ded62bf12efc57..37f3b39946e052 100644
--- a/examples/webgpu_materials_texture_manualmipmap.html
+++ b/examples/webgpu_materials_texture_manualmipmap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - manual mipmaping</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - manual mipmaping">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials_texture_manualmipmap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials_texture_manualmipmap.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 		<style>
 
diff --git a/examples/webgpu_materials_toon.html b/examples/webgpu_materials_toon.html
index dd7586e9d5e988..4994aff94b60ae 100644
--- a/examples/webgpu_materials_toon.html
+++ b/examples/webgpu_materials_toon.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - toon material</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - toon material">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials_toon.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials_toon.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_materials_transmission.html b/examples/webgpu_materials_transmission.html
index b79a6c3b1b3c91..84cabaa13937d9 100644
--- a/examples/webgpu_materials_transmission.html
+++ b/examples/webgpu_materials_transmission.html
@@ -4,6 +4,10 @@
 		<title>threejs webgpu - transmission</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="threejs webgpu - transmission">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials_transmission.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials_transmission.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_materials_video.html b/examples/webgpu_materials_video.html
index 23ce40164270bb..ba8f2592c2c269 100644
--- a/examples/webgpu_materials_video.html
+++ b/examples/webgpu_materials_video.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - video material</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - video material">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materials_video.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materials_video.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_materialx_noise.html b/examples/webgpu_materialx_noise.html
index b4213737495381..0ab560371914ad 100644
--- a/examples/webgpu_materialx_noise.html
+++ b/examples/webgpu_materialx_noise.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - materialx noise</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - materialx noise">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_materialx_noise.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_materialx_noise.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_mesh_batch.html b/examples/webgpu_mesh_batch.html
index d2102c331ba900..9db61c2875147e 100644
--- a/examples/webgpu_mesh_batch.html
+++ b/examples/webgpu_mesh_batch.html
@@ -4,6 +4,10 @@
 	<title>three.js webgpu - batch mesh</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - batch mesh">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_mesh_batch.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_mesh_batch.jpg">
 	<link type="text/css" rel="stylesheet" href="example.css">
 </head>
 <body>
diff --git a/examples/webgpu_mirror.html b/examples/webgpu_mirror.html
index 2dfd936f6855f3..a837eaee9209e0 100644
--- a/examples/webgpu_mirror.html
+++ b/examples/webgpu_mirror.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - mirror</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - mirror">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_mirror.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_mirror.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_modifier_curve.html b/examples/webgpu_modifier_curve.html
index 8cdd781ae6ff4d..0dede09f8428d7 100644
--- a/examples/webgpu_modifier_curve.html
+++ b/examples/webgpu_modifier_curve.html
@@ -7,6 +7,10 @@
 			name="viewport"
 			content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
 		/>
+		<meta property="og:title" content="three.js webgpu - curve modifier" />
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_modifier_curve.html" />
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_modifier_curve.jpg" />
 		<link type="text/css" rel="stylesheet" href="example.css" />
 	</head>
 	<body>
diff --git a/examples/webgpu_morphtargets.html b/examples/webgpu_morphtargets.html
index 16db2fca18e91f..64a9f83c41ce7a 100644
--- a/examples/webgpu_morphtargets.html
+++ b/examples/webgpu_morphtargets.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - morph targets</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - morph targets">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_morphtargets.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_morphtargets.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_morphtargets_face.html b/examples/webgpu_morphtargets_face.html
index a0aee5781fc037..c2747c06ab8391 100644
--- a/examples/webgpu_morphtargets_face.html
+++ b/examples/webgpu_morphtargets_face.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - morph face targets</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - morph face targets">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_morphtargets_face.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_morphtargets_face.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 			body {
diff --git a/examples/webgpu_mrt.html b/examples/webgpu_mrt.html
index 9df0536b7a0c29..0e0e7e3bad9de0 100644
--- a/examples/webgpu_mrt.html
+++ b/examples/webgpu_mrt.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - mrt</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - mrt">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_mrt.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_mrt.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_mrt_mask.html b/examples/webgpu_mrt_mask.html
index 73561cf20f1309..9ab9bdfe6d082f 100644
--- a/examples/webgpu_mrt_mask.html
+++ b/examples/webgpu_mrt_mask.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - mrt mask</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - mrt mask">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_mrt_mask.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_mrt_mask.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_multiple_canvas.html b/examples/webgpu_multiple_canvas.html
index b7e2d2ad587231..22650ec6833fc4 100644
--- a/examples/webgpu_multiple_canvas.html
+++ b/examples/webgpu_multiple_canvas.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - multiple canvas</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - multiple canvas">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_multiple_canvas.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_multiple_canvas.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 
diff --git a/examples/webgpu_multiple_elements.html b/examples/webgpu_multiple_elements.html
index 37a593150af40b..8d5fff2bc77434 100644
--- a/examples/webgpu_multiple_elements.html
+++ b/examples/webgpu_multiple_elements.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - multiple elements</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - multiple elements">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_multiple_elements.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_multiple_elements.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 		<style>
 
diff --git a/examples/webgpu_multiple_rendertargets.html b/examples/webgpu_multiple_rendertargets.html
index 68fc0c0e52fe64..03d1f81a5da1f3 100644
--- a/examples/webgpu_multiple_rendertargets.html
+++ b/examples/webgpu_multiple_rendertargets.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - multiple render targets</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - multiple render targets">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_multiple_rendertargets.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_multiple_rendertargets.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_multiple_rendertargets_readback.html b/examples/webgpu_multiple_rendertargets_readback.html
index 70386e886af8ff..770ce523c328a1 100644
--- a/examples/webgpu_multiple_rendertargets_readback.html
+++ b/examples/webgpu_multiple_rendertargets_readback.html
@@ -4,6 +4,10 @@
 		<meta charset="utf-8">
 		<link rel="shortcut icon" href="#">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - mrt readback">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_multiple_rendertargets_readback.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_multiple_rendertargets_readback.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_multisampled_renderbuffers.html b/examples/webgpu_multisampled_renderbuffers.html
index 410d3656ef3b1e..1723e8a4c90d9a 100644
--- a/examples/webgpu_multisampled_renderbuffers.html
+++ b/examples/webgpu_multisampled_renderbuffers.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - multisampled renderbuffers</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - multisampled renderbuffers">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_multisampled_renderbuffers.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_multisampled_renderbuffers.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_occlusion.html b/examples/webgpu_occlusion.html
index b3d2daaad5cd2c..f5698f75a4a7b3 100644
--- a/examples/webgpu_occlusion.html
+++ b/examples/webgpu_occlusion.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - occlusion</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - occlusion">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_occlusion.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_occlusion.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_ocean.html b/examples/webgpu_ocean.html
index ec886362bf3b13..bdf220deac306a 100644
--- a/examples/webgpu_ocean.html
+++ b/examples/webgpu_ocean.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - ocean</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - ocean">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_ocean.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_ocean.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_parallax_uv.html b/examples/webgpu_parallax_uv.html
index c3e21b2373d5dc..16ce6fdb01004d 100644
--- a/examples/webgpu_parallax_uv.html
+++ b/examples/webgpu_parallax_uv.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - parallax uv</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - parallax uv">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_parallax_uv.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_parallax_uv.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_particles.html b/examples/webgpu_particles.html
index 6a51961d5efa19..c8a072677f68fd 100644
--- a/examples/webgpu_particles.html
+++ b/examples/webgpu_particles.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - particles</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - particles">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_particles.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_particles.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_performance.html b/examples/webgpu_performance.html
index 54d32242be6f29..564db01fa7a4a7 100644
--- a/examples/webgpu_performance.html
+++ b/examples/webgpu_performance.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - performance</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - performance">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_performance.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_performance.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_performance_renderbundle.html b/examples/webgpu_performance_renderbundle.html
index 05e6c44e6f3449..672095ffd21158 100644
--- a/examples/webgpu_performance_renderbundle.html
+++ b/examples/webgpu_performance_renderbundle.html
@@ -4,6 +4,10 @@
 	<title>three.js webgpu - Render Bundle</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - Render Bundle">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_performance_renderbundle.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_performance_renderbundle.jpg">
 	<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_pmrem_cubemap.html b/examples/webgpu_pmrem_cubemap.html
index 6b6f6a0f0f60a2..5bd70f70248338 100644
--- a/examples/webgpu_pmrem_cubemap.html
+++ b/examples/webgpu_pmrem_cubemap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - pmrem cubemap</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - pmrem cubemap">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_pmrem_cubemap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_pmrem_cubemap.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_pmrem_equirectangular.html b/examples/webgpu_pmrem_equirectangular.html
index 926094232b9abb..c6c6c509b1f1a4 100644
--- a/examples/webgpu_pmrem_equirectangular.html
+++ b/examples/webgpu_pmrem_equirectangular.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - pmrem equirectangular</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - pmrem equirectangular">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_pmrem_equirectangular.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_pmrem_equirectangular.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_pmrem_scene.html b/examples/webgpu_pmrem_scene.html
index d3f999f79a85ef..7211cf3e2f3045 100644
--- a/examples/webgpu_pmrem_scene.html
+++ b/examples/webgpu_pmrem_scene.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - pmrem scene</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - pmrem scene">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_pmrem_scene.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_pmrem_scene.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_pmrem_test.html b/examples/webgpu_pmrem_test.html
index 9ba44ee9930a6a..00dfca5059e662 100644
--- a/examples/webgpu_pmrem_test.html
+++ b/examples/webgpu_pmrem_test.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - PMREM directional light test</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - PMREM directional light test">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_pmrem_test.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_pmrem_test.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_portal.html b/examples/webgpu_portal.html
index 21ef6a53c7250b..f56b8c767f50df 100644
--- a/examples/webgpu_portal.html
+++ b/examples/webgpu_portal.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - portal</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - portal">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_portal.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_portal.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing.html b/examples/webgpu_postprocessing.html
index 65ef2a87374d41..ab3c6cfee58f63 100644
--- a/examples/webgpu_postprocessing.html
+++ b/examples/webgpu_postprocessing.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - postprocessing</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - postprocessing">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_3dlut.html b/examples/webgpu_postprocessing_3dlut.html
index 320614f365e040..4876e7756b66b2 100644
--- a/examples/webgpu_postprocessing_3dlut.html
+++ b/examples/webgpu_postprocessing_3dlut.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - 3d luts</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - 3d luts">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_3dlut.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_3dlut.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_afterimage.html b/examples/webgpu_postprocessing_afterimage.html
index 8c020291d14758..297f59f7ed3e84 100644
--- a/examples/webgpu_postprocessing_afterimage.html
+++ b/examples/webgpu_postprocessing_afterimage.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - postprocessing afterimage</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - postprocessing afterimage">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_afterimage.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_afterimage.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_anamorphic.html b/examples/webgpu_postprocessing_anamorphic.html
index d0c842d0133b36..7895a769cf3f62 100644
--- a/examples/webgpu_postprocessing_anamorphic.html
+++ b/examples/webgpu_postprocessing_anamorphic.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - postprocessing anamorphic</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - postprocessing anamorphic">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_anamorphic.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_anamorphic.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_ao.html b/examples/webgpu_postprocessing_ao.html
index b35b40cf69cf12..e24cd203915a0e 100644
--- a/examples/webgpu_postprocessing_ao.html
+++ b/examples/webgpu_postprocessing_ao.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - ambient occlusion</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - ambient occlusion">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_ao.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_ao.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_bloom.html b/examples/webgpu_postprocessing_bloom.html
index 3194c2632124f6..33eb33b61fa80e 100644
--- a/examples/webgpu_postprocessing_bloom.html
+++ b/examples/webgpu_postprocessing_bloom.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - postprocessing - bloom</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - postprocessing - bloom">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_bloom.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_bloom.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_bloom_emissive.html b/examples/webgpu_postprocessing_bloom_emissive.html
index f1a6b6843b877c..90e0834d267907 100644
--- a/examples/webgpu_postprocessing_bloom_emissive.html
+++ b/examples/webgpu_postprocessing_bloom_emissive.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - bloom emissive</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - bloom emissive">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_bloom_emissive.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_bloom_emissive.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_bloom_selective.html b/examples/webgpu_postprocessing_bloom_selective.html
index 34726f4ae4d6c1..3cb6605f2e9312 100644
--- a/examples/webgpu_postprocessing_bloom_selective.html
+++ b/examples/webgpu_postprocessing_bloom_selective.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - bloom selective</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - bloom selective">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_bloom_selective.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_bloom_selective.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_ca.html b/examples/webgpu_postprocessing_ca.html
index 42aadc8a589c2e..d8bb91081482f7 100644
--- a/examples/webgpu_postprocessing_ca.html
+++ b/examples/webgpu_postprocessing_ca.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - chromatic aberration</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - chromatic aberration">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_ca.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_ca.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_postprocessing_difference.html b/examples/webgpu_postprocessing_difference.html
index b207fcdc90cfae..f27237ba5c1baa 100644
--- a/examples/webgpu_postprocessing_difference.html
+++ b/examples/webgpu_postprocessing_difference.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - frame difference</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - frame difference">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_difference.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_difference.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_dof.html b/examples/webgpu_postprocessing_dof.html
index 24dce6f03e5f13..3add96f14881c5 100644
--- a/examples/webgpu_postprocessing_dof.html
+++ b/examples/webgpu_postprocessing_dof.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - postprocessing dof</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - postprocessing dof">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_dof.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_dof.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_dof_basic.html b/examples/webgpu_postprocessing_dof_basic.html
index afb5f482491d19..f72ca7d7af5231 100644
--- a/examples/webgpu_postprocessing_dof_basic.html
+++ b/examples/webgpu_postprocessing_dof_basic.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - postprocessing dof - basic</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - postprocessing dof - basic">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_dof_basic.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_dof_basic.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_fxaa.html b/examples/webgpu_postprocessing_fxaa.html
index 9540c1a9ad025f..5be9908da3d80f 100644
--- a/examples/webgpu_postprocessing_fxaa.html
+++ b/examples/webgpu_postprocessing_fxaa.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - FXAA</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - FXAA">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_fxaa.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_fxaa.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_postprocessing_godrays.html b/examples/webgpu_postprocessing_godrays.html
index ca35c0be57b013..7a8a1d8e179be1 100644
--- a/examples/webgpu_postprocessing_godrays.html
+++ b/examples/webgpu_postprocessing_godrays.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - postprocessing - godrays</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - postprocessing - godrays">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_godrays.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_godrays.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_lensflare.html b/examples/webgpu_postprocessing_lensflare.html
index dbd355b0a26ab4..4ac636fa315d64 100644
--- a/examples/webgpu_postprocessing_lensflare.html
+++ b/examples/webgpu_postprocessing_lensflare.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - postprocessing lensflares</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - postprocessing lensflares">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_lensflare.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_lensflare.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_masking.html b/examples/webgpu_postprocessing_masking.html
index d92e4956bbef27..7fecbb5bc15220 100644
--- a/examples/webgpu_postprocessing_masking.html
+++ b/examples/webgpu_postprocessing_masking.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - masking</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - masking">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_masking.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_masking.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_motion_blur.html b/examples/webgpu_postprocessing_motion_blur.html
index a3f84301993edc..3b8bf78a8097c0 100644
--- a/examples/webgpu_postprocessing_motion_blur.html
+++ b/examples/webgpu_postprocessing_motion_blur.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - motion blur</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - motion blur">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_motion_blur.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_motion_blur.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_outline.html b/examples/webgpu_postprocessing_outline.html
index 682e9b07a4afcf..28f44e13fe6f38 100644
--- a/examples/webgpu_postprocessing_outline.html
+++ b/examples/webgpu_postprocessing_outline.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - post processing - Outline Pass</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - post processing - Outline Pass">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_outline.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_outline.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_pixel.html b/examples/webgpu_postprocessing_pixel.html
index 4453310b99b88e..0e8bb70855b18a 100644
--- a/examples/webgpu_postprocessing_pixel.html
+++ b/examples/webgpu_postprocessing_pixel.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - postprocessing pixel</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - postprocessing pixel">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_pixel.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_pixel.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_postprocessing_radial_blur.html b/examples/webgpu_postprocessing_radial_blur.html
index 83859f856a97ca..577a03a9c5ebd8 100644
--- a/examples/webgpu_postprocessing_radial_blur.html
+++ b/examples/webgpu_postprocessing_radial_blur.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - radial blur</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - radial blur">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_radial_blur.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_radial_blur.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_postprocessing_retro.html b/examples/webgpu_postprocessing_retro.html
index 75377766b97b5d..6412584aa6e325 100644
--- a/examples/webgpu_postprocessing_retro.html
+++ b/examples/webgpu_postprocessing_retro.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - retro</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - retro">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_retro.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_retro.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_smaa.html b/examples/webgpu_postprocessing_smaa.html
index 92c88455d8d9c3..8d776f906d59a8 100644
--- a/examples/webgpu_postprocessing_smaa.html
+++ b/examples/webgpu_postprocessing_smaa.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - postprocessing smaa</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - postprocessing smaa">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_smaa.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_smaa.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_sobel.html b/examples/webgpu_postprocessing_sobel.html
index a572313597ae86..df79d93f6706c1 100644
--- a/examples/webgpu_postprocessing_sobel.html
+++ b/examples/webgpu_postprocessing_sobel.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - postprocessing sobel</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - postprocessing sobel">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_sobel.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_sobel.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_ssaa.html b/examples/webgpu_postprocessing_ssaa.html
index 234593f0e829d9..67b1f30ae212f1 100644
--- a/examples/webgpu_postprocessing_ssaa.html
+++ b/examples/webgpu_postprocessing_ssaa.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - postprocessing ssaa</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - postprocessing ssaa">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_ssaa.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_ssaa.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_ssgi.html b/examples/webgpu_postprocessing_ssgi.html
index 26d2500887e7b0..c9f657dc424dce 100644
--- a/examples/webgpu_postprocessing_ssgi.html
+++ b/examples/webgpu_postprocessing_ssgi.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - SSGI</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - SSGI">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_ssgi.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_ssgi.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_ssgi_ballpool.html b/examples/webgpu_postprocessing_ssgi_ballpool.html
index 9e2ca4b1a67375..7c1d179072ef91 100644
--- a/examples/webgpu_postprocessing_ssgi_ballpool.html
+++ b/examples/webgpu_postprocessing_ssgi_ballpool.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - SSGI Ball Pool</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - SSGI Ball Pool">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_ssgi_ballpool.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_ssgi_ballpool.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 		<style>
 			canvas {
diff --git a/examples/webgpu_postprocessing_ssr.html b/examples/webgpu_postprocessing_ssr.html
index 6ffdd2588e8cba..25827e3bb5e4e6 100644
--- a/examples/webgpu_postprocessing_ssr.html
+++ b/examples/webgpu_postprocessing_ssr.html
@@ -7,6 +7,10 @@
 		<title>three.js webgpu - postprocessing - Screen Space Reflections (SSR)</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - postprocessing - Screen Space Reflections (SSR)">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_ssr.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_ssr.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_postprocessing_sss.html b/examples/webgpu_postprocessing_sss.html
index 1bf10c893387cf..e6eb2d3952d54a 100644
--- a/examples/webgpu_postprocessing_sss.html
+++ b/examples/webgpu_postprocessing_sss.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - SSS</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - SSS">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_sss.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_sss.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_traa.html b/examples/webgpu_postprocessing_traa.html
index c46ac13ea9571c..97ba15735219eb 100644
--- a/examples/webgpu_postprocessing_traa.html
+++ b/examples/webgpu_postprocessing_traa.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - postprocessing traa</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - postprocessing traa">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_traa.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_traa.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_postprocessing_transition.html b/examples/webgpu_postprocessing_transition.html
index 0bf872494ca875..fbae7fb2e7b5c0 100644
--- a/examples/webgpu_postprocessing_transition.html
+++ b/examples/webgpu_postprocessing_transition.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - scenes transition</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - scenes transition">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_postprocessing_transition.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_postprocessing_transition.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_procedural_texture.html b/examples/webgpu_procedural_texture.html
index 45d705a4408cf0..33eaf77ba814ea 100644
--- a/examples/webgpu_procedural_texture.html
+++ b/examples/webgpu_procedural_texture.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - procedural texture</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - procedural texture">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_procedural_texture.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_procedural_texture.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_reflection.html b/examples/webgpu_reflection.html
index 2de3742ae6c1d9..f79948a2031f06 100644
--- a/examples/webgpu_reflection.html
+++ b/examples/webgpu_reflection.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - reflection</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - reflection">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_reflection.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_reflection.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_reflection_blurred.html b/examples/webgpu_reflection_blurred.html
index 49dcde1ebd60af..2fb711de302223 100644
--- a/examples/webgpu_reflection_blurred.html
+++ b/examples/webgpu_reflection_blurred.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - blurred reflection</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - blurred reflection">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_reflection_blurred.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_reflection_blurred.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_reflection_roughness.html b/examples/webgpu_reflection_roughness.html
index 3392c211493392..bf490cc6809279 100644
--- a/examples/webgpu_reflection_roughness.html
+++ b/examples/webgpu_reflection_roughness.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - roughness reflection</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - roughness reflection">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_reflection_roughness.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_reflection_roughness.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_refraction.html b/examples/webgpu_refraction.html
index b486705febe41d..c0898a652dc633 100644
--- a/examples/webgpu_refraction.html
+++ b/examples/webgpu_refraction.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - refraction</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - refraction">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_refraction.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_refraction.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_rendertarget_2d-array_3d.html b/examples/webgpu_rendertarget_2d-array_3d.html
index 488a3a65617599..5eea5bb76bf190 100644
--- a/examples/webgpu_rendertarget_2d-array_3d.html
+++ b/examples/webgpu_rendertarget_2d-array_3d.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - RenderTargetArray and RenderTarget3D</title>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - RenderTargetArray and RenderTarget3D">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_rendertarget_2d-array_3d.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_rendertarget_2d-array_3d.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 		<style>
 			.viewport-label {
diff --git a/examples/webgpu_reversed_depth_buffer.html b/examples/webgpu_reversed_depth_buffer.html
index 37ea613318245a..9f566cecf216f1 100644
--- a/examples/webgpu_reversed_depth_buffer.html
+++ b/examples/webgpu_reversed_depth_buffer.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - reverse depth buffer</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - reverse depth buffer">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_reversed_depth_buffer.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_reversed_depth_buffer.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 		<style>
 			#container {
diff --git a/examples/webgpu_rtt.html b/examples/webgpu_rtt.html
index 7120ec4e71277a..87944f9bb9966c 100644
--- a/examples/webgpu_rtt.html
+++ b/examples/webgpu_rtt.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - rtt</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - rtt">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_rtt.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_rtt.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_sandbox.html b/examples/webgpu_sandbox.html
index 5d81d4989f89eb..b278b44dd6002b 100644
--- a/examples/webgpu_sandbox.html
+++ b/examples/webgpu_sandbox.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - sandbox</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - sandbox">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_sandbox.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_sandbox.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_shadertoy.html b/examples/webgpu_shadertoy.html
index bc2c4a42b2d97c..c418619f8afee1 100644
--- a/examples/webgpu_shadertoy.html
+++ b/examples/webgpu_shadertoy.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - shadertoy</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - shadertoy">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_shadertoy.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_shadertoy.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_shadow_contact.html b/examples/webgpu_shadow_contact.html
index 7ca43864d59ec3..6d4661f6b4f9c9 100644
--- a/examples/webgpu_shadow_contact.html
+++ b/examples/webgpu_shadow_contact.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - contact shadows</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - contact shadows">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_shadow_contact.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_shadow_contact.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_shadowmap.html b/examples/webgpu_shadowmap.html
index 8c3a6e04cc0ba7..968b3d9ddcb877 100644
--- a/examples/webgpu_shadowmap.html
+++ b/examples/webgpu_shadowmap.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - shadow map</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - shadow map">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_shadowmap.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_shadowmap.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_shadowmap_array.html b/examples/webgpu_shadowmap_array.html
index b55a25af462e45..00745910ff1661 100644
--- a/examples/webgpu_shadowmap_array.html
+++ b/examples/webgpu_shadowmap_array.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - shadow map array tile demo</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - shadow map array tile demo">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_shadowmap_array.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_shadowmap_array.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_shadowmap_csm.html b/examples/webgpu_shadowmap_csm.html
index 4c59a5a9e4d183..a652056e349076 100644
--- a/examples/webgpu_shadowmap_csm.html
+++ b/examples/webgpu_shadowmap_csm.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - cascaded shadow maps</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - cascaded shadow maps">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_shadowmap_csm.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_shadowmap_csm.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_shadowmap_opacity.html b/examples/webgpu_shadowmap_opacity.html
index 2b3ae51971c8a5..a5bcae1aeeda32 100644
--- a/examples/webgpu_shadowmap_opacity.html
+++ b/examples/webgpu_shadowmap_opacity.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - shadowmap + opacity</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - shadowmap + opacity">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_shadowmap_opacity.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_shadowmap_opacity.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_shadowmap_pointlight.html b/examples/webgpu_shadowmap_pointlight.html
index 31cc90ec6d78e3..72a7ec7dfcf49b 100644
--- a/examples/webgpu_shadowmap_pointlight.html
+++ b/examples/webgpu_shadowmap_pointlight.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - PointLight ShadowMap</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - PointLight ShadowMap">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_shadowmap_pointlight.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_shadowmap_pointlight.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_shadowmap_progressive.html b/examples/webgpu_shadowmap_progressive.html
index 261c303982ca18..28cafd439f9b7e 100644
--- a/examples/webgpu_shadowmap_progressive.html
+++ b/examples/webgpu_shadowmap_progressive.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - progressive lightmap accumulation</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - progressive lightmap accumulation">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_shadowmap_progressive.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_shadowmap_progressive.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_shadowmap_vsm.html b/examples/webgpu_shadowmap_vsm.html
index 91e3e2e7a12c7c..06076033218ea8 100644
--- a/examples/webgpu_shadowmap_vsm.html
+++ b/examples/webgpu_shadowmap_vsm.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - vsm shadows example</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - vsm shadows example">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_shadowmap_vsm.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_shadowmap_vsm.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_skinning.html b/examples/webgpu_skinning.html
index 523a6647c2780e..2bb38a75ecb586 100644
--- a/examples/webgpu_skinning.html
+++ b/examples/webgpu_skinning.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - skinning</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - skinning">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_skinning.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_skinning.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_skinning_instancing.html b/examples/webgpu_skinning_instancing.html
index a577a8662cbed4..56381fd5c7e800 100644
--- a/examples/webgpu_skinning_instancing.html
+++ b/examples/webgpu_skinning_instancing.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - skinning instancing</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - skinning instancing">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_skinning_instancing.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_skinning_instancing.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_skinning_points.html b/examples/webgpu_skinning_points.html
index c756cf23847bab..bb4ec3bbd30841 100644
--- a/examples/webgpu_skinning_points.html
+++ b/examples/webgpu_skinning_points.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - skinning points</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - skinning points">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_skinning_points.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_skinning_points.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_sky.html b/examples/webgpu_sky.html
index d72509830fef27..b6ec8300424491 100644
--- a/examples/webgpu_sky.html
+++ b/examples/webgpu_sky.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - sky</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - sky">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_sky.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_sky.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_sprites.html b/examples/webgpu_sprites.html
index d104736db19045..71cba8e8366516 100644
--- a/examples/webgpu_sprites.html
+++ b/examples/webgpu_sprites.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - sprites</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - sprites">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_sprites.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_sprites.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_storage_buffer.html b/examples/webgpu_storage_buffer.html
index aa8d274205f987..acf6b65d82657c 100644
--- a/examples/webgpu_storage_buffer.html
+++ b/examples/webgpu_storage_buffer.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - storage pbo external element</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - storage pbo external element">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_storage_buffer.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_storage_buffer.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_struct_drawindirect.html b/examples/webgpu_struct_drawindirect.html
index 4a8fe477b26ba0..ad382d774d3479 100644
--- a/examples/webgpu_struct_drawindirect.html
+++ b/examples/webgpu_struct_drawindirect.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - struct drawIndirect</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - struct drawIndirect">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_struct_drawindirect.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_struct_drawindirect.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_test_memory.html b/examples/webgpu_test_memory.html
index 3d22ddb636798c..21dd5eb0aa0f0f 100644
--- a/examples/webgpu_test_memory.html
+++ b/examples/webgpu_test_memory.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - memory test I</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - memory test I">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_test_memory.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_test_memory.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_texturegather.html b/examples/webgpu_texturegather.html
index 1bd061254e0cd7..6181d2cd74e099 100644
--- a/examples/webgpu_texturegather.html
+++ b/examples/webgpu_texturegather.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - texture gather</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - texture gather">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_texturegather.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_texturegather.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_texturegrad.html b/examples/webgpu_texturegrad.html
index ab300f4d0b137a..31323e38c77745 100644
--- a/examples/webgpu_texturegrad.html
+++ b/examples/webgpu_texturegrad.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - texture gradient</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - texture gradient">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_texturegrad.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_texturegrad.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_textures_2d-array.html b/examples/webgpu_textures_2d-array.html
index b4c1265be5b534..08db4cbe29dc64 100644
--- a/examples/webgpu_textures_2d-array.html
+++ b/examples/webgpu_textures_2d-array.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - 2d texture array</title>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - 2d texture array">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_textures_2d-array.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_textures_2d-array.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_textures_2d-array_compressed.html b/examples/webgpu_textures_2d-array_compressed.html
index 4671484eba3db4..a573453fb6b3a1 100644
--- a/examples/webgpu_textures_2d-array_compressed.html
+++ b/examples/webgpu_textures_2d-array_compressed.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - 2D compressed texture array</title>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - 2D compressed texture array">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_textures_2d-array_compressed.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_textures_2d-array_compressed.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_textures_anisotropy.html b/examples/webgpu_textures_anisotropy.html
index ecba476d4c89c7..fb0e36a4021620 100644
--- a/examples/webgpu_textures_anisotropy.html
+++ b/examples/webgpu_textures_anisotropy.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - anisotropic texture filtering</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - anisotropic texture filtering">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_textures_anisotropy.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_textures_anisotropy.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 		<style>
 			body {
diff --git a/examples/webgpu_textures_partialupdate.html b/examples/webgpu_textures_partialupdate.html
index c16b5a2d316401..b9539fbbfe6062 100644
--- a/examples/webgpu_textures_partialupdate.html
+++ b/examples/webgpu_textures_partialupdate.html
@@ -4,6 +4,10 @@
 		<title>three.js webgl - webgpu partial texture update</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgl - webgpu partial texture update">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_textures_partialupdate.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_textures_partialupdate.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_tonemapping.html b/examples/webgpu_tonemapping.html
index 61b9e559c2bd66..959df4dc9834aa 100644
--- a/examples/webgpu_tonemapping.html
+++ b/examples/webgpu_tonemapping.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - tone mapping</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - tone mapping">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tonemapping.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tonemapping.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_tsl_angular_slicing.html b/examples/webgpu_tsl_angular_slicing.html
index e7628ad43d4388..37505cb013a6ae 100644
--- a/examples/webgpu_tsl_angular_slicing.html
+++ b/examples/webgpu_tsl_angular_slicing.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - angular slicing</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - angular slicing">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tsl_angular_slicing.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tsl_angular_slicing.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_tsl_compute_attractors_particles.html b/examples/webgpu_tsl_compute_attractors_particles.html
index 5c8302f46df7ff..b687e86548a704 100644
--- a/examples/webgpu_tsl_compute_attractors_particles.html
+++ b/examples/webgpu_tsl_compute_attractors_particles.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - attractors particles</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - attractors particles">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tsl_compute_attractors_particles.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tsl_compute_attractors_particles.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_tsl_earth.html b/examples/webgpu_tsl_earth.html
index 272c6dcacf60b8..0a14d35a152533 100644
--- a/examples/webgpu_tsl_earth.html
+++ b/examples/webgpu_tsl_earth.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - earth</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - earth">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tsl_earth.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tsl_earth.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_tsl_editor.html b/examples/webgpu_tsl_editor.html
index f6b6b16d6ac7bc..991cd4c8d0a2a6 100644
--- a/examples/webgpu_tsl_editor.html
+++ b/examples/webgpu_tsl_editor.html
@@ -3,6 +3,10 @@
 		<title>three.js webgpu - tsl editor</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - tsl editor">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tsl_editor.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tsl_editor.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_tsl_galaxy.html b/examples/webgpu_tsl_galaxy.html
index ef0814b76f278e..bc603c3ea8d3f0 100644
--- a/examples/webgpu_tsl_galaxy.html
+++ b/examples/webgpu_tsl_galaxy.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - galaxy</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - galaxy">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tsl_galaxy.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tsl_galaxy.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_tsl_graph.html b/examples/webgpu_tsl_graph.html
index 8db95bfb24ad23..ca914484f568b7 100644
--- a/examples/webgpu_tsl_graph.html
+++ b/examples/webgpu_tsl_graph.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - tsl graph</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - tsl graph">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tsl_graph.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tsl_graph.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 		<style>
 			.dg .property-name {
diff --git a/examples/webgpu_tsl_halftone.html b/examples/webgpu_tsl_halftone.html
index 25bf3529a2a6f7..7b1d15e68a484c 100644
--- a/examples/webgpu_tsl_halftone.html
+++ b/examples/webgpu_tsl_halftone.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - halftone</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - halftone">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tsl_halftone.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tsl_halftone.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_tsl_interoperability.html b/examples/webgpu_tsl_interoperability.html
index 64a32f850cb99d..465d841ef5e656 100644
--- a/examples/webgpu_tsl_interoperability.html
+++ b/examples/webgpu_tsl_interoperability.html
@@ -3,6 +3,10 @@
 		<title>three.js - wgsl/tsl interoperability</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js - wgsl/tsl interoperability">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tsl_interoperability.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tsl_interoperability.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_tsl_procedural_terrain.html b/examples/webgpu_tsl_procedural_terrain.html
index 34dd2ef9309117..68c65cddc9bc37 100644
--- a/examples/webgpu_tsl_procedural_terrain.html
+++ b/examples/webgpu_tsl_procedural_terrain.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - procedural terrain</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - procedural terrain">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tsl_procedural_terrain.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tsl_procedural_terrain.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_tsl_raging_sea.html b/examples/webgpu_tsl_raging_sea.html
index 84c8e9e42b30b1..066bdd22b85298 100644
--- a/examples/webgpu_tsl_raging_sea.html
+++ b/examples/webgpu_tsl_raging_sea.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - raging sea</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - raging sea">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tsl_raging_sea.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tsl_raging_sea.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_tsl_transpiler.html b/examples/webgpu_tsl_transpiler.html
index ca3509c1b3185e..380acb7f3ff529 100644
--- a/examples/webgpu_tsl_transpiler.html
+++ b/examples/webgpu_tsl_transpiler.html
@@ -3,6 +3,10 @@
 		<title>three.js - webgpu - tsl transpiler</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js - webgpu - tsl transpiler">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tsl_transpiler.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tsl_transpiler.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_tsl_vfx_flames.html b/examples/webgpu_tsl_vfx_flames.html
index 75760870be767e..ee19b5afe5e125 100644
--- a/examples/webgpu_tsl_vfx_flames.html
+++ b/examples/webgpu_tsl_vfx_flames.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - vfx flames</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - vfx flames">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tsl_vfx_flames.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tsl_vfx_flames.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_tsl_vfx_linkedparticles.html b/examples/webgpu_tsl_vfx_linkedparticles.html
index 1eb85f76eb6663..b8cc42d375e3a6 100644
--- a/examples/webgpu_tsl_vfx_linkedparticles.html
+++ b/examples/webgpu_tsl_vfx_linkedparticles.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - vfx linked particles</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - vfx linked particles">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tsl_vfx_linkedparticles.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tsl_vfx_linkedparticles.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_tsl_vfx_tornado.html b/examples/webgpu_tsl_vfx_tornado.html
index 07ec9e922e0cfd..f2694de0f103bd 100644
--- a/examples/webgpu_tsl_vfx_tornado.html
+++ b/examples/webgpu_tsl_vfx_tornado.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - vfx tornado</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - vfx tornado">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tsl_vfx_tornado.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tsl_vfx_tornado.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_tsl_wood.html b/examples/webgpu_tsl_wood.html
index cb92f0396fceed..4e0298256a5cba 100644
--- a/examples/webgpu_tsl_wood.html
+++ b/examples/webgpu_tsl_wood.html
@@ -4,6 +4,10 @@
 		<meta charset="utf-8">
 		<title>Three.js webgpu - procedural wood materials</title>
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="Three.js webgpu - procedural wood materials">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_tsl_wood.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_tsl_wood.jpg">
 		<meta name="author" content="Logan Seeley"/>
 		<link type="text/css" rel="stylesheet" href="example.css">
 		<style>
diff --git a/examples/webgpu_upscaling_fsr1.html b/examples/webgpu_upscaling_fsr1.html
index 6271e487ea1b44..575200924f6b77 100644
--- a/examples/webgpu_upscaling_fsr1.html
+++ b/examples/webgpu_upscaling_fsr1.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - fsr1</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - fsr1">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_upscaling_fsr1.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_upscaling_fsr1.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_upscaling_taau.html b/examples/webgpu_upscaling_taau.html
index 1984f3317f9970..01aafaee5213b4 100644
--- a/examples/webgpu_upscaling_taau.html
+++ b/examples/webgpu_upscaling_taau.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - postprocessing taau</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - postprocessing taau">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_upscaling_taau.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_upscaling_taau.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_video_frame.html b/examples/webgpu_video_frame.html
index f9d12586a12e0a..61cf747e42e338 100644
--- a/examples/webgpu_video_frame.html
+++ b/examples/webgpu_video_frame.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - video frames</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - video frames">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_video_frame.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_video_frame.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_video_panorama.html b/examples/webgpu_video_panorama.html
index 2e932b2fd049ff..77688fe3cc8988 100644
--- a/examples/webgpu_video_panorama.html
+++ b/examples/webgpu_video_panorama.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - video panorama</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - video panorama">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_video_panorama.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_video_panorama.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 		<style>
 			body {
diff --git a/examples/webgpu_volume_caustics.html b/examples/webgpu_volume_caustics.html
index 8329ab6c939d2d..148e30eeed4a93 100644
--- a/examples/webgpu_volume_caustics.html
+++ b/examples/webgpu_volume_caustics.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - volumetric caustics</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - volumetric caustics">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_volume_caustics.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_volume_caustics.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_volume_cloud.html b/examples/webgpu_volume_cloud.html
index 37b1274d2a4d06..4cf17978482a11 100644
--- a/examples/webgpu_volume_cloud.html
+++ b/examples/webgpu_volume_cloud.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - volumetric cloud</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - volumetric cloud">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_volume_cloud.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_volume_cloud.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_volume_lighting.html b/examples/webgpu_volume_lighting.html
index ecdfb1e9370cdf..f51a259d01331a 100644
--- a/examples/webgpu_volume_lighting.html
+++ b/examples/webgpu_volume_lighting.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - volumetric lighting</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - volumetric lighting">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_volume_lighting.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_volume_lighting.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_volume_lighting_rectarea.html b/examples/webgpu_volume_lighting_rectarea.html
index 7b44b5fadb7a7f..b7d098235cfc6e 100644
--- a/examples/webgpu_volume_lighting_rectarea.html
+++ b/examples/webgpu_volume_lighting_rectarea.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - volumetric lighting rect area</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - volumetric lighting rect area">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_volume_lighting_rectarea.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_volume_lighting_rectarea.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_volume_lighting_traa.html b/examples/webgpu_volume_lighting_traa.html
index c6e0cbee2fd578..888d31798629a7 100644
--- a/examples/webgpu_volume_lighting_traa.html
+++ b/examples/webgpu_volume_lighting_traa.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - volumetric lighting using TRAA</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - volumetric lighting using TRAA">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_volume_lighting_traa.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_volume_lighting_traa.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_volume_perlin.html b/examples/webgpu_volume_perlin.html
index 5a6dc543bbb23d..59c76fdc918b13 100644
--- a/examples/webgpu_volume_perlin.html
+++ b/examples/webgpu_volume_perlin.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - volumetric perlin</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - volumetric perlin">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_volume_perlin.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_volume_perlin.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 
diff --git a/examples/webgpu_water.html b/examples/webgpu_water.html
index ba8b75b8160e8c..4903dcbd89d2de 100644
--- a/examples/webgpu_water.html
+++ b/examples/webgpu_water.html
@@ -4,6 +4,10 @@
 		<title>three.js webgpu - water</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<meta property="og:title" content="three.js webgpu - water">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_water.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_water.jpg">
 		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_xr_cubes.html b/examples/webgpu_xr_cubes.html
index 7bd5d9e72d801c..5ed8b32ee11221 100644
--- a/examples/webgpu_xr_cubes.html
+++ b/examples/webgpu_xr_cubes.html
@@ -4,6 +4,10 @@
 		<title>three.js xr - cubes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js xr - cubes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_xr_cubes.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_xr_cubes.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_xr_native_layers.html b/examples/webgpu_xr_native_layers.html
index 37e61c9a18f2d5..64b761c9f994aa 100644
--- a/examples/webgpu_xr_native_layers.html
+++ b/examples/webgpu_xr_native_layers.html
@@ -4,6 +4,10 @@
 		<title>three.js vr - xr layers</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js vr - xr layers">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_xr_native_layers.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_xr_native_layers.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webgpu_xr_rollercoaster.html b/examples/webgpu_xr_rollercoaster.html
index b428643a5f5820..c6b0e870ea800c 100644
--- a/examples/webgpu_xr_rollercoaster.html
+++ b/examples/webgpu_xr_rollercoaster.html
@@ -4,6 +4,10 @@
 		<title>three.js vr - roller coaster</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js vr - roller coaster">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webgpu_xr_rollercoaster.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webgpu_xr_rollercoaster.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_ar_camera_access.html b/examples/webxr_ar_camera_access.html
index 8c9b8efaf3b30f..b0614b2f40ae76 100644
--- a/examples/webxr_ar_camera_access.html
+++ b/examples/webxr_ar_camera_access.html
@@ -4,6 +4,10 @@
 		<title>three.js ar - camera access</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js ar - camera access">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_ar_camera_access.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_ar_camera_access.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_ar_cones.html b/examples/webxr_ar_cones.html
index 2cd0696ac6192a..a591ed94aa27f1 100644
--- a/examples/webxr_ar_cones.html
+++ b/examples/webxr_ar_cones.html
@@ -4,6 +4,10 @@
 		<title>three.js ar - cones</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js ar - cones">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_ar_cones.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_ar_cones.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_ar_hittest.html b/examples/webxr_ar_hittest.html
index 20bc2b803632d6..c81d2e6aa2a7be 100644
--- a/examples/webxr_ar_hittest.html
+++ b/examples/webxr_ar_hittest.html
@@ -4,6 +4,10 @@
 		<title>three.js ar - hit test</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js ar - hit test">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_ar_hittest.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_ar_hittest.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_ar_lighting.html b/examples/webxr_ar_lighting.html
index 0ee3cfd7c37f08..5a05afd5cb4248 100644
--- a/examples/webxr_ar_lighting.html
+++ b/examples/webxr_ar_lighting.html
@@ -4,6 +4,10 @@
 		<title>three.js ar - lighting estimation</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js ar - lighting estimation">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_ar_lighting.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_ar_lighting.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_ar_plane_detection.html b/examples/webxr_ar_plane_detection.html
index c242a84f3a947b..218f9d9fe9840e 100644
--- a/examples/webxr_ar_plane_detection.html
+++ b/examples/webxr_ar_plane_detection.html
@@ -4,6 +4,10 @@
 		<title>three.js ar - plane detection</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js ar - plane detection">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_ar_plane_detection.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_ar_plane_detection.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_vr_handinput.html b/examples/webxr_vr_handinput.html
index 6b8349e8cde918..30fc7a278827ab 100644
--- a/examples/webxr_vr_handinput.html
+++ b/examples/webxr_vr_handinput.html
@@ -4,6 +4,10 @@
 		<title>three.js vr - handinput</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js vr - handinput">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_vr_handinput.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_vr_handinput.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_vr_handinput_cubes.html b/examples/webxr_vr_handinput_cubes.html
index 6a6912faa01b77..a82e8f3b76c57b 100644
--- a/examples/webxr_vr_handinput_cubes.html
+++ b/examples/webxr_vr_handinput_cubes.html
@@ -4,6 +4,10 @@
 		<title>three.js vr - handinput - cubes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js vr - handinput - cubes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_vr_handinput_cubes.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_vr_handinput_cubes.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_vr_handinput_pointerclick.html b/examples/webxr_vr_handinput_pointerclick.html
index 89cfaca413e743..c0041e0f9d430c 100644
--- a/examples/webxr_vr_handinput_pointerclick.html
+++ b/examples/webxr_vr_handinput_pointerclick.html
@@ -5,6 +5,10 @@
 	<title>three.js vr - handinput - point and click</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js vr - handinput - point and click">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_vr_handinput_pointerclick.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_vr_handinput_pointerclick.jpg">
 	<link type="text/css" rel="stylesheet" href="main.css">
 </head>
 
diff --git a/examples/webxr_vr_handinput_pointerdrag.html b/examples/webxr_vr_handinput_pointerdrag.html
index 5e3b74ae357948..3b3378fbdc5434 100644
--- a/examples/webxr_vr_handinput_pointerdrag.html
+++ b/examples/webxr_vr_handinput_pointerdrag.html
@@ -5,6 +5,10 @@
 	<title>three.js ve - handinput - point and drag</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js ve - handinput - point and drag">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_vr_handinput_pointerdrag.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_vr_handinput_pointerdrag.jpg">
 	<link type="text/css" rel="stylesheet" href="main.css">
 </head>
 
diff --git a/examples/webxr_vr_handinput_pressbutton.html b/examples/webxr_vr_handinput_pressbutton.html
index ee9c56f4fd9731..567308cf0bf0b9 100644
--- a/examples/webxr_vr_handinput_pressbutton.html
+++ b/examples/webxr_vr_handinput_pressbutton.html
@@ -5,6 +5,10 @@
 	<title>three.js vr - handinput - press button</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js vr - handinput - press button">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_vr_handinput_pressbutton.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_vr_handinput_pressbutton.jpg">
 	<link type="text/css" rel="stylesheet" href="main.css">
 </head>
 
diff --git a/examples/webxr_vr_handinput_profiles.html b/examples/webxr_vr_handinput_profiles.html
index 46b0036b8bb7cc..1cfe554741d656 100644
--- a/examples/webxr_vr_handinput_profiles.html
+++ b/examples/webxr_vr_handinput_profiles.html
@@ -4,6 +4,10 @@
 		<title>three.js vr - handinput - profiles</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js vr - handinput - profiles">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_vr_handinput_profiles.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_vr_handinput_profiles.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_vr_layers.html b/examples/webxr_vr_layers.html
index 5350080d89aa8d..97c43de912663b 100644
--- a/examples/webxr_vr_layers.html
+++ b/examples/webxr_vr_layers.html
@@ -4,6 +4,10 @@
 		<title>three.js vr - layers</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js vr - layers">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_vr_layers.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_vr_layers.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_vr_panorama.html b/examples/webxr_vr_panorama.html
index a904bc6f4abfab..4952e3ea2092aa 100644
--- a/examples/webxr_vr_panorama.html
+++ b/examples/webxr_vr_panorama.html
@@ -4,6 +4,10 @@
 		<title>three.js vr - panorama</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js vr - panorama">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_vr_panorama.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_vr_panorama.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_vr_panorama_depth.html b/examples/webxr_vr_panorama_depth.html
index 3183de534aa2b1..48e1905541e8b9 100644
--- a/examples/webxr_vr_panorama_depth.html
+++ b/examples/webxr_vr_panorama_depth.html
@@ -4,6 +4,10 @@
 		<title>three.js vr - panorama with depth</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js vr - panorama with depth">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_vr_panorama_depth.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_vr_panorama_depth.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_vr_rollercoaster.html b/examples/webxr_vr_rollercoaster.html
index eca16657162674..3ea3bbc2b917a3 100644
--- a/examples/webxr_vr_rollercoaster.html
+++ b/examples/webxr_vr_rollercoaster.html
@@ -4,6 +4,10 @@
 		<title>three.js vr - roller coaster</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js vr - roller coaster">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_vr_rollercoaster.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_vr_rollercoaster.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_vr_sandbox.html b/examples/webxr_vr_sandbox.html
index 2183d01b4a5dff..ad1bab4bb36a17 100644
--- a/examples/webxr_vr_sandbox.html
+++ b/examples/webxr_vr_sandbox.html
@@ -4,6 +4,10 @@
 		<title>three.js vr - sandbox</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js vr - sandbox">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_vr_sandbox.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_vr_sandbox.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_vr_teleport.html b/examples/webxr_vr_teleport.html
index 101bc7799f8bbc..715040310a1e7e 100644
--- a/examples/webxr_vr_teleport.html
+++ b/examples/webxr_vr_teleport.html
@@ -4,6 +4,10 @@
 		<title>three.js vr - teleport</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js vr - teleport">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_vr_teleport.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_vr_teleport.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_vr_video.html b/examples/webxr_vr_video.html
index 431a3007985a9e..141e3e6f397431 100644
--- a/examples/webxr_vr_video.html
+++ b/examples/webxr_vr_video.html
@@ -4,6 +4,10 @@
 		<title>three.js vr - 360 stereo video</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js vr - 360 stereo video">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_vr_video.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_vr_video.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_xr_ballshooter.html b/examples/webxr_xr_ballshooter.html
index ff46ada3b4db24..2dc633e17682e6 100644
--- a/examples/webxr_xr_ballshooter.html
+++ b/examples/webxr_xr_ballshooter.html
@@ -4,6 +4,10 @@
 		<title>three.js xr - ball shooter</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js xr - ball shooter">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_xr_ballshooter.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_xr_ballshooter.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_xr_controls_transform.html b/examples/webxr_xr_controls_transform.html
index 3dc27cec8c4973..251b2f173f1f02 100644
--- a/examples/webxr_xr_controls_transform.html
+++ b/examples/webxr_xr_controls_transform.html
@@ -4,6 +4,10 @@
 		<title>three.js xr - controls - transform</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js xr - controls - transform">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_xr_controls_transform.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_xr_controls_transform.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_xr_cubes.html b/examples/webxr_xr_cubes.html
index b7b2086b8fb690..00e0aa7b6350d1 100644
--- a/examples/webxr_xr_cubes.html
+++ b/examples/webxr_xr_cubes.html
@@ -4,6 +4,10 @@
 		<title>three.js xr - cubes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js xr - cubes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_xr_cubes.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_xr_cubes.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_xr_dragging.html b/examples/webxr_xr_dragging.html
index 86f6460857d409..2c282f1a7fae09 100644
--- a/examples/webxr_xr_dragging.html
+++ b/examples/webxr_xr_dragging.html
@@ -4,6 +4,10 @@
 		<title>three.js xr - dragging</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js xr - dragging">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_xr_dragging.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_xr_dragging.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_xr_dragging_custom_depth.html b/examples/webxr_xr_dragging_custom_depth.html
index de5f3a74e7e5d5..2ffe2947135f4d 100644
--- a/examples/webxr_xr_dragging_custom_depth.html
+++ b/examples/webxr_xr_dragging_custom_depth.html
@@ -4,6 +4,10 @@
 		<title>three.js xr - dragging with custom depth shader</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js xr - dragging with custom depth shader">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_xr_dragging_custom_depth.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_xr_dragging_custom_depth.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_xr_haptics.html b/examples/webxr_xr_haptics.html
index 618955fb9c4a90..cc5720b5e3fb8e 100644
--- a/examples/webxr_xr_haptics.html
+++ b/examples/webxr_xr_haptics.html
@@ -4,6 +4,10 @@
 		<title>three.js xr - haptics</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js xr - haptics">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_xr_haptics.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_xr_haptics.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_xr_marchingcubes.html b/examples/webxr_xr_marchingcubes.html
index f50a74e93f69c3..30baf1a5604bbb 100644
--- a/examples/webxr_xr_marchingcubes.html
+++ b/examples/webxr_xr_marchingcubes.html
@@ -4,6 +4,10 @@
 		<title>three.js xr - marching cubes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js xr - marching cubes">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_xr_marchingcubes.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_xr_marchingcubes.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/examples/webxr_xr_paint.html b/examples/webxr_xr_paint.html
index 80e337fa8c4676..b7d2f92cb411fe 100644
--- a/examples/webxr_xr_paint.html
+++ b/examples/webxr_xr_paint.html
@@ -4,6 +4,10 @@
 		<title>three.js xr - paint</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<meta property="og:title" content="three.js xr - paint">
+		<meta property="og:type" content="website">
+		<meta property="og:url" content="https://threejs.org/examples/webxr_xr_paint.html">
+		<meta property="og:image" content="https://threejs.org/examples/screenshots/webxr_xr_paint.jpg">
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
diff --git a/files/og_image.png b/files/og_image.png
new file mode 100644
index 00000000000000..b96d36a258af9b
Binary files /dev/null and b/files/og_image.png differ
