Cette Terre 3D interactive est une démonstration WebGL originale basée sur Three.js (r128). Elle assemble des textures « blue marble », un relief bump, des reflets spéculaires sur les océans, une couche de nuages animée et un shader de halo atmosphérique sur un second sphère—idéal pour la vulgarisation scientifique, la géographie ou une section héro d’un site portfolio.

Manipulez le globe en direct

Glissez pour orbiter autour du globe ; la molette zoome. Tout s’exécute dans le navigateur, sans plugin.

Pourquoi c’est pertinent pour le SEO

• Balises sémantiques (titres, figure, légende) qui nomment clairement le sujet : Terre, WebGL, Three.js, nuages, atmosphère.
• Du texte éditorial avant et après l’iframe pour que les moteurs indexent un contenu substantiel.
• loading="lazy" sur l’iframe pour préserver les Core Web Vitals depuis les pages de liste.

Stack technique (développeurs)

Un WebGLRenderer avec lumière directionnelle et ambiante, OrbitControls pour la caméra. L’atmosphère est une sphère légèrement plus grande avec un fragment shader mélangeant un rim façon Fresnel et une teinte bleu pâle.

Pour un site multilingue, dupliquez titres et extraits par langue tout en partageant la même ressource interactive—bon compromis entre couverture sémantique et maintenance.