In diesem Blogbeitrag werden wir über die Best Practices sprechen, die Ihnen helfen, Ihre User Experience von gut zu besser zu verbessern, und wie Drupal 8 in diesem Bestreben ein Gamechanger sein kann. 

Oft haben wir gehört, dass Drupal nichts für Anfänger ist. Während die Einrichtung einer Drupal-Website mit Drupal 8 viel einfacher geworden ist, geht es bei einer guten Website nicht nur darum, einige Webseiten unter einem einzigen Domainnamen einzurichten. 

Google verarbeitet über 3,5 Milliarden Suchanfragen pro Tag.

Eine veraltete Website, die nicht nutzbar ist, langsam lädt und bei der Sie riskieren, Ihre potenziellen Kunden zu frustrieren, was sich negativ auf Ihr Unternehmen auswirkt. Während die Wartung niemals aus dem Plan fallen sollte, kann die Investition in einige gute Praktiken zu einer langen Lebensdauer Ihrer Website und Ihres Unternehmens führen.  

Hier sind einige der besten Drupal-Webentwicklungs-Praktiken, um sicherzustellen, dass Ihre Website eine großartige User Experience bietet und Ihnen gleichzeitig hilft, Ihre Inhalte auf Seite 1 von Google zu platzieren. 

8 Best Drupal Practices

Kreativität ist nicht der einzige Faktor, der bei der Betrachtung eine Rolle spielt, es gibt viele andere Faktoren, die Ihren Ruf auf dem Online-Markt beeinflussen können. 

Drupal’s Architektur

Eine gesunde Architektur stellt nicht nur sicher, dass die Anforderungen der verschiedenen Stakeholder erfüllt werden, sondern auch, dass die Website für zukünftige Initiativen robust bleibt. 

Gestalten Sie Ihre Architektur robust. 

Auf einer grundlegenden Ebene müssen Ihre Inhaltsstrukturen alle Felder und Inhaltstypen enthalten. Eine saubere Inhaltsarchitektur trägt nicht nur zu einer guten Performance bei, sondern auch zu einer großartigen User Experience und einer einfacheren Wartung. 

Obwohl eine gut gewartete Website von entscheidender Bedeutung ist, können Sie nicht viel tun, wenn die Basis voller Fehler ist. 

Weniger ist immer mehr. 

Wählen Sie in Ihrem Entwicklungsplan nur wenige Inhaltstypen und Felder aus, um Ihre Content-Ersteller nicht zu verwirren. Drupal ist ein leistungsstarkes Tool zur Anzeige von Inhalten in verschiedenen Formaten, Sprachen und auf verschiedenen Bildschirmen. 

Die Konfiguration spielt eine wichtige Rolle in der Architektur. 

Einfach ausgedrückt ist die Konfiguration die Sammlung von Einstellungen, wie die Standard-Site für den Admin funktioniert, im Gegensatz zu der gängigen Vorstellung der Platzierung von Inhalten auf der Website. Sie umfasst den Site-Namen, die Inhaltstypen und -felder, Taxonomie-Vokabulare, Ansichten usw.

Sie können sich auch dieses Video von Pantheon über Drupal 8 Architekturpraktiken ansehen.

Die Site-Konfigurationsdaten in Drupal sind konsistent, alles von der Liste der aktivierten Module, Inhaltstypen, Taxonomie-Vokabulare, Felder und Ansichten kann einfach durchgeführt werden. 

Ihre Herangehensweise muss flexibel sein. 

Auf der grundlegenden Ebene müssen Sie einen neuen Entitätstyp für verschiedene Datentypen verwenden. Verwenden Sie bei ähnlichen Datentypen Bundles für einen einzelnen Entitätstyp. Module sind jedoch so konzipiert, dass sie mit Nodes und nicht mit anderen Entitätstypen funktionieren. 

Die Verwendung von Nodes ist einfach, da sie es ermöglicht, einen neuen Inhaltstyp über die Admin-Oberfläche zu erstellen, ohne viel Code schreiben zu müssen, im Gegensatz zur Erstellung von Entitäten, die Code erfordern. Als Entwickler sollte Ihre Herangehensweise flexibel sein. 

Bonus-Tipp: Nehmen Sie keine Konfigurationsänderungen auf einer Live-Site vor, ohne sie lokal zu testen.

Überprüfen Sie die Codes

