Lila J ist Sängerin, Songwriterin und Performerin aus Hamburg, mit persischen Wurzeln und einer Musik zwischen Pop und elektronischen Sounds. Damit ihre Arbeit an einer Adresse zusammenkommt statt über fremde Plattformen verstreut zu liegen, habe ich die Webseite mit Astro gebaut.
Eine Webseite für eine Musikerin
Bei Musikschaffenden liegt vieles bei anderen. Die Musik auf Streaming-Diensten, die Videos auf einer Videoplattform, die Bilder in sozialen Netzwerken. Das funktioniert, solange die Plattformen mitspielen, und ihre Regeln ändern sich ohne Vorwarnung.
Die eigene Webseite ist der Ort, an dem all das zusammenkommt und der Künstlerin gehört. Musik, Videos, Galerie, Tanz, Merch und Shop stehen dort nebeneinander, in ihrem Design und ohne Werbung für andere.
Warum die Webseite auf Astro läuft
Eine Künstler-Webseite lebt von Bildern, und Bilder sind das, was Webseiten langsam macht. Astro nimmt den Bildern beim Bauen die Last ab: Jedes wird in mehreren Größen und als modernes Format abgelegt, der Browser lädt nur die Größe, die er wirklich anzeigt.
Das Ergebnis ist eine Startseite mit großem Bildmaterial, die mit nur sieben HTTP-Anfragen auskommt, also sieben Dateien, die der Browser holen muss. Das macht sie trotz der Bilder besonders schnell. Kein einziger fremder Host ist beteiligt, es gibt also kein Schriften-Netzwerk, kein Statistik-Skript und folglich auch keinen Cookie-Banner.
Musik, Videos und Galerie als eigene Bereiche
Die Webseite hat elf Adressen, und jede hat eine klare Aufgabe. Musik und Videos zeigen das Werk, die Galerie die Bilder, Tanz den Teil der Arbeit, der über das Singen hinausgeht. Über Lila erzählt die Geschichte dahinter, Merch und Shop bringen die Sachen unter die Leute, Kontakt ist für Buchungen da.
Diese Trennung klingt selbstverständlich, ist sie aber nicht. Viele Künstler-Webseiten sind eine einzige lange Seite, auf der man scrollt, bis man findet, was man sucht. Für eine Bookerin, die kurz ein Video sehen will, ist eine eigene Adresse der schnellere Weg, und sie lässt sich verschicken.
Zehn Titel als strukturierte Daten
Im Quelltext steht Lila J als MusicGroup, dazu zehn Titel als MusicRecording. Suchmaschinen sehen dadurch nicht nur Überschriften, sondern erkennen die Einträge als Musik und können Werk und Interpretin verknüpfen.
Der Unterschied zeigt sich bei der Suche nach einem Künstlernamen. Ohne diese Angaben ist „Lila J” für eine Suchmaschine eine Wortkombination wie jede andere. Mit ihnen ist es eine Musikerin mit zehn Aufnahmen, einem Ort und einer Webseite.
Was die Webseite messbar leistet
PageSpeed Insights bewertet die Startseite am Desktop mit der vollen Punktzahl in allen vier Bereichen. Bei einer Webseite, die von großen Bildern lebt, ist das die eigentliche Leistung.
| Messwert | Ergebnis |
|---|---|
| First Contentful Paint | 0,3 s |
| Largest Contentful Paint | 0,5 s |
| Total Blocking Time | 0 ms |
| Cumulative Layout Shift | 0 |
| Speed Index | 0,3 s |
Der Layout-Shift liegt bei exakt null. Die Bilder haben feste Maße im Markup, der Platz steht also bereit, bevor das Bild da ist. Ohne diese Angabe schiebt jedes nachgeladene Bild den Text nach unten.
Die Webseite auf dem Handy
Musik wird unterwegs gehört und Videos unterwegs geschaut. Die mobile Ansicht ist für eine Künstler-Webseite deshalb die wichtigere.
Das dunkle Design kommt auf dem Handy besonders zur Geltung, weil das Bild fast die ganze Fläche bekommt. Die beiden Buttons stehen untereinander und sind groß genug für den Daumen.
Hosting und Betreuung der Webseite
Hosting und laufende Betreuung übernehme ich. Gepflegt wird vor allem das, was bei einer Musikerin ohnehin ständig dazukommt: neue Titel, neue Videos, neue Bilder von Auftritten.
Die Webseite ansehen
Die fertige Webseite steht unter lilajofficial.com. Weitere Projekte sind in den Referenzen gesammelt, die Startpreise stehen auf der Preisseite.
Quellen
Häufige Fragen zur Webseite von Lila J
Warum braucht eine Musikerin eine eigene Webseite?
Weil alles andere geliehen ist. Auf Streaming-Plattformen und in sozialen Netzwerken bestimmt ein Algorithmus, wer was zu sehen bekommt, und die Regeln ändern sich ohne Vorwarnung. Die eigene Adresse gehört der Künstlerin. Dort stehen Musik, Videos, Termine und der Shop nebeneinander, in ihrem Design und ohne Werbung für andere.
Was bringen strukturierte Daten bei Musik?
Sie sagen einer Suchmaschine, dass ein Eintrag ein Musiktitel ist und keine beliebige Überschrift. Hinterlegt sind die Künstlerin als MusicGroup und zehn Titel als MusicRecording. Damit lassen sich Werk und Interpretin verknüpfen, was die Chance erhöht, bei einer Suche nach dem Namen als Musikerin erkannt zu werden statt als zufällige Wortkombination.
Ist die Webseite mehrsprachig?
Nein. Im Kopfbereich steht zwar „Deutsch · English · فارسی", das beschreibt aber die Sprachen von Lila selbst, nicht Übersetzungen der Webseite. Die Inhalte stehen auf Deutsch. Eine echte Mehrsprachigkeit wäre ein eigener Ausbauschritt mit eigenen Adressen je Sprache und hreflang-Angaben.
Was kostet eine Webseite für Musiker und Künstler?
Eine Unternehmenswebseite beginnt bei 1.799 Euro netto, und für eine Künstler-Webseite gilt dieselbe Grundlage. Der Aufwand hängt vom Umfang ab, also von der Zahl der Bereiche, dem Bild- und Videomaterial und davon, ob ein Shop dazukommt. Die Startpreise stehen auf der Preisseite.
