title: I'm using ng2-metadata with my angular version 4 app and google only seems to show the default title and description
body: <p>I'm using <strong>ng2-metadata</strong> with my angular app and google only seems to show the default title and meta description.</p>
  
  <p><strong>My tech:</strong> Angular version 4, webpack, typescript and firebase for hosting. </p>
  
  <p>I'm deploying an AOT build and I have added the ng2-metadata aot function like the below link suggests.</p>
  
  <p><strong>This is the package I'm using:</strong> <a href="https://www.npmjs.com/package/ng2-metadata" rel="noreferrer">https://www.npmjs.com/package/ng2-metadata</a></p>
  
  <p><strong>Current issue:</strong></p>
  
  <p>The code seems to work in the browser visually but the google bots don't seem to show the other pages title and meta tags in the google search results.</p>
  
  <p>*I've done a webmaster tools crawl request to index the pages even though its a SPA.</p>
  
  <p><strong>This is one of my routes for my blog page (I've removed some of the text):</strong></p>
  
  <pre><code>import { Route} from '@angular/router';
  import { BlogComponent } from './blog.component';
  
  export const BlogRoutes: Route[] = [
   {
      path: 'blog',
      component: BlogComponent,
      data : {
        metadata : {
          title : 'My Website | Blog',
          override : true,
          description : "The latest news &amp; blog post....",
          keywords: "blog, reading, posts"
        }
      }
    }
  ];
  </code></pre>