Эта интерактивная 3D-модель Земли — оригинальная WebGL-демонстрация на Three.js (r128). Используются текстуры в стиле «blue marble», карта рельефа (bump), блеск воды, отдельный слой облаков и пользовательский шейдер ореола атмосферы на внешней сфере — удобно для географии, науки и яркого визуала на лендинге.
Попробуйте глобус онлайн
Перетаскивайте мышью для вращения камеры, колёсико — масштаб. Всё работает в браузере без плагинов.
Почему это полезно для SEO
- Семантическая разметка (заголовки, figure, figcaption) явно задаёт тему: Земля, WebGL, Three.js, облака, атмосфера.
- Текст до и после iframe даёт индексируемое содержание, даже если canvas находится во фрейме.
loading="lazy"снижает нагрузку на первую отрисовку при переходе со списков статей.
Технологии (для разработчиков)
WebGLRenderer, направленный и окружающий свет, OrbitControls. Атмосфера — чуть большая сфера с фрагментным шейдером, смешивающим френелевский ореол и голубой оттенок.
На мультиязычном сайте локализуйте заголовки и краткие описания, оставляя один общий интерактивный ресурс — так проще сопровождать и лучше покрывать запросы по языкам.