Für die meisten Menschen außerhalb der digitalen Marketingbranche ist Webdesign immer noch ein Rätsel. In Unwissenheit glauben noch viele Leute, dass Webdesign subjektiv ist und wenn es dem Kunden gefällt auch wirklich gut sein muss. Diese Aussage ist falsch und ich erkläre auch warum. In diesem Beitrag analysiere ich mit ihnen gemeinsam eine Fülle von Problemen, die ihr Webdesign betreffen und ihr SEO zunichte machen können.

Die meisten Webdesigner haben keine Ahnung, wenn es um echte Suchmaschinenoptimierung geht. Die meisten denken, dass solange sie ein paar H1- und H2-Tags, Bild-Alt-Attribute und Meta-Tags in einer Website anbringen, ihre Arbeit getan ist. Jeder erfahrene SEO-Profi weiß, dass das sowohl völlig falsch als auch gefährlich ist. In der Tat, wenn ihr Webdesign fertig ist, dann beginnt die eigentliche Arbeit.

Das erste Mal erkannte ich dies um das Jahr 2010, als ich die Website eines meiner ersten Kunden analysierte. Zuvor hatten sie eine Hamburger Werbeagentur mit der Gestaltung ihrer Website beauftragt. Ihre Website wurde mit Adobe Flash erstellt und in eine im Wesentlichen leere HTML-Seite eingebettet. Dies zum Schnäppchenpreis von unter 120.000 €.

Zu dieser Zeit gaben sie jeden Monat Zehntausende von € für PPC-Anzeigen aus, die ihre einzige Trafficquelle waren und erhielten weniger als vier Leads pro Monat.

Da ihre Website in Flash erstellt wurde und keine Suchmaschinenoptimierung hatte, war der Inhalt für Google völlig unsichtbar. Das trieb ihre PPC-Kosten in die Höhe, weil Google keine genaue Qualitätsbewertung zuordnen konnte und sie praktisch keinen organischen Traffic hatten.

Ich entwarf eine neue Website für sie, die zwar visuell nicht ganz so impulsant war, aber sauberes, schnell ladendes HTML verwendet, das von Suchmaschinen leicht gecrawlt werden kann. Gepaart mit kontinuierlicher Content-Entwicklung und Linkaufbau, landeten sie später in diesem Jahr einen 54 Millionen Dollar Deal mit einer großen Hotelkette.

Mein Punkt ist, dass selbst die sogenannten Experten oft Fehler machen, die sich negativ auf SEO auswirken. Manchmal aus Unkenntnis und manchmal, weil sie kritische Details übersehen. In diesem Beitrag möchte ich ihnen ein paar Tipps mit auf dem Weg geben, wie sie häufige SEO-Fehler im Rahmen ihres Webdesign vermeiden können und somit ihre SEO-Rankings zunichte machen.

Fehler 1: Versäumnis quantifizierbare Ziele zu setzen und ihre Ergebnisse zu messen.

Wenn Sie nicht wissen, wo Sie hinwollen, wie können Sie dann herausfinden, wie Sie dorthin kommen? Und woher wissen Sie, wann Sie ihre Ziele erreicht haben? Ohne quantifizierbare Ziele zu setzen und ihre Ergebnisse zu messen, können Sie das nicht, weshalb es ein wesentlicher Bestandteil des Webdesigns ist.

Ich hatte einmal einen Kunden, der ständig darauf bestand, dass er in seiner Branche führend sein wollte, sich aber weigerte, sich jemansl konkrete Ziele zu setzen. Sie würden regelmäßig mitten in den Kampagnen den Kurs ändern, also verschwendeten sie Zeit und Geld und machten nie große Fortschritte.

Wenn Sie bestimmte Ziele haben, ist es einfach, schnell festzustellen, ob eine bestimmte Entscheidung Sie näher oder weiter weg von ihnen führt. Ohne konkrete Ziele ist es jedoch leicht, ziellos auf der Jagd nach dem neuesten glänzenden Objekt zu sein.

