代码之家  ›  专栏  ›  技术社区  ›  AngularM

我希望我的Angular 6应用程序能与Google Jobs一起工作,但格式不正确

  •  6
  • AngularM  · 技术社区  · 6 年前

    我希望我的html作业发布出现在google jobs中。

    这是架构: 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”。

    技术堆栈: Angular版本6,网页包,Angular CLI6

    当我使用google jobs的这个工具时,它不会显示作业: https://search.google.com/structured-data/testing-tool/u/0/

    1 回复  |  直到 6 年前
        1
  •  0
  •   Tom Vinnicombe    6 年前

    我建议在服务器端进行渲染,以满足角度应用程序的初始负载。这样,google将始终获得页面的最终负载,因为在他们获得页面之前,它将在服务器上呈现。

    设置它的难度实际上取决于你的后端堆栈是什么,以及你的web应用程序有多复杂。

    推荐文章