Wir alle wissen, wie gutes Coding hilft, die Qualität zu verbessern und bessere Ergebnisse zu erzielen. Die Grundlagen sollten sein, mit einfachen Codes zu beginnen. Denken Sie daran, es ist immer schwierig, komplizierte Codes in der Zukunft zu ändern. Daher sollten Sie Ihr Coding für die längere Laufzeit einfach halten.

Die Drupal-Coding-Standards sind versionsunabhängig und "immer aktuell". Alle neuen Codes folgen den aktuellen Standards, unabhängig von der (Core-)Version. Falls Sie vorhandenen Code für die aktuellen Standards aktualisieren möchten, erstellen Sie immer separate und dedizierte Issues und Patches, anstatt sie in nicht verwandte Patches zu quetschen.

Denken Sie daran, US-amerikanische Englischstandards für die Rechtschreibung in Ihrem Code zu verwenden, was bedeutet, dass es "color" und nicht "colour" sein wird.

Hier sind die Top 6 Coding-Praktiken von Drupal.org:

1. Verwenden Sie einen Einzug von 2 Leerzeichen, ohne Tabulatoren, und die Zeilen sollten am Ende keine nachfolgenden Leerzeichen haben.
    
2. Alle binären Operatoren (Operatoren, die zwischen zwei Werten stehen), wie z. B. +, -, =, !=, ==, >, usw. sollten zur besseren Lesbarkeit ein Leerzeichen vor und nach dem Operator haben.
    
3. Kontrollanweisungen sollten ein Leerzeichen zwischen dem Kontrollschlüsselwort und der öffnenden Klammer haben, um sie von Funktionsaufrufen zu unterscheiden. Zu den Kontrollstrukturen gehören - if, for, while, switch, usw.
    
4. Alle Codezeilen sollten nicht länger als 80 Zeichen sein. Zeilen, die längere Funktionsnamen, Funktions-/Klassendefinitionen, Variablendeklarationen usw. enthalten, dürfen 80 Zeichen überschreiten. Bedingungen sollten nicht in mehrere Zeilen umbrochen werden.
    
5. Arrays sollten mit einer kurzen Array-Syntax mit einem Leerzeichen zur Trennung der einzelnen Elemente (nach dem Komma) formatiert werden.
    
6. Wenn Sie bedingungslos eine Klassendatei einbinden, verwenden Sie require_once(). Wenn Sie bedingt eine Klassendatei einbinden, verwenden Sie include_once(). In beiden Fällen wird sichergestellt, dass Klassendateien nur einmal eingebunden werden.

Sie können Coder zur Validierung von Coding-Standards verwenden, ohne Drupal zu laden. 

Infrastruktur

Die Infrastruktur umfasst den Stack, auf dem Ihre Website läuft, einschließlich des Servers, der Datenbank und aller Software-Schichten, wie z. B. Varnish oder Memcached, die sicherstellen, dass Ihre Besucher eine schnelle Erfahrung haben. Die Planung der Infrastruktur von Anfang an und die Entwicklung in derselben Umgebung können Variablen und Risiken zum Zeitpunkt des Starts erheblich reduzieren.

Zuverlässige Konfigurationen mit mehreren Umgebungen und ein solider Plan zur Notfallwiederherstellung sollten nicht bis zur letzten Minute aufgeschoben werden. Wenn dies der Fall ist, entstehen Fehler. Hier sind ein paar Tipps, um die häufigsten Fehler zu vermeiden.

Best Practice:

• Dimensionieren Sie Ihren Stack korrekt, nicht zu groß, nicht zu klein. Dies kann sicherstellen, dass Sie wirtschaftlich auf alles vorbereitet sind.
   
• Engpässe können durch die Hardware oder durch Prozesse entstehen, die Speicher belegen.
   
• Überprüfen Sie die Protokolle auf Fehler und bereiten Sie sich auf Wachstum und Spitzen vor. Ihr Stack ist nur so schnell wie die langsamste Komponente. Konzentrieren Sie Ihre Bemühungen dort; Sie werden wahrscheinlich leicht zugängliche Früchte finden.
   
• In Bezug auf die Sicherheit ist es entscheidend, sich so zu konfigurieren, dass man sich sowohl vor internen als auch vor externen Angriffen schützt.

Frontend optimieren

Das Frontend ist mehr als nur Theming. 

