Добавьте WordPress блоги в Angular универсальное приложение - PullRequest
0 голосов
/ 20 февраля 2020

Примечание: могут быть похожие вопросы, но я не нашел SEO-дружественного способа.

Здравствуйте,

Мы обновляем наш сайт с asp. net до Angular 4. У нас есть более 100 блогов в WordPress, которые мы интегрировали в сайт asp. net, теперь я хочу добавить блоги в проект Angular 4. Я реализовал рендеринг на стороне сервера в проекте angular, чтобы сделать сайт более удобным для SEO. Я искал для интеграции блогов WordPress в angular, но не нашел SEO дружественного решения. У меня есть следующие подходы:

(1) Я могу создать отдельный сайт в IIS, который обслуживает блоги WordPress и создает поддомен. Таким образом, это будет выглядеть как https://blog.example.com вместо https://example.com/blog. Но я сомневаюсь, используя этот подход, так как URL-адрес изменился, влияет ли это в моем поисковом рейтинге Google? Если это не влияет на ранжирование, то это нормально, но если это влияет на ранжирование, то есть ли какое-либо решение сохранить тот же рейтинг. Могут ли какие-либо коды перезаписи помочь мне сохранить те же рейтинги SEO?

(2) Я нашел много статей, в которых описан этот подход. Мы можем установить плагин (WP REST API), который генерирует данные json для мой пост и страницы. В моем проекте angular я должен создать компоненты, чтобы показать список сообщений и детали сообщений. Таким образом, я могу добавить два маршрута: (а) блог - то же самое, что домашняя страница для блога, (б) блог /: slug - где я могу загрузить детали поста. Я попробовал этот подход, он извлекает подробности из WordPress REST API как json, и я могу показать в пользовательском интерфейсе.

вот несколько ссылок для ссылки на код:

https://medium.com/@factoryhr / как использовать wordpress-api-and- angular -2-cab636176548 .

https://buttercms.com/blog/angular-seo-how-to-make-search-friendly-pages.

У меня есть два сомнения в этом подходе:

  1. , когда я делаю щелчок правой кнопкой мыши => просмотреть источник страницы, он не показывает сгенерированный html, так как он добавлен динамически. Тогда у меня был поиск по поводу динамического добавления html в DOM, но я ничего не получил (если у вас есть какое-то решение для этого, это будет мне очень полезно). Итак, как я сказал ранее, я реализовал рендеринг на стороне сервера в своем проекте, поэтому другие страницы оптимизированы для SEO, но когда я открываю страницы блога, он не показывает html. Нужно ли мне реализовать модуль angular prerendering, который генерирует файлы stati c html? если да, то как я могу развернуть такие страницы в производство. поскольку я не могу найти документы для развертывания на angular страницах предварительного представления.
  2. И второе мое сомнение в этом подходе заключается в том, что я не упоминаю отдельные сообщения в конфигурации моего маршрута, маршруты для отдельных сообщений (/ blog /: slug) будет динамическим c, для всех сообщений нет физических файлов, так что это повлияет на рейтинг?

Есть ли другой подход, который я здесь пропустил? Любые предложения или помощь приветствуется.

...