# Techno Artisan – Website-Review & Optimierungen vor dem Launch

## Überblick

Diese Analyse umfasst alle Seiten der Website [preview.technoartisan.dj](https://preview.technoartisan.dj) in beiden Sprachen (EN + DE). Der Fokus liegt auf: **Auffindbarkeit für Booker/Veranstalter**, **SEO-Optimierung** und **technische Fehler** – mit dem Ziel, nur die wichtigsten Änderungen vor dem Launch aufzulisten, ohne alles umzukrempeln.

Die Bewertung ist in drei Prioritätsstufen unterteilt:
- 🔴 **Kritisch** – Muss vor dem Launch behoben werden (Seiten kaputt, Fehler sichtbar)
- 🟡 **Wichtig** – Sollte zeitnah umgesetzt werden (SEO-Impact, Booker-Erlebnis)
- 🟢 **Nice-to-have** – Kann nach dem Launch verbessert werden

***

## 🔴 Kritische Fehler (Vor Launch beheben!)

### Deutsche Unterseiten per alten Routen erreichbar → 404 + Debug-Text

Die deutschen Unterseiten im Sitemap verwenden korrekt deutsche Slugs (`/de/biographie`, `/de/kontakt`, `/de/impressum`, `/de/datenschutz`). Allerdings liefern die englischen Slug-Varianten (`/de/bio`, `/de/contact`, `/de/imprint`, `/de/data-privacy`) eine **404-Seite mit sichtbarem Debug-Text**: `WRONG view (/srv/storage/framework/views/...)`. Dieser interne Serverpfad darf niemals öffentlich sichtbar sein – das ist ein Sicherheits- und Professionalitätsproblem.

**Fix:** Entweder 301-Redirects von den alten englischen Slugs auf die korrekten deutschen Slugs einrichten, oder die Debug-Ausgabe komplett entfernen und eine saubere 404-Seite anzeigen.

### Meta-Description enthält doppelten Text

Die Meta-Description auf der Startseite (EN) lautet: *"Techno Artisan - DJ | Artist | Intro/Opener Designer - **Intro/Opener Designer** - percussive Hardgroove..."* – der Teil „Intro/Opener Designer" erscheint doppelt. Das sieht in Google-Suchergebnissen unprofessionell aus und verschwendet wertvolle Zeichen.

**Fix:** Den doppelten Abschnitt entfernen, z.B.: *"Techno Artisan – DJ & Artist from Hamburg. Percussive Hardgroove, dirty Schranz, and hard-hitting Hard Techno. Book now."*

### Cookie-Banner zeigt internen Code

In der Cookie-Erklärung wird bei der Dauer der Cookies `[2,Inf] 2 hours` angezeigt. Das `[2,Inf]` ist ein interner Wert (vermutlich Laravel/Config) und sollte vor Besuchern verborgen sein.

**Fix:** Die Cookie-Dauer-Anzeige bereinigen, sodass nur „2 Stunden" / „2 hours" angezeigt wird.

### robots.txt verweist auf falsche Domain

Die `robots.txt` enthält `Sitemap: https://technoartisan.dj/sitemap.xml` – also die Produktionsdomain. Beim Launch muss sichergestellt werden, dass die Sitemap-URL zur tatsächlichen Domain passt.

***

## 🟡 Wichtige Optimierungen (SEO & Booker-Erlebnis)

### hreflang-Tags auf Unterseiten fehlerhaft

Auf **allen Unterseiten** (Bio, Portfolio, Tour Dates, Contact) verweisen die `hreflang`-Tags nur auf die jeweilige Startseite (`/en` und `/de`) statt auf die entsprechende Unterseite. Google kann dadurch die Sprachversionen der einzelnen Seiten nicht korrekt zuordnen.[^1]

| Seite (EN) | hreflang zeigt auf | Sollte zeigen auf |
|---|---|---|
| `/en/bio` | `/en` + `/de` | `/en/bio` + `/de/biographie` |
| `/en/portfolio` | `/en` + `/de` | `/en/portfolio` + `/de/portfolio` |
| `/en/tour-dates` | `/en` + `/de` | `/en/tour-dates` + `/de/tour-dates` |
| `/en/contact` | `/en` + `/de` | `/en/contact` + `/de/kontakt` |

Zusätzlich fehlt ein `hreflang="x-default"`-Tag auf allen Seiten.

### Fehlende Canonical-Tags

Keine einzige Seite hat einen `>`-Tag. Ohne Canonical-Tags besteht das Risiko, dass Google die Preview-Domain und die spätere Produktionsdomain als Duplicate Content wertet.[^2][^1]

**Fix:** Auf jeder Seite einen Canonical-Tag mit der vollständigen URL der jeweiligen Seite setzen.

### Fehlende og:image auf allen Seiten

Kein Open-Graph-Bild (`og:image`) ist gesetzt. Wenn jemand die Website auf Social Media, WhatsApp oder in Booking-Mails teilt, erscheint kein Vorschaubild – das ist ein großer Nachteil für die Sichtbarkeit.[^2]

**Fix:** Ein ansprechendes Bild (1200×630px) als `og:image` hinterlegen – idealerweise das Logo/Pressfoto mit Namen.

### og:url zeigt auf Root-Domain statt auf Seitenurl

Auf allen Unterseiten zeigt `og:url` auf `https://preview.technoartisan.dj` statt auf die spezifische Seiten-URL. Das ist ein häufiger Fehler, der die korrekte Zuordnung beim Teilen verhindert.

### Meta-Description auf allen Seiten identisch

Alle Seiten (Bio, Portfolio, Tour Dates, Contact) verwenden exakt dieselbe Meta-Description wie die Startseite. Jede Seite sollte eine einzigartige, beschreibende Meta-Description haben.[^1][^2]

| Seite | Empfohlene Meta-Description (EN) |
|---|---|
✔️ | Bio | "Techno Artisan – DJ & artist from Hamburg. Raised on 90s rave culture. Hardgroove, Schranz & Hard Techno." |
| Portfolio | "Listen to Techno Artisan's DJ sets – Hard Techno, Schranz & Hardgroove. Live recordings from Hamburg clubs." |
| Tour Dates | "Upcoming gigs and past events by Techno Artisan. Hard Techno & Schranz DJ in Hamburg and beyond." |
| Contact | "Book Techno Artisan for your event. DJ bookings, intro/opener sound design. Contact & booking form." |

### „Neuestes" (Deutsch) auf englischer Portfolio-Seite

✔️ Auf der englischen Portfolio-Seite steht **„Neuestes (Hard Techno) DJ Set [11.2025]"** – ein deutsches Wort auf der englischen Seite. Das sollte zu „Latest" geändert werden.

### Fehlende strukturierte Daten (JSON-LD Schema)

Es gibt keinerlei Schema.org-Markup auf der Website. Für einen DJ/Artist sind besonders relevant:
- **MusicGroup** oder **Person** (mit `genre`, `url`, `sameAs`-Links zu Social Media)
- **Event** auf der Tour-Dates-Seite (Datum, Ort, Event-Name)
- **WebSite** mit Sitelinks-Searchbox

Strukturierte Daten verbessern die Darstellung in Suchergebnissen (Rich Snippets) und sind ein wichtiger SEO-Faktor.[^3][^1]

### Tour Dates: Keine visuelle Trennung Upcoming vs. Past

Auf der Tour-Dates-Seite stehen zukünftige und vergangene Events gemischt untereinander, ohne visuelle Unterscheidung. Booker möchten auf einen Blick sehen, wann der nächste verfügbare Termin ist.[^4]

**Fix:** Vergangene Dates ausgegraut oder in einen klappbaren „Past Events"-Bereich verschieben. Zukünftige Dates visuell hervorheben.

***

## 🟡 Wichtig für Booker & Veranstalter

### Kein Electronic Press Kit (EPK) vorhanden

Ein EPK ist das wichtigste Werkzeug, um von Bookern und Veranstaltern gebucht zu werden. Es sollte als downloadbare PDF und/oder eigene Seite verfügbar sein und enthalten:[^5][^6]

- Kurz-Bio (2–3 Sätze)
- Pressefotos (hochauflösend, downloadbar)
- Genre-Angaben und Sound-Beschreibung
- Links zu Mixes/Sets (SoundCloud)
- Social-Media-Links
- Kontakt für Bookings
- Optional: Tech Rider / Stage Plot[^7]

Die Bio-Seite enthält bereits ein Pressefoto (`press-kit-beta`-Ordner), aber es gibt keinen Download-Link und keine dedizierte EPK-Seite.

**Empfehlung:** Zumindest eine einfache EPK-Seite (`/en/press-kit`) mit Download-Button für ein PDF erstellen. Das Foto im `press-kit-beta`-Ordner ist nur 256×256px – für Veranstalter werden mindestens 1500px+ benötigt.[^6][^5]

### Kein Tech Rider / Stage Plot

Professionelle Booker erwarten oft einen Tech Rider (Anforderungen an Equipment/Setup). Zumindest ein Hinweis wie „Tech Rider auf Anfrage" wäre hilfreich, idealerweise mit Download-Link auf der Contact- oder EPK-Seite.[^7]

### Homepage-Titel: „Intro/Opener Sound Designer" prominent

Der Titel und die Beschreibung betonen stark den „Intro/Opener Designer"-Aspekt. Für Booker, die einen DJ suchen, könnte das verwirrend sein – sie suchen nach „DJ" und „Hard Techno". Der DJ/Artist-Aspekt sollte in Titel und Description stärker im Vordergrund stehen.[^8][^2]

**Vorschlag für den Title-Tag:** *„Techno Artisan – Hard Techno & Schranz DJ from Hamburg | Official"*

***

## 🟢 Kleinere Verbesserungen (Nach Launch)

### H1-Tags auf Unterseiten zu generisch


Die H1-Überschriften auf den Unterseiten lauten nur „Bio", „Portfolio", „Tour Dates", „Contact". Aussagekräftigere H1s mit Keywords verbessern das SEO-Ranking:[^1]
✔️ - Bio → „Techno Artisan – DJ Bio & Background"
✔️ - Portfolio → „DJ Sets & Mixes – Techno Artisan Portfolio"
✔️ - Tour Dates → „Techno Artisan Tour Dates & Events"
✔️ - Contact → „Book Techno Artisan – Contact & Booking"

### Fehlende Twitter-Card-Meta-Tags

Keine `twitter:card`, `twitter:title` oder `twitter:image`-Tags vorhanden. Falls die Website auf Twitter/X geteilt wird, erscheint keine formatierte Vorschau.

### Logo-Bild nicht optimiert

Das Haupt-Logo (`Techno_Artisan.png`) ist **319 KB** groß als PNG. Eine Konvertierung zu WebP und/oder Komprimierung könnte die Dateigröße um 60–80% reduzieren, was die Ladegeschwindigkeit verbessert.[^2][^1]

### Kein Lazy Loading für Bilder

Es wurde kein `loading="lazy"` auf Bildern gefunden. Besonders auf der Portfolio-Seite mit mehreren Bildern würde Lazy Loading die initiale Ladezeit verbessern.

### Title-Tags mit Leerzeichen am Ende

Einige Title-Tags haben ein überflüssiges Leerzeichen: `"... | Bio "` statt `"... | Bio"`. Ein kleines Detail, aber leicht zu fixen.

### Root-Domain leitet immer auf /en weiter

Die Root-URL `technoartisan.dj/` leitet per 302-Redirect immer auf `/en` weiter – unabhängig vom Browser-Sprache-Header. Eine Erkennung der Browser-Sprache (Accept-Language) wäre benutzerfreundlicher für deutsche Besucher. Zudem sollte der Redirect ein **301** (permanent) statt **302** (temporär) sein.

***

## Zusammenfassung: Prioritäten-Checkliste

| Priorität | Maßnahme | Aufwand |
|---|---|---|
| 🔴 | Debug-Text auf 404-Seiten entfernen / Redirects einrichten | Klein |
| 🔴 | Doppelte „Intro/Opener Designer" in Meta-Description fixen | Klein |
| 🔴 | Cookie-Dauer `[2,Inf]` bereinigen | Klein |
| 🔴 | robots.txt Sitemap-URL vor Launch prüfen | Klein |
| 🟡 | hreflang-Tags auf allen Unterseiten korrigieren | Mittel |
| 🟡 | Canonical-Tags auf allen Seiten hinzufügen | Mittel |
| 🟡 | og:image auf allen Seiten setzen | Klein |
| 🟡 | og:url auf Unterseiten korrigieren | Klein |
| 🟡 | Einzigartige Meta-Descriptions pro Seite | Mittel |
| 🟡 | „Neuestes" → „Latest" auf EN Portfolio-Seite | Klein |
| 🟡 | EPK-Seite / Download erstellen | Mittel–Groß |
| 🟡 | Tour Dates: Upcoming vs. Past visuell trennen | Klein |
| 🟡 | JSON-LD Schema Markup hinzufügen | Mittel |
| 🟢 | H1-Tags aussagekräftiger gestalten | Klein |
| 🟢 | Twitter-Card-Tags ergänzen | Klein |
| 🟢 | Logo-Bild komprimieren / WebP | Klein |
| 🟢 | Lazy Loading für Bilder | Klein |

***

## Was bereits gut funktioniert ✅

- **Klare Navigation** mit allen relevanten Seiten (Bio, Portfolio, Tour Dates, Contact)
- **Booking-Email prominent** auf Startseite und Kontaktseite platziert, mit „Book Now"-CTA
- **Kontaktformular** mit sinnvollen Auswahloptionen (DJ Booking, Production, Sound Design)
- **Responsive Design** – Tour Dates mit Desktop-Tabelle und Mobile-Cards gut gelöst
- **SoundCloud-Sets verlinkt** mit Cover-Bildern im Portfolio
- **DSGVO-konform**: Cookie-Banner, Impressum und Datenschutz vorhanden
- **Social-Media-Links** zu SoundCloud, Instagram, Facebook, YouTube sichtbar
- **Sitemap** korrekt in DE und EN generiert
- **HTTPS** aktiv
- **Deutsche + englische Version** grundsätzlich vorhanden und korrekt verlinkt in der Navigation
- **Professionelles Design** – dunkles Theme passt zum Techno-Genre, sauber aufgebaut

---

## References

1. [SEO for DJs: A Guide to Getting More Gigs From Google | Clicks Geek](https://clicksgeek.com/seo-for-djs/) - Tired of chasing leads? This guide to SEO for DJs provides real strategies to help you dominate loca...

2. [How to Build a DJ Website That Gets Bookings - DJs on Demand](https://www.djsondemand.co.uk/how-to-build-a-dj-website-that-gets-bookings/) - Learn how to build a DJ website that gets bookings, attracts clients and ranks on Google. Proven adv...

3. [Essential Technical SEO Strategies for Custom-Built Websites](https://www.prodjex.com/2025/11/essential-technical-seo-strategies-for-custom-built-websites/) - Steps to Implement Technical SEO on Custom-Built Sites · Conduct a Technical SEO Audit · Optimize Yo...

4. [EPKs 101: What every artist needs in their electronic press kit](https://www.reelcrafter.com/blog/epks-101-what-every-artist-needs-in-their-electronic-press-kits) - Your press kit includes all the promotional information you'll need to send to booking agents, talen...

5. [How To Make A Dj Epk For...](https://www.londonsoundacademy.com/blog/what-is-a-dj-epk-and-how-to-create-one-for-free) - Oct 17, 2024 - What is a DJ EPK and How to Create One For Free

6. [What Is a DJ EPK? – Electronic Press Kit - The Ghost Production](https://theghostproduction.com/dj-resources/what-is-dj-epk/) - A DJ EPK, or Electronic Press Kit, is a digital portfolio that includes essential information about ...

7. [How to Create an EPK (Electronic Press Kit) for Musicians - WaterBear](https://waterbear.org.uk/blog/how-to-create-an-epk-electronic-press-kit-for-musicians/) - An EPK is designed to showcase your music, achievements, and story to key industry contacts like pro...

8. [Getting Gigs: What Promoters Are Really Looking For](https://www.digitaldjtips.com/getting-gigs-promoters-really-looking/) - There is a fairly large disparity between what many DJs feel promoters want and what the majority of...