Was genau ist also ein legitimes Ziel? Zwei Dinge: Ein legitimes Ziel muss sowohl spezifisch als auch quantifizierbar sein. Hier sind einige Beispiele für legitime Ziele für ihre Website:

  • Generieren Sie zusätzliche Einnahmen in Höhe von 300.000 € aus bestehenden Trafficquellen.
  • Steigerung der Seitenaufrufe pro Besuch um 20%.
  • Verringern Sie die Absprungrate um 20%.
  • Verbessern Sie die Conversion Rate des bestehenden Webtraffics um 15%.
  • Steigerung des organischen Suchtraffics um 50%.

Dies bedeutet mindestens die Verwendung von Google Analytics, Google Search Console und Bing Webmaster Tools. Ein intelligenter Vermarkter würde auch Social-Media-Aktivitäten, eingehende Links, PPC und E-Mail-Metriken messen. Wenn Sie sowohl ihre Effizienz als auch ihre Effektivität maximieren wollen, müssen Sie alle ihre Daten in einem konsolidierten Bericht zusammenfassen und wenn Sie als Kunde sprechen, ist Raven das perfekte Tool, um alles miteinander zu verbinden.

Im Idealfall sollten Sie auch ein CRM-System wie HubSpot oder Infusionsoft einsetzen und ihre Buchhaltungssoftware so konfigurieren, dass Sie andere wichtige Geschäftsinformationen messen und analysieren können:

  • Umsatz nach Sendern und Kampagnen.
  • Return on Investment nach Kanal und Kampagne.
  • Kundenbindungsrate.
  • Länge ihres Verkaufsprozesses.
  • Kundengewinnungskosten/Kosten pro Lead.
  • Umwandlungsverhältnis (Besucher zu Lead, Lead zu Interessenten und Interessenten zu Kunden)
  • Durchschnittlicher Kundenwert.

Je mehr Daten Sie effektiv analysieren können, desto besser können Sie Entscheidungen treffen.

Fehler 2: Nicht alle Designelemente wurden gründlich getestet.

Ich kann ihnen nicht sagen, wie oft ich eine Website gesehen habe, die wunderschön ist, wenn sie auf einem Desktop-PC betrachtet wird, sich aber zu eher bescheiden wirkendes Webdesign verwandelt, wenn sie auf einem mobilen Gerät betrachtet wird.

Wenn ich eine Website entwerfe, sollten wir sie mehrmals in mehreren Browsern und Bildschirmgrößen testen, damit wir am Ende keine bösen Überraschungen erleben. Aber wir müssen auch alles noch einmal auf einem Staging-Server testen, wenn es fertig ist. Es sollte auch noch einmal getestet werden, nachdem es gestartet undd öffentlich zugänglich gemacht wurde.

Das mag übertrieben klingen, aber es ist einfach, eine kleine CSS-Korrektur zu machen, die am Ende noch mehr Probleme verursacht. Das passiert die ganze Zeit, sogar mir.

Wenn Sie sich nicht die Zeit nehmen, die gesamte Website nach der Fertigstellung zu überprüfen, verpassen Sie möglicherweise ernsthafte Probleme, weil Sie „diesen Teil bereits überprüft haben“.

Kleinere Probleme, die Sie prüfen sollten:

  • Margin- und/oder Padding-Probleme.
  • Schriftgrößen mit ungraden Zeilenumbrüchen.
  • Elementgrößen bei bestimmten Bildschirmgrößen.
  • Bilder in falscher Größe.
  • Farb- oder Transparenzfarben.

Einzeln können diese Probleme einen leichten, aber kumulativen negativen Einfluss auf die User Experience haben. Sie können mit ein paar davonkommen, aber denken Sie daran, dass sie sich schnell summieren, was zu einer kürzeren Verweildauer und höheren Bounce-Raten führt, was weniger Umsatz bedeutet und das organische Ranking verschlechtert.

Einige der schwerwiegenden Probleme, die ihre Website völlig unbrauchbar machen könnten, sind unter anderem:

  • Positionierungsprobleme.
  • Float-Probleme.
  • Z-Index-Probleme.
  • Offene geschweifte Klammern in CSS.
  • JavaScript-Fehler.

