Angular mit SEO?

Liebe ITler,

ich baue gerade eine Website mit angular und stehe vor folgender Frage:

• Wie kann ich den Titel ändern
• Wie kann ich meta Tags einfügen
• Was muss ich bedenken bei SEO mit meta tags in angular?
• Was meinen Menschen, wenn sie meinem angular seo freundlich machen?

Danke im voraus

Answer 1

[Mirko Marek]

Hi crRaphi,

es ist nicht abhängig welches JavaScript-Framework du nutzt für das SEO. Die Suchmaschinenoptimierung wird hauptsächlich vom Inhalt gesteuert. Das bedeutet wenn die Texte eine höhere Qualität erreichen, wird die Seite höher geranked von Suchmaschinen wie Bing und Google. Die Meta-Tags dienen nur für die Suchmaschine den Inhalt besser einzuordnen, aber machen damit kein besseren SEO.

Suchmaschinen wie Google können sogar KI-generierte Inhalte erkennen und wertet die Seite ab und so wird das Ranking schlechter.

Woher ich das weiß: Berufserfahrung – Ich bin gelernter Mediengestalter Digital und Print(IHK)

Answer 2

[EinAlexander]

Angular mit SEO?

SEO bedeutet, hochwertige Inhalte zu verfassen, die es in dieser Form noch nirgendwo anders gibt. SEO bedeutet, hochwertige Inhalte so aufzubereiten, dass diese viele externe Links erhalten.

Welches Framework das dafür benötigte HTML generiert hat auf SEO keinen Einfluss.

Alex

Comments

[crRaphi]

Okay, danke und wie kann ich diese seo Tags in den Header bekommen? Oder kann ich sie einfach im body benutzen?

Es geht mir eher um die Benutzung im Zusammenspiel mit angular.

[EinAlexander]

@crRaphi

Okay, danke und wie kann ich diese seo Tags in den Header bekommen?

Was sollen denn SEO Tags sein?

[crRaphi]

@EinAlexander

Ich muss mich korrigieren: Ich meinte meta tags (Beschreibung, keywords,...)

[Quetschtuete]

@crRaphi

Es gibt die index.html, das ist deine Startseite für die Angular-Anwendung. Dort kannst du alle meta-tags und auch einen Titel vergeben, wie im normalen HTML. Oder du kannst es dynamisch mit Angular machen, falls sich das ändern sollte - falls nicht, lässt du es einfach in HTML stehen wie in jeder x-beliebigen HTML-Seite.

[crRaphi]

@Quetschtuete

Und wie kann ich sie ändern mit angular

[Quetschtuete]

@crRaphi

Würde hier den Kommentar sprengen, da gibt es einige Tutorials, wie z.B. https://medium.com/@shravanvishwakarma5/meta-tags-in-angular-c483c3e6f0d4

Den Titel kannst du bspw. so setzen: https://stackoverflow.com/a/47900525/596173

Answer 3

[chrishueneke]

Title:

import { Title } from '@angular/platform-browser';

@Component({
  selector: 'app-component',
  template: `...`
})
export class AppComponent {
  constructor(private titleService: Title) {}

  ngOnInit() {
    this.titleService.setTitle('Dein neuer Seitentitel');
  }
}

Meta Tags:

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

@Component({
  selector: 'app-component',
  template: `...`
})
export class AppComponent {
  constructor(private metaService: Meta) {}

  ngOnInit() {
    this.metaService.updateTag({ name: 'description', content: 'Deine Beschreibung hier' });
    this.metaService.updateTag({ name: 'keywords', content: 'deine, keywords, hier' });
  }
}

Was muss ich bedenken bei SEO mit meta tags in angular?

Dass robots auf "index" gesetzt ist.

Evtl. noch strukturierte Daten implementieren.

Was meinen Menschen, wenn sie meinem angular seo freundlich machen?

Kommt auf den Kontext an. Ich vermute, technische Dinge, wie Serverseitiges Rendering (bessere Ladezeiten), Lazy Loading (bessere Performance) oder Barrierefreiheit.

Woher ich das weiß: eigene Erfahrung