Как сделать похожий по переходам сайт, только без проблем с СЕО?

Question

[myskypesla]

Вот ссылка, мне необходимо сделать подобный по анимации и переходам, только чтобы ещё и СЕО кампанию полноценную можно было бы запустить. Подскажите примеры или есть ли какие-то статьи, уроки?

Comments

[EverOne]

... и тут назревает вопрос "А какие у приведенного вами в пример сайта проблемы с SEO на ваш взгляд?"

[senefu]

EverOne: у этого может и не быть проблем, но в целом у SPA могут быть.

[Johny Smith]

EverOne: как мне показалось, автор вопроса акцентирует внимание не на всём сайте целиком, а на приветсвии с классом "main-page__greeting" которое формируется путём JS, а так как всё заскриптовано побуквенно - есть вероятность того что боты осуществляющие индексацию не видят "такое" за текст. Иными словами он наверное хочет чтобы весь текст проявлялся с спецэффектами и при этом был видел для поисковых машин. Не уверен, но кажется в этом заключается его вопрос?

[EverOne]

senefu: У SPA, и даже у чистого AJAX уже второй год как с crawler'ами проблем нет, ни у Гугла, ни у Яндекса. Даже тут deprecated повесили. Но в крайнем случае, хотя это даже лучше(!) существует SSR, он гарантирует отсутствие вопросов.

[senefu]

EverOne: да конечно, нету. Теоретик? Т.е. next.js с 15к звездами просто от нефиг делать существует, понял. Можно просто SPA делать без SSR))) Ну, успехов вам.

[myskypesla]

EverOne: Поисковики видят только одну страницу, чтобы увидел все страницы, нужно делать СЕО слепки

[EverOne]

senefu: Ок, а вы мой ответ прочитали? Или просто так решили кинуть мне название SSR-библиотеки?

[myskypesla]

Olek1: Я про сайт в целом. Так как тут реализована одна страница, а все остальные - это компоненты.

[EverOne]

myskypesla: Это и есть SPA-SSR.

[EverOne]

senefu: А мы на ТЫ давно перешли?

у этого может и не быть проблем, но в целом у SPA могут быть

тут где-то сказано о чистом SPA видимо, но ТЫ кидаешь мне ссылку на next.js, которая SSR, приводя ее 15 тысяч звезд как аргумент. Кто вот из нас дурачек еще не понятно.
Диалог окончен.

[myskypesla]

EverOne: Это не SPA + SSR, SPA + SSR это SPA страницы, которые реднерятся на сервере и прилетают на клиент, аля php

[EverOne]

myskypesla: Я в курсе, в данном конкретном случае лажанул (не посмотрел, если честно), есть такое.

[EverOne]

senefu: Я тут чуть ниже уже признал, что не прав.

Answer 1

[Можно просто Евгений]

https://greensock.com/
https://greensock.com/timelinemax
тебе в помощь

да и для практики проанализируй ихний код )
virginconnect.ru/build/app.js
В поиск вбей " BRAND NEW ANIMATION SCENE CONTAINER EVER SEEN IN MY LIFE! "