Bevor Sie „mission complete“ deklarieren, sollten Sie ihre Website in mehreren Browsern und auf mehreren Geräten testen:

  • Google Chrome.
  • Firefox.
  • Microsoft Edge/Internet Explorer.
  • Safari.
  • Mindestens ein iOS und Android-Gerät, aber vorzugsweise zwei (ein Smartphone und ein Tablet).

Es gibt Werkzeuge zum Testen in fast jeder erdenklichen Umgebung, aber Webbrowser haben in den letzten zehn Jahren einen langen Weg zurückgelegt, so dass man sie wirklich nicht braucht, solange man sie in den gängigsten Browsern auf dem Desktop sowie auf einem oder mehreren iOS- und Android-Geräten testen kann.

Sie sollten auch den Mobile Friendly Test von Google verwenden, da er bestimmte Kriterien identifizieren kann, nach denen Google sucht z.B. die Zielgröße, die Nähe der Berührungselemente und die Größe des Ansichtsfensters. Sie müssen nicht unbedingt alle ihre Seiten durchlaufen lassen, aber Sie sollten mindestens eine Seite mit einzigartigen Designelementen ausführen.

Fehler 3: Keine Priorisierung des Pagespeeds.

Seitengeschwindigkeit ist nicht nur etwas, worüber sich nur noch besessene Entwickler Gedanken machen müssen. Heute legt Google großen Wert auf die Seitenladezeit und zudem hat es enorme und nachgewiesene unbewusste Auswirkungen auf die Besucher.

Laut einer Studie von Amazon reichte ein Zeitunterschied von nur 100 ms – eine Zeiteinheit, die der normale Mensch nicht einmal wahrnehmen kann – aus, um seinen Umsatz um 1% zu reduzieren. Wenn diese winzige Zeiteinheit so viel direkten Einfluss auf die Verkäufe hat, welche Art von Auswirkungen wird eine zusätzliche Sekunde oder mehr haben?

Wie gestalten Sie also die schnellstmögliche Website? Sie beginnen mit sauberem, effizientem HTML und CSS und minimieren dann Plugins und http-Anfragen, optimieren ihre Medien, verkleinern CSS und JavaScript und implementieren Caching. Es gibt immer Raum für weitere Verbesserungen.

Während ich wahrscheinlich nicht ganz so weit gehen würde wie andere Webmaster, zeigt diese Episode, wie weit ein wenig Kreativität gehen kann. Es gibt verschiedene Techniken, die Sie verwenden können, um die Seitengeschwindigkeit drastisch zu verbessern:

  • Minimierung von http-Anfragen.
  • Medien optimieren.
  • Umleitungen reduzieren.
  • Widgets minimieren.
  • Caching nutzen.
  • Komprimierung aktivieren.
  • Plugins minimieren.
  • Festhalten an Systemschriften.
  • Anzeigenskripte minimieren.
  • Sprites verwenden.
  • Verkleinern von CSS und JavaScript.

Fehler 4: Falsch dimensionierte/unoptimierte Medien.

Wenn ihre Website zu langsam lädt, werden die Besucher gehen, ohne Kunden zu werden. Zudem wird Google schneller Webseiten beim SEO-Ranking bevorzugen. Niemand möchte das, also müssen wir unsere Medien richtig dimensionieren und optimieren, um die bestmöglichste Seitengeschwindigkeit zu erreichen.

Content-Management-Systeme wie WordPress haben dem Durchschnittsnutzer viele neue nützliche Möglichkeiten zur Verfügung gestellt, aber sie haben auch enorme Probleme mit sich gebracht. Eines dieser Probleme besteht darin, dass es einfach ist, unpassende und/oder nicht optimierte Medien hochzuladen.

Der durchschnittliche Nutzer weiß nur, dass er ein schönes Bild auf seinem iPhone hat, das er auf seiner Website verwenden möchte. Sie erkennen jedoch nicht, dass das Bild deutlich größer ist, als es für ihre Website sein sollte, also laden sie es einfach hoch, was zu einer drastischen Reduzierung der Seitengeschwindigkeit führt.

Dies ist nicht verwunderlich, wenn man bedenkt, dass ein Bild von einem durchschnittlichen Smartphone bis zu 40 mal größer sein kann, als es sein muss. Wenn Sie nur ein paar nicht optimierte Bilder auf einer Seite einfügen, können Sie ihre Website für mobile Endgeräte drastisch verlangsamen.

