Eine optimierte Tag-Cloud setzt ein paar Gedanken zur “hohen Kunst der Verschlagwortung” voraus. Ziel des Taggings ist eine besucher- und suchmaschinenfreundliche Schlagwortwahl. Der Kern ist eine logische und inhaltlich relevante Auswahl der Stichworte.

Überlegungen zur Semantik und Themenrelevanz der Schlagworte stehen an erster Stelle. Unter welchen Schlagwörtern möchte ich gefunden werden? Biete ich ausreichenden Content unter diesen Schlagwörtern? Über welche Themen und Fachthemen werde ich also häufiger schreiben als zwei- bis dreimal und werde ich sie ausführlich genug behandeln? 

Es geht um die Vermeidung von überbordenden Schlagwortwolken. Nicht-explizite Stichwörter fallen durch ihre Beliebigkeit und geringe Relevanz auf. Wenn mein Themenspektrum nur beiläufig und ein einziges Mal das Thema Musik anspricht, verzichte ich darauf, Musik als Schlagwort einzutragen. Das Stichwort Urlaub macht wenig Sinn, wenn ich in einer persönlichen Note auf meinen kommenden Urlaub hinweise. Download als Schlagwort ist so gut wie überflüssig, wenn ich nur ein PDF anbiete. Ich könnte dann auch PDF und Acrobat Reader als Schlagwörter anlegen.

Schlagwörter lassen sich schnell und viele anlegen, man findet immer welche, die passend erscheinen. Da hilft nur eines gegen: Spare Schlagwörter, wo es geht. Ein Beitrag sollte nicht mit mehr als drei bis fünf Begriffen getaggt werden, wenn überhaupt. Auch wenn ich weiter unten über das Aussehen von Schlagwortwolken im Layout schreibe, werde ich diesen Artikel nicht mit dem Begriff Webdesign taggen. ;)

Die Kunst ist es, die Waage zwischen allgemeinen und sehr spezifischen Begriffen zu halten. Bewerbe ich häufig Video-Anleitungen, so kann Video-Anleitung oder Screencast als Hauptschlagwort verwendet werden. Das zweite Schlagwort könnte der Name der Software sein, die in mehreren Videos erklärt wird. Ein drittes Schlagwort wiese auf eine spezielle Software-Thematik hin, die häufiger vorkäme. 

Der letzte Absatz deutet es an: Eine Methode zu einer optimierten Tag-Cloud ist der wohlüberlegte Weg vom hohen zum niedrigen Abstraktionsniveau, vom Allgemeinen zum Konkreten. Beispiele: Film – Nouvelle Vague – Truffaut. Oder: Software – Photoshop – Ebenenmasken. Oder auch: Leben – Genuß – Rezepte. Desweiteren: Wissen – Natur – Garten – Kräuter.

Andere Beispiele widersetzen sich dem Weg vom Abstrakten zum Konkreten, wenn die Hauptthemen einer Website konkreter sind als die Unterthemen: Ruhrgebiet – Bochum – Kultur oder iPod Touch – Spiele oder: Bienen – Klimawandel.

Der Einsatz von Doppelungen füttert Suchmaschinen mit Alternativen: Wenn es zwei gleichwertige Begriffe im deutschen und englischen gibt, könnten beide als Schlagwort verwendet werden, falls sie im Sprachgebrauch eine ähnliche Verbreitung haben. Beispiele sind Video-Anleitung und Screencast, Programm und Application. Das gleiche gilt für Abkürzungen, deren Ausschreibung ebenso häufig wie die Abkürzung benutzt wird, z.B. CMS und Content Managment System.

Optimierte Tag-Clouds entstehen nicht von heute auf morgen. Ich lasse ihnen Zeit zum Wachsen. Es kommt vor, dass bestimmte Begriffe einsam vor sich hindümpeln, weil sie meine Themen nicht mehr treffen. Ich stelle dann die Beiträge kurzerhand unter einem passenderen Schlagwort oder unter ein bereits vorhandenes ab. Konzentration und Straffung einer Schlagwortwolke ist schlicht benutzerfreundlicher als ausufernde Beliebigkeit, die mehr Themen vortäuscht, als vorhanden sind.

Beitreiber kommerzieller Websites sollten sich bei der Verschlagwortung gut überlegen, ob und welche Marken- und Produktnamen sie als Schlagwort einsetzen wollen und sich rechtlich beraten lassen.

