Angular и SEO: почему следует избегать JS-фреймворка

1. Сам проект
2. Сканирование Google и рендеринг Angular Universal
3. Заключение, а как насчет SEO на Angular?

Angular и SEO: почему следует избегать JS-фреймворка

3,7 (74,55%) 11 голосов

Некоторое время назад я разработал систему статистики для компании, в которой я работаю (https://todaycycling.com/statistics/). Во всяком случае, я впервые начал разрабатывать проект под угловатый 5.

Сам проект

Что заставило меня перейти на переднюю платформу и особенно Angular, так это то, что разработка должна осуществляться только на передней части сайта . Предыдущий разработчик позаботился о том, чтобы отделить часть backoffice от части frontoffice, для моего наибольшего удовольствия!

Система статистики уже содержала все данные, все что мне нужно было сделать:

1. Создание SQL-запросов для получения информации;
2. Создание веб-сервисов для извлечения данных из этих запросов на стороне клиента;
3. Показать их на странице благодаря Angular и, в частности, Угловой материал ,

Что касается SEO, у меня уже была хорошая обратная связь с точки зрения производительности на Угловой универсальный (Он предварительно загружает страницу на стороне сервера и отображает соответствующий HTML-код, что позволяет браузеру не анализировать JS, а Google - большую строку файла JS для интерпретации).

Сканирование Google и рендеринг Angular Universal

Angular Universal позволяет сканеру Google или другой поисковой системе напрямую заходить читать HTML-код; вместо того, чтобы в конечном итоге с файлом JS для интерпретации.

так как консоль для Google для веб-мастеров Я проверил сканирование Google, чтобы узнать, как появилась страница.

Google рендеринг на странице отображения с угловой, угловой материал и угловой универсальный

Страница выглядит пустой, Google не отображает данные, содержащиеся на странице .

HTML-код, отсканированный Google с Angular Universal

Когда мы смотрим на код, полученный Google, мы видим, что HTML-код, содержащий отображение страницы , загружается. Google неправильно интерпретирует код на странице. Angular Universal прекрасно работает, отображая HTML-код, содержащий информацию, но Google вряд ли его прочитает.

Заключение, а как насчет SEO на Angular?

В течение многих лет нам говорили, что Google понимает код страниц Javascripts и что современные фреймворки хорошо вписываются в экосистему SEO. Однако нам также говорят, что необходимо облегчить работу Google в уменьшая усилия, которые он должен приложить, чтобы получить информацию на нашей странице ,

Нужно ли интерпретировать консоль Google Webmaster Tool как таковую? Будет ли Angular Universal «плохим» для SEO ? Мы можем узнать больше с новой версией Консоль поиска кто не спешит прийти ...

Я не знаю для себя, является ли Javascript проблемой для SEO , но именно страх заставил меня обратиться к языку без «Javascript» (используя PHP рендерер с стройный ). Другое дело, что HTML-код, сгенерированный Angular, не был действительный W3C потому что Angular Shadow Dom добавляет атрибуты в теги HTML, такие как «ngcontent-c25». Все это положить конец, я предпочел отмахнуться от угловой предосторожности.

Что думают SEO эксперты?