Während eine flammend schnelle Website heute im Business unerlässlich ist, müssen wir nicht auf wunderschöne Designs verzichten, um sie zu erreichen. Die richtige Dimensionierung ihrer Medien kann viel dazu beitragen, die schnellstmögliche Seitengeschwindigkeit zu erreichen, ohne die Ästhetik ihrer Website zu beeinträchtigen. Wenn Sie das tun, werden ihnen ihre Kunden und Google überall danken.

Hier sind einige Tipps zur Optimierung ihrer Medien:

Bilder:

  • Wählen Sie das ideale Format. JPG eignet sich am besten für fotografische Bilder, Gif oder PNG für Bilder mit großen Farbflächen.
  • Bilder in der richtigen Größe. Wenn ein Bild mit einer Breite von 800px in ihrer Website angezeigt wird, ist es nicht vorteilhaft, ein Bild mit einer Breite von 1600px zu verwenden.
  • Komprimieren Sie die Bilddatei. Adobe Photoshop ist nicht nur das beste Bildbearbeitungsprogramm, sondern bietet auch hervorragende Bildkomprimierungsfunktionen und beginnt bei 9,99€/Monat. Es gibt auch kostenlose WordPress-PlugIns wie Imsanity, EWWWW Image Optimizer und TinyJPG, die hochgeladene Bilder automatisch komprimieren.

Videos:

  • Wählen Sie das ideale Format. MP4 ist in den meisten Fällen am besten, da es die kleinste Dateigröße erzeugt.
  • Servieren Sie die optimale Größe (Abmessungen) basierend auf der Bildschirmgröße der Besucher. Eliminieren Sie die Audiospur.
  • Komprimieren Sie die Videodatei. Ich benutze meistens Adobe Premiere, aber auch Camtasia ist eine gute Wahl.
  • Minimieren Sie die Videolänge.
  • Laden Sie Videos auf YouTube und/oder Vimeo hoch und verwenden Sie deren iFrame-Einbettungscode.

Fehler 5: Kein responsives Webdesign.

Wir leben in einer mobilen Welt. In der Tat, Google setzt auch in dieser Hinsicht Prioritäten und gab im Jahre 2016 bekannt, dass der Mobile-First-Index in den Umlauf gebracht wurde, d.h. dass sich die Suchmaschinenrankings in erster Linie auf der Grundlage der mobilen Version von Inhalten erstellt werden statt mit einem separaten Index für mobile und Desktop zu arbeiten.

Die meisten kompetenten Webdesigner verstehen heute die Bedeutung von reaktionsfähigem Design, sowogl wegen des raschen Anstiegs des mobilen Traffics, der den Desktop-Traffic übertrifft, als auch wegen der Bedeutung, die Google Responsive Webdesign mittlerweile zugesteht.

Während es laut Google noch keinen direkten Ranking-Faktor darstellt, ist reaktionsschnelles Design ein indirekter Ranking-Faktor, da es sich auf die Benutzerfreundlichkeit auswirkt. Wenn ein Besucher, der ein mobiles Gerät verwendet, auf eine Website gelangt, die nicht reagiert, kehrt er zu den Suchergebnissen zurück, um eine solche zu finden. Das hat einen direkten Einfluss auf die Bounce-Rate, Seiten pro Besuch und die Verweildauer, die alle direkte Ranking-Faktoren sind.

Google hat ein praktisches Tool, um zu testen, ob ihre Website mobil ist, aber es ist auch eine gute Idee, sie auf einem echten mobilen Gerät zu testen, um sicherzustellen, dass sie funktioniert, wie Sie es erwarten. Wenn ihre Website nicht mobile-friendly ist, sollten Sie die Verwendung von reaktionsschnellen Frameworks wie der Zurb Foundation in Betracht ziehen.

Fehler 6: Veränderungen in der URL-Struktur.

Eine Änderung der URL-Struktur einer Website kann bei falscher Handhabung organische Rankings und Suchtraffic vollständig zerstören. Das heißt aber nicht, dass Sie es vermeiden müssen, denn wenn es richtig gehandhabt wird, kann es einen positiven Einfluss auf ihre Website haben.