Tag-Clouds müssen nicht wie Fremdkörper im Layout aussehen. Oftmals bestaune ich in Sidebars einen wüsten Haufen Wörter, der jedes Layout verhässlicht. Damit die Schlagwortwolken zumindest nicht den Zeilenabstand zerschiessen, empfiehlt sich eine massvolle Wahl zwischen der kleinsten und größten Wortgröße. Kleinere Tag-Clouds könnten ohne die nie erreichte Wolkenanmutung als Liste angelegt werden, Wort für Wort untereinander. Ich bevorzuge, wenn es das Layout zuläßt, eine dezent auftretende, zentrierte Tag-Cloud im Footer. Das widerspricht zwar Usability-Tests, die festgestellt haben wollen, dass Tag-Clouds im oberen Bereich der Seite (links bitte ;-) am häufigsten wahrgenommen würden. Ich gehe aber davon aus, dass sie im Alltag häufig ignoriert und übersehen werden, gerade auch wegen des häufigen Auftretens auf zahlreichen Websites. Wer sich aber wirklich für die Schlagwortwolke interessiert, wird sie auch an weniger exponierter Stelle im Layout finden und studieren.

Bleibt zuguterletzt die Frage, mit welchen Schlagwörtern ich diesen Beitrag hier verlinken möchte. Einerseits wäre Tag-Cloud relevant, andererseits weiss ich nicht, ob ich über das Thema noch etwas schreiben werde.  Aber ich kann es ja trotzdem vorläufig auf die Probe stellen.  Und da das Thema Tag-Cloud im Kern als SEO-Thema durchgeht, wäre Suchmaschinenoptimierung auch keine schlechte Wahl.  Meine Wahl nun:  Tagging – Suchmaschinenoptimierung – Tag-Cloud. Gut so?

Weiterführende Links:

• Tagging, die andere Indexierung des Internets
• Sven Lennartz: Über das Tagging
• Bildersuche bei bing: tag cloud
• Die Schlagwortwolkensuchmaschine: hulbee

• Das wichtigste Merkmal der CMS-Software ExpressionEngine ist ihre ungeschlagene Flexibilität. Sie erlaubt nahezu jede Kombination unterschiedlicher dynamischer Bereiche in einem Webprojekt. Das können Weblogs, News-, Presse- und Kundenbereiche sein, das können Kataloge, Bildergalerien und statische Inhaltsbereiche in verschiedenen Layouts sein.
• ExpressionEngine erlaubt eine einfach zu realisierende Verschachtelung von dynamischen Bereichen einer Website. So könnten auf einer Startseite mehrere unabhängig voneinander zu pflegende Newsbereiche integriert werden, um ein Beispiel zu nennen.
• Höchste Flexibilität bedeutet mit ExpressionEngine zudem, dass Sie eine Vielzahl von Websites und Weblogs mit unterschiedlichsten Anforderungen individuell erstellen, aussehen lassen und verwalten können. Dazu reicht eine Installation von ExpressionEngine aus. 
• ExpressionEngine erlaubt mit Hilfe eines kostenpflichtigen Zusatzmoduls die Pflege mehrerer Websites auf unterschiedlichen Top-Level-Domains. Für diese Multi-Domain-Verwaltung reicht eine Installation von ExpressionEngine aus.
• Die konsequente Trennung von Templates und PHP verringert die Abhängigkeit von externen Dienstleistern. Mit einer verständlichen Dokumentation des indivudell konfigurierten und ausgebauten Systems können auch Nichtprogrammierer den Aufbau durchschauen und das CMS ausbauen, verändern, gestalten. So bleibt Ihr Projekt unabhängig von Insiderwissen, bleibt kostentechnisch kalkuliertbar und spart letztendlich teure Stunden spezialisierter Programmierer.
• ExpressionEngine sieht die Einstellung von zahlreichen Sicherheitsoptionen vor, auch für den Serverbetrieb und bei Überlast des Servers. So läßt sich für stark besuchte Seiten das Caching einstellen, um die Datenbanklast zu minimieren. Der Spamschutz ist durchdacht, genauso die Optionen zur Passwortverwaltung.
• ExpressionEngine baut keine Hürden für barrierefreie Websites auf. Somit können Websites ohne Hindernisse nach den Vorgaben der Webstandards erstellt werden.
• ExpressionEngine bietet mit Bordmitteln alle Möglichkeiten, um jede einzelne Seite und jeden dynamischen Bereich (News, Weblog, Katalog etc.) von Anfang an und individualisiert für Suchmaschinen zu optimieren.
• ExpressionEngine bietet eine ausgereifte Benutzerverwaltung. So können Sie Ihre Kunden mit personalisierten Logins und differenziert gewichteten Inhalten versorgen und Communities mit differenzierten Rechten und mit Zugriff auf ausgewählte Inhalte gründen.
• ExpressionEngine bietet ein einfaches Newsletter-Tool. Damit können mehrere Email-Verteiler angelegt und verwaltet werden. Die Anmeldung erfolgt via Email-Adresse im Double-Opt-In-Verfahren. Die Abmeldung funktioniert umkompliziert via Link in jedem Newsletter. HTML-Newsletter sind möglich.
• Ein weiteres Modul von ExpressionEngine heißt “Bilder-Galerie”. Das ist so flexibel einsatz- und gestaltbar wie das CMS selbst und kann z.B. für Produktkataloge eingesetzt werden. Eine genauere Beschreibung der Features finden Sie in unserem Text Das Modul Bilder-Galerie in ExpressionEngine.
• ExpressionEngine ist eine ausgereifte Software und entsprechend sehr wartungsarm. Updates kommen selten, Patches, die Sicherheitslücken schliessen, sind uns nicht bekannt.
• Es gibt zahlreiche kostenfreie Erweiterungen (PlugIns) für ExpressionEngine. Für das “Füttern” von Google bietet sich z.B. eine Stichwortverwaltung (“Tagcloud”) an, die inhaltsähnliche Seiten über 2 Klicks auffindbar machen.
• ExpressionEngine überzeugt trotz der zahlreichen Funktionalitäten durch bescheidene Ansprüche an Serverressourcen, siehe: Server Requirements.
• Als registrierter Benutzer einer Lizenz bekommt man schnellen und kompetenten Support auf Englisch und via Email. Eine lebendige weltweite Community sorgt für zusätzlichen Input und zahlreiche kostenfreie Lösungen, Hinweise und Tipps.

