Sie sind hier:

SEO mit Joomla! Teil 4/4

Stefanie Thielmann
Stefanie Thielmann

Stefanie Thielmann betreibt die Webagentur to|get|here und ist Teil des Projekts web-betreiber.de, das sich aus Entwicklern, Designern, Content- und SEO-Experten zusammensetzt. Für Joomla! arbeitet sie an der Zertifizierung und übersetzt Teile der Joomla! Dokumentation ins Deutsche.

Mehr von diesem AutorArtikel als PDF laden
Patrick Jungbluth
Patrick Jungbluth

Patrick Jungbluth ist Geschäftsführer der eniky GmbH und ist Teil des Projekts webbetreiber.de, das sich aus Entwicklern, Designern, Content- und SEO-Experten zusammensetzt. Er arbeitet seit 2005 mit dem Content-Management-System Joomla!. In der Joomla! Community engagiert er sich bei Entwicklung eines Zertifizierungsprogramms.

Mehr von diesem AutorArtikel als PDF laden
Stefan Wendhausen
Stefan Wendhausen

Stefan Wendhausen ist geschäftsführender Gesellschafter der tec-promotion GmbH mit Sitz in Fürth. Er ist Mitgründer der ersten deutschen Joomla! User Group in Nürnberg und seit 2009 als ehrenamtlicher Vorstand im J and Beyond e. V. tätig. Der Verein organisiert u. a. den deutschen JoomlaDayTM, dieses Jahr im September in Leipzig, und die internationale Konferenz JandBeyond.

Mehr von diesem AutorArtikel als PDF laden

Drehte sich im ersten Teil in Ausgabe #36 alles um die SEO-Grundfunktionen, im zweiten Teil um Erweiterungen der Joomla!-Grundfunktionen und im dritten Teil in der letzten Ausgabe um das Thema Performance, schließt der letzte Teil der Serie mit einem praktischen Fall ab. Die drei Experten Stefanie Thielmann, Patrick Jungbluth und Stefan Wendhausen holten sich dazu die Website des Naturschutzbundes Deutschland – Regionalverband Frankfurt (Oder) – auf den Schirm und zeigen, wie sie dort Optimierungen für Suchmaschinen vornahmen.

Als Beispielsite wurde die Website des Naturschutzbundes Deutschland – Regionalverband Frankfurt (Oder) – verwendet. Diese Site ist bereits auf dem neuesten Versionsstand von Joomla! (aktuell Version 3.5.1), aber noch deutlich optimierungsfähig. An dieser Stelle sei den Verantwortlichen gedankt, dass sie die Seite so vertrauensvoll in die Hände der Autoren legten. Erwähnt sei auch, dass im Rahmen dieses Artikels größere Arbeiten wie Designanpassungen nicht erfolgten.

Abbildung 1: Die Startseite des Naturschutzbundes Deutschland – Regionalverband Frankfurt (Oder)

Nach dem Einsatz von Online-Tools zur Analyse und der Erfassung des Ist-Stands wurde zunächst eine Entwicklungsumgebung parallel zur vorhandenen Seite aufgesetzt. Der Seitenbetreiber wurde informiert, dass er sämtliche Änderungen, die auf der Seite ab sofort vorgenommen werden, erneut einpflegen muss. Diese Maßnahme ist notwendig, da die Optimierung nicht in der Live-Umgebung stattfinden sollte, sondern in einer gesicherten Testumgebung, um ggf. auftretende Fehler oder Seitenausfälle nicht live zu präsentieren.

Da mehrere Beteiligte die SEO-Optimierung begleiteten, wurde auch ein Tool zur Zusammenarbeit bereitgestellt, um die Abarbeitung der Aufgaben verfolgen zu können. Wichtig war die Möglichkeit, mehrere Aufgaben zu definieren und diese den einzelnen Beteiligten zuzuweisen. Nach Abarbeitung musste es möglich sein, die Aufgaben zu archivieren, um nachvollziehen zu können, wie weit die Optimierung vorangeschritten war.

Außerdem wurde ein Kommunikationskanal geschaffen, in dem per Chat Rückfragen gestellt und beantwortet wurden.

