SEO & Angular

Die sitemap.xml hilft Suchmaschinen wie Google, den Inhalt deiner Webseite effizient zu durchsuchen und zu indexieren. Besonders für Single Page Applications (SPA) wie Angular kann eine Sitemap entscheidend sein, da viele Seiten dynamisch generiert werden und nicht sofort für Suchmaschinen sichtbar sind.

1. Sitemap.xml generieren

Nutze einen Sitemap-Generator oder erstelle die Datei manuell. Beispiel für eine einfache Sitemap:

sitemap.xml

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
    <url>
        <loc>https://pixeltango.at/</loc>
        <lastmod>2025-04-30</lastmod>
        <changefreq>weekly</changefreq>
        <priority>1.0</priority>
    </url>
    <url>
        <loc>https://pixeltango.at/webentwicklung</loc>
        <lastmod>2025-04-30</lastmod>
        <changefreq>monthly</changefreq>
        <priority>0.8</priority>
    </url>
</urlset>

2. Sitemap in der Angular-App hinterlegen

Platziere die Datei z.B. im Root-Verzeichnis /src deiner App und referenziere sie in deiner angular.json. Dies führt dazu, dass sie beim build Prozess in den öffentlichen Ordner gelegt wird und du sie nicht jedes mal manuell hinzufügen musst.

angular.json

"build": {
            "assets": [
              "src/sitemap.xml"
            ],

Falls du Firebase Hosting oder AWS S3 nutzt, stelle sicher, dass die sitemap.xml explizit hochgeladen wird.

3. Sitemap in der robots.txt referenzieren

Erstelle oder aktualisiere die robots.txt, um die Sitemap für Suchmaschinen sichtbar zu machen:

robots.txt

User-agent: *
Disallow: /admin/ 
Sitemap: https://pixeltango.at/sitemap.xml

Platziere diese Datei ebenfalls im Root-Verzeichnis /src deiner App und referenziere diese in der angular.json

angular.json

"build": {
            "assets": [
              "src/robots.txt"
            ],

4. Sitemap bei Google einreichen

Besuche die Google Search Console, navigiere zum Bereich „Sitemaps“ und füge die URL deiner sitemap.xml hinzu. So stellst du sicher, dass Google deine Angular-App effizient crawlt.