Nightbird Design

Schlagwort: WordPress

  • Schlagwörter in WordPress sinnvoll einsetzen

    Schlagwörter in WordPress sinnvoll einsetzen

    Für Blogs und Websites hat sich WordPress als primäres Content Management System etabliert. Das liegt unter anderem an der simplen Handhabung, mit der relativ einfach und schnell neue Posts veröffentlicht werden können. Der vermeintlich völlig intuitive Umgang mit der Software führt allerdings auch dazu, dass einige Optionen nicht wie vorgesehen genutzt werden. Das betrifft vor allem die Möglichkeit, Schlagwörter (bzw. Tags) zu nutzen.

    Inhalt

    1. Wofür sind Schlagwörter da?
    2. Grundlegende Regeln für Schlagwörter
    3. Schlagwörter und SEO

    Wofür sind Schlagwörter da?

    Immer wieder fällt mir auf, dass die Beiträge WordPress-Installationen in Hinblick auf die Schlagwörter vor allem in zwei Gruppen fallen: Entweder es gibt überhaupt keine oder sie werden mehr oder weniger willkürlich vergeben. Nicht selten sind die für Kategorien verwendeten Begriffe auch gleich noch einmal als Schlagwort angelegt. Ein wirklich durchdachtes Konzept für Schlagwörter scheint daher nur sehr selten zu existieren und eine konkrete Vorstellung ihres Zweckes haben offenbar nur sehr wenige Nutzer. Dabei ist die Antwort ziemlich simpel: Grundsätzlich sind Schlagwörter für die feine Struktur einer Website bzw. eines Blogs gedacht, während Kategorien die grobe Einteilung übernehmen.

    Diese Struktur orientiert sich immer am übergeordneten Ansatz der Website. Am Beispiel einer Rezept-Sammlung sind gängige Kategorien z.B. „Salate“, „Suppen“, „Pasta“ oder „Desserts“. Innerhalb dieser Kategorien können Einträge dann noch mit Schlagwörtern ergänzt werden, die z.B. die Zutaten umfassen. Schließlich könnten beispielsweise „Tomaten“ sowohl für Salate als auch Suppen und Pasta verwendet werden. Wer hingegen auf der Website beispielsweise ausschließlich verschiedene Apfelsorten und nur sekundär ihre „Nutzungsmöglichkeiten“ für Rezepte vorstellen möchte, wird vermutlich eher die einzelnen Sorten (bzw. ihre Oberbegriffe „Alte Äpfel“, „Tafeläpfel“, „Lageräpfel“, etc.) als Kategorie anlegen und zusätzlich Schlagwörter wie „Kuchen“, „Salat“ oder „Kompott“ verwenden.

    Grundlegende Regeln für Schlagwörter

    Grundsätzlich sollte man bei der Verwendung von Schlagwörtern das generell für WordPress geltende Motto „So wenig wie möglich, so viel wie nötig“ beachten. Ursprünglich bezieht sich dieser Tipp auf den Einsatz von Plugins, die in zu großer Zahl erstens kaum praktikabel sind und zweitens das gesamte System unnötigerweise belasten können. Auf Schlagwörter lässt sich der Ansatz aber ebenfalls übertragen. Dabei sollten folgende beiden Grundsätze gelten:

    1. Passende Schlagwörter verwenden
    In einem Rezept für Tomatensalat sind Schlagwörter wie „Tomate“, „Salz“, „Pfeffer“ und „Basilikum“ angebracht, nicht aber „Banane“ oder „Rindfleisch“ – es sei denn, sie werden aus irgendeinem Grund ebenfalls als Zutat verwendet. Auch auf doppelte (z.B. „Tomaten“, „Salz und Pfeffer“), zu allgemeine („Gewürze“, „Kräuter“) oder zu detaillierte („rote Tomaten“, „gelbe Tomaten“, „Cherry-Tomaten“) Schlagwörter sollte man in der Regel eher verzichten.

    2. Keine unspezifischen Schlagwörter verwenden
    Auch wenn ein Tomatensalat lecker ist, sollte man diese Eigenschaft nicht als Schlagwort vergeben. Dasselbe gilt für andere Adjektive, die prinzipiell auf alle oder die meisten anderen Inhalte der Website zutreffen könnten. Auch Schlagwörter wie „Gabel“ oder „Schüssel“ sind unangebracht, obwohl sie natürlich zum Verzehr von Tomatensalat genutzt werden. Ebenso wenig muss man alle Vitamine aufzählen, die in Tomaten enthalten sind – es sei denn, Vitamine stellen einen zentralen Faktor im Gesamtkonzept der Website dar.

    Als grober Richtwert gelten allgemein übrigens zwischen fünf und 15 Schlagwörter pro Post, wobei natürlich Inhalt und Länge des Beitrags ausschlaggebend für die Anzahl sind. Längere und umfangreiche Posts bringen in der Regel mehr Informationen mit, die zu deutlich mehr Schlagwörtern passen als ein kurzer Beitrag zu einem eng umrissenen Thema. In dem Fall wäre eine lange Liste unspezifischer Tags nicht unbedingt hilfreich.

    Schlagwörter und SEO

    Schließlich legt WordPress für alle Schlagwörter automatisch eigene Archive an, die in den meisten Fällen aber lediglich die Posts anzeigen, denen das jeweilige Schlagwort zugeordnet wurde. Das ist für den Benutzer nicht unbedingt zielführend, wenn er dadurch auf Artikeln landet, die maximal am Rande zu seinem Anliegen passen. Zudem ist das Ergebnis auch unter SEO-Aspekten nicht besonders positiv. Im ungünstigen Fall gibt es Archive mit völlig gleichen Inhalten unter verschiedenen URLs. Daher ignoriert z.B. Google inzwischen zumindest einen großen Teil dieser automatisch generierten Archive, die keinerlei zusätzliche Inhalte aufweisen.

    Es ist also durchaus sinnvoll, sich auf möglichst wenige Schlagwörter zu beschränken und darauf zu achten, nicht etwa sehr ähnliche Varianten und/oder zu detaillierte Schlagwörter wie „Tomate“, „Tomaten“, „Tomatenmark“ und „Tomatensaft“ anzulegen. Dabei hilft WordPress übrigens auch mit, da beim Eingeben von Schlagwörtern bereits bestehende Einträge vorgeschlagen werden. Darauf sollte man nach Möglichkeit zurückgreifen, insbesondere, wenn neue Schlagwörter mit hoher Wahrscheinlichkeit nur einmal oder zumindest sehr selten zum Einsatz kommen. Das Ziel sollte es sein, den Besuchern im zugehörigen Archiv möglichst viele passende Posts anzubieten – und nicht pro Post möglichst viele Archive. Daher kann es auch nicht schaden, jeweils einen Beschreibungstext zu den Schlagwörtern zu verfassen, der auf der ersten Archiv-Seite angezeigt wird.

    Unique statt duplicate content

    Das führt dann in der Regel auch dazu, dass Google diese Unterseite doch nicht ignoriert – neben weiterführenden Links zu den Posts liefert das Archiv an sich ja schon „unique content“. So kann man positiv aus der Masse hervorstechen, denn diesen Mehraufwand scheuen viele Betreiber einer Website bzw. machen sich überhaupt erst gar keine Gedanken zur Verwendung von Schlagwörtern. Das äußert sich dann in langen Listen willkürlicher Tags, die teilweise doppelt und dreifach auftreten. Teilweise ist das auch noch darauf zurückzuführen, dass es früher weitverbreitete Praxis war, Seiten mit möglichst vielen Stichwörtern aufzublähen, um möglichst viele Suchanfragen abzudecken. Inzwischen ist diese Taktik allerdings schon lange kein Faktor mehr für eine gute Platzierung in den Suchergebnissen – ganz im Gegenteil.

  • Wann lohnt sich ein Content Management System (CMS)?

    Wann lohnt sich ein Content Management System (CMS)?

    Ein Content Management System (kurz CMS) dient, wie der Name schon sagt, zum Verwalten von Inhalten. Es geht also primär um Textbeiträge wie Artikel oder Blogposts und um Medieninhalte wie Fotos oder Videos. Während sich diese Inhalte von Fall zu Fall ändern, bleibt das Gerüst und Design, in dem sie präsentiert werden, weitgehend gleich.

    Daran lässt sich also schon erkennen, dass es durchaus sinnvoll ist, Blogs oder Online-Magazine über ein Content Management System zu realisieren: Sämtliche Änderungen an der Grundstruktur müssen dann nur einmal vorgenommen werden. Das Prinzip der dynamisch generierten Seiten sorgt anschließend dafür, dass sie für die gesamte Website übernommen werden.

    Für Blogs und Unternehmenswebsites

    Auch Unternehmenswebsites werden gerne via Content Management System umgesetzt. Das hat den Vorteil, dass Inhalte relativ einfach und ohne große Vorkenntnisse angepasst oder ausgetauscht werden können. Neue Mitarbeiter beispielsweise lassen sich ohne großen Aufwand ergänzen und auch Öffnungszeiten oder Angebote können bei Bedarf schnell aktualisiert werden. Die Wahl des Content Management Systems spielt dabei keine allzu große Rolle.

    Kostenfreie Systeme sind natürlich besonders beliebt und häufig eine gute Wahl, insbesondere das viel genutzte und mit schier unzähligen Erweiterungen kombinierbare WordPress gilt in den meisten Fällen als favorisierte Lösung. Je nachdem, wie viele Inhalte eine Website hat oder welches Ziel sie verfolgt, können aber auch Alternativen wie Contao oder Typo3 die passendere Lösung sein.

    Ein Content Management System eignet sich vor allem für Websites mit häufig wechselnden oder regelmäßig neuen Inhalten. / Foto: Viktor Hanacek

    Weniger sinnvoll ist der Einsatz eines Content Management Systems bei Websites, die nur sehr selten aktualisiert werden. Die berühmte „Online-Visitenkarte“ beispielsweise ist ebenso gut mit einer statischen Website umzusetzen wie eine Website im One-Page-Design (die meist kompakter ausfallenden Inhalte eigentlich unterschiedlicher Unterseiten werden hier in verschiedenen Sektionen auf einer einzelnen Seite untergebracht). Schließlich müssen dynamische Systeme wie WordPress und Co regelmäßig gewartet und aktualisiert werden. Wenn das größeren Aufwand bedeutet als die Pflege der Inhalte, ist ein Content Management System schon allein aus wirtschaftlicher Sicht keine gute Wahl.

  • H1 bis H6: Die Überschriften in WordPress

    H1 bis H6: Die Überschriften in WordPress

    Um längere Texte leichter erfassen zu können, besitzen sie im Print- wie im Online-Bereich häufig visuelle Auflockerungen in Form von Zwischenüberschriften („Headlines“). So ist der Text übersichtlich strukturiert und die Leser fühlen sich nicht von einer Buchstaben-Flut überrollt. Insofern ist es also bei Websites grundsätzlich eine gute Idee, Blog-Posts und Artikel mit entsprechenden Einschüben zu verfassen. Im Idealfall befolgt man dabei auch eine eigentlich simple Regel, die ziemlich häufig ignoriert wird: Die richtige Reihenfolge der Überschriften von der <h1> bis zur <h6>.

    Damit unterscheidet sich die Verwendung von Überschriften im Online-Bereich von der in Print-Produkten. Auf Websites basieren Überschriften auf HTML und damit sind sie sozusagen fertige Bausteine. Diese werden mit einer bestimmten Absicht entwickelt und sollten auch dementsprechend eingesetzt werden. Schließlich spielen die HTML-Elemente auch eine Rolle für das Crawling einer Website durch Suchmaschinen.

    Überschriften sind auch für Suchmaschinen (relativ) relevant

    Wie groß die Rolle ist, wird ausdauernd diskutiert. Schließlich gibt es nach aktuellem Kenntnisstand über 200 Faktoren, die für das Ranking von Google eine Rolle spielen und durchschnittlich etwa drei Updates pro Tag (vgl. Gary Illyes und John Mueller auf Twitter). Dabei ist allerdings auch zu betonen, dass nicht alle dieser Faktoren und nicht alle dieser Updates für jede einzelne Website eine Rolle spielen. Manche betreffen eher Nachrichten-Portale, andere sind für Online-Shops relevant. Für diese Kriterien gilt aber trotzdem, dass sie einer dynamischen Entwicklung unterliegen.

    Dieser stetige Wandel zeigt sich auch in der Vielzahl von sich teilweise widersprechenden Artikeln zu dem Thema (je größer der Zeitraum der gesammelten Artikel, desto vielfältiger die Ansichten). Das ist logisch, denn vor zehn Jahren hatte zum Beispiel das Smartphone noch keine besondere Bedeutung. Inzwischen gilt bekanntlich „mobile first“. Die Vielfalt unterschiedlicher Artikel mit ebenso unterschiedlichen Aussagen betrifft aber nicht nur übergeordnete Faktoren wie die mobile Suche, sondern auch Dinge wie eben die Headlines eines Textes. Das beginnt schon mit der Relevanz, die Headlines angeblich (nicht) haben. Von „völlig egal“ bis hin zu „möglichst viele Zwischenüberschriften einbauen“ ist jede Ansicht mehr oder weniger vehement vertreten.

    Grundsätzlich lässt sich als gemeinsamer Nenner festhalten: Headlines schaden nicht, wenn sie richtig (sprich: sinnvoll) eingesetzt werden. Sie sind dann aber auch nur ein Faktor von vielen und sorgen nicht alleine für ein erheblich besseres Ranking. Das gilt natürlich auch für alle anderen Faktoren genauso.

    Vorsicht vor häufigen Fehlern

    Ebenfalls große Einigkeit herrscht bei den Fehlern, die man beim Einsatz von Überschriften machen kann. Die Reihenfolge und Struktur ist dabei ebenso wichtig wie die Formulierungen. Keyword-Stuffing (also die übermäßig häufige Wiederholung eines bestimmten Keywords) ist ein Tabu (übrigens nicht nur bei Überschriften, vgl. z.B. Xovi Handbuch oder Ryte Wiki) und wie immer bei Texten gilt auch hier: für den Leser schreiben, nicht für die Suchmaschine. Das heißt, dass die Überschriften den Besuchern einer Website helfen sollen, den Text zu erfassen und die gesuchten Informationen zu finden.

    Längere Texte brauchen eine klare Struktur

    Es geht nicht darum, den Suchmaschinen ein bestimmtes Keyword an unzähligen Stellen besonders hervorgehoben vor die Nase zu halten. Das war vor einigen Jahren vielleicht noch hilfreich, inzwischen sind die Algorithmen allerdings weitaus komplexer aufgebaut und erfassen Texte nicht mehr nur in Einzelteilen. Daher geht die allgemeine Empfehlung inzwischen nicht mehr zu vielen spezialisierten Unterseiten zu eng umrissenen Themen, sondern zu möglichst umfassenden (aber gut strukturierten) Informationsangeboten (z.B. zu einer einzigen Seite über diverse Getreidesorten anstelle von diversen Seiten zu jeweils nur einer Sorte). Aber das ist wieder ein anderes Thema.

    Das richtige Keyword in der richtigen Headline

    Es ist natürlich gut, ein (primäres) Keyword in der Headline unterzubringen, idealerweise natürlich in der h1. Die beschreibt schließlich, worum es im gesamten Text geht. Im oben genannten Beispiel wäre „Getreide“ oder „Getreidesorten“ also ein Begriff, der in der h1 auftauchen sollte. In den Zwischenüberschriften ist das primäre Keyword ebenfalls gern gesehen, allerdings nur, wenn es sinnvoll erscheint. Wer krampfhaft versucht, einen bestimmten Begriff in jeder Überschrift unterzubringen, erweckt schnell den Eindruck von Spam. Davon abgesehen fasst eine Zwischenüberschrift ja nur einen Teil des gesamten Textes zusammen – wer nur hier das (Haupt-)Keyword platziert, schmälert seine Bedeutung zwangsläufig.

    Überschriften sollen Sinn stiften

    Außerdem sollten Zwischenüberschriften generell nur dort platziert werden, wo sie Sinn ergeben (wie alle anderen Elemente übrigens auch). Wer kohärente Absätze durch überflüssige Überschriften auseinander reißt, sabotiert sich selbst. Ein Abschnitt mit vier Absätzen über das Fahrverhalten eines Autos sollte deshalb nicht vier gleichwertige h2-Überschriften bekommen, sondern nur eine (z.B. „Das Fahrverhalten des CarX“). Wenn man genauer ins Detail gehen möchte (z.B. über Beschleunigung, Kurven- und Bremsverhalten) kann man ggf. mit h3-Überschriften zusätzliche Struktur schaffen. Allerdings sollte dann nicht unbedingt jedes Mal das Keyword eingebunden werden (also nicht „Beschleunigung des CarX“, „Kurvenverhalten des CarX“ etc., sondern eher „Schnelle Beschleunigung“, „Stabile Kurvenlage“, o.ä.). Texte sollen eben gut lesbar sein und den Leser weder aus dem Rhythmus bringen noch anstrengen.

    H1 und H2 als Standard-Ausstattung

    Grundsätzlich ist es also eine gute Idee, Überschriften für Texte zu nutzen. Selbst extrem kurze Texte haben in der Regel mindestens den Titel, der zugleich die h1-Überschrift darstellt. Bei längeren Texten ergibt sich automatisch der Einsatz von Zwischenüberschriften – schließlich gilt inzwischen eine grobe Empfehlung von mindestens 500 Wörtern für den gesamten Text und maximal 150 Wörtern pro Absatz. Daraus ergibt sich folglich, dass ein Text zumindest theoretisch aus ca. drei bis vier Absätzen besteht und damit neben der h1 Platz für mindestens eine h2 (in der Mitte des Textes) bietet.

    Struktur statt Design

    So viel zur Theorie, in der Praxis begegnen mir allerdings immer wieder Websites, die sich nicht unbedingt an dieses Muster halten und entweder gar keine oder zu viele Zwischenüberschriften aufweisen. Auch deren Reihenfolge ist nicht immer logisch und vor allem bei WordPress-Websites fallen mir immer wieder Seiten auf, bei denen die Wahl der Headlines offenbar lediglich auf dem Design basiert (was übrigens weder für die SEO- noch die CSS-Kenntnisse der Verantwortlichen spricht).

    Vor allem bei Premium Themes wie Avada oder Enfold ist das ein relativ häufiges Phänomen. Bei individuellen Themes ist es eher seltener der Fall, hier wird schließlich in der Regel sowieso jede Headline-Klasse dem Bedarf entsprechend gestaltet. Jede bedeutet in dem Fall, dass es sich meist um sechs verschiedene Headlines handelt. Diese lassen sich nämlich in der Bearbeitungsmaske auswählen – sowohl im klassischen Editor als auch im neuen Gutenberg-Modell. Die Headlines sind nach Ebenen geordnet, beginnend bei <h1> (oder „Überschrift 1“) bis <h6>.

    Bitte nur eine <h1>

    Die Auswahl dieser Klassen sollte so erfolgen, dass sie eine sinnvolle Gliederung des Textes bewirken. Die Überschrift ist dabei mit <h1> auszuzeichnen, was in aller Regel auch automatisch für den Titel des Beitrags erfolgt. Deshalb sollte man die <h1> normalerweise nicht manuell im Editor auswählen. Schließlich sollte diese Klasse nur ein einziges Mal auf jeder Unterseite vergeben werden. Wichtiger ist deshalb die nächste Ebene, die mit der <h2> markiert wird. Auch hier gilt quasi eine vererbte Exklusivität: In jedem mit einer <h2> überschriebenen Abschnitt sollte auch nur eine <h2> vorkommen. Allerdings kann es innerhalb dieses Bereichs wieder mehrere <h3>-Überschriften geben. Innerhalb dieser können dann wieder mehrere <h4> genutzt werden (aber eben keine weitere <h3>).

    Ein Beispiel für eine tiefe Headline-Struktur

    Ein konkretes Beispiel: Stellen Sie sich vor, Sie schreiben einen Text zum Thema Wohnungseinrichtung. Neben einer allgemeinen Einleitung könnten Sie zum Beispiel auf verschiedene Zimmer eingehen und diese wiederrum in diverse Bereiche bzw. Möbel unterteilen. Die <h1> wäre dann dem Titel des Textes vorbehalten, also zum Beispiel „Wohnungseinrichtung für ein gemütliches Zuhause“. Als nächstes folgt die <h2>-Ebene, die es wie gesagt mehrfach geben kann. Sie könnten also <h2>-Überschriften für die Abschnitte über das Schlafzimmer, das Wohnzimmer, die Küche und das Badezimmer vergeben.

    Diese lassen sich ebenfalls unterteilen, wofür die <h3> genutzt wird. Für das Schlafzimmer könnte man also beim Bett, dem Kleiderschrank und bei Dekorationen noch weiter ins Detail gehen. Dafür lässt sich dann die <h4> nutzen, um z.B. die Wahl der Matratze oder der Bettwäsche genauer zu beschreiben. Sogar eine <h5> kann hier hilfreich sein, z.B. um beim Thema Bettwäsche noch genauer auf die unterschiedliche Materialien, Größen oder Farben und Muster einzugehen. Konkret könnte die grundlegende Struktur des beschriebenen Textes also so aussehen:

    • H1: Wohnungseinrichtung
      • H2: Schlafzimmer
        • H3: Bett
          • H4: Bettwäsche
            • H5: Material
              • H6: Jersey
              • H6: Microfaser
              • H6: Satin
            • H5: Farbe/Muster
            • H5: Größe
          • H4: Matratze
          • H4: Beleuchtung/Nachttisch-Lampe
        • H3: Kleiderschrank
          • H4: Konstruktion (offen/geschlossen, Klapptür/Schiebetür)
          • H4: Inneneinrichtung (Fächer/Kleiderstangen/Körbe/Schuhregal)
        • H3: Dekoration
          • H4: Bilder
          • H4: Spiegel
          • H4: Vorhänge/Jalousien
      • H2: Wohnzimmer
        • H3: Esstisch
        • H3: Sofa/Sessel
      • H2: Küche
        • Küchengeräte
        • Küchenmöbel
        • Lebensmittelaufbewahrung
      • H2: Badezimmer

    Das Verhältnis von Headlines und Text

    Die oben stehende Liste lässt sich natürlich noch nahezu beliebig erweitern und muss umgekehrt auch nicht zwangsläufig diese Struktur aufweisen. Jeder Headline sollte auch ein Minimum an Text folgen, um den gesamten Beitrag nicht zerstückelt wirken zu lassen. Wer zum Beispiel die unterschiedlichen Materialien für Bettwäsche lediglich in einem Satz aufzählt, sollte keine einzelnen Abschnitte dazu anlegen. Das ist nur sinnvoll, wenn man auch wirklich detaillierte Infos ansprechen möchte, wie z.B. die Qualität, das damit verbundene Schlafgefühl, unterschiedliche Preisklassen oder Pflegehinweise. Ein Abschnitt, der nur einen Satz enthält, sollte besser in den übergeordneten Bereich eingegliedert werden. Keine Sorge übrigens, falls ein Abschnitt mal etwas länger ausfällt. Wenn eine Headline hier in Hinblick auf die Gliederung nicht angebracht ist, kann man den Text auch ohne große CSS-Kenntnisse alternativ auch mit einem Zitat oder Bild auflockern. Entsprechende Blöcke bzw. Elemente sind im WordPress-Editor ja auch vorhanden.

  • Der Blick hinter die Kulissen einer Website

    Der Blick hinter die Kulissen einer Website

    Das Angebot an Websites ist groß und wächst jeden Tag, die Vielfalt der Designs und der Funktionsumfang ebenfalls. Logisch, dass sich die meisten Menschen erst einmal an bestehenden Seiten orientieren, um sich für die eigene Website inspirieren zu lassen. Manchmal äußert sich das dann mir gegenüber in Aufträgen wie „Können Sie das genau so machen wie auf xyz.com?“, aber zum Glück sind die meisten Kunden dann doch noch deutlich kreativer und individueller in ihren Wünschen. Für ganz konkrete Vorstellungen fehlen aber logischerweise in der Regel detaillierte Informationen zu den Inspirationsquellen und natürlich das nötige Hintergrundwissen.

    Es gibt allerdings ein paar Tricks, mit denen man recht einfach hinter die Kulissen einer Website schauen kann und dadurch zumindest einen besseren Blick auf ihr Grundgerüst bekommt. Das beginnt bei der Frage, ob ein Content Management System verwendet wird und wenn ja, welches. Hier hilft in den meisten Fällen der Quelltext, den man normalerweise aufrufen kann, indem man der URL in der Adresszeile „view-source:“ voranstellt. Anschließend wird eine Menge Text angezeigt — das ist der Quelltext der Website. Dort verrät die Zeile „<meta name=“generator““, um welche Software es sich handelt. Das könnte dann wie folgt aussehen:

    <meta name="generator" content="TYPO3 4.5 CMS" />