Nach der Klärung der Collaboration-Tools wurde der NABU Frankfurt (Oder) über seine Ziele und Absichten mit der Seite befragt. Keine Optimierung kann stattfinden, wenn nicht geklärt ist, warum es diese Seite gibt und was die Betreiber der Seite mit ihr erreichen wollen.

Zunächst einmal wurde der Ist-Stand ermittelt und die Seite auf ihren Optimierungsbedarf hin geprüft. Wir empfehlen die Nutzung eines SEO-Tools. Hier stehen verschiedene Tools zur Verfügung wie z. B. Screaming Frog, XOVI, Sistrix, Seobility und viele weitere.

Dabei wurde auf die Struktur der URL, die Seitentitel, Inhalte wie Meta-Tags, Überschriften, Bilder und Beiträge analysiert. Diese Tools liefern zudem häufig auch eine Auswertung zur Seite, die Fehler, Warnungen aufführt, und geben zum Teil auch Handlungsempfehlungen.

Responsive Design

Die Seite bietet im Moment keine Möglichkeit, sich responsive anzupassen. Die Sichtbarkeit in der SERP-Platzierung wird dadurch eingeschränkt, speziell natürlich mobil. Die Anpassung innerhalb dieses vorliegenden Artikels hätte allerdings den Rahmen gesprengt, sodass die Seite aktuell weiterhin nicht mobile-optimiert ist.

Https-Protokoll

Das Protokoll, mit dem die Seite aufgerufen wird, ist das http-Protokoll. Seit geraumer Zeit empfiehlt Google die Verwendung des https-Protokolls, das für eine sichere Datenübertragung mit Verschlüsselung sorgt. Das ist besonders wichtig für Seiten, auf denen z. B. E-Mail-Adressen oder Kontodaten übertragen werden müssen.

Um die Umstellung auf https vornehmen zu können, muss ein Zertifikat zur Verschlüsselung auf dem Server der Website vorhanden sein. Eine kostenlose Alternative zu den meist kostenpflichtigen Produkten ist Let’s encrypt. Das Zertifikat ist allerdings immer nur 90 Tage gültig. Es ist also darauf zu achten, dass das Zertifikat immer wieder erneuert wird. Einige Provider bieten hierzu bereits den kostenlosen und automatischen Update-Service an.

Sichere Datenübertragung wird als Rankingfaktor von Google eingestuft.

Schneller mit Joomla! und PHP7

Um eine Grundlage zur Performance-Optimierung zu haben, wurde zunächst die Ladegeschwindigkeit der Seite ermittelt. Relevante Kenngrößen sind dabei Time to first Byte, Webrequests und die Ladezeiten der einzelnen Elemente einer Gesamtseite. Diese Werte können mit unterschiedlichen Tools ermittelt werden, die oftmals kostenfrei zur Verfügung stehen. Im Fall des NABU Frankfurt (Oder) wurde die Seite mit pingdom.com überprüft. Ebenfalls frei zugänglich und für diese Zwecke geeignet ist webpagetest.org, der Service steht völlig kostenfrei zur Verfügung und bietet neben einem Wasserfalldiagramm auch eine gute Übersicht über die Klassifizierung diverser Auswertungskriterien.

Unter anderem wurde die ursprüngliche Seitenladegeschwindigkeit mit 3,19 Sekunden und 82 Web-Requests ermittelt. Der Wert ist für eine Seite, in der hauptsächlich Text mit Bildunterstützung vorhanden ist, deutlich zu hoch. Die Seitenladegeschwindigkeit sollte unter eine Sekunde sinken, was für eine Joomla!-Installation gut möglich ist.

Ein großer Perfomance-Gewinn für die Seite NABU Frankfurt (Oder) wurde durch die Überarbeitung der Datei .htaccess und die Umstellung der PHP-Version erreicht. Joomla! und PHP 7 sind ein Traumteam, wenn es um Performance-Erhöhung geht. Allein durch diese Umstellung wurde eine Verbesserung der Ladezeit auf 1,10 Sekunden erreicht.