Für die kostenpflichtigen Vollversionen von ExpressioEngine gibt es 2 Lizenzen. Die Lizenz für nicht-kommerzielle Sites kostet 99,95 Dollar, die Lizenz für kommerzielle Projekte beträgt 249,95 Dollar. Die Lizenzen sind zeitlich unbegrenzt gültig und berechtigen ein Jahr lang zu kostenfreien Updates. Eine Verlängerung der Update-Option kosten 39 Dollar im Jahr. Ein Vergleich der Lizenzen zeigt die Seite Pricing. Weiterführende Links:

• Die umfangreiche Feature-Liste von ExpressionEngine
• CMS - modular und flexibel von Carola Heine
• Websites, die auf ExpressionEngine basieren: Showcase
• Beispiel für eine integrierte Bildergalerie
• Relaunch, Teil 3 - ExpressionEngine von Dirk Jesse
• ExpressionEngine Developer’s Toolbox im Smashing Magazine

Menschen mit vielen Fotos werden sich über die Stapelverarbeitung freuen. Man lege seine Bilder nummeriert in ein - in den Einstellungen angegebenen - Verzeichnis. Zuvor bestimmt man Breite und Höhe der zu generierenden Thumbnails und bei Bedarf auch die Maße für mittelgroße Bilder. Danach startet man im Bereich “Stapel-Einträge” die Verarbeitung. Dabei wird jedes Bild in der Reihenfolge der Nummerierung (im Dateinamen einfach 01, 02 usw. eingeben) angezeigt, um den Titel anzupassen, eine Bildlegende zu formulieren oder zuvor selbstdefinierte Felder auszufüllen. So lassen sich in sehr kurzer Zeit komfortabel zahlreiche Fotoserien veröffentlichen.

Für unbedarfte User, die ihre Fotos direkt von der Digitalkamera auf den Server laden – Serverspace gibt es ja heutzutage nicht zu knapp, bietet das Modul “Bilder-Galerie” eine Bildbearbeitung namens “Toolbox”. Damit können große Fotos kleiner skaliert und sogar unter verschiedenen Seitenverhältnissen beschnitten werden. Auch Drehen lassen sich die Bilder nachträglich, falls welche auf dem Kopf stünden. ;) Zuguterletzt gibt man den Grad der Komprimierung an, um die Dateigröße zu variieren und schickt das Bild durch die Toolbox. Sie arbeitet, ohne zu murren. Es können wahlweise bereits veröffentlichte Bilder und die, die im Verzeichnis für die Stapelverabreitung liegen, bearbeitet werden.