Das Redesign einer Website führt nicht immer dazu, dass die URL-Struktur geändert werden muss, aber wenn man von einer statischen HTML-Seite zu einem CMS wie WordPress wechselt, ist es normalerweise unvermeidlich. Die meisten Websites können von der Implementierung einer hierarchischen URL-Struktur profitieren und ein Redesign ist der perfekte Zeitpunkt dafür. Der Schlüssel ist, alle aktuellen Seiten auf ihrer Website zu identifizieren und eine 301 Weiterleitung an den neuen Standort jeder Seite zu implementieren.

Tools wie Screaming Frog beseitigen die meisten Probleme, indem Sie eine Liste der indexierbaren Seiten auf ihrer Website generieren, die Sie dann in ihre .htaccess-Datei einfügen können. Dann fügen Sie einfach die notwendigen Informationen hinzu, um Bots und Browsern mitzuteilen, wohin sie für jede neue Seite gehen sollen:

Copy to Clipboard

Um sicher zu gehen, ist es eine gute Idee, jede umgeleitete URL in einem Browser manuell zu testen und dann einige Wochen lang besonders auf die Google Search Console zu achten, um sicherzustellen, dass ihre Website keine 404 Fehler generiert.

Fehler 7: Ignorieren der Website-Sicherheit.

Viele Leute denken, dass sie sich keine Sorgen um die Sicherheit ihrer Website machen müssen, weil „niemand ihre Zeit damit verschwenden würden, meine kleine Website zu hacken“. Das ist kein sonderlich schlaues Denken. Hacking ist ein Zahlenspiel und die meisten Hacker nutzen Tools, um gemeinsame Schwächen auf einer großen Anzahl von Websites auszunutzen. Sie versuchen es vielleicht:

  • Sensible Daten abfangen.
  • Andere Computer mit Viren und/oder Malware infizieren.
  • Links zu anderen Websites einbinden.

Wenn ihre Website gehackt wird, gibt es ein paar mögliche Konsequenzen, die Sie haben könnten, je nachdem, was die Hacker tun.

Wenn Sie beispielsweise ihre Website hacken, um einen Virus zu verbreiten, hebt Google ihre Website in den Suchergebnissen als ein Sicherheitsrisiko hervor, das Besucher nach Möglichkeit meiden sollten. Wenn dies wiederholt geschieht, kann Google ihre Website deindexieren.

Auf der anderen Seite, wenn Sie ihre Website hacken, um Links einzubetten, kann Google eine manuelle Strafe für unnatürliche ausgehende Links ausgeben. Nachdem Sie die eingebetteten Links entfernt haben, kann diese Strafe einige Wochen dauern oder so lange dauern, dass es sinnvoller erscheint, mit einer völlig neuen Domain zu beginnen.

Wie sichern wie als unsere Website richtig ab?

Um ehrlich zu sein, es ist unmöglich, eine Website vollständig zu sichern. Wenn es online ist, kann es potenziell gehackt werden. Es ist nur eine Frage der zeit und der Ressourcen. Deshalb sind die meisten Computer der CIA und NSA nicht mit dem Internet verbunden.

Die Idee ist, Hacker abzuschrecken, indem sie es zu einer Verschwendung ihrer Zeit und Ressourcen machen, ihre Website hacken zu wollen.

Das sollte Sie bezüglich der Sicherheit ihrer Website beachten:

  • Verwenden Sie keinen Standard-Usernamen wie z.B. von der Domain.
  • Beschränken Sie wp-admin auf ihre Ip-Adresse.
  • Implementieren Sie die Two-Factor Authentifizierung.
  • Schränken Sie Login-Versuche ein.
  • Reduzieren Sie Plugins.
  • Halten Sie WordPress Core und alle Plugins auf dem neuesten Stand.

Fehler 8: Fehlende Prüfung unternehmenskritischer Elemente.

