Drupal SEO-Audit und Implementierung von Verbesserungen

Nach dem Einsatz der neuen Websites unserer Drupal-Entwicklungsagentur – droptica.pl und droptica.com – Mitte 2016 haben wir beschlossen, einige Dinge im Zusammenhang mit der Inhaltsoptimierung, der Seitenladegeschwindigkeit und SEO zu verbessern. Am Ende des Jahres führten wir ein technisches Drupal-SEO-Audit durch, das es uns ermöglichte, eine gewisse Anzahl von Mängeln zu erkennen. Dabei haben wir beschlossen, die von Google empfohlenen Lösungen umzusetzen. Für die Durchführung des Audits nutzten wir neben vielen anderen Tools Google Webmaster Tools, LinkChecker, Alt Checker auf http://www.contentforest.com und GTmetrix.

Unten finden Sie eine Liste der Änderungen, die wir beschlossen haben umzusetzen. Die größeren und umfangreicheren werden weiter unten im Artikel beschrieben.

1. Überprüfung und Änderungen in robots.txt
2. Hinzugefügt und angepasst: eine Sitemap
3. Optimierung der Reihenfolge und Ladegeschwindigkeit von JS- und CSS-Dateien
4. Implementierung von Language href zwischen PL und EN Sprachversionen
5. Überprüfung der neuen Website-Version auf gebrochene und inaktive Links
6. Verifizierung von Übersetzungen und Richtigkeit der Links in den PL- und EN-Sprachversionen
7. Implementierung eines SSL-Zertifikats für die .com-Version
8. Hinzufügen oder Ändern von Meta-Tags, inklusive kanonischer Links, Shortlinks und der Beseitigung doppelter Titel
9. Systematisierung von Links durch Hinzufügen eines Schrägstrichs am Ende aller URLs
10. Optimierung hinzugefügter Fotos: Benennung, Hinzufügen fehlender Alt-Tags, Optimierung von Größen und Typen, Laden unterschiedlicher Fotos je nach Geräteauflösung
11. Verbesserung der Seitenladegeschwindigkeit durch den Einsatz von Feature-Systemen

Sitemap.xml

Eines der ersten Dinge, die im Bereich SEO umgesetzt wurden, war die Anpassung und Implementierung einer Sitemap. Wir nutzten das XMLsitemap-Modul für Drupal 8, das leider nur in der Alpha-Version verfügbar ist, und mussten dafür unseren eigenen Patch schreiben. Dieses Modul ermöglichte es uns, eine Datei sitemap.xml für die Entitäten zu erstellen und deren Priorität festzulegen. Eine gut gestaltete Sitemap enthält Informationen über alle auf der Website verfügbaren Adressen, wie das Datum der letzten Aktualisierung oder die Gültigkeit des Links, und kann auch Daten zur Sprachversion enthalten. Durch die Implementierung erleichtern wir den Indexierungsrobotern ihre Arbeit. Weitere Informationen zu Sitemaps finden Sie unter https://en.wikipedia.org/wiki/Site_map

Optimierung der Reihenfolge und Ladegeschwindigkeit von JS- und CSS-Dateien

Ein häufiges Problem bei Benchmarks für die Seitenladegeschwindigkeit ist die Ladegeschwindigkeit von CSS- und JavaScript-Dateien, die in der Regel aus externen Quellen heruntergeladen werden. Es ist eine gute Praxis, kleinere CSS- und JS-Dateien zu größeren zusammenzufassen. Sie sollten auch immer daran denken, CSS-Dateien aggregieren und JavaScript-Dateien aggregieren im Produktionsumfeld unter /admin/config/development/performance zu aktivieren. Fortgeschrittene Benutzer können das Advanced CSS/JS Aggregation-Modul verwenden, das erweiterte Optionen bietet. Wenn möglich, sollten JavaScript-Dateien asynchron hinzugefügt werden. Ihr Browser muss nicht auf andere Elemente warten, bis er JS-Dateien heruntergeladen hat. Wenn möglich, sollte JavaScript am Ende der Seite geladen werden, anstatt im Header. Sie sollten auch das globale Hinzufügen von Skripten vermeiden, wenn Sie sie nur auf einigen Unterseiten verwenden. Dies sollte die Ladegeschwindigkeit der Website erheblich erhöhen und Ihre Google PageSpeed Tools wesentlich bessere Ergebnisse erzielen lassen.

Implementierung von Language href

Wenn Sie eine mehrsprachige Website haben, so wie wir, empfiehlt Google die Implementierung des sogenannten Language href. Worum geht es dabei? Es bedeutet das Hinzufügen von Links zu alternativen Sprachversionen, was die Indexierung von Unterseiten erleichtert. Zum Beispiel müssen Sie Folgendes im HEAD-Bereich hinzufügen:

Für www.droptica.pl/o-firmie/
<link rel="alternate" hreflang="pl" href="http://www.droptica.pl/o-firmie/" />
<link rel="alternate" hreflang="en" href="https://www.droptica.com/company/" />

Für www.droptica.com/company/
<link rel="alternate" hreflang="en" href="https://www.droptica.com/company/" />
<link rel="alternate" hreflang="pl" href="http://www.droptica.pl/o-firmie/" />

Entfernung inaktiver Links