Das mächtige Modul erlaubt indessen nicht nur die Verwaltung von zahlreichen Serien innerhalb einer Bildergalerie (Serien werden über Kategorien angelegt und verwaltet), die mit Hilfe der Templateverwaltung frei gestaltet werden kann. Es können auch mehrere Bildergalerien erstellt werden, so als würde man mehrere Weblogs betreiben. Das hat den Vorteil, dass man die zahlreichen Einstellungsmöglichkeiten für neue Galerien individuell anpassen kann. Sei es, um eine andere URL zu benutzen und kleinere Vorschaubilder zu definieren, sei es, um zusätzliche Felder zu bestimmen (z.B. für Tags oder SEO-Anforderungen) oder um ein komplett anderes Layout einzusetzen.

Für Fotoblogger ist zudem die Kommentarfunktion interessant, die auch abgestellt und mit Spamschutz via Captcha eingesetzt werden kann. Auch navigationstechnisch läßt das Modul kaum Wünsche offen. Die Fotoserien können auf einer Startseite mit Kurzbeschreibung und Anzahl der Bilder und Besucher gelistet werden. Für die Startseiten der Serien können die Anzahl der Reihen und Spalten für die Thumbnails frei gewählt werden. Zudem werden auf Wunsch die Thumbnails einer großen Bilderserie auf mehrere Seiten verteilt. In der Großansicht ist die Navigation von Bild zu Bild durch Vor- und Zurück-Links oder durch einen Klick auf das Bild möglich. Für eine verschacheltete Anordnung von Serien mit Unterserien steht eine Brotkrumennavigation zur Verfügung, auch können die Serien über ein Drop Down Menü direkt aufgerufen werden.

Fazit: Ein klasse Modul ganz im Stil der hohen Flexiblilität, die ExpressionEngine auszeichnet. Als ambitionierter Privatblogger mit Fotobergen, die sehnsüchtig auf die Präsentation in einer Webgalerie warten ;), lohnt sich eine Investition von 99 Dollar für die Lizenz “Personal” durchaus. Für Firmen wäre die “Bilder-Galerie” eine ernstzunehmende Option für den Aufbau eines Katalogs innerhalb eines hochflexiblen Content Management Systems.

Anfänglich fand ich keinen Weg, meinen CSS-Code (ohne Hacks) für die Navigation zu integrieren. Nach nervenaufreibenden Versuchen beschloß ich, mich Schritt für Schritt in eines der integrierten Menülayouts einzuarbeiten und die Strukturierung des CSS zu durchblicken. Als diese Hürde überwunden war, ging die weitere Layoutanpassung schnell voran. Ein integrierter MenüManager hilft dabei, die im CMS enthaltenen Navigationen als valide Templates zu verwalten und individuell anzupassen. Viele Anforderungen an Navigationen für kleine bis umfangreiche Websites lassen sich damit abdecken. Aber Vorsicht, in diesen Templates herrscht SMARTY und die CSS-Anweisungen sind darin eine unscheinbare Minderheit. ;-)

Schnell habe ich beim weiteren Ausprobieren komfortable Dinge entdeckt: Nutze Globale Inhaltsblöcke! Erstelle im Editor einen HTML-Footer mit Inhalt und speichere ihn als “globalen Inhaltsblock” ab. Lösche dann den Footer in Deinem Template und setze stattdessen einen Tag wie {global_content name=’footer’}.

Solche CMSms-Tags lassen sich als Platzhalter für viele Seitenelemente einsetzen: Für die Metatags, die Navigation, Stylesheets, Brotkrumennavi, für den Link zu einer druckfreundlichen Seite (die via CSS individuell angepasst werden kann) und viele mehr. Diese Tags muss man sich nicht im Netz zusammensuchen. Sie sind innerhalb des CMS aufgelistet und mit ihren Optionen erklärt. Wer ahnt, was möglich ist, wenn man das Prinzip „Tag“ ausreizt? ;-)

Wer mehrere Layouts innerhalb einer Installation verwalten will, wird sich sicher über den integrierten ThemeManager freuen. Erstelle via Copy and Paste ein neues Template, weise dem Template ein zuvor erstelltes Stylesheet zu und exportiere danach das Layout mit Hilfe des ThemeManagers, um es in eine andere mit CMSms verwaltete Site zu importieren. Das zeigt eindrucksvoll, dass ein aktueller Reizbegriff wie „Manager“ durchaus positive Assoziationen wecken kann. ;-)