Wennn bestimmte Teile ihrer Website nicht funktionieren, wird sie praktisch nutzlos. Unabhängig davon, ob Sie bei Null anfangen oder eine bestehende Website umgestalten, ist es wichtig, alle unternehmenskritischen Elemente zu testen, einschließlich:

  • Kontakformulare: Überprüfen Sie alle Formulareinstellungen und senden Sie eine Testvorlage, um zu bestätigen, dass alle erforderlichen Empfänger die entsprechende Nachricht mit allen relevanten Informationen erhalten und dass sie korrekt formatiert ist.
  • Crawl-Einstellungen: Während der Entwicklung ist es üblich, WordPress so zu konfigurieren, dass es Suchmaschinen-Bots blockiert, um keine doppelten Inhalte zu erzeugen. Nach der Migration auf dem Live-Server müssen Sie sicherstellen, dass nichts in den Suchergebnissen blockiert wird. Dies ist eine einfache Sache der Überprüfung ihrer WordPress-Einstellungen und ihrer robots.txt-Dateien.
  • Ecommerce: Sie sollten einige Transaktionen im Testmodus ausführen, um sicherzustellen, dass ihr eCommerce-System ordnungsgemäß funktioniert, insbesondere wenn Sie mehrere Produktattribute, komplexe Versandregeln oder hochgradig anpassbare Produkte haben. Hören Sie aber nicht mit der Testtransaktion auf. Ich möchte immer mindestens eine Live-Transaktion ausführen, um sicherzustellen, dass alles genau so funktioniert, wie es sollte. Sie können es danach jederzeit wieder rückgängig machen.

Fehler 9: Übermäßige http-Anfragen.

Jeder einzelne http-Request erhöht die Ladezeit ihrer Seiten. Dazu gehören Skripte, CSS-Dateien und Bilder. Sie denken vielleicht nicht, dass Sie so viele haben, aber ich bin bereit zu wetten, dass Sie überrascht sein werden, wenn Sie sich den 1) gerenderten Code ansehen; 2) alle Bilder, die eingebettet sind; 3) alle ihre Plugins und Widgets sowie 4) alle Tracking und Ad Serving Skripte, die Sie verwenden.

Die kleinen Dinge summieren sich schnell.

Lange bevor die meisten von ihnen waren in der digitalen Marketing-Branche, die meisten Menschen mit dem Internet durch DFÜ-Modems verbunden. Damals waren die meisten Verbindungen nur 56 Kbps, was bedeutete, dass jedes einzelne Bild die Ladezeit einer Seite dramatisch verlängerte. Es war üblich, 30 Sekunden oder länger zu warten, bis die durchschnittliche Webseite vollständig geladen war. Um dies zu kompensieren, würden wir Bilder in kleinere Teile zerlegen, so dass eine Website progressiv gerendert werden kann, anstatt darauf zu warten, dass ein einziges großes Bild geladen wird.

Heute sind die meisten von uns mit Breitband gesegnet. Die 3G-Internetverbindung auf ihrem Mobilgerät ist mehr als einundsiebzig mal schneller als die schnellste Verbindung, die während der Einwahl- und ISDN-Tage verfügbar war. Infolgedessen sind die Leute schlampig geworden. Sie haben sich von dem Versuch, eine ganze Webseite weit unter 100Kb zu halten, zu einer Zeit entwickelt, in der ein einzelnes Hintergrundbild weit über 100Kb liegen kann. Viele Leute denken, dass wir uns nicht mehr um triviale Dinge wie die Bildgröße kümmern müssen, aber das ist einfach nicht wahr.

Wie schon viele SEOs hervorgehoben haben, ist es sehr wahrscheinlich, dass wir bald zu einem Punkt kommen werden, an dem Menschen, die von Tools wie Site-Buildern und vorgefertigten Templates abhängig sind, nicht in der Lage sein werden, mit denen zu konkurrieren, die wissen, wie man Websites von Grund auf gestaltet und erstellt.

Wenn Sie in der Lage sind, jeden Teil einer Website von Hand zu erstellen, verfügen Sie über ein leistungsstarkes Wissen, das es ihnen ermöglicht, die Darstellung in Suchmaschinen zu verfeinern und zu optimieren. Das ist das Wissen, das Site Builder Jockeys, WYSIWYG Dragger und Dropper und Theme Modder einfach nicht haben.

