Free Theme or Premium Template

Kostenloses oder Premium Theme? Oder individuelles Template?

Es gibt tausende vorgefertigte Themes für die gängigen Website-Redaktionssysteme. Egal ob WordPress, Joomla oder Typo3 – gut ausschauen tun viele. Der Teufel steckt allerdings im Detail: denn du siehst oft nicht auf den ersten Blick, ob die Themes

  • schnell
  • funktional
  • individualisierbar

sind. Deswegen möchte ich dir mit diesem Beitrag eine kleine Einführung in die Welt der Themes geben.

Was ist ein Theme?

Themes auch als Templates bezeichnet. Vor allem bei den Redaktionssystemen Joomla und Typo3 ist die Bezeichnung als Template gängig. Bei WordPress dagegen sprechen wir vom Theme.WordPress ist übrigens das Website Redaktionssystem mit der größten Auswahl an vorgefertigten Themes. Im Grunde ist es egal ob du vom Theme oder Tempalte sprichst, jeder einigermaßen versierte Webseitenbetreiber wird dich verstehen, dass (vorprogrammierte) Designs meinst.

Themes dienen als Schnittstelle zwischen dem Dateisystem auf dem Server und dem Redaktionssystem, womit die Inhalte und Einstellungen deiner Seite in einer (MySQL) Datenbank bearbeitet und gespeichert werden. Dein Theme ist also für das Aussehen verantwortlich und fügt Dateien zum Design (sog. Stylesheets) mit deinen Inhalten zur fertigen Webseite, Blog oder Online Shop zusammen. Es ist also maßgeblich am Aussehen und der Bedienung deiner Seite verantwortlich. Die Kompatibilität des Themes ist auch für die Ladezeit und der SEO verantwortlich.

Es gibt drei Arten von Themes:

  1. kostenlose Themes
  2. kostenpflichtige „Premium Themes“
  3. individuelle Themes

Alle Themes können professionell entwickelt sein, müssen es aber nicht. Die Qualität eines Themes hängt von der Kompetenz und dem Budget der Theme-Programmierer ab. Ein gutes Theme schafft also den Spagat zwischen Individualität, den benötigten Funktionen und top Performance.

Brauchst du ein Premium Theme?

Premium Themes klingen zunächst gut, sind aber nicht pauschal besser als kostenlose: Sie können genauso Fehler haben wie ein kostenloses WordPress Theme.

Premium Themes bieten zwar in der Regel mehr Support als kostenlose Themes, allerdings entspricht dies nicht immer der konstruktiven Hilfe, die du manchmal brauchst und erwartest. Der Support bei Premium Themes ist oft genauso schlecht wie bei kostenlosen Themes. So bietet beispielsweise das super erfolgreiche Enfold Theme nur ein Hilfeforum, aber keine Möglichkeit direkt Fragen zu stellen – obwohl du ja eigentlich ein „Premium“ Theme mit Support bezahlst. Mit einer derartigen Supportqualität können viele kostenlose Themes mithalten. Wenn das Theme nichts kostet kostet ist Support via Hilfe Forum auch in Ordnung, wenn schlechter Support aber was kosten soll, rate ich vom Premium Theme grundsätzlich ab.

Vorteile und Nachteile kostenloser Themes

Kostenlose Themes haben den Vorteil, meist sehr schlank und für sehr besonderen Bedarf entwickelt zu sein. Das macht sie einerseits oft schnell, andererseits aber auch unflexibel.

Da es kaum Qualitätsstandards für kostenlose Themes gibt, downloadest du dir damit die Katze im Sack. Erst bei der Einrichtung wirst du sehen, wie gut das Theme geeignet ist.

Die Krux am Premium Theme

Gleiches gilt für Premium Themes: Ohne Einrichtung wird’s schwer festzustellen, wie gut das Theme wirklich ist. Allerdings haben die meisten Theme Markplätze Qualitätsrichtlinien, ohne deren Einhaltung Autoren ihre Themes nicht gelistet bekommen. So geht bei dem Markplatz themeforest nichts ohne vorheriger Prüfung online.

