0

I have created an website in Angular 4/5 (not Universal). When i want to find my website in google search then my website has not any description, just title. Is there any way to change this without using Angular Universal? I dont want any seo optimalization, just this desription.

destro1
  • 99
  • 9
  • Your app use angular routing ? – Yanis-git Apr 14 '18 at 09:00
  • I'm voting to close this question as off-topic because it is an SEO question outside [the scope defined by the SEO tag wiki page](http://stackoverflow.com/tags/seo/info). It might be on-topic for [the webmasters stackexchange](http://webmasters.stackexchange.com/) – Quentin Apr 14 '18 at 09:10
  • Do not close this question. Angular has the API to add meta description tags as provided in my answer. – Tomasz Kula Apr 14 '18 at 09:15
  • Yes my app use routing. – destro1 Apr 25 '18 at 10:02

2 Answers2

2

Take advantage of the Meta injectable service.

Example usage

import {Component} from '@angular/core';
import {Meta} from '@angular/platform-browser';

@Component({
  selector: 'app-component',
  template: 'my awesome app'
})
export class AppComponent {
  constructor(private meta: Meta) {
    this.meta.addTag({ 
      name: 'description', 
      content: `My site's description that will show in google`
     })
  }
}
Tomasz Kula
  • 16,199
  • 2
  • 68
  • 79
1

You need to add a "description" meta tag in index.html . Like the one below.

<meta name="description" content="[Your description goes here]">

Add your website URL to Google using link below. https://www.google.com/webmasters/tools/submit-url

AND This might take little time to get reflected in Google search.

Google document link - https://support.google.com/webmasters/answer/35624?hl=en

Basavaraj Bhusani
  • 5,375
  • 2
  • 16
  • 24