Erfreulich – sowohl für den Webdesigner wie auch für den Kunden – ist der leistungsstarke Editor namens TinyMCE, der im WYSIWYG-Modus zur Höchstform aufläuft, das heißt zuverlässig arbeitet. Mit ein paar Klicks kann sich der Kunde auch unterschiedliche Layouts für Unterseiten anlegen, wie die Seite Termine recht gut zeigt. Pfiffig ist auch, dass die internen Links aus einem Drop Down Menu gewählt werden können. Auch zahlreiche Sonderzeichen lassen sich via Klick einfügen. Beschränkt der Admin die Rechte des Nutzers auf den – frei konfigurierbaren – Editormodus, liegt der intuitiven Aneignung der Website-Pflege kaum ein Stein im Weg.

Ob ich den Editor für die Inhalte einsetze oder als Gestalter das CSS und (X)HTML bearbeite, beide Arbeiten haben eine Kleinigkeit gemeinsam: Beim „Zwischenspeichern“ von Templates oder Inhalten bleibt der Editor dort, wo zuletzt die Schreibmarke stand. Nervtötendes Scrollen – vor allen, wenn die Seiten lang sind – fällt also weg.

Ein Bug des Editors trübt die Freude beträchtlich. Das wird beim Einfügen von Bildern aus der “Bildverwaltung” deutlich: Es fehlt oft das Icon für “Durchsuchen”, so dass der Pfad für ein Bild per Hand eingetragen werden muss (wer hat solche Pfade im Kopf?). Mit etwas Vorbereitung und Copy and Paste ginge das „Bild einfügen“ auch, würde aber für weniger ambitionierte Anwender ein großes Hindernis sein. Vielleicht gibt es aber in der vor kurzem erschienenen Version 1.5.4 (das ich noch nicht installiert habe) eine Bereinigung des Fehlers.

Noch ein Wort zum WYSIWYG-Editor TinyMCE: Der Admin kann ihn für seine Schützlinge konfigurieren. So läßt sich z.B. eine Werkzeugleiste freischalten, die das Einbinden von Tabellen für den Content erlaubt.

Website-Pflegende, die häufig neue Seiten anlegen, werden sich freuen, wenn Ihnen der Admin sinnvolle “Seitenvorgaben” eingestellt hat, die in jeder neuen Seite standardmässig ausgegeben werden. Das können Metatags und Layoutelemente oder diverse Optionen sein, so z.B. ob die Seite in den seiteninternen Suchergebnissen (yep, eine leicht zu aktivierende Suche gibt es auch) erscheinen oder im Menü angezeigt werden darf.

Wird eine neue Seite erstellt, läßt sie sich individuell und suchmaschinenfreundlich einrichten. Trage „Seitenspezifische Meta-Daten“ ein, bestimme ein „Titel-Attribut“ und lege eine Ziffer für den „Tab-Index“ fest, bestimme den Eigentümer der Seite und überlege Dir einen passenden “Seiten-Alias” für suchmaschinenfreundliche, sprechende URLs. Ich habe längst nicht alle Einstellungen ausprobiert. Hier gilt: Nicht kleckern, experimentieren!

Ich habe das oben vorgestellte Redesign im Großen und Ganzen local erstellt und war gespannt, ob die Übertragung auf den Server der Kundin so problemlos funktionieren würde, wie es der Support beschreibt. Und in der Tat, wer sich an die Vorgehensweise hält, die Serverpfade etc. kennt und ein wenig mit PHPMyAdmin zurechtkommt, wird mit der Übertragung keine Probleme haben.

Zuguterletzt war ich gespannt, ob CMS Made Simple auch valides (X)HTML und CSS ausgeben würde. Nach einigen seltsamen Fehlern, die der Editor TinyMCE erzeugt hat (wahrscheinlich durch das Copy and Paste beim Inhalte einpflegen) gaben die Validatoren grünes Licht. ;-)

Fazit: CMS Made Simple eignet sich sehr gut für kleine bis mittelgroße Websites, die unabhängig von einem Webdesigner gepflegt und über mehrere Menüebenen erweitert werden können. Die Lernkurve für den Kunden ist recht niedrig, so dass aufwendige Schulungen wegfallen. Ein paar Lernvideos oder Support via Telefon würden reichen, wenn sich der Anwender nicht wie ein mittelprächtiger DAU anstellt. Ambitionierte Anwender wären in der Lage, auch unterschiedliche Layouts für verschiedene Inhalte einzupflegen. Zudem gibt es auch einen deutschsprachigen Supportbereich und das Forum der Community. Fragende sind dort sicher willkommen und Helfende erst recht.