Darüber hinaus kommt aber das Problem, dass Premium Themes meist völlig überladen mit Funktionen sind. Das liegt daran dass die Entwickler bzw. Anbieter dieser Themes möglich viel Individualisierung ermöglichen um so mehr Umsatz pro Theme zu erwirtschaften. Die Menge an Daten, die damit jedoch verbunden ist, kann deine neue Webseite, Blog oder Shop unnötig langsam machen. Deswegen sollte eine deiner ersten Amtshandlungen beim Test eines kostenlosen oder Premium Themes ein Performance-Test sein:

Prüfe mit Tools wie zum Beispiel den Google’s Page Speed Insights, ob das Theme als schnell interpretiert wird. Dazu öffnest du die Demo des Themes, schließt darin ggf. den Rahmen mit Kaufen Buttons und fügst dann die URL in den Page Speed Test ein.

Enfold Demo Screenshot
Vor den Tests solltest du den Frame entfernen (rechts oben), Screenshot von kriesi.at

Dieser sollte idealerweise mindestens 85 Punkte erreichen. Da die meisten Themes in der Vorschau noch nicht mit einem Cache (Zwischenspeicher) in Sachen Performance optimiert sind, reicht manchmal auch ein PageSpeed von 75 aus, um dann später mindestens 85 Punkte mit aktiviertem Zwischenspeicher zu erreichen.

Außerdem empfehle ich einen Test zur Darstellung auf mobilen Endgeräten (dem Smartphone): Mit dem Mobile Friendly Test von Google testest du, ob die Suchmaschine das „responsive Design“ auch als solches versteht. Das Theme sollte dann 100% „für Mobilgeräte optimiert“ sein.

Die SEO-freundlichkeit deines Themes wird übrigens auch vor allem durch die Geschwindigkeit und Mobil-freundlichkeit beeinflusst. Es kann aber auch zu Inkompatibilitäten bei den Metadaten kommen, wenn das Theme keine SEO Plugins berücksichtigt, sondern versucht eigene SEO anzubieten – was oft in die Hose geht. Hier geht Probieren über Studieren: Ohne der Theme- und SEO Plugin-Einrichtung kannst du nicht feststellen, ob ein vorgefertigtes Theme auch wirklich optimal läuft. In seltenen Fällen musst du etwas an deinem vorgefertigten Theme ändern, damit es SEO Plugin kompatibel ist.

Welche Funktionen du wirklich brauchst…

… hängt natürlich von deinen individuellen Anforderungen ab. Die wichtigsten technische Anforderungen habe ich in meinem t3n Beitrag zum Thema Relaunch beschrieben. Außerdem empfehle ich dir in Sachen Benutzerfreundlichkeit dieses Video und den passenden Blogbeitrag zur Navigation für lange Webseiten auf Dr.Web von mir:

Damit du bei der Theme-Recherche einen objektiven Vergleich erhältst, empfehle ich dir vorher zu notieren, welche Funktionen du wirklich brauchst, was dir außerdem wichtig und was nice to have ist. Am besten schreibst du die Punkte in einer mehrspaltigen Tabelle runter und kreuzt dann die zutreffenden Argumente für jedes Theme, das in deine nähere Auswahl kommt, in einer Zeile an. Nimm dir also ausreichend Zeit für deine Recherche und nicht das erstbeste Theme.

Findest du kein Theme, welches exakt deinen Bedürfnissen entspricht, solltest du dir bewusst machen dass jede Individualisierung eines bestehenden Themes Zeit kostet (egal ob kostenloses oder Premium Theme). Je nach Qualität des Themes und Einstellungen kann das manchmal sogar so lange dauern, dass es einfacher ist ein eigenes Theme zu entwickeln. Denn Programmierer und Designer müssen sich erstmal in das Theme einarbeiten und das kann dauern.

Argumente für ein individuelles Theme

