Я хочу, чтобы мое приложение Angular 6 работало с заданиями Google, но не может правильно отформатировать

Question

Я хочу, чтобы мои вакансии в формате html появлялись в вакансиях Google.

Это схема: https://schema.org/JobPosting

Но SPA требует слишком много времени для загрузки приложения и отображения заданий, поэтому сканеры не выбирают задания.

Это мой пример кода:

 <meta itemprop="address" content="{{ job.address.addressLine1 }} {{ job.address.postCode }}">
 <meta itemprop="addressLocality" content="{{ job.address.country }}">

 <p class="flex justify-between">
     <span itemprop="industry"><strong>{{ job.sector }}</strong></span>
     <span *ngIf="job.datePosted" itemprop="datePosted"><strong>{{ job.datePosted }}</strong></span>
 </p>

 <h3>
     <span itemprop="title">{{ job.name }}</span>
     <span itemprop="baseSalary">{{ job.pay.currency }}{{ job.pay.value }}</span>
 </h3>

 <p itemprop="description" [innerHtml]="job.description"></p>

Как видите, я добавил "itemprop".

Технический стек: Угловая версия 6, Webpack, Угловая Cli 6

Когда я использую этот инструмент из заданий Google, он не показывает задания: https://search.google.com/structured-data/testing-tool/u/0/

Answer 1

Я бы порекомендовал посмотреть на рендеринг на стороне сервера для обслуживания начальной загрузки вашего углового приложения. Таким образом, Google всегда будет получать окончательную загрузку вашей страницы, так как она будет отображаться на сервере до того, как они ее получат.

Сложность в его настройке действительно зависит от того, какой у вас бэкэнд-стек и насколько сложно ваше веб-приложение.