Während die Funktionen und ihre Funktionsweise vom Backend abhängen, hängen die Benutzerfreundlichkeit und Ästhetik davon ab, wie gut das Frontend gepflegt wird. 

Die Performance der Website wird zwischen beiden gleichmäßig verteilt.

“..leistungsstark, anpassungsfähig, zugänglich, klar, prägnant, natürlich.”

Um die Grundlagen schnell aufzufrischen, hier sind die besten Drupal-Frontend-Praktiken: 

1. Definieren Sie Komponentenelemente (Sub-Objekte) mit ihren eigenen Klassen. Dies dient dazu, sich nicht auf die Markup-Struktur und übermäßig generische Klassennamen zu verlassen, indem Sie ihnen den Namen der Komponente mit zwei Unterstrichen voranstellen. 
    
2. Üben und testen Sie Ihre Website gründlich und beheben Sie alle PHP-Fehler, die während der Theming-Entwicklung angezeigt werden.
    
3. Verwenden Sie während der Entwicklung ein stabiles administratives Theme.
    
4. Verwenden Sie DRY CSS und gruppieren Sie wiederverwendbare CSS-Eigenschaften zusammen. Benennen Sie diese Gruppen logisch. 
    
5. Benennen Sie Komponenten mit Designsemantik. HTML-Elemente vermitteln bereits Semantik auf den Inhalt und Maschinen können keine Semantik auf Inhaltsebene von Klassennamen ableiten.
    
6. Um die Last auf die Frontend-Performance Ihrer Website zu reduzieren:
    
   • Minifizieren Sie JavaScript, CSS und HTML
   • Aggregieren Sie JavaScript und CSS
   • Aktivieren Sie die Gzip-Komprimierung
   • Verwenden Sie Lazy Loading für Site-Assets
   • Halten Sie Inline-Hintergrundbilder unter ~4 KB Größe
   • Entfernen Sie ungenutztes CSS
   • Verwenden Sie effiziente CSS-Selektoren
   • Laden Sie Skripte von Drittanbietern asynchron herunter
      
7. Verwenden Sie SASS, um Ihr responsives Design besser zu organisieren

Testen, Fehler. Wiederholen. QA ist wichtig

Es ist sehr wichtig, die Qualität Ihrer Website als oberste Priorität zu betrachten, bevor Sie zu anderen technischen Dingen übergehen. Auch wenn sich dies für Ihre Leute nach viel Arbeit anfühlt, kann es einen tatsächlichen Unterschied machen. Eine Überprüfung durch Ihre Kollegen (ist ein Muss) wird Ihnen helfen, eine zusätzliche Vorstellung davon zu bekommen, wie die Dinge aussehen und funktionieren sollten.

Erfolgreiche Regressionstests geben Ihnen das dringend benötigte Vertrauen.

Es ist auch sehr wichtig, dass Sie die vorherigen Dinge im Auge behalten, während Sie neue Dinge hinzufügen. Das Test-Framework PHP Unit ist in Drupal 8 eingebaut. Durch die Einrichtung der Testumgebung können Websites einfach getestet werden (da bereits Beispiele für Testfälle verfügbar sind, die von der Community geschrieben wurden).

Drupal hat eine sehr aktive Community-Unterstützung. Mit fast 100.000 aktiven Entwicklern, die Testfälle schreiben (die später in Drupal zusammengeführt werden) und Lösungen einreichen. Damit können Sie sagen, dass Drupal schnell Lösungen für Ihre Probleme bereitstellt.

Streben Sie Google Seite 1 an. Vergessen Sie nicht das SEO 

75% der Nutzer klicken nicht einmal über die erste Seite hinaus! 

Beginnend mit der Suche ist es sehr wichtig, dass der Benutzer bei seiner ersten Suche die besten Ergebnisse erhält. Nun, als Benutzer müssen Sie verschiedene Schlüsselwörter ausprobiert haben, um sich mit dem Inhalt Ihrer Website zu verbinden. Hier kommt die Kunst (und Wissenschaft) des SEO ins Spiel. 
Drupal bietet eine Reihe von SEO-Modulen. Es reicht jedoch nicht aus, die Module nur bereitzustellen, es ist wichtig, sie auch zu konfigurieren und zu aktivieren. 

Zu den SEO-Best Practices gehören: 

1. Verwenden von Robots.txt, damit die richtigen Seiten und Informationen indiziert werden. 
    