Und mit der Betonung, die Google auf die Seitengeschwindigkeit legt, wird dieses Wissen in den kommenden Jahren essentiell werden.

Ein großartiges Beispiel für diese Art von Wissen sind Sprites, die Sie vielleicht in älteren Videospielen wie dem Original Nintendo gesehen haben. Da Spielkonsolen damals nicht viel Rechenleistung hatten, manipulierten die Entwickler ein einziges großes Bild, um nur den relevanten Teil anzuzeigen. Dies bedeutete, dass sie nur ein Bild laden mussten, was die für ein Spiel benötigte Rechenleistung deutlich reduzierte.

Webdesigner können diese Technik nutzen, um http-Anfragen deutlich zu reduzieren, indem sie mehrere kleine Bilder zu einem größeren Bild zusammenfassen. Durch die Berechnung von Overhead und Komprimierung ergibt sich in der Regel eine kleinere Dateigröße im Vergleich zur Summe mehrerer kleinerer Dateien und es wird nur eine Datei heruntergeladen.

Aber Bilder sind nicht alles….

Plugins, Widgets und Anzeigen.

Viele WordPress-Plugins laden mindestens eine JavaScript- und CSS-Datei. Einige laden mehrere von jedem. Nehmen wir an, Sie haben nur 5 Plugins, die jeweils nur eine zusätzliche JavaScript- und CSS-Datei laden – das sind zusätzliche 10 http-Anfragen.

Wenn Sie sehen wollen, wie schlimm es werden kann, hier ist ein Teil des Codes aus dem Header einer Website, die vor kurzem wegen der Belastung der CPU deaktiviert wurde. Das Schlimmste ist, dass dieses Bild nur etwa ein Drittel der auf jeder einzelnen Seite dieser Website geladenen JavaScirpt- und CSS-Dateien anzeigt.

Jedes soziale Widget, wie das handliche kleine Facebook-Seiten-Plugin, das Sie auf den meisten Websites sehen, lädt eine externe JavaScript-Datei.

Ad-Serving-Skripte wie AdSense, Outbrain und Taboola sowie Tracking-Skripte wie Google Analytics verwenden alle ein externes JavaScript. Wie ich bereits erwähnt habe, haben externe Skripte einen erheblichen negativen Einfluss auf die Seitengeschwindigkeit, aber es ist besonders schlimm bei Adserving-Skripten, da sie die Anzeigen dynamisch und schnell erstellen.

Fehler 10: Überspringen der letzten Startcheckliste.

Es gibt eine enorme Anzahl von Einzelaufgaben innerhalb eines Webdesign-Projekts und oft zahlreiche Änderungen während des gesamten Projekts, was eine abschließende Checkliste für den Start unerlässlich macht.

Das stellt sicher, dass Sie nicht etwas Wichtiges übersehen und glauben Sie mir, es ist einfach, das zu tun. Machen Sie nicht den Fehler zu denken, dass Sie sich keine Sorgen um eine Checkliste machen müssen, weil Sie schon lange genug Websites entworfen haben. Ich mache das seit fast 20 Jahren und benutze immer noch eine Checkliste.

Hier sind einige der Dinge, die auf ihrer letzten Startcheckliste stehen sollten:

  • Valides HTML/CSS
  • Cross-Browser-Kompatibilität
  • Auf mehreren Geräten getestet
  • Menüanzeige und Funktionalität
  • Broken Links
  • 301 Redirects
  • Fehlende Seiten / 404 Fehler
  • .htaccess
  • Roboter.txt
  • WordPress-Crawl-Einstellungen
  • Sitemaps.
  • Seitengeschwindigkeit
  • Caching
  • Ansprechendes Design
  • Formulare (Kontaktformulare, Newsletter-Anmeldungen etc.)
  • eCommerce-Funktionalität
  • Button für soziale Netzwerke
  • Interaktive Elemente
  • Multimedia
  • Favicon
  • Titel
  • Metadescription
  • Alt-Attribute
  • Analytics
  • Google Search Console / Bing Webmaster Tools
  • Remarketing-Tag /Facebook-Pixel
  • Verkleinertes HTML, CSS und JavaScript-

Vielen Dank fürs Lesen.