<meta name="generator" content="Contao Open Source CMS">
<meta name="generator" content="Joomla! - Open Source Content Management" />
<meta name="generator" content="WordPress 5.8.1" />
<meta name="generator" content="Wix.com Website Builder"/>

    Letztgenannter ist übrigens kein CMS im eigentlichen Sinne, sondern ein reines Baukastensystem. Wenn die Versionsnummer auch gleich mit angezeigt wird, lässt das sogar Rückschlüsse darauf zu, wie regelmäßig die Website gewartet und wie intensiv sie gepflegt wird. Rufen Sie einfach die offizielle Website des jeweiligen CMS auf (zur Not über den Umweg einer Suchmaschine) und schon wissen Sie, ob es sich um die aktuelle Version handelt.

    Typische Verzeichnis-Strukturen

    Falls die jeweilige Website nicht so ganz auskunftsfreudig ist und das Generator-Snippet entfernt wurde, muss man etwas weitersuchen – hier geben oft die Pfade zu Bild- oder CSS-Dateien Hinweise auf das CMS. Für TYPO3 sprechen Verzeichnisse wie /typo3temp/ oder /fileadmin/, bei Contao stößt man meist direkt auf /system/modules/ oder /assets/. Bei Joomla tauchen Strukturen mit /media/system/js/ und /templates/system/css/ auf, bei WordPress sprechen Unterordner à la /wp-content/ und /wp-includes/ Bände. Auch Baukastensysteme ohne Generator-Hinweis sind meist schnell zu erkennen, weil auch hier Hinweise in den URLs auftauchen: Jimdo beispielsweise bindet schon sehr weit oben jimcdn.com ein.

    Am häufigsten dürfte man übrigens Hinweise auf das CMS WordPress finden, da dies inzwischen die größten Marktanteile verzeichnet. Glaubt man den aktuellen Zahlen (September 2021) von Statista (Hinweis: dieser Abschnitt wurde am 22. Oktober 2021 aktualisiert), basieren fast 65 Prozent der Websites auf Basis eines CMS auf WordPress. Betrachtet man ganz allgemein Websites (also auch die ohne ein Content Management System), macht WordPress immer noch fast 40 Prozent aus (vgl. t3n.de auf Basis der Zahlen von w3techs.com). Daher dürfte spätestens jetzt auch nachvollziehbar sein, warum ich so viel mit WordPress zu tun habe – es wird sehr häufig gewünscht.

    Tools statt Quelltext – vor allem für WordPress

    Der hohe Marktanteil von WordPress hat zwangsläufig dafür gesorgt, dass es auch einige hilfreiche Tools gibt, um sich nicht wie oben beschrieben durch den Quelltext wühlen zu müssen. Wenn man weiß, dass man es mit einer WordPress-Website zu tun hat, kann man deren URL auch ganz einfach unter whatwpthemeisthat.com analysieren lassen. Das Tool dient vor allem dazu, das verwendete Theme herauszufinden, falls man sich für die eigene Website daran orientieren möchte. Alternativ kann man dafür auch scanwp.net oder wpthemedetector.com nutzen oder whattheme.com verwenden – letzteres funktioniert übrigens auch mit z.B. Joomla und Drupal.

    Neben den Informationen zum CMS und dem Themes liefern die Tools in der Regel auch Details zu den verwendeten Erweiterungen („Plugins“). Umfangreiche Installationen werden allerdings nur zu einem gewissen Teil „entschlüsselt“, sodass die Suche im Quelltext in diesen Fällen meist unerlässlich bleibt.

  • Manuelle Textauszüge in WordPress festlegen

    Manuelle Textauszüge in WordPress festlegen

    Wer seinen Blog mit WordPress betreibt, wird bei den meisten Themes kurze Textauszüge beobachten können. In der Regel sind auf Start-, Kategorie- und Archivseiten nur die ersten Worte oder Sätze der Beiträge zu sehen („Teaser“), die per Link zum vollständigen Beitrag führen. Das ermöglicht eine übersichtliche Darstellung der verfügbaren Beiträge zu bestimmten Themen und ist darüber hinaus oft auch aus schlichten Designgründen relevant.

    Diese Textauszüge werden in der Regel allerdings automatisch vom CMS generiert und sind nur zu einem gewissen Punkt über den normalen Texteditor anpassbar. Bei vielen Themes kann man ein „Weiterlesen“-Tag einfügen (dafür steht im Block Editor von WordPress der „Mehr“-Block bereit), so dass der Teaser nur den Text bis zu dieser Stelle anzeigt. Manche Themes akzeptieren diese Markierung allerdings nur, wenn der so festgelegte Abschnitt eine bestimmte Länge nicht überschreitet – ansonsten wird auch wieder automatisch gekürzt. In solchen Fällen hilft gegebenenfalls das Einstellungsmenü des Themes (falls vorhanden) oder ein Snippet in der functions.php des Themes (bzw. des Child Themes).

    Textstellen ohne Einschränkung festlegen

    Häufig ist man mit dem Weiterlesen-Tag also gut bedient, hat jedoch ein Problem, wenn man lieber einen ganz anderen Text verwenden würde oder zum Beispiel die erste Zeile überspringen möchte (etwa um einen Link ganz oben im Beitrag nur in der Einzelansicht des Posts anzuzeigen). In dem Fall könnte die Funktion „Auszug“ weiterhelfen. Standardmäßig ist sie bei frischen WordPress-Installationen ausgeblendet, kann allerdings problemlos aktiviert werden. Dafür steht in der Bearbeitungsmaske oben rechts die Schaltfläche mit drei gestapelten Punkten zur Verfügung. Klickt man darauf, öffnet sich ein Menü, in dem es ganz unten den Punkt „Voreinstellungen“ gibt. Dieser führt zu einem weiteren Menü, in dessen linker Spalte der Punkt „Bedienfelder“ zum Ziel führt. Hier kann die Option „Textauszug“ aktiviert werden. In der rechten Spalte des Editors ist nun unter dem Tab „Beitrag“ (fast) ganz unten ein neues Textfeld zu sehen, in das man die gewünschte Textvorschau eingeben kann. Auch ein Link zu weiterführenden Informationen zur Excerpt-Funktion von WordPress ist direkt unter diesem Feld hinterlegt.

    Im Normalfall werden die ins Textfeld „Auszug“ eingetragenen Texte nun überall dort angezeigt, wo Beiträge in gekürzter Form aufgelistet werden. Wichtig ist dabei, dass HTML-Code, Links und Grafiken nicht in der ihnen zugedachten Form dargestellt werden – die Auszug-Funktion ist also nur für reinen Text geeignet. Das gilt übrigens auch für die Markierung per Weiterlesen-Tag: Wer also im Block Editor einen Link am Anfang seines Posts platziert, wird diesen standardmäßig als reinen Text in seinen Auszügen wiederfinden – das ist nicht nur verwirrend, sondern sieht in den meisten Fällen auch alles andere als ansprechend aus. In diesem Fall sollte man die Auszug-Funktion auf jeden Fall als Alternative in Betracht ziehen und einfach die ersten beiden Sätze des Fließtexts in das entsprechende Feld kopieren.

  • Vorteile und Nachteile von WordPress Premium Themes

    Vorteile und Nachteile von WordPress Premium Themes

    Die hohe Verbreitung des Content Management Systems WordPress bewirkt unter anderem, dass es dafür ein riesiges Angebot an fertigen und sehr ansehnlichen Premium Themes gibt. Vom simplen Blog-Design bis zum umfangreichen Framework ist alles dabei. Zudem besteht natürlich die Möglichkeit, ein völlig eigenes Design zu entwickeln. Für jede dieser Optionen gibt es sinnvolle Anwendungsgebiete – wie auch weniger empfehlenswerte Szenarien …

    Unter themeforest.net gibt es eine große Auswahl an Premium Themes.

    Grundsätzlich hängt es – wie so oft – von mehreren Faktoren ab, wie die Entscheidung in punkto Theme ausfällt. Inzwischen greifen tatsächlich sehr viele Anwender auf die große Auswahl kostenpflichtiger Premium Themes zurück, weil diese auf den ersten Blick einsatzfertig und mit Preisen zwischen zumeist 40 und 60 US-Dollar recht günstig sind. Damit sind auch direkt die beiden größten Vorteile genannt. Für diese niedrige Summe wird man definitiv kein vorzeigbares, individuelles Design bekommen und viele „Fertig-Themes“ lassen die eigene Website ohne Frage innerhalb weniger Minuten wie die gewünschte Vorlage aussehen.

    Vor allem für klassische Blogs ohne unterschiedliche Inhaltstypen (hier hat man es vorwiegend mit im Aufbau gleichen Posts zu tun) sind Premium Themes daher in der Regel unter optischen Gesichtspunkten durchaus gut geeignet. Im Idealfall findet man also ein Theme, das einem direkt gut gefällt und quasi allen Vorstellungen entspricht. Man kauft es, installiert es, nimmt ein paar Einstellungen vor und fertig ist die eigene Website. So weit, so gut. In der Realität ist der Weg allerdings oft etwas weniger geradlinig – vor allem, wenn man doch noch größere Änderungen vornehmen möchte als nur ein Logo oder die Schriftfarbe auszutauschen.

    Günstige Preise auf Kosten der (völligen) Individualität

    Zu beachten ist bei etwaigen Änderungswünschen, dass man Premium Themes im Normalfall nicht einfach ohne weiteres anpassen kann. Meist hat man es in den Templates (den einzelnen PHP-Dateien des Themes) mit einer recht individuellen Architektur zu tun, die sich nicht unbedingt besonders prinzipientreu an geltende Standards hält. Zwar lassen sich gewünschte Änderungen selbstverständlich vornehmen, man benötigt dafür allerdings schon mindestens einigermaßen fortgeschrittene Kenntnisse in HTML und PHP sowie etwas Zeit, um die Logik des jeweiligen Premium Themes nachzuvollziehen.

    Daher empfiehlt es sich in der Regel, dafür den (hoffentlich angebotenen) meist englisch-sprachigen Service der Theme-Autoren in Anspruch zu nehmen. Auch hier sind der Unterstützung allerdings Grenzen gesteckt, da sicherlich niemand für eine kleine Gebühr ein komplett neues Theme entwickeln wird. Es sollte kein Problem darstellen, wenn man zum Beispiel Datum und Autorennamen oberhalb der Überschrift statt darunter darstellen möchte, allerdings darf man nicht erwarten, dass man auf diesem Weg sämtliche Inhaltselemente neu sortieren kann.

    Mit Framework-Kits lassen sich auch komplexe Webdesigns vergleichsweise einfach umsetzen.
    Mit Framework-Kits lassen sich auch komplexe Webdesigns vergleichsweise einfach umsetzen. (Foto: Viktor Hanacek)

    Frameworks haben viel zu bieten – manchmal aber auch zu viel

    Einfacher ist es mit den Framework-Themes (oder auch „Baukästen“), die eine sehr hohe Flexibilität und Wandlungsfähigkeit besitzen. Daher kommen sie vor allem dort zum Einsatz, wo ein modernes Design ohne allzu spezifische Vorgaben umgesetzt werden soll. Zu den beliebtesten Framework-Kits gehören Avada, Divi und Enfold, die jeweils ab rund 60 US-Dollar erhältlich sind. Oft kommt auch das Elementor-Plugin zum Einsatz, das mit verschiedenen Themes kombinierbar ist. Hierfür fallen allerdings jährliche Gebühren an, die bei 49 US-Dollar beginnen.

    Mit diesen umfangreichen Systemen können zahlreiche Designvorlagen genutzt werden, so dass mit ziemlicher Sicherheit jeder ohne ganz konkrete Vorstellungen einen passenden Entwurf findet. Aber Vorsicht, beliebig kombinieren – z.B. Frontpage aus Vorlage A und Artikelansicht aus Vorlage B – kann man die einzelnen Vorlagen nicht so einfach ohne weiteres. Alternativ bastelt man sich aus den verfügbaren Elementen ein eigenes Layout zusammen. Das dauert zwar auch seine Zeit und ist sicherlich nichts für absolute Anfänger, bietet einigermaßen erfahrenen Anwendern allerdings eine hohe Funktionsvielfalt und bereitet logischerweise immer noch wesentlich weniger Aufwand als die Entwicklung eines komplett neuen Themes.

    Ihre Flexibilität verdanken die Frameworks primär den dafür mitgelieferten Plugins (allen voran den jeweiligen Page Buildern), die stets im Bundle enthalten sind. So schön die große Auswahl zusätzlicher Funktionen sein kann, so problematisch kann sie aber auch werden. Wer jahrelang mit einem bestimmten Page Builder arbeitet, kann die dann bestehenden Inhalte häufig nicht einfach in einen anderen übertragen.

    Das gilt auch für Premium-Themes, die häufig mit diversen Plugins geliefert werden. Updates für im jeweiligen Paket enthaltene Erweiterungen stehen dann jedoch meist nicht einzeln zur Verfügung, sondern müssen als Teil des gesamten Theme-Bundles durchgeführt werden. Daher sollte man vor dem Kauf des Themes darauf achten, dass Updates regelmäßig und in relativ kurzen Abständen zur Verfügung gestellt werden, um auch die Plugins immer aktuell halten zu können.

    Passt der Funktionsumfang zu den Anforderungen? Der Einsatz von Premium Themes will gut überlegt sein.
    Passt der Funktionsumfang zu den Anforderungen? Der Einsatz von Premium Themes will gut überlegt sein. (Foto: Viktor Hanacek)

    Oft gibt es auch gar keinen Bedarf für die Vielzahl an Möglichkeiten, die ein Premium Theme zu bieten hat. In dem Fall ist es alles andere als effizient, auf ein so umfangreiches Paket zu setzen. Generell ist der Code von Multipurpose-Themes in der Regel verhältnismäßig „aufgebläht“ (der der Begriff „Bloat Code“), weil aufgrund der möglichst vielfältigen Einsatzmöglichkeiten eben kein maßgeschneidertes „Gerüst“ möglich ist. Dem lässt sich zwar teilweise entgegenwirken, indem nicht benötigte Funktionen abgeschaltet werden (sofern möglich), insgesamt ist aber die Wahrscheinlichkeit hoch, dass sie für eine erhöhte Ladezeit und eine dadurch bedingte, schlechtere Usability sorgen.

    Teilweise kann man diesem Effekt zwar mit einem Caching Plugin begegnen, das allerdings auch nicht immer problemlos einzusetzen ist und bei fehlerhaftem Einsatz sogar noch mehr Probleme verursachen könnte – wer sich diesen Umweg sparen kann, sollte das auch tun (generell: je weniger Plugins, desto besser: „So viel wie nötig, so wenig wie möglich.“).
    Insbesondere bei Websites, die viel Wert auf eine geringe Ladezeit legen, sollte man sich vorab gut über die Ladezeiten des gewählten Themes informieren (beziehungsweise ggf. sogar überlegen, ob ein CMS generell die beste Grundlage bietet). Wer hingegen den Großteil seiner Besucher über Direktaufrufe (z. B. durch Verlinkungen oder Printwerbung) bezieht, kann sich hier vermutlich etwas entspannter bewegen.

    Lange Rede, kurzer Sinn

    Wann bietet sich ein Premium Theme an?
    Das Design der Website muss keine spezifischen Vorgaben (z.B. ein komplexes Corporate Design) erfüllen, soll allerdings auf allen Geräten (von PC bis Smartphone) einen modernen Look aufweisen und in ein begrenztes Budget passen. Die Ladezeit der Seiten spielt keine übergeordnete Rolle, stattdessen sind Animationen und ähnliche Effekte für eine ansprechende Darstellung der Inhalte durchaus gewünscht. Es ist auch genug Bildmaterial und sonstiger Content vorhanden, um die Vielfalt an Vorlagen angemessen nutzen zu können. Zugleich sind die Vorlagen „out of the box“ völlig ausreichend und müssen nicht weiter angepasst werden.

    Wann ist ein Premium Theme eher nicht die beste Wahl?
    Die optischen Vorgaben durch ein Corporate Design sind strikt und mehr oder weniger unkonventionell. Im Gegensatz dazu sind keine ungewöhnlichen Funktionen notwendig, so dass alle benötigten Ergänzungen zum Standard-Umfang von WordPress durch Einzel-Plugins möglich sind. Dennoch sollten Templates etc. auf einer möglichst minimalistischen und dem Standard entsprechenden Code-Struktur basieren, um sie bei Bedarf später problemlos (und ggf. auch durch zunächst unbeteiligte Entwickler) anpassen zu können.