2. Möglichkeit, Seitentitel und Metadaten anzupassen. Außerdem sollte es in der Lage sein, diese jeweiligen Felder gemäß den SEO-Normen und Best Practices automatisch auszufüllen. 
    
3. Navigations-Dropdown-Menüs sind entscheidende interne Linkstrukturen, die stillschweigend zur Suchmaschinenoptimierung beitragen. Sie stellen Relevanz und Hierarchie auf Ihrer Website her, damit Suchmaschinen sie von Anfang an indizieren können. Es sollte auch eine einfache Anpassung der Navigationsmenüs ermöglichen.
    
4. URL-Aliasing muss mit Pathauto aktiviert werden, da es sicherstellt, dass die Suchmaschine versteht, was die Webseite impliziert. 

Sicherheitspraktiken

Sicherheit ist ein weites Fachgebiet und ändert sich schnell mit der Zeit. Während die Liste der Gebote und Verbote umfangreich und erschöpfend ist, um mit den Bedrohungen, Schwachstellen und Abhilfestrategien Schritt zu halten, sind hier die besten Drupal-Sicherheitspraktiken, die Sie befolgen sollten, um die Gesundheit und Sicherheit Ihrer Website aufrechtzuerhalten. 

1.  Halten Sie Ihren Core auf dem neuesten Stand: Eine wichtige Praxis, die Aktualisierung des Cores wird immer die erste sein, wenn gesunde Sicherheitspraktiken aufgelistet werden. Achten Sie immer auf Core-Updates (einschließlich der Nebenversionen). In allen seinen Empfehlungen fordert das Drupal Security Team die Aktualisierung der Core-Version des Systems. 
    
2. Verwenden Sie zusätzliche Sicherheitsmodule: Wenn es um Sicherheit geht, gibt es nichts Besseres, als sich mit immer mehr auszustatten. Um die Mauern hoch zu halten, können Sie die zusätzlichen Sicherheitsmodule wie Security Kit, Captcha und Paranoia verwenden. Drupal Security Review kann als Checkliste verwendet werden, um viele der leicht zu machenden Fehler zu testen und zu überprüfen, die Ihre Website anfällig machen.  
    
3. Aber verwenden Sie nur vom Sicherheitsteam genehmigte Module: Ihre Website verwendet wahrscheinlich eine Reihe von Contributed Modules, obwohl das kein Problem ist. Die Verwendung der stabilen und genehmigten Module ist der Schlüssel. Dies ist besonders für Contrib-Module erwähnenswert, die anfälliger für Schwachstellen sind.
   
   Achten Sie immer auf das grüne Batch, wenn Sie ein Contrib-Modul herunterladen. Ansonsten gilt, wie in der Empfehlung steht: Verwenden Sie es auf eigenes Risiko! 
    
4. Halten Sie Ihr Backup auf dem neuesten Stand:  Als Administrator müssen Sie auf alle unerwünschten Ereignisse vorbereitet sein.

Die Open-Source-Grundlagen von Drupal geben ihm die Möglichkeit, dass es häufig mit mehr und besseren Sicherheitsmodulen aktualisiert wird. 

Wartungspraktiken

Der Lebenszyklus einer Website beginnt mit den ersten Plänen und erstreckt sich bis zum Ende der Website. Die Website existiert in drei verschiedenen Phasen: Entwicklung, Bereitstellung und Wartung. Nach dem Start der Website werden Ihre Website-Lifecycle-Praktiken entscheidend für den Erfolg der Änderung und Wartung Ihrer Website.

• Bewahren Sie Ihren Code unter Versionskontrolle auf.
• Führen Sie separate Umgebungen für die verschiedenen Phasen der Website und halten Sie sie auf dem neuesten Stand.
• Beschränken Sie den Zugriff auf die Produktionsseite für alle außer den vertrauenswürdigsten Benutzern.
• Überprüfen Sie alle Protokolle regelmäßig, einschließlich Apache, Drupal und MySQL.
• Überprüfen und bewerten Sie Ihre Architektur regelmäßig und planen Sie für die Zukunft.

Bei OpenSense Labs verstehen wir, wie wichtig Ihre Website für Sie ist. Kontaktieren Sie uns unter [email protected], um einen ganzheitlichen Überblick darüber zu erhalten, wie Sie Ihre User Experience verbessern können.