Die bisher eingesetzte .httaccess-Datei lag als Ursprungsdatei aus der Installationsumgebung von Joomla! vor. Dabei sind keinerlei Sicherheitseinträge und Umleitungen vorgesehen. Die Datei ist in ihrer Grundform lediglich für die Weiterleitung von SEF(SEarchFriendly)-URLs einsetzbar. Dabei kann eine .htaccess noch deutlich mehr Vorteile für eine Website abbilden.

Durch den Befehl ExpiresByType können verschiedene Dateitypen für bestimmte Zeit im Browser Cache gehalten werden. Das verkürzt die Ladezeit für den wiederholten Aufruf einer Seite enorm. Durch ExpiresDefault kann ein allgemeingültiger Wert zum Caching aller Dateitypen eingetragen werden.

Außerdem wurde die Komprimierung mittels gzip für die jeweiligen Browser über die .htaccess optimiert.

Eine ausführliche Beschreibung zur Performance-Optimierung ist in der Ausgabe #38 der WEBSITE BOOSTING zu finden.

Letztendlich konnte durch die Optimierung erreicht werden, dass die Seite in 596 ms lädt, und ein Optimierungsgrad von 97 % erlangt werden.

Abbildung 2 zeigt die ermittelten Ist-Werte, Abbildung 3 die nach der Optimierung. Rot markierte Werte bedürfen in der Regel immer einer Optimierung.

Abbildung 2: Kennzahlen der Site vor der Optimierung
Abbildung 3: Kennzahlen der Site nach der Optimierung

H1

Die Überschriften wurden aufgrund des Templates nicht korrekt eingesetzt. Für alle Seiten wurde der Websitetitel als H1-Überschrift angezeigt. Das ist ein – vorsichtig ausgedrückt – schlechtes Vorgehen. Die H1 ist ein wichtiger Indikator für die Suchmaschine, um den Kontext zu ermitteln, für den die Seite bzw. deren Inhalt stehen soll. Ist dieser immer gleich, behindern sich die Einzelseiten gegenseitig im Ranking und die Suchmaschine weiß nicht wirklich, welche Seite für welches Thema steht. Hier wurde dringender Handlungsbedarf deutlich.

Gelöst wurde dieses Problem durch die in Joomla! zur Verfügung stehenden Overrides. Mit den sogenannten Overrides ist es möglich, die Ausgabe aus Joomla! heraus zu ergänzen, zu editieren oder zu entfernen, also so zu verändern, dass sie den Anforderungen genügt. Im Fall des NABU Frankfurt (Oder) wurde der Beitragsname als H1-Überschrift in der Ausgabe der jeweiligen Seite zur Verfügung gestellt.

Wer mehr über Joomla! Overrides erfahren möchte, sollte die Seite des freien Projekts j!over besuchen: www.j-over.de/de.

Meta-Tag Description

Ebenso waren die Meta-Tags für die Beschreibungen nicht gesetzt. Der Webseitenbetreiber lässt somit die Suchmaschine entscheiden, was in den Suchergebnissen erscheint. Die Description ist der Teil, der unterhalb des Links in den Suchergebnissen die Beschreibung des Inhalts einer Seite liefern sollte. Auch wenn nicht unbedingt direkt Rankingfaktor, so ist die Beschreibung auf jeden Fall ein wichtiger Punkt, warum der Besucher auf einen Link klicken könnte.

Für die Überarbeitung dieser SEO-relevanten Meta-Tags wurde ein Plug-in verwendet. Das Zusatzprogramm SH404 ermöglicht es, alle vorhandenen Inhalte direkt auf einen Blick zu verwalten und zu überarbeiten. Damit entfällt das Öffnen jedes einzelnen Menüpunktes oder Artikels, um die entsprechenden Einträge vorzunehmen. Sehr vorteilhaft ist dabei auch, dass die Übersicht wirklich alle Webseiten umfasst, egal, mit welchem Modul diese angezeigt werden. Neben der genannten Erweiterung bieten sich für Joomla! noch eine Menge anderer Erweiterungen an. SH404 wurde allerdings in der WEBSITE BOOSTING, Ausgabe #37, bereits vorgestellt und ausführlich betrachtet.

Seitentitel