Individuelle Themes zu entwickeln ist kein Hexenwerk. Ich habe mit meinen bescheidenen Programmierkenntnissen und etwas Hilfe unser Entwickler Christian und Felix unsere Seite selber entwickelt: ich kann CSS Stylesheets programmieren und verstehe etwas HTML-, PHP- und JavaScript-Code, wenn ich ihn sehe.

Der wichtigste Vorteil eines individuellen Themes liegt schon im Adjektiv: es kann genau nach deinen Bedürfnissen gestaltet und entwickelt werden. Du kannst somit das Maximum and Individualität, Performance und Suchmaschinenoptimierung rausholen.

Meine Empfehlung geht immer klar zum individuellen Theme. Auch weil ich fast jedes vorgefertigte Theme als Massenware erkenne und es image-technisch als unvorteilhaft empfinde, wenn man sich im Internet unprofessionell präsentiert. Das ist dann wie eine der billigen Visitenkarten, die man „kostenlos“ von manch einer fragwürdigen Online Druckerei bekommt – schaut einfach unseriös und sch***** aus.

Empfehlung für individuelle Themes

Idealerweise setzt du also auf ein individuelles Theme. Da ich mich technisch hauptsächlich im WordPress Rahmen bewege, habe ich hier noch eine Empfehlung für WordPress CMS – für andere Redaktionssysteme gibt’s aber einen ähnlichen Weg:

Am besten beginnst du auf Basis eines „blanko“ Themes wie underscores.me. Diese weitestgehend ungestylten Themes haben den Vorteil schon für WordPress optimiert und sehr schlank zu sein, sodass eine Individualisierung und Performance Optimierung deutlich leichter ist, als bei einem vorgefertigten WordPress Theme.

Gegebenenfalls ergänzt du das blanko Theme mit einem visuellen Editor wie dem Visual Composer oder Elementor. Wir verzichten bei unserer eigenen Seite auf einen visuellen Editor, da jeder Mitarbeiter zumindest ein bisschen programmieren kann und wir uns so nochmal ein bisschen Ladezeit einsparen. Bei unserem WordPress Framework, auf dessen Basis wir über die Münchner Werbeagentur Commosso Webseiten anbieten, setzen wir aber aber einen visuellen Editor ein, der auch Anfängern ermöglicht, mehrspaltige und mediale Inhalte zu erstellen.

Theme Markplätze

Es gibt unzählige Plattformen und Marktplätze, auf denen du diese vorprogrammierten Designs downloaden und ggf. lizenzieren kannst. Allen voran sind die Plattformen ist das offizielle WordPress Theme Directory zu nennen. Für andere CMS gibt es meines Wissens nach kein offizielles Directory.

Unabhängig vom CMS findest du tausende von Lösungen TemplateMonster, die für diesen Artikel auch noch ein Gewinnspiel anbieten (der Artikel ist nicht von TemplateMonster gesponsert, sondern unbeeinflusst entstanden):

Suche dir ein beliebiges Premium WordPress-Theme bei TemplateMonster aus und hinterlasse unter dem Artikel deinen Kommentar, warum du dieses Theme gerne haben möchtest. Vergiss auch nicht die Theme-ID-Nummer zu erwähnen! Die Theme-ID steht direkt in der Theme-Beschreibung.

TemplateMonster Friseur Theme
Quelle: TemplateMonster

Teilnahmebedingungen beim Gewinnspiel

Es darf nur einmal kommentiert werden. Nur drei Gewinner werden nach Zufallsprinzip ausgewählt. Gewinnansprüche sind nicht auf andere (natürliche oder juristische) Personen übertragbar. Eine Barauszahlung der Gewinne ist nicht möglich. Der Rechtsweg ist ausgeschlossen. Das Gewinnspiel endet 15.04.2017 um 23:59 Uhr. TemplateMonster sendet einen 100% Rabatt-Gutscheincode an jeden Gewinner per E-Mail. Das Gewinnspiel läuft ausschließlich auf templatemonster.com/de, also der deutschen Seite. Der Gewinner erhält einen 100% Rabatt-Gutschein von TemplateMonster an die hier angegebene E-Mail-Adresse.

Zur SEO Blog Übersicht