Nach der Einführung einer neuen Website ändert sich oft auch die Struktur der Links. Vor der Einführung ist es eine gute Idee, die alte Sitemap zu speichern und mit der neuen zu vergleichen. Wenn eine der URLs auf der neuen Website fehlt, lohnt es sich, einen neuen Link zu einem ähnlichen Inhalt hinzuzufügen, um den Link in Google nicht zu verlieren. In Drupal können Sie hierfür das Redirect-Modul verwenden, das eine Reihe nützlicher Funktionen bietet. Im Admin-Bereich/config/search/redirect/404/ können Sie die Liste aller 404-Seiten sehen, die von Benutzern aufgerufen wurden. Für jede 404 können Sie einfach eine Weiterleitung hinzufügen - zum Beispiel 301 von einem nicht existierenden Link zu einem anderen. Das Finden und Bearbeiten alter, defekter Links ist eine weitere wichtige Aufgabe. Solche Links könnten in einem Blog, in Nachrichten und an vielen anderen Stellen hinzugefügt worden sein. Um sie zu finden, können Sie Online-Tools wie http://www.brokenlinkcheck.com/ oder Desktop-Tools wie LinkChecker verwenden. Solche Links sollten weitergeleitet werden, wenn sich die Adresse der Website geändert hat, oder gelöscht werden, wenn der Link nicht mehr existiert.

Optimierung der Fotos auf der Website

Eine der größten Änderungen, die umgesetzt wurde, war die Optimierung und Verbesserung der Anzeige- und Ladegeschwindigkeit von Fotos und grafischen Elementen. Beginnend mit der Systematisierung von Dateinamen wurde das image1.jpg logo2.jpg Benennungsschema durch eine kurze Beschreibung ersetzt, und alle fehlenden ALT-Tags wurden dort hinzugefügt, wo es nötig war. Eines der Tools, die dafür verwendet werden können, finden Sie unter http://www.contentforest.com/seo-tools/image-alt-checker.

Wir haben versucht, die Bilder so weit wie möglich zu komprimieren. Wenn es möglich war, haben wir komprimierte JPGs anstelle von PNGs verwendet - der durch unsere Website belegte Speicherplatz ist dramatisch gesunken. Interessanterweise ergab die Verwendung von PNG in einigen Fällen viel bessere Ergebnisse als die mit JPGs. Es hängt alles vom Bildtyp ab. GTmetrix ist ein sehr nützliches Tool zur Messung solcher Dinge. Wenn Ihre Website Icons oder andere kleine Elemente verwendet, ist die Verwendung von SPRITE eine gute Praxis. Dies ermöglicht es Ihrem Browser, das Senden von Anfragen für 100 Dateien einzustellen und eine große Datei herunterzuladen, die alle Icons enthält, während CSS sich um die ordnungsgemäße Anzeige kümmert. Weitere Informationen zum Sprite finden Sie unter https://www.w3schools.com/.

Der letzte erwähnenswerte Punkt zur Bildoptimierung ist die Verwendung des srcset-Attributs. In HTML5 ermöglicht es Ihnen, physisch eine andere Datei zu laden, wenn der Benutzer Ihre Website auf seinem Telefon betrachtet, und eine andere, wenn er einen Computer mit einem HD-Bildschirm verwendet. Anstatt ein 4K-Bild mit einer Größe von 2000 KB herunterzuladen, wird der Benutzer eine Mini-Version, die an Mobiltelefone angepasst ist, mit einer Größe von etwa 120 KB herunterladen.

Ein Beispiel von https://www.w3schools.com

<picture>
  <source media="(min-width: 650px)" srcset="img_pink_flowers.jpg">
  <source media="(min-width: 465px)" srcset="img_white_flower.jpg">
  <img src="img_orange_flowers.jpg" alt="Blumen" style="width:auto;">
</picture>

Zusammenfassung

Das alte Sprichwort besagt, dass nichts im SEO für immer ist, weshalb ein solches Audit alle paar Monate durchgeführt werden sollte, um Mängel zu ermitteln und neue relevante Standards einzuführen. SEO-Aktivitäten auf und außerhalb der Website bringen normalerweise nach einigen Wochen, wenn nicht Monaten, Ergebnisse. Dies ist perfekt sichtbar, wenn wir uns den Traffic auf unserer Website ansehen.

Die Seitenaufrufe für Droptica.com. Der Start der neuen Website, der Prozess der SEO-Änderungen und die Anzahl der Aufrufe im Laufe der Zeit sind sichtbar. Endeffekt: 45% mehr Aufrufe in nur 2 Monaten.

Einige Wochen nach der Implementierung können wir leichte Rückgänge in der Anzahl der Besucher auf unserer Website feststellen, möglicherweise aufgrund einiger Änderungen in der Positionierung und der Linkstruktur. Es kann jedoch festgestellt werden, dass die Implementierung SEO-orientierter Änderungen messbare Ergebnisse gebracht hat. Nach etwa 2 Monaten haben wir einen sichtbaren Anstieg der Anzahl einzigartiger Besucher festgestellt. Wenn wir Mai als Ausgangspunkt nehmen, stieg die Anzahl der Besuche im November/Dezember um etwa 45% im Vergleich zur Zeit vor der Einführung der neuen Website.

Wie sieht es bei Ihnen aus? Welche Tools verwenden Sie für SEO? Teilen Sie sie auf unsererFanpage. Wenn Sie mehr über Drupal 8 und andere nützliche Werkzeuge für die Gestaltung von Webanwendungen erfahren möchten, liken Sie uns auf Facebook, wo wir Tutorials, Anleitungen und interessante Branchenfakten teilen, nehmen Sie teil an DrupalDay und DrupalCamp! Vergessen Sie auch nicht, unseren Blog zu besuchen - mehr neue Artikel kommen bald!