Die bisherigen Seitentitel wurden nicht aktiv überarbeitet oder bewusst gesetzt. Da die Seitentitel aber ungemein wichtig für das Ranking in Suchmaschinen sind, sollte darauf geachtet werden, dass diese immer zum Inhalt der Seite angelegt werden und den Inhalt widerspiegeln. Es darf auch durchaus das Schlagwort zur Seite enthalten sein. Der Seitentitel sollte allerdings nicht länger als 70 Zeichen sein.

Zur Bereinigung bietet Joomla! die Eigenschaft „Seitentitel im Browser” für jedes Menu-Item an. Allerdings greift dieses Vorgehen nicht bei Kategorie- oder Blogeinträgen. Da diese im Fall des NABU Frankfurt (Oder) eingesetzt wurden, bedienten sich die Optimierer hier eines Plug-ins, das bereits im Artikel der Ausgabe #37 der WEBSITE BOOSTING vorgestellt wurde. EFSEO – Easy Frontend SEO – könnte dabei aber durch andere Erweiterungen ersetzt werden. Das Joomla! Extension Directory (JED) bietet dazu noch mehr Erweiterungen an – extensions.joomla.org.

URL

Die Suchmaschine liebt, was dem Anwender hilft. Joomla! liefert in der Grundeinstellung die URL mit dem Zusatz index.php aus. Dieser ist unnötig, verlängert die URL und macht sie weniger einprägsam. Daher ist anzuraten, diesen Überschuss in der Adresse loszuwerden. Auf der Seite des Naturschutzbundes Frankfurt (Oder) war der Parameter noch in der URL enthalten, außerdem wurden die Umlaute aus der URL entfernt. Die URL-Struktur wurde an die Inhalts-, Menüstruktur angepasst.

Joomla! bietet in der Grundkonfiguration bereits an, dass die URL-Struktur suchmaschinenfreundlich umgesetzt werden kann. Das ist ein Schalter in der Grundkonfiguration. Vor der Aktivierung muss auf jeden Fall die htaccess.txt in .htaccess umbenannt werden. Um auch noch das Verzeichnis index.php aus der URL zu eliminieren, muss auch der Schalter URL-Rewrite auf Ja gesetzt werden. Dieser steht für den Apache-Webserver zur Verfügung, der in den meisten Fällen genutzt wird.

Ebenfalls unsauber gelöst war die URL für die Suche. Diese enthielt den kompletten Modulpfad. Eine kurze, sprechende URL ist immer von Vorteil.

Beispiele:

Vor der Optimierung
/index.php/wir-über-uns.html
/index.php/projekte.html
/index.php/projekte/30-biologische-vielfalt.html
/index.php/projekte/29-wiesen-trockenrasen-kopfweiden.html
/index.php/projekte/24-unsere-feldlager.html

Nach der Optimierung
/wir-ueber-uns.html
/projekte.html
/projekte/biologische-vielfalt.html
/projekte/wiesen-trockenrasen-kopfweiden.html
/projekte/feldlager.html

Sitemap

Die Sitemap gibt der Suchmaschine einen Überblick über die vorhandenen und erreichbaren Einzelseiten einer Website. Eine Sitemap wird in der Regel direkt bei der Suchmaschine eingereicht, um dieser das Vorhandensein der Website bekannt zu geben. Die Website des NABU Frankfurt (Oder) wies keine Sitemap auf. Damit mussten die Crawler bzw. Robots der Suchmaschinen nicht nur selber feststellen, welche Seiten es insgesamt gab, es wurde so auch lange Zeit verpasst, die Seite den Suchmaschinen überhaupt bekannt zu machen.

Für die Erstellung der Sitemap gibt es kostenfreie Tools im Netz. Wer aber eine lebendige Seite hat, die immer neue Inhalte bereitstellt, wird schnell feststellen, dass die automatisierte Erstellung einer Sitemap von Vorteil ist. Ansonsten müsste mit jedem neuen Beitrag eine neue Sitemap von Hand erstellt werden.

