Angular 6 (и версии ниже) default route не позволяет поисковой системе индексировать сайт?

Question

[Alexey]

Суть проблемы такова:
В инструкциях, книгах, tutorials везде указано для дефолтного раутера, применять редирект на необходимый раут:

{ path: '', redirectTo: '/dashboard', pathMatch: 'full' },

Т.е. пользователь заходит на сайт www.domain.com и ангуляр его редиректит на указанный выше раут /dashboard.
С точки зрения пользователя, он видит только доли секунды редиректа, а точнее невооруженному глазу это не заметно.

Но каковым было мое удивление, когда я открыл свой сайт (Google cache) в списке проиндексированных Google страниц, увидел чистую страницу - "app-component" без "контента из редиректа". Фактически Google crawler не делает редиректа с "/" в "/dashboard'".

Вопрос:
Как решить эту задачу, а именно, определить в качестве начальной точки dashboard без редиректа, для того чтобы проиндексировать сайт (главную страницу)?

Comments

[Alexey]

Для более полного понимания решения данного вопроса вот статья Angular server-side rendering with @ng-toolkit/uni...

Answer 1

[Даша Циклаури]

Server-side rendering, universal
По большому счету гугл не знает до каких пор проигрывать ваши скрипты на сайте, поэтому он или по таймауту делает рендеринг или по другим факторам. Чтобы этого избежать нужно самим рендерить страницу на сервере и отдавать уже готовую разметку.

Comments

[Alexey]

Чтобы этого избежать нужно самим рендерить страницу на сервере и отдавать уже готовую разметку.

Извините, Дарья, я не понял каким образом самому рендерить страницу? У меня на сервере NGINX основным файлом входа является index.html непосредственно подготовленный c помощью Angular Cli ( ng build --prod). Страница загружается 5-6 секунд. Я уже изменил редирект с /dashboard на /, но ничего не повлияло на кеш, редиректа не было и страница была проиндексирована Google Crawler как и в прошлый раз, основной родительский компонент отображается, а child нет.

[Даша Циклаури]

Alexey, nginx тут не причем. Рендерить - означает что тебе нужно думать, что у гугла нету браузера и ему нечем проигрывать скрипты которые ты написал, вместо этого нужно проиграть все действия у себя на nodejs, получить готовое дерево DOM элементов и превратить их в строку html-кода. Таким образом все действия, которые описаны в скриптах (редиректы, запросы, трансформации) гарантировано будут выполнены и переданы гуглу по тому url который он запросил

[Alexey]

Даша Циклаури, ok я понял, сегодня получилось добавить @ng-toolkit в проект. Вообще я в шоке от такого движения в сторону SSR. Я никогда не трогал SEO сторону, оказывается - все очень даже не просто, неужели все те десятки тысяч проектов написанных на Angular "не видно" поисковым роботам, я правильно понимаю?! Спасибо за ответы, очень профессионально!

[Даша Циклаури]

Alexey, их видно, но не гарантировано! мы угробили полгода и даже больше когда писали проект на энгуляр 2 без юниверсала, связывались с ребятами из Яндекса, писали экспертам по Гуглу, все твердили - чтобы было гибко и гарантировано, то только SSR. Допустим Гугл и Яндекс рендерит сам и правильно, одновременно с этим тебе нужно нанимать SEO-экспертов или использовать инструменты вида Semrush, Botify (я не рекламирую, а привожу пример топовых штук) для того чтобы оптимизировать проект и видеть тренд, они поголовно не умеют рендерить страницы, те кто умеют делают это в лоб - по таймауту (это значит делают запрос, ждут 5сек пока скрипты проиграются, рендерят), за это просят большие деньги и самое плохое что это не гарантирует корректного рендеринга, ведь бывает запрос заглючит и будет выполняться 5.5 сек, что приведет к тому что инструмент неверно воспримет реальную работу сайта.
Сейчас тренд у топовых фреймворков (вью, реакт, энгуляр) по части SSR - это удобство внедрения (даже на уровне CLI), и производительность.

[Alexey]

За прошлую ночь была проиндексирована главная страница с 38 внутренними линками Гугл ботом, чего я не мог добиться большое количество времени. Определённо это успех. Если честно ещё не так сильно понимаю как работает SSR и насколько это сильнее нагружает сервер при большом трафике, но надеюсь в скором времени буду знать намного больше. Реализаций SSR для Angular нашел достаточно немалое количество. Большое спасибо за ответы! Внесли ясность и прояснили ситуацию!

Answer 2

[hacker2001]

гугло-бот:
1) работает только с протоколами http/ftp;
2) не хранит состояний (кукисы и local storage не работают);
3) поддерживает только es-2015 (без бабеля никак).

можно через nginx редиректить на /dashboard.

Comments

[Alexey]

Насколько я знаю Гугл пытается покончить с http и перейти на https? У меня сайт использует https. Но в гугл кеше есть часть страницы, основной компонент контента не загружается. Страница в браузере грузиться за 5-6 секунд.

[hacker2001]

https и ftps подразумевались. почему страница так долго грузится? может пора задуматься об оптимизации? если оптимизировать нечего, то только на сервере рендерить