5 гаджетов для работы из дома, настройте n'yo! - Облегчите жизнь с помощью технологий

Для нашего бизнеса поисковая оптимизация исключительно важна, поэтому, хотя у нас есть приложение Angular 7, мы используем рендеринг на стороне сервера, поэтому Google et al. может легко получить доступ к нашему контенту. (Я знаю, что они предположительно отображают SPA, как приложения Angular, но мы обнаружили, что они по-прежнему сильно предпочитают контент, отображаемый на стороне сервера, и намного лучше его очищают.)

Проблема в том, что версия страницы, отображаемая на стороне сервера, часто незначительно отличается от версии, когда приложение javascript полностью загружается. Например, верхняя часть страницы может отличаться, если вы аутентифицированы. Я тоже считаю, что шрифты немного другие.

В результате пользователь сначала видит версию, отрисованную на стороне сервера, а затем приложение javascript «мигает» на свое место. Это ужасно:

Я бы предпочел, чтобы поток был:

  • Если у пользователя не включен javascript (т. Е. Он является веб-скребком вроде Google), он правильно получает версию, отрисованную на стороне сервера.
  • Если у пользователя включен javascript, он видит экран загрузки (например, пустой контент, например Facebook во время загрузки) или даже просто счетчик, а затем приложение исчезает в поле зрения.

Есть ли разумный способ сделать это? Дизайн-хитрость, правильное использование тега noscript или что-то еще?

Для вас трудились: Charles Robertson | Хотите связаться с нами?