Die Generierung einer Sitemap, die regelmäßig erfolgt, zeigt der Suchmaschine die neuen Inhalte an. Als Tool für die Sitemap-Erstellung wurde im vorliegenden Projekt OSmaps verwendet. Auch zur Sitemap-Erstellung bietet das JED zahlreiche Erweiterungen an.

Bildkomprimierung

Je schneller eine Website lädt, umso besser wirkt sich das auf das Ranking in den Suchergebnissen aus. Im Falle der Website des NABU Frankfurt (Oder) wurden die Bilder weitestgehend in akzeptabler Größe zur Verfügung gestellt. Lediglich bei einigen Bildern bestand Nachbearbeitungsbedarf.

Trotzdem bediente das Team sich auch hier eines Tools, um alle Möglichkeiten auszureizen. Mithilfe des Tools ImageOptim werden unnötige Informationen aus Bildern herausgefiltert und verworfen. Somit werden die nicht benötigten Bildinformationen verworfen und das Bild verbraucht wesentlich weniger Speicherplatz.

Das Tool ImageOptim steht nur Mac-Benutzern zur Verfügung; eine Alternative für Windows-Nutzer bietet z. B. PunyPNG.

Der Inhalt

Aufgrund der Ergebnisse der Befragung des NABU Frankfurt (Oder) wurden Begriffe und ihre Synonyme ermittelt, die anschließend in der Description Verwendung fanden. Zudem wurde eine Empfehlung für die Texterstellung ausgesprochen. Nein, die Keywords sollen nicht in einem bestimmten Maße oder Verhältnis im Text auftauchen, die Sprache muss flüssig bleiben und die Inhalte für jeden gut verständlich. Dennoch ist es wichtig, dass für die Texterstellung die Begriffe klar sind, um die es sich im Beitrag dreht.

Die bisher nur global gesetzte Beschreibung der Seite wurde auf die einzelnen Unterseiten heruntergebrochen und für jede Seite individuell ausgearbeitet. So kann gewährleistet werden, dass der Besucher auch auf genau den Inhalt verwiesen wird, den er sucht. Diese Arbeit wird vielfach als Fließbandarbeit angesehen und ungern übernommen. Sie ist aber unglaublich wichtig. Das Ergebnis lohnt die Mühe, der Suchende klickt eher auf Seiten, die ihm seine Frage beantworten.

Usability

Der NABU Frankfurt (Oder) bietet dem Besucher auf der ursprünglichen Seite kaum eine Möglichkeit der Suche. Die Joomla!-Suche wurde optimiert und präsenter verlinkt.

Die URL-Struktur wurde angepasst, um dem Nutzer durch die Adresse bereits einen klaren Hinweis auf den Inhalt der jeweiligen Seite zu geben.

Ebenfalls in den Bereich der Usability wird die Überarbeitung der Bildkomprimierung gezählt. Lädt die Seite schneller, ist der Nutzer deutlich zufriedener, er kommt seiner gewünschten Information sehr viel schneller nahe.

Fazit

Auch wenn die Seite noch immer Schwächen aufweist, ist ein Anfang gemacht. In den nächsten Wochen bleibt abzuwarten, ob die Änderungen an der Seite wirklich eine bessere Auffindbarkeit ergeben. Joomla! als Grundlage der Website ist ein Glücksgriff. Das System bietet von Haus aus bereits so viele SEO-Grundlagen, dass nicht allzu viele Plug-ins notwendig sind.

Ob die Seite erfolgreicher rankt, beobachtet das Team, das den Artikel verfasste, weiter. Grundsätzlich sind SEO-Maßnahmen wie die Überarbeitung der Seite des NABU Frankfurt (Oder) keine einmaligen Angelegenheiten, die nach Ausführung abgeschlossen sind. Vielmehr ist die Überarbeitung, die hier aufgezeigt wurde, der Anfang einer Tätigkeit, die sich endlos fortsetzt. Neben den begonnenen Arbeiten sind Aktualität und Kontinuität wichtige Faktoren, die beim Betreiben einer Website berücksichtigt werden müssen, egal, welches CMS zugrunde liegt.

Es ist ein langer Weg zum Erfolg, aber nur wer ihn kontinuierlich geht, kann auch zum Ziel kommen.