WPBeginner https://www.wpbeginner.com/de Beginner's Guide for WordPress Wed, 18 Sep 2024 10:03:17 +0000 de-DE hourly 1 https://wordpress.org/?v=6.6.1 Sind Premium WordPress SEO Plugins es wert? (+ Wie man wählt) https://www.wpbeginner.com/de/opinion/are-premium-wordpress-seo-plugins-worth-it/ https://www.wpbeginner.com/de/opinion/are-premium-wordpress-seo-plugins-worth-it/#comments Wed, 18 Sep 2024 10:00:00 +0000 https://www.wpbeginner.com/de/opinion/are-premium-wordpress-seo-plugins-worth-it/ Machen wir uns nichts vor: Es ist unglaublich wichtig für den Erfolg Ihrer Website, dass sie wahrgenommen wird. Und unserer Erfahrung nach erhalten die meisten Websites den größten Teil ihrer Besucher über Suchmaschinen. Mehr Besucher bedeuten mehr Kunden, mehr Umsatz und mehr Gewinn. Vielleicht sind… Mehr lesen »

The post Sind Premium WordPress SEO Plugins es wert? (+ Wie man wählt) first appeared on WPBeginner.

]]>
Machen wir uns nichts vor: Es ist unglaublich wichtig für den Erfolg Ihrer Website, dass sie wahrgenommen wird. Und unserer Erfahrung nach erhalten die meisten Websites den größten Teil ihrer Besucher über Suchmaschinen.

Mehr Besucher bedeuten mehr Kunden, mehr Umsatz und mehr Gewinn. Vielleicht sind Sie also auf der Suche nach einem hochwertigen SEO-Werkzeug, um Ihr Suchranking zu verbessern und mehr Besucher anzuziehen.

Bei so vielen kostenlosen und kostenpflichtigen SEO Werkzeugen stellt sich natürlich die Frage, ob sich die Anschaffung eines Premium Plugins lohnt.

In diesem Artikel berichten wir über unsere Erfahrungen aus erster Hand mit kostenlosen und Premium WordPress SEO Plugins. Wir untersuchen die zusätzlichen Funktionen, die Premium-Werkzeuge bieten, und die Auswirkungen, die sie auf den Traffic und den Erfolg Ihrer Website haben können.

Are Premium WordPress SEO Plugins Worth It?

Die Wahl des richtigen SEO-Werkzeugs für Ihre WordPress-Website

WordPress Benutzer haben eine Menge Optionen, wenn es um Plugins geht, die helfen, Websites für Suchmaschinen zu optimieren. Aber bei so vielen Werkzeugen, die versprechen, Ihre Rankings zu verbessern, ist es schwer zu wissen, wo man anfangen soll.

Hier bei WPBeginner erhalten wir tonnenweise Fragen von Besuchern, die wissen wollen, welches SEO Plugin das beste ist, um in den Suchergebnissen ganz oben zu erscheinen.

Als Antwort darauf haben wir eine detaillierte Übersicht über die besten SEO Plugins und Werkzeuge erstellt. Mit diesen Werkzeugen können Sie Ihren Website-Traffic innerhalb weniger Monate um 20-30 % steigern.

Diese Liste deckt ein breites Spektrum an Anwendungsfällen ab und umfasst führende Plugins wie All in One SEO (AIOSEO) und Yoast SEO sowie eigenständige Werkzeuge wie Semrush und Ahrefs.

Aber hier ist der Haken. Viele dieser Plugins bieten sowohl kostenlose als auch Premium-Versionen an, sodass Sie eine weitere Entscheidung treffen müssen.

Während die kostenlosen Versionen eine solide Grundlage für grundlegende Suchmaschinenoptimierung bieten, versprechen die Premium Upgrades, erweiterte Funktionen freizuschalten, die Ihrer Website einen Vorteil in den Suchmaschinen-Rankings verschaffen.

Sind diese Premium Funktionen die Investition wert? Machen sie wirklich einen Unterschied in Ihren Suchergebnissen?

Lassen Sie uns eintauchen und die einzigartigen Berechtigungen von Premium WordPress SEO Werkzeugen erforschen und herausfinden, wie sie Ihrer Website helfen können, auf den ersten Seiten der Suchergebnisse zu erscheinen.

Tipp: Wenn Sie das Budget haben, um Geld für SEO auszugeben, aber es vorziehen, die Arbeit nicht selbst zu tun, dann können Sie unsere erschwinglichen SEO-Experten bei WPBeginner Pro Services beauftragen, es für Sie zu tun.

Was sind die Vorteile von Premium WordPress SEO Plugins?

Bei WPBeginner verwenden wir seit vielen Jahren Premium SEO Plugins. Hier sind einige unserer Lieblingsfunktionen und -vorteile:

1. Umfassende SEO-Audits

Während kostenlose Plugins grundlegende On-Page-Analysen liefern, bieten Premium-Versionen oft tiefer gehende Einblicke und Empfehlungen.

Sie führen umfassende SEO-Audits auf Ihrer Website durch. Auf diese Weise erhalten Sie einen klaren Überblick über den allgemeinen Zustand Ihrer Website aus der SEO-Perspektive. Sie scannen alle Ihre Seiten und zeigen dann potenzielle Probleme auf und geben Empfehlungen, wie sie behoben werden können.

Wir nutzen AIOSEO regelmäßig, um unsere Inhalte auf Lesbarkeit, Keyword-Nutzung und allgemeine Optimierung zu analysieren. Es gibt uns Zugang zu einem umsetzbaren SEO-Bericht in unserem WordPress-Administrationsbereich, der uns einen klaren Fahrplan für Verbesserungen gibt.

Complete SEO Checklist in AIOSEO

Das ist wirklich hilfreich, denn Suchmaschinenoptimierung ist ein komplexes Verfahren, das Zeit braucht. Eine klare Checkliste für alles, was verbessert werden muss, vereinfacht den Prozess, so dass Sie leicht ein Problem nach dem anderen beheben können.

2. Erweiterte Sitemaps

Suchmaschinen müssen jede Seite auf Ihrer Website finden und indizieren, bevor sie in den Suchergebnissen angezeigt werden können.

Google empfiehlt die Verwendung von Sitemaps, um diesen Prozess zu unterstützen. Sitemaps helfen Suchmaschinen, bis zu 40 % mehr Seiten zu crawlen, was dazu führt, dass mehr von Ihrem Inhalt in den Suchergebnissen erscheint.

Es gibt verschiedene Arten von Sitemaps, z. B. XML-Sitemaps, die Suchmaschinen helfen, Ihre Inhalte zu finden und zu indizieren, und RSS-Sitemaps, die sie über aktualisierte Inhalte informieren.

Wenn Sie beides aktivieren, erzielen Sie die größten SEO-Vorteile. Mit einem hochwertigen WordPress SEO Plugin ist dies so einfach wie das Einschalten einer Einstellung für jede Art von Sitemap.

Enable sitemap

3. Leistungsstarke Umleitungen und 404-Überwachung

Kaputte Links verweisen auf Seiten, die nicht existieren, was zu Frustration und 404-Fehlermeldungen für Ihre Benutzer führt. Sie sind auch schlecht für die Suchmaschinenoptimierung und führen zu einer 12 % höheren Absprungrate.

Premium SEO Plugins helfen Ihnen, fehlerhafte Links zu vermeiden, indem sie automatisch Weiterleitungen erstellen, wenn Sie einen Beitrag oder eine Seite umbenennen oder ihre URL ändern.

Sie verfolgen und protokollieren auch automatisch 404-Fehler, so dass Sie diese URLs im Rahmen Ihrer regelmäßigen WordPress-Wartung schnell auf bestehende Beiträge umleiten können.

404 Logs Under Redirects

Auf diese Weise können Sie sicherstellen, dass Ihre Besucher die gewünschten Informationen finden und frustrierende Überraschungen beim Anklicken von Links auf Ihrer Website vermeiden.

4. Erweiterte Schema-Auszeichnung

Schema-Auszeichnungen sind strukturierte Daten, die hinter den Kulissen zu Ihren Seiten hinzugefügt werden. Es hilft den Suchmaschinen, Ihre Inhalte besser zu verstehen und sie in den Suchergebnissen hervorzuheben.

Die Verwendung von Rezeptschemata kann zum Beispiel die Sichtbarkeit von Food-Blogs in den Suchergebnissen erhöhen. Es kann Ihre Klickraten um 30 % erhöhen und Ihrer Website wertvollen Traffic bringen.

An example of a featured recipe snippet, in Google

Das manuelle Hinzufügen dieser strukturierten Daten zu Ihren Beiträgen ist jedoch sehr technisch und zeitaufwändig.

Mit einem Premium-SEO-Plugin ist es viel einfacher, da es Schema-Auszeichnungen automatisch hinzufügen kann. Mit diesen Werkzeugen können Sie mit einem Mausklick auch spezifischere Markups zu einzelnen Beiträgen hinzufügen, z. B. FAQs, Rezepte, Veranstaltungen, Produkte und mehr.

5. Vorschläge für die interne Verlinkung

Wir empfehlen immer, dass Sie auf Ihrer Website Links zu Ihren eigenen Inhalten einfügen. Auf diese Weise helfen Sie den Benutzern, Beiträge zu finden, die mit dem Thema, über das sie lesen, in Zusammenhang stehen. Diese so genannten internen Links sind gut für die Suchmaschinenoptimierung und erhöhen die Aufrufe der Seite um bis zu 40 %.

Je mehr Inhalte Sie erstellen, desto schwieriger wird es, alle verwandten Beiträge zu finden, auf die Sie verlinken können. Die manuelle Suche nach ihnen wird frustrierend und nimmt viel Zeit in Anspruch.

Premium SEO Plugins helfen, indem sie automatisch interne Link-Möglichkeiten auflisten. Mit einem Mausklick können Sie diese Links zusammen mit einer automatisch generierten Phrase und einem Ankertext zu relevanten Beiträgen hinzufügen, was Ihre SEO verbessert und Ihnen Zeit spart.

Find internal link opportunities and orphaned pages

6. Optimierung der sozialen Medien

Wir verwenden auch ein hochwertiges WordPress SEO Plugin für die Optimierung der sozialen Medien, weil wir damit kontrollieren können, wie unsere WPBeginner-Inhalte erscheinen, wenn sie auf Plattformen wie Facebook und Twitter geteilt werden (X).

Anstatt dass diese Plattformen zufällige Informationen und Bilder aus unseren Beiträgen ziehen, können wir den Titel, die Beschreibung und das Bild, das verwendet wird, festlegen. Das bedeutet, dass unsere Beiträge mit größerer Wahrscheinlichkeit bei unseren Follower in den sozialen Medien Anklang finden und mehr Besucher auf unsere Website bringen.

The WordPress social media sharing settings

7. Lokale SEO-Optimierung

Wenn Ihr Unternehmen über physische Positionen verfügt, können Premium SEO Plugins dazu beitragen, Ihre Website für lokale Suchergebnisse zu optimieren, einschließlich der automatischen Generierung von standortspezifischem Schema-Markup, das es Kunden in Ihrer Region erleichtert, Sie zu finden.

Potenzielle Kunden sehen Ihr Unternehmen auf Google Maps und in den Suchergebnissen, wenn sie in ihrer Nähe nach Ihrer Art von Unternehmen suchen.

Sie können Ihre Adresse, Telefonnummer und Öffnungszeiten direkt auf der Seite mit den Suchergebnissen sehen. Außerdem können sie auf dem Weg zu Ihrem Geschäft sogar eine Wegbeschreibung erhalten.

Example of Google Business Profile

8. WooCommerce SEO

Wenn Sie ein Online-Geschäft haben, können Sie auch von den speziellen Funktionen von WooCommerce SEO profitieren, die von Premium Plugins angeboten werden. Diese helfen Ihnen, Ihre Seiten zu optimieren, damit sie in der Produktsuche besser sichtbar sind.

Benutzer können auch Rezensionen und Sternebewertungen sehen, die zeigen, dass andere Kunden positive Erfahrungen mit Ihren Produkten gemacht haben. Dies kann dazu beitragen, dass mehr Besucher auf Ihren Shop zugreifen.

Product Search Result Showing Star Ratings

9. Vorrangige Unterstützung

Wenn Sie eine Online-Geschäftswebsite betreiben, kann der Zugang zu Experten-Support von unschätzbarem Wert sein. Premium-Versionen bieten in der Regel vorrangigen Support, damit Sie Probleme schnell lösen können.

Dadurch wird sichergestellt, dass Sie bei Problemen oder Fragen bei der Verwendung des Plugins umgehend Hilfe von Experten erhalten und sich wieder Ihrer Arbeit widmen können.

Weitere Einzelheiten finden Sie in unserer Anleitung, wie Sie WordPress-Support anfordern und erhalten.

Was ist das beste Premium SEO Plugin?

Wenn es Ihnen ernst damit ist, mehr organischen Traffic auf Ihre Website zu bringen, dann ist ein Premium SEO Plugin, wie wir es haben, ein kluger Schritt.

Als nächstes müssen Sie sich entscheiden, welches Plugin oder welchen Dienst Sie nutzen wollen. Ihre erste Frage wird wahrscheinlich sein, welches Plugin das beste Preis-Leistungs-Verhältnis bietet.

All in One SEO vs. Yoast SEO Premium

AIOSEO und Yoast SEO sind die führenden WordPress SEO Plugins und bieten umfangreiche Funktionen.

AIOSEO's homepage

Allerdings gibt es erhebliche Unterschiede bei den Preisen und Funktionen.

Wenn wir die günstigsten Tarife der beiden Plugins vergleichen, ist AIOSEO bei vergleichbaren Funktionen günstiger:

  • AIOSEOs Basic-Tarif beginnt bei $49,60 pro Jahr
  • Yoast SEO Premium beginnt bei $99 pro Jahr

Auf den ersten Blick sehen die Preise ihrer leistungsstärksten SEO-Pläne ähnlich aus:

  • AIOSEO’s Elite Plan kostet $299.60 pro Jahr
  • Die Paketpreise für Yoast SEO Premium, Yoast WooCommerce SEO, Yoast Local SEO, Yoast News SEO und Yoast Video SEO betragen $229 pro Jahr.

Der Unterschied besteht jedoch darin, dass der Plan von AIOSEO 100 Websites abdeckt, während der Preis von Yoast für eine einzige Website gilt. Außerdem bietet AIOSEO einen umfangreicheren Satz an Funktionen.

Wenn es um das Preis-Leistungs-Verhältnis geht, sticht AIOSEO heraus. Es bietet ein überzeugendes Paket, das mehrere Websites zu einem wettbewerbsfähigen Preis abdeckt.

Mehr erfahren Sie in unserem detaillierten Vergleich von Yoast SEO vs. All in One SEO.

Vielleicht möchten Sie auch lesen, wie wir von Yoast zu All in One SEO gewechselt haben, um unseren SEO-Workflow zu verbessern und Zugriff auf die benötigten Funktionen zu erhalten.

All in One SEO vs. Premium Standalone SEO Werkzeuge

Wenn Sie nicht das Budget für eigenständige SEO Werkzeuge wie Semrush oder Ahrefs haben, bietet AIOSEO Premium eine Menge beeindruckender Funktionen zu einem günstigen Preis.

Um Ihnen eine Vorstellung davon zu geben, selbst wenn Sie sich die günstigsten Optionen ansehen, beginnt der einfachste Plan von Semrush bei $119,95 pro Monat und der Lite-Plan von Ahrefs bei $99 pro Monat.

Diese Werkzeuge sind zwar unglaublich leistungsfähig, aber ihre Einstiegspreise belaufen sich auf mehr als 1.000 Dollar pro Jahr, was für kleinere Websites oder Blogger möglicherweise nicht vertretbar ist.

Im Gegensatz dazu können Sie AIOSEOs Elite-Tarif für weit weniger Geld abonnieren. Es enthält erweiterte Funktionen wie lokale SEO, erweiterte WooCommerce-Unterstützung und Video-SEO und kostet weniger als 300 $ pro Jahr.

Darüber hinaus ist AIOSEO speziell auf WordPress ausgerichtet, wodurch es einfacher zu bedienen und besser auf die Bedürfnisse Ihrer Website zugeschnitten ist. Das macht es zu einer kosteneffizienten Lösung für Agenturen oder Unternehmen, die mehrere WordPress Websites verwalten.

Und wenn Sie ein kleines Unternehmen führen oder gerade erst anfangen, sind die Funktionen von AIOSEO Premium vielleicht mehr als genug für Ihre Bedürfnisse.

Wenn Sie jedoch nach mehr SEO-Funktionen zu geringeren Kosten suchen, können Sie das Plugin mit einem erschwinglichen Werkzeug wie SEOBoost kombinieren, um leistungsstarke Optionen zur Inhaltsoptimierung zu erhalten. Damit erhalten Sie KI-gestützte Analysen, Inhaltsprüfungen, Inhaltsanweisungen und vieles mehr.

Wenn Sie nur ein wenig zusätzliche Hilfe bei der Keyword-Recherche benötigen, ist LowFruits eine gute Wahl. Es hilft Ihnen, Keywords zu generieren und die SERPs zu analysieren, um Ihre Rankings zu verbessern.

Premium WordPress SEO Plugins FAQ

Hier sind einige Fragen, die uns am häufigsten zu Premium SEO Plugins für WordPress gestellt werden:

Was sind Premium SEO Plugins?

Premium SEO Plugins sind kostenpflichtige Versionen von WordPress SEO Werkzeugen, die im Vergleich zu ihren kostenlosen Alternativen erweiterte Funktionen, verbesserte Berechtigungen und oft auch besseren Support bieten.

Wie unterscheiden sich Premium SEO Plugins von kostenlosen SEO Plugins?

Premium SEO Plugins bieten in der Regel erweiterte Funktionen wie Schema-Markup-Generatoren, Werkzeuge zur Inhaltsoptimierung, lokale SEO-Funktionen und speziellen Support. Kostenlose Plugins bieten in der Regel grundlegende SEO-Funktionen, verfügen aber möglicherweise nicht über erweiterte Funktionen oder regelmäßige Updates.

Sind Premium SEO Plugins für eine gute Platzierung in Suchmaschinen notwendig?

Premium SEO Plugins sind zwar nicht unbedingt erforderlich, können aber die Optimierungsbemühungen Ihrer WordPress Website erheblich verbessern und möglicherweise zu einer besseren Platzierung in den Suchmaschinen führen. Sie bieten oft Werkzeuge und Funktionen, die Ihnen einen Wettbewerbsvorteil verschaffen können.

Verbessert ein Premium SEO Plugin automatisch mein Suchranking?

Kein SEO Plugin kann eine bessere Platzierung garantieren. Premium Plugins bieten jedoch fortschrittliche Werkzeuge und Anleitungen, die Ihnen helfen, Ihre Website effektiver zu optimieren, was zu einer besseren Suchleistung beitragen kann.

Wie viel kosten Premium SEO Plugins normalerweise?

Die Preise variieren, aber die meisten Premium SEO Plugins kosten zwischen $50 und $300 pro Jahr, abhängig von den angebotenen Funktionen und der Anzahl der Websites, auf denen Sie sie verwenden können.

Muss ich meine Lizenz für das Premium SEO Plugin jährlich erneuern?

In den meisten Fällen, ja. Jährliche Verlängerungen stellen sicher, dass Sie weiterhin Updates, Support und Zugang zu neuen Funktionen erhalten. Einige Plugins bieten jedoch Lizenzen auf Lebenszeit an.

Kann ich eine Rückerstattung erhalten, wenn ich mit einem Premium SEO Plugin nicht zufrieden bin?

Viele Entwickler von Premium Plugins bieten Geld-zurück-Garantien für einen bestimmten Zeitraum an. Prüfen Sie vor dem Kauf immer die Rückerstattungsbedingungen.

Derzeit bietet AIOSEO eine 14-tägige Geld-zurück-Garantie und Yoast SEO eine 30-tägige Garantie.

Wir hoffen, dass dieses Tutorial Ihnen gezeigt hat, dass es sich für viele Websites lohnt, in Premium Plugins zu investieren. Vielleicht interessieren Sie sich auch für unseren Leitfaden zur Automatisierung von WordPress SEO oder unsere Expertenauswahl der besten FAQ WordPress Plugins.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

The post Sind Premium WordPress SEO Plugins es wert? (+ Wie man wählt) first appeared on WPBeginner.

]]>
https://www.wpbeginner.com/de/opinion/are-premium-wordpress-seo-plugins-worth-it/feed/ 1
Wie man übermäßige DOM-Größe in WordPress behebt (11 Expertentipps) https://www.wpbeginner.com/de/wp-tutorials/how-to-fix-excessive-dom-size-in-wordpress/ https://www.wpbeginner.com/de/wp-tutorials/how-to-fix-excessive-dom-size-in-wordpress/#comments Tue, 17 Sep 2024 10:00:00 +0000 https://www.wpbeginner.com/de/opinion/how-to-fix-excessive-dom-size-in-wordpress/ Die Warnung „Vermeiden Sie eine übermäßige DOM-Größe“ kann in Google Lighthouse oder anderen Werkzeugen zum Testen der Website-Geschwindigkeit erscheinen. Das bedeutet im Grunde, dass Ihre Website zu viele Elemente enthält, was die Ladezeiten verlangsamen und die Besucher frustrieren kann. Glücklicherweise gibt es ein paar Dinge,… Mehr lesen »

The post Wie man übermäßige DOM-Größe in WordPress behebt (11 Expertentipps) first appeared on WPBeginner.

]]>
Die Warnung „Vermeiden Sie eine übermäßige DOM-Größe“ kann in Google Lighthouse oder anderen Werkzeugen zum Testen der Website-Geschwindigkeit erscheinen. Das bedeutet im Grunde, dass Ihre Website zu viele Elemente enthält, was die Ladezeiten verlangsamen und die Besucher frustrieren kann.

Glücklicherweise gibt es ein paar Dinge, die Sie tun können, um die DOM-Größe zu reduzieren und die Leistung von WordPress zu verbessern. Wir haben eine Reihe von Methoden ausprobiert, um unsere eigenen Websites zu beschleunigen, daher wissen wir, was sich tatsächlich auf die WordPress-Leistung auswirkt.

In diesem Artikel zeigen wir Ihnen unsere bewährten Methoden, wie Sie eine übermäßige DOM-Größe in WordPress beheben können.

How to Fix Excessive DOM Size in WordPress

Was bedeutet die Warnung „Vermeiden Sie eine übermäßige DOM-Größe“?

Haben Sie schon einmal einen Website-Geschwindigkeitstest für Ihre WordPress-Website durchgeführt und sind dabei auf die Warnung „Vermeiden Sie eine übermäßige DOM-Größe“ gestoßen?

Diese Warnung taucht in Werkzeugen für Geschwindigkeitstests wie Google Lighthouse, Google PageSpeed Insights oder GTMetrix auf. Sie zeigt an, dass Ihre Website zu viele Elemente enthält, was die Ladegeschwindigkeit verlangsamen kann.

Avoid an excessive DOM size warning in PageSpeed Insights

Aber was genau ist DOM, und warum ist seine Größe wichtig? Schauen wir uns das mal an.

DOM steht für Document Object Model. Stellen Sie sich Ihre WordPress Website als eine große Baumstruktur vor. Jedes Element auf Ihrer Seite, wie Textüberschriften, Bilder, Menüs und Buttons, ist wie ein Zweig oder ein Blatt an diesem Baum. Diese einzelnen Elemente werden als DOM-Knoten bezeichnet.

Die Gesamtzahl der Knoten in der Baumstruktur Ihrer Website ist ihre DOM-Größe. Je mehr Elemente Sie auf Ihrer Seite haben, desto größer wird der DOM-Baum.

So kann eine einfache Seite mit nur einer Überschrift und einem Absatz eine kleinere DOM-Größe haben als eine komplexe Seite mit mehreren Abschnitten, Bildern, Kontaktformularen und eingebetteten Inhalten.

Wie wirkt sich eine übermäßige DOM-Größe auf die Leistung einer Website aus?

Eine große DOM-Größe kann die Leistung Ihrer WordPress-Website auf verschiedene Weise beeinträchtigen.

Denken Sie daran, wie Sie eine neue Seite in WordPress erstellen. Sie können Elemente wie Überschriften, Absätze, Bilder, Galerien, Formulare, Buttons und Social Media Icons hinzufügen. Jedes dieser Elemente entspricht einem DOM-Knoten in der Baumstruktur.

Während jedes einzelne Element klein erscheinen mag, kann sich die Gesamtzahl schnell summieren und eine übermäßige DOM-Größe erstellen.

Wenn Ihre DOM-Knoten immer größer werden, braucht der Browser länger, um die Struktur Ihrer Website zu lesen, zu verstehen und zu laden. Das liegt daran, dass eine komplexe DOM-Struktur mehr Speicherplatz und Rechenleistung vom Gerät des Benutzers erfordert, um die Seite anzuzeigen.

All dies führt zu langsameren Ladezeiten, was Besucher frustrieren und dazu führen kann, dass sie Ihre Website verlassen, bevor sie überhaupt Ihren Inhalt sehen.

Heutzutage erwarten die Benutzer, dass Websites schnell geladen werden. Eine langsam ladende Website ist wie das Warten in einer langen Schlange – sie schreckt die Leute ab, oben zu bleiben.

Außerdem bevorzugen Suchmaschinen wie Google Websites, die ein gutes Benutzererlebnis bieten, einschließlich schneller Ladegeschwindigkeiten. Eine übermäßige DOM-Größe kann sich also indirekt negativ auf Ihre WordPress-SEO und letztlich auf die Website-Konversionen auswirken.

Wie viele DOM-Elemente sind für Google zu viel?

Es gibt zwar keine festen Grenzwerte, aber Google Lighthouse und andere Werkzeuge zeigen Websites mit übermäßiger DOM-Größe an. Hier ist eine Aufschlüsselung, was diese Flaggen anzeigen könnten:

  • Warnung: Google Lighthouse gibt eine Warnung aus, wenn das Body-Element Ihrer Seite mehr als ca. 800 Knoten enthält.
  • Fehler: Wenn das Körperelement über 1.400 Knoten erreicht, gibt Lighthouse einen Fehler aus.

Um zu verstehen, welche Art von Websites in diese Kategorien fallen könnten, sollten wir dies in einen Zusammenhang stellen.

Ohne entsprechende Optimierung kann eine einzelne Seite mit Textinhalten, Bildern, einem Navigationsmenü, grundlegenden Layoutelementen und mehreren Plugins für Formulare oder Social Sharing leicht 800 Knoten erreichen.

Andererseits sind Seiten mit mehr als 1.400 Knoten wahrscheinlich komplexer und können eine größere Anzahl von Elementen enthalten. Dazu können mehrere Slider oder Karussells mit großen Bildern, aufwendige Layouts mit vielen verschachtelten Elementen und Abschnitten oder mehrere eingebettete Inhalte gehören.

Dies sind nur allgemeine Beispiele. Lassen Sie sich nicht davon abschrecken, eine individuelle Website nach Ihren Vorstellungen zu erstellen. Wenn Sie jedoch sicherstellen wollen, dass die Besucher auf Ihrer Website bleiben, müssen Sie eine übermäßige DOM-Größe vermeiden.

Zum Glück haben wir einen umfassenden Leitfaden für Sie zusammengestellt, um die DOM-Größe in WordPress zu reduzieren. Sie können die folgenden Links verwenden, um mehr über eine Methode zur Optimierung der DOM-Leistung zu erfahren:

1. Verwenden Sie ein WordPress Plugin zur Geschwindigkeitsoptimierung

Unsere erste Empfehlung ist die Installation eines leistungsstarken WordPress Plugins zur Geschwindigkeitsoptimierung. Diese Plugins wurden entwickelt, um Ihre Website zu analysieren und sie auf verschiedene Arten schneller zu machen.

Ein Plugin zur Geschwindigkeitsoptimierung kann sich um die technischen Aspekte kümmern, die für die Beschleunigung Ihrer Website erforderlich sind. So können Sie sich auf die Verwaltung und Erstellung Ihrer Inhalte konzentrieren.

Hier bei WPBeginner empfehlen wir die Verwendung von WP Rocket. Wir verwenden es sogar selbst auf der WPBeginner-Website. Mehr darüber erfahren Sie in unserem Artikel darüber , wie wir die Ladegeschwindigkeit von Seiten auf WPBeginner erhöhen.

WP Rocket

WP Rocket ist zwar in erster Linie als Caching Plugin bekannt, verfügt aber auch über viele Funktionen, die bei der DOM-Größe helfen können. Zu diesen Funktionen gehören die Optimierung von Dateien, Lazy Loading und die Verschiebung von JavaScript.

Wir werden alle diese Funktionen später in diesem Artikel näher erläutern. Für weitere Informationen können Sie auch unsere Rezension zu WP Rocket lesen.

Aber für den Moment ist die Verwendung eines Plugins wie WP Rocket ein guter erster Schritt, um die DOM-Größe zu korrigieren und Ihre Website schneller zu machen, selbst wenn Sie neu in WordPress sind.

Lesen Sie unsere Anleitung zur Installation und Einrichtung von WP Rocket, um das Plugin zum Laufen zu bringen.

2. Überprüfen Sie Ihr Theme und Ihre Plugins

WordPress Plugins und Themes eignen sich zwar hervorragend, um Ihrer WordPress-Website Funktionalität und Stil zu verleihen, sie können aber auch zu einer übermäßigen DOM-Größe beitragen.

Erstens: Nicht alle Themes und Plugins sind gleich erstellt. Schlecht codierte Plugins und Themes können zu einem aufgeblähten HTML-Dokument mit unnötigen Elementen führen. Dies kann die Größe Ihres DOM erheblich erhöhen.

WordPress Themes und Plugins werden oft mit zusätzlichen Funktionen geliefert, die Sie vielleicht nicht brauchen. Diese können unerwünschte Elemente zur Struktur Ihrer Website hinzufügen, auch wenn Sie sie nicht aktiv nutzen.

Wenn Sie sich genauer ansehen, was auf Ihrer Website installiert ist, können Sie potenzielle Schuldige für die DOM-Größe identifizieren.

Wenn Sie glauben, dass ein bestimmtes Theme oder Plugin Probleme verursacht, versuchen Sie, vorübergehend zu einem Standard-Theme von WordPress zu wechseln oder Plugins nacheinander zu deaktivieren.

Deactivate all the plugin except WooCommerce

Prüfen Sie dann, ob die DOM-Größenwarnung in den Werkzeugen für Geschwindigkeitstests verschwindet, nachdem Sie diese Änderungen vorgenommen haben. Dies kann Ihnen helfen, das problematische Element ausfindig zu machen.

Bei der Auswahl von Themes und Plugins sollten Sie sich an seriöse Quellen wie das WordPress Verzeichnis oder bekannte Entwickler halten. Diese Ressourcen haben strenge Kodierungsstandards, wodurch die Gefahr von aufgeblähtem Code, der die Leistung Ihrer Website beeinträchtigen könnte, verringert wird.

Wenn Sie vertrauenswürdige Empfehlungen für Plugins und Themes erhalten möchten, dann besuchen Sie das WPBeginner Solution Center. Hier testen, rezensieren und empfehlen wir WordPress-Software. Wir empfehlen nur Lösungen, von denen wir wissen, dass sie für unsere Besucher hilfreich sein werden.

WPBeginner's WordPress Solution Center

3. Verwenden Sie einen optimierten Page-Builder

Page-Builder Plugins sind WYSIWYG Editoren, die zum Erstellen von schönen und funktionalen WordPress-Websites verwendet werden, ohne dass ein Code benötigt wird. Einige dieser Werkzeuge können jedoch zu einer übermäßigen DOM-Größe beitragen.

Ein Grund dafür ist, dass sie oft zusätzliche HTML-Elemente verwenden, wie z. B. div-Schlagwörter mit individuellen Klassen oder Attributen, um Ihren Inhalt zu gestalten und sein Layout zu steuern. Diese Elemente sorgen zwar für Flexibilität, können aber auch viel Ballast mit sich bringen.

Außerdem werden integrierte Blöcke oder Widgets, wie Slider oder interaktive Elemente, die mit einem Page-Builder erstellt werden, oft mit speziellen HTML-Strukturen erstellt.

Viele Page-Builder verwenden auch Shortcodes, um ihre Funktionen einzufügen. Diese Shortcodes werden zwar nicht visuell auf Ihrer Website angezeigt, können aber hinter den Kulissen zusätzlichen Code zu Ihrem DOM hinzufügen.

Wenn Sie glauben, dass Ihr Page-Builder zu Problemen mit der DOM-Größe beiträgt, können Sie diese Theorie auf einer Staging Website testen. Versuchen Sie, Ihren Page-Builder zu deaktivieren, und prüfen Sie, ob die Warnung in den Werkzeugen zum Testen der Website-Geschwindigkeit verschwindet. Auf diese Weise können Sie feststellen, ob dies die Hauptursache ist.

Wenn Sie sich entscheiden, Ihren alten Page-Builder nicht mehr zu verwenden, können Sie eines der eingebauten WordPress-Werkzeuge zur Gestaltung Ihrer Website nutzen (z. B. den Full-Website-Editor oder den Theme Customizer).

Sie bieten Kontrolle über das Design Ihrer Website, ohne dass ein separates Plugin erforderlich ist. Außerdem haben sie in der Regel einen geringeren Einfluss auf die DOM-Größe.

Allerdings sind diese Werkzeuge nicht die flexibelsten. In diesem Fall empfehlen wir die Verwendung eines optimierten Page-Builders wie SeedProd.

Hier bei WPBeginner haben wir verschiedene Page-Builder getestet, und SeedProd hat im Vergleich zu Konkurrenten wie Divi (91) und Elementor (90) eine schnellere Leistung (93 auf PageSpeed Insights) gezeigt.

SeedProd page performance test

Sie können mehr darüber in unserer Rezension Elementor vs. Divi vs. SeedProd lesen.

Neben der Leistung bietet SeedProd auch mehr als 350 professionelle Templates, Integrationen mit beliebten Werkzeugen für das E-Mail-Marketing und einen KI-Assistenten, der Ihren Website-Erstellungsprozess beschleunigt.

Insert the AI image generated by SeedProd

4. Optimieren Sie Ihre Bilder und Videos

Nicht optimierte Bilder und Videos können große Dateigrößen haben. Diese großen Dateien können zur DOM-Größe beitragen, da sie zusätzliche Elemente darstellen, die der Browser verarbeiten muss.

Die Optimierung Ihrer Bilder kann die Dateigröße erheblich verringern, ohne dass die Qualität darunter leidet. Dies hilft Ihrer Website, schneller zu laden und verbessert die allgemeine Benutzererfahrung.

Ein Plugin wie Optimole kann eine gute Lösung für die Optimierung Ihrer Bilder sein. Optimole ist so konzipiert, dass es die Bilder Ihrer Website beim Upload automatisch optimiert, sobald Sie sie hochgeladen haben.

Optimole Review: The image optimization plugin's lazy loading feature

Sie können auch die Einstellungen anpassen, um die Komprimierungsqualität zu verbessern oder die Größe von Bildern zu ändern, die eine bestimmte Größe überschreiten, um die Dateigröße und den DOM-Fußabdruck weiter zu reduzieren.

Wenn Sie nicht zu viele Plugins verwenden möchten, können Sie kostenlose Online-Werkzeuge wie TinyPNG verwenden, um Ihre Bilder zu komprimieren, bevor Sie sie auf Ihre WordPress-Website hochladen.

Eine ausführliche Anleitung zur Bildoptimierung finden Sie in unserem Artikel über die Optimierung von Bildern für die Web-Performance ohne Qualitätsverlust.

Wenn es um Videos geht, empfehlen wir nicht, sie direkt in WordPress hochzuladen. Große Videodateien können die Ladezeit Ihrer Website erheblich verlangsamen.

Ein besserer Ansatz ist die Nutzung eines Video Hosts Dienstes wie YouTube oder Vimeo. Diese Dienste übernehmen die Speicherung und das Streaming Ihrer Videos, entlasten den Server Ihrer Website und verringern die DOM-Größe.

Sie können die Videos dann direkt in Ihre Seiten einbetten, indem Sie die vom Hosting-Anbieter bereitgestellten Einbettungscodes verwenden.

Embedding a YouTube video in WordPress

Wir haben einen weiteren hilfreichen Artikel über die Optimierung von Videos für Ihre WordPress Website, der tiefer in Video-Optimierungsstrategien eintaucht.

5. Lazy Loading implementieren

Wenn Sie eine lange Seite mit vielen Inhalten öffnen, werden normalerweise alle diese Elemente auf einmal geladen. Dieser Vorgang kann eine Weile dauern, insbesondere bei langsameren Internetverbindungen.

Lazy Loading ist ein intelligenter Ansatz. Es verzögert das Laden von unkritischen Elementen wie Bildern und Videos. Sie werden nur dann geladen, wenn sie vom Benutzer beim Herunterscrollen der Seite tatsächlich benötigt werden.

Das bedeutet, dass die wesentlichen Inhalte, die zuerst erscheinen (wie Text und Layout), schneller geladen werden. Dies wiederum führt zu einem schnelleren Laden der Seite und einem reibungsloseren Erlebnis für den Benutzer.

Die Einrichtung von Lazy Loading ist einfach, besonders wenn Sie bereits ein WordPress Plugin zur Geschwindigkeitsoptimierung wie WP Rocket verwenden.

Navigieren Sie einfach zu Einstellungen “ WP Rocket in Ihrem WordPress-Dashboard. Klicken Sie dann auf den Tab „Medien“.

Kreuzen Sie hier einfach alle Optionen an, um das träge Laden für Bilder, Videos und iFrames zu aktivieren.

Enabling lazy loading in WP Rocket

Wenn Sie eine Bildergalerie anzeigen möchten, empfehlen wir die Verwendung eines Plugins für Galerien mit einer Funktion für träges Laden.

Envira Gallery ist ein gutes Beispiel dafür. Neben dem „Lazy Loading“ können Sie auch eine bestimmte Zeitverzögerung für das Laden der Bilder einstellen.

Enabling the lazy loading feature in Envira Gallery

Außerdem können Sie den Abschnitt mit Ihren Kommentaren in aller Ruhe laden.

Hierfür können Sie Thrive Comments verwenden, das Funktionen zur Optimierung von WordPress-Kommentaren bietet.

Nachdem das Plugin aktiviert ist, gehen Sie zu Thrive Dashboard „ Thrive Comments. Öffnen Sie dann den Tab „Erweiterte Einstellungen“ und gehen Sie zum Abschnitt „Optimierung der Seitengeschwindigkeit“.

Enabling lazy loading in Thrive Comments

Kreuzen Sie hier einfach die Boxen an, die auf Ihren Abschnitt mit den Kommentaren zutreffen könnten. Sie können den Abschnitt mit den Kommentaren laden, bis der Benutzer bis zum Ende der Seite scrollt, und/oder die Kommentare nach und nach in den Seiten laden, wenn Benutzer auf den Button „Weitere Kommentare laden“ klicken.

Sie können auch festlegen, dass Avatarbilder in Kommentaren geladen werden, bis sie angezeigt werden.

6. Seitennummerierung von Kommentaren oder Beiträgen mit viel Inhalt

Übermäßig lange Beiträge oder Abschnitte mit Kommentaren haben in der Regel eine große DOM-Größe, die die Ladezeiten Ihrer Website verlangsamen. Hier kommt die Seitennummerierung ins Spiel.

Die Seitennummerierung unterteilt Ihre Inhalte in überschaubare Abschnitte, die den Benutzern die Navigation und die Verdauung der Informationen erleichtern.

Wenn Sie ausführliche Artikel schreiben, sollten Sie diese in logische Abschnitte mit Seitennummerierungen unterteilen. So können die Besucher zwischen den Abschnitten Pausen einlegen und fühlen sich nicht von einer riesigen Textwand eingeschüchtert.

Zum Glück können Sie lange Beiträge mit dem Block ‚Seitenumbruch‘ im Block-Editor leicht aufteilen.

Eine Schritt-für-Schritt-Anleitung finden Sie in unserem Artikel über die Aufteilung von WordPress-Beiträgen in mehrere Seiten.

Adding a page break in the WordPress block editor

Wir haben auch eine hilfreiche Anleitung, wie man Kommentare in WordPress seitennummeriert. Aber im Grunde müssen Sie sich nur in Ihrem WordPress-Administrationsbereich anmelden und die Seite Einstellungen “ Diskussionen aufrufen.

Aktivieren Sie dann die Box neben „Kommentare in Seiten aufteilen“ und passen Sie die Anzahl der Kommentare, die Sie auf jeder Seite sehen möchten, individuell an.

Break comments in pages

Wir empfehlen außerdem, unendliche Bildläufe zu vermeiden. Sie können die Besucher zwar länger auf Ihrer Website halten, da sie nicht manuell zwischen den Seiten wechseln müssen, aber dies kann zu Leistungsproblemen auf Ihrem Server führen.

7. CSS- und JavaScript-Dateien verkleinern

Die Funktionalität und der visuelle Stil Ihrer Website hängen von Code-Dateien wie CSS und JavaScript ab. Diese Dateien sind zwar unverzichtbar, können aber zu einer größeren DOM-Größe beitragen, wenn sie nicht richtig optimiert werden.

Minification kann dieses Problem lösen, indem unnötige Elemente wie Kommentare, Leerzeichen und Zeilenumbrüche aus dem Code entfernt werden. Diese geringere Größe führt zu schnelleren Ladezeiten und einer geringeren DOM-Größe.

Es ist jedoch zu beachten, dass die Minifizierung manchmal zu Kompatibilitätsproblemen mit bestimmten Themes oder Plugins führen kann.

Bevor Sie Ihren Code minifizieren, sollten Sie eine Sicherungskopie Ihrer Website erstellen und die Änderungen nach Möglichkeit in einer Staging- oder lokalen Umgebung testen. So können Sie potenzielle Probleme erkennen, bevor sie sich auf Ihre Live-Website auswirken.

Dann können Sie unsere Anleitung zum Minifizieren von CSS- und JavaScript-Dateien in WordPress lesen, um Schritt für Schritt zu erfahren, wie es geht.

Wie Sie in der Anleitung sehen werden, ist das Verkleinern Ihres Codes einfach, wenn Sie bereits ein Plugin wie WP Rocket verwenden. Alles, was Sie tun müssen, ist, zu Einstellungen “ WP Rocket zu gehen und zum Tab „Datei-Optimierung“ zu wechseln.

Aktivieren Sie dann einfach die Funktionen zur Minimierung von CSS- und JavaScript-Dateien.

Minifying files using the WP Rocket caching plugin for WordPress

Einige Hosting-Anbieter von WordPress bieten auch integrierte Funktionen zum Mining von CSS- und JavaScript-Dateien an.

SiteGround (wo wir WPBeginner hosten) bietet zum Beispiel das Plugin Speed Optimizer an, um CSS zu minimieren.

Hostinger bietet eine ähnliche Funktion über sein integriertes CDN, das ab dem Business-Tarif verfügbar ist.

Minifying CSS in SiteGround plugin

8. Rendering-blockierende JavaScript und CSS reduzieren

Ein weiterer Ansatz zur Optimierung von CSS- und JavaScript-Dateien besteht darin, Rendering-Blockierungen zu reduzieren.

Rendering-blockierende Ressourcen sind wie Fundamente, die verhindern, dass das Haus (der Inhalt Ihrer Website) gebaut wird, bis diese Ressourcen geliefert und installiert sind. Je länger es dauert, bis diese Ressourcen geladen sind, desto länger dauert es, bis die Benutzer den Inhalt Ihrer Website sehen können.

WP Rocket verfügt über integrierte Funktionen zur Reduzierung von Rendering-blockierenden CSS und JavaScript.

So können Sie beispielsweise CSS- und JavaScript-Dateien kombinieren, was die Anzahl der HTTP-Anfragen reduziert, die Ihre Website stellen muss. Weniger Anfragen bedeuten weniger Wartezeit für den Browser, um alles zu laden und Ihren Inhalt zu rendern.

Minifying CSS, JavaScript, and iFrame in WP Rocket

Sie können auch jeden CSS-Code entfernen, der auf Ihren Seiten nicht verwendet wird.

Dadurch werden nicht nur Rendering-Blockierungen reduziert, sondern auch die Gesamtgröße der Seite und die Anzahl der HTTP-Anfragen minimiert.

Removing unused CSS in WP Rocket

Zusätzlich gibt es eine Funktion namens ‚Load JavaScript Deferred‘. Damit wird der Browser angewiesen, mit dem Laden einiger JavaScript-Dateien zu warten, bis der Hauptinhalt Ihrer Website (der HTML-Code) angezeigt worden ist.

Auf diese Weise sehen die Benutzer den Inhalt Ihrer Website schneller, auch wenn noch nicht alle Hintergrundfunktionen geladen sind.

Delay loading non-essential JavaScript code

Mehr über die Aktivierung dieser Funktionen erfahren Sie in unserem Artikel über die Reduzierung von Rendering-blockierenden CSS und JavaScript in WordPress.

9. WordPress Caching aktivieren

Caching verringert zwar nicht direkt die DOM-Größe, aber es verbessert die wahrgenommene Leistung Ihrer Website erheblich.

Wenn die Zwischenspeicherung aktiviert ist, passiert Folgendes: Wenn ein Benutzer Ihre Website erneut aufruft, kann sein Browser zuerst seinen Cache überprüfen. Wenn die Dateien bereits lokal gespeichert sind, können sie viel schneller geladen werden, was die Ladezeiten der Seiten erheblich verkürzt.

Dadurch wird das DOM schneller geladen und angezeigt, was zu einem reibungsloseren Erlebnis für die Besucher führt.

Die Zwischenspeicherung trägt auch dazu bei, dass Ihr Server effizienter arbeitet, indem er entlastet wird. Dadurch kann er sich auf wichtige Aufgaben wie die Verarbeitung des DOM konzentrieren, was letztendlich die Ladezeit verkürzt.

Glücklicherweise ist die Einrichtung des Browser-Cachings mit einem Plugin wie WP Rocket ganz einfach. Denn das Plugin aktiviert automatisch das Caching mit optimalen Einstellungen für Ihre Website.

How to set up the WP Rocket caching plugin

Noch besser ist, dass WP Rocket Ihre Website ständig im Cache speichert. Wann immer der Cache geleert wird (manuell oder automatisch), erzeugt WP Rocket automatisch neue Cache-Dateien.

WP Rocket bietet Ihnen auch die Möglichkeit, den WordPress-Cache jederzeit zu löschen. Dies kann nützlich sein, wenn Sie erhebliche Änderungen an Ihrer Website vornehmen und sicherstellen möchten, dass die Benutzer die neueste Version sehen.

How to clear the WP Rocket cache manually

Weitere Details zu den Funktionen von WP Rocket finden Sie im Abschnitt Caching Optionen einrichten in unserer WP Rocket Installationsanleitung.

10. Verwenden Sie ein WordPress CDN

Ein CDN (Content Delivery Network) ist ein Netzwerk von Servern, die über die ganze Welt verteilt sind. Ein CDN verändert zwar nicht direkt die Größe des Codes Ihrer Website, aber es sorgt dafür, dass Ihre Website schneller geladen wird.

Das liegt daran, dass ein CDN Kopien der statischen Inhalte Ihrer Website (Bilder, Skripte, Stylesheets) auf Servern an verschiedenen Positionen speichert. Wenn jemand Ihre Website besucht, lädt sein Computer den Inhalt von dem CDN-Server herunter, der ihm am nächsten ist.

Dadurch werden die Download-Zeiten im Vergleich zum Herunterladen von Ihrem ursprünglichen Server, der möglicherweise weit entfernt ist, erheblich verkürzt. Durch die schnellere Bereitstellung wird die Verarbeitung des DOM viel schneller.

Außerdem hilft ein CDN Ihrem ursprünglichen Server, schneller zu arbeiten, indem es die Last der Inhaltsbereitstellung verteilt. So kann sich der Server auf das Wesentliche konzentrieren, z. B. die Verarbeitung des DOM. Dies wiederum führt dazu, dass Ihre Website insgesamt schneller gerendert wird.

Wenn Sie CDN-Empfehlungen benötigen, haben wir einen Leitfaden zu den besten WordPress CDN-Diensten, um Ihnen bei der Auswahl des richtigen Dienstes für Ihre Website zu helfen.

Wir verwenden das CDN von Cloudflare auf unserer Website hier bei WPBeginner. Es funktioniert gut für unseren großen Blog mit vielen Besuchern.

Cloudflare global network

Wenn Sie mehr darüber erfahren möchten, können Sie sich unseren Beitrag darüber ansehen, warum WPBeginner von Sucuri zu Cloudflare gewechselt hat. Dieser Artikel erklärt, worauf wir bei der Auswahl eines CDN-Anbieters geachtet haben.

11. Optimieren Sie Ihre WordPress-Datenbank

Ihre WordPress-Website stützt sich auf eine Datenbank, in der alle wichtigen Informationen wie Beiträge, Kommentare, Konten von Benutzern und sogar Konfigurationen gespeichert werden.

Mit der Zeit kann diese Datenbank zu viele unnötige Daten enthalten, wie z. B. alte Revisionen von Beiträgen, Spam-Kommentare oder übrig gebliebene Informationen von gelöschten Plugins.

Obwohl die Datenbank selbst nicht Teil des DOM ist, kann eine aufgeblähte Datenbank Ihre Website verlangsamen. Eine langsamere Website kann den Eindruck erwecken, dass das DOM größer ist, weil alles länger zum Laden und Rendern braucht.

Die Optimierung Ihrer Datenbank durch das Entfernen unnötiger Daten trägt dazu bei, dass Ihre Website reibungsloser läuft und kann indirekt die wahrgenommene DOM-Größe verbessern.

Sehen Sie sich unsere hilfreiche Anleitung an, wie Sie Ihre WordPress-Datenbank mit einem Klick optimieren können. Dieser Leitfaden führt Sie durch den Prozess der Verwendung eines Plugins, um Ihre Datenbank zu bereinigen und sicherzustellen, dass sie effizient läuft.

Fokus auf die Gesamtleistung von WordPress, nicht nur auf die DOM-Größe

Die Warnung „Vermeiden Sie eine übermäßige DOM-Größe“ in WordPress ist zwar wichtig für die Geschwindigkeit der Website, aber nicht der einzige zu berücksichtigende Faktor.

Eine Website mit vielen Funktionen oder einzigartiger Formatierung kann natürlich ein größeres DOM haben, und das ist in Ordnung.

Es geht darum, das richtige Gleichgewicht zwischen Website-Leistung und Funktionen zu finden. Abgesehen von der Kurzmitteilung der DOM-Größe sollten Sie also auch auf andere Metriken wie Core Web Vitals achten. Dies sind spezifische Metriken, die Google zur Messung der Benutzerfreundlichkeit einer Website verwendet.

Core Web Vitals report example

Wenn Sie viele verschiedene Optimierungstechniken angewendet haben und Ihre Website immer noch langsam ist, sollten Sie unsere Dienste zur Optimierung der Website-Geschwindigkeit in Anspruch nehmen.

Unser Expertenteam kann Ihre Website analysieren und die effektivsten Möglichkeiten zur Optimierung ihrer Leistung ermitteln.

WPBeginner Professional Services: Site Speed Optimization Service

Alle Dienste beinhalten eine fachmännische Caching-Konfiguration für Ihre Website, Bildoptimierung ohne Beeinträchtigung der visuellen Qualität, automatische Datenbankoptimierung und vieles mehr. Außerdem garantieren wir, dass Ihre Website ein A oder B+ auf unserem PageSpeed Tool erhält.

Wir hoffen, dass dieses Tutorial Ihnen geholfen hat zu lernen, wie man übermäßige DOM-Größe in WordPress beheben kann. Vielleicht möchten Sie auch unseren Leitfaden zur Beschleunigung der WooCommerce-Leistung oder unseren vollständigen Leitfaden zur Geschwindigkeit und Leistung von WordPress lesen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

The post Wie man übermäßige DOM-Größe in WordPress behebt (11 Expertentipps) first appeared on WPBeginner.

]]>
https://www.wpbeginner.com/de/wp-tutorials/how-to-fix-excessive-dom-size-in-wordpress/feed/ 1
Wie man mehrsprachige Formulare in WordPress erstellt (2 Methoden) https://www.wpbeginner.com/de/wp-tutorials/how-to-create-multilingual-forms-in-wordpress/ https://www.wpbeginner.com/de/wp-tutorials/how-to-create-multilingual-forms-in-wordpress/#comments Mon, 16 Sep 2024 10:00:00 +0000 https://www.wpbeginner.com/de/opinion/how-to-create-multilingual-forms-in-wordpress/ Wenn Sie Besucher aus der ganzen Welt haben, können mehrsprachige Formulare Ihnen dabei helfen, mit einem vielfältigen Publikum in Kontakt zu treten, die Benutzererfahrung zu verbessern und die Zugänglichkeit Ihrer Website zu erhöhen. Glücklicherweise sind mehrsprachige Formulare mit WordPress Form Builder Plugins super einfach einzurichten.… Mehr lesen »

The post Wie man mehrsprachige Formulare in WordPress erstellt (2 Methoden) first appeared on WPBeginner.

]]>
Wenn Sie Besucher aus der ganzen Welt haben, können mehrsprachige Formulare Ihnen dabei helfen, mit einem vielfältigen Publikum in Kontakt zu treten, die Benutzererfahrung zu verbessern und die Zugänglichkeit Ihrer Website zu erhöhen.

Glücklicherweise sind mehrsprachige Formulare mit WordPress Form Builder Plugins super einfach einzurichten.

In diesem Artikel zeigen wir Ihnen, wie Sie mit 2 beliebten Plugins mehrsprachige Formulare in WordPress erstellen können: WPForms und Formidable Forms.

Create multilingual forms in-post image

Was sind mehrsprachige Formulare, und warum sollte man eines erstellen?

Mehrsprachige Formulare können je nach Präferenz des Benutzers in mehreren Sprachen angezeigt werden.

Diese Formulare sind für Websites, die sich an ein internationales Publikum richten, unerlässlich. Sie stellen sicher, dass Benutzer mit Ihrer WordPress-Website in ihrer bevorzugten Sprache interagieren können.

Hier sind einige Gründe für das Erstellen mehrsprachiger Formulare:

  • Verbessern Sie das Engagement der Benutzer. Mehrsprachige Formulare ermöglichen es den Benutzern, die gestellten Fragen oder Informationen ohne Sprachbarrieren zu verstehen. Dadurch wird die Wahrscheinlichkeit erhöht, dass sie das Formular ausfüllen.
  • Verbessern Sie die Konversionsraten. Die Konversionsrate ist der Prozentsatz der Benutzer, die eine gewünschte Aktion auf Ihrer Website durchführen, z. B. sich für einen E-Mail-Newsletter anmelden oder einen Kauf tätigen. Wenn Benutzer Formulare in ihrer Muttersprache ausfüllen können, wird der Prozess effizienter.
  • Bessere Erfahrungen für den Benutzer. Mehrsprachige Formulare tragen zu einer positiven Erfahrung für den Benutzer bei. Benutzer können mit Ihrer Website in ihrer eigenen Sprache interagieren, was ihren Komfort erhöht.

Aus diesem Grund ist es eine gute Idee, ein mehrsprachiges Formular zu erstellen. Auf diese Weise können Sie Ihre Website für ein breites Publikum zugänglich und benutzerfreundlich gestalten.

In den folgenden Abschnitten werden zwei Methoden zum Erstellen mehrsprachiger Formulare vorgestellt. Über die unten stehenden Links können Sie direkt zu der gewünschten Methode springen:

Sind Sie bereit? Dann fangen wir an.

Methode 1: Erzeugen von mehrsprachigen WordPress-Formularen mit WPForms (empfohlen)

Der einfachste Weg, ein mehrsprachiges WordPress-Formular zu erstellen, ist die Verwendung von WPForms und Weglot. Diese Werkzeuge können den Inhalt Ihrer Website, einschließlich der Formulare, mithilfe eines Sprachumschalters automatisch übersetzen.

WPForms ist die beste Drag-and-drop-Formularerstellung mit Tausenden von vorgefertigten Templates. Seine benutzerfreundliche Oberfläche macht es auch einfach, ein Formular in nur wenigen Minuten zu erstellen.

In der Tat verwenden wir es auf unseren eigenen Websites für unsere Kontaktformulare. Für weitere Details, können Sie unsere umfassende WPForms Rezension zu sehen.

WPForms' homepage

Um Ihre WPForms-Formulare zu übersetzen, müssen Sie das Plugin zusammen mit einem Übersetzungs-Plugin verwenden.

Weglot ist eines der besten WordPress Translation Plugins für Anfänger. Dieses Werkzeug verwendet maschinelles Lernen, um automatisch jeden Inhalt auf Ihrer Website zu übersetzen, einschließlich Seiten, Beiträge und Formulare.

Wir empfehlen den Erwerb der Premium-Version, aber Sie können auch die kostenlose Testversion für bis zu 2.000 übersetzte Wörter auf einer Website nutzen.

Weglot's homepage

Um loszulegen, müssen Sie WPForms und Weglot auf Ihrer WordPress Website installieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress Plugins.

Nach der Aktivierung können Sie mit dem Erstellen von Formularen beginnen, indem Sie zu WPForms “ Add New navigieren, um ein Formular zu erstellen. Weitere Einzelheiten finden Sie in unserer Anleitung zum Erstellen eines Kontaktformulars.

Sobald Ihr Kontaktformular fertig ist, können wir es mit Weglot übersetzen.

Klicken Sie in Ihrem WordPress-Dashboard auf den Menüpunkt Weglot. Dann gelangen Sie in den Einstellungsbereich „Hauptkonfiguration“.

Hier müssen Sie zunächst Ihren Weglot-API-Schlüssel eingeben. Wenn Sie nicht wissen, wie Ihr Schlüssel lautet oder wo Sie ihn finden können, besuchen Sie einfach das Dashboard von Weglot und melden Sie sich für ein Konto an.

Weglot's sign up page

Nach der Anmeldung finden Sie Ihren API-Schlüssel auf dem Dashboard Ihres Weglot-Kontos. Dann können Sie den Schlüssel kopieren und in das Feld „API-Schlüssel“ im Bereich „Hauptkonfiguration“ einfügen.

Sobald Sie sich vergewissert haben, können Sie mit der Auswahl Ihrer Zielsprachen beginnen. Klicken Sie einfach auf das Dropdown-Menü „Zielsprachen“ und scrollen Sie in der Liste nach unten, um eine Sprache auszuwählen.

Weglot's Main Configuration area with a Destination Languages field

Wenn Sie möchten, können Sie mehr als eine Sprache hinzufügen. Weglot bietet mehr als 100 Sprachen an. Stöbern Sie also ruhig und wählen Sie die Sprachen aus, die für Ihre Ziele relevant sind.

Vergessen Sie anschließend nicht, auf „Änderungen speichern“ zu klicken, damit Sie Ihren Fortschritt nicht verlieren.

Nach ein paar Sekunden sollten Sie ein Pop-up-Fenster sehen, in dem steht: „Gut gemacht! Ihre Website ist jetzt mehrsprachig“.

Weglot's success message

Nun möchten Sie Ihre Website besuchen, um zu sehen, ob Sie Ihre WPForms-Formulare übersetzen können. Klicken Sie einfach auf den Hinweis „Go on my front page“ in der Benachrichtigung.

Von hier aus sollten Sie ein Dropdown-Menü in der unteren rechten Ecke Ihrer Ansicht sehen. Sie können darauf klicken, um zu Norsk (Norwegisch) zu wechseln. Dadurch wird die Seite zusammen mit Ihrem Formular automatisch ins Norsk übersetzt.

Weglot's language switch on a live website

Das war’s! Sie haben Ihr WPForms-Kontaktformular erfolgreich mit Weglot übersetzt.

Methode 2: Erzeugen von mehrsprachigen WordPress-Formularen mit Formidable Forms

Eine weitere Möglichkeit, ein mehrsprachiges Formular in WordPress zu erstellen, ist die Verwendung von Formidable Forms und seinem Polylang Add-on. Mit dieser Methode können Sie Ihre eigenen Übersetzungen für Ihr Formular eingeben und sie für jede Zielsprache anzeigen.

Formidable Forms ist ein großartiges Plugin für die Erstellung von WordPress-Formularen, insbesondere für fortgeschrittene Formulare wie Taschenrechner, Verzeichnisse, Quizfragen und mehr.

Weitere Informationen finden Sie in unserer Rezension von Formidable Forms.

Formidable forms

Das Polylang Add-on aktiviert das Einfügen von Übersetzungen für den Inhalt Ihrer Website, einschließlich der Formulare. Mit diesem Add-on können Sie Übersetzungen für so viele Sprachen einfügen, wie Sie benötigen.

Um die beiden Werkzeuge zusammen zu verwenden, müssen Sie zunächst Formidable Forms und Polylang installieren. Wenn Sie Hilfe benötigen, können Sie unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress Plugins folgen.

Nach der Aktivierung müssen Sie zunächst Polylang einrichten, indem Sie Ihre Zielsprachen auswählen. Erweitern Sie dazu das Dropdown-Menü, wählen Sie Ihre Zielsprache aus und klicken Sie auf den Button „Neue Sprache hinzufügen“.

Polylang's setup process

Klicken Sie anschließend auf den Button „Weiter“ unterhalb des Abschnitts „Sprache bereits definiert“.

Im nächsten Schritt aktivieren Sie Ihre Medienübersetzungen. Mit dieser Einstellung können Sie die Titel, Alternativtexte, Beschriftungen und Beschreibungen Ihrer Mediendateien übersetzen.

Um diese Einstellung zu aktivieren, schalten Sie einfach den Slider „Polylang erlauben, Medien zu übersetzen“ ein. Dann können Sie auf „Weiter“ klicken, um zum dritten Schritt zu gelangen.

Polylang's media setup

Im nächsten Bereich wählen Sie die Hauptsprache für den Inhalt Ihrer Website.

Sie können auf das Dropdown-Menü klicken und eine der Sprachen auswählen, die Sie im ersten Schritt registriert haben. Hier haben wir Englisch als Hauptsprache gewählt.

Polylang's main language setup

Sobald Sie die Hauptsprache Ihrer Website ausgewählt haben, können Sie auf „Weiter“ klicken. Dadurch werden Sie zum letzten Schritt weitergeleitet.

Von hier aus sehen Sie die Benachrichtigung „Sie sind bereit, Ihre Inhalte zu übersetzen!“, gefolgt von einigen Dokumentationsempfehlungen des Polylang-Teams.

Sie können sich die Zeit nehmen, diese Dokumente in Ruhe zu lesen, oder Sie blättern direkt in der Ansicht nach unten und klicken auf den Button „Zurück zum Dashboard“.

The Return to dashboard button on Polylang's setup

Navigieren Sie nun zu Formidable Forms “ Add-Ons, um das Polylang Add-on zu aktivieren.

Um die Suche zu vereinfachen, können Sie die Suchleiste verwenden und „Polylang“ eingeben, um es zu finden. Sobald Sie es gefunden haben, klicken Sie auf „Installieren“.

Polylang's install button on Formidable Forms

Sobald der Installationsvorgang abgeschlossen ist, ändert sich der Status in „Aktiv“.

Jetzt können Sie von Ihrem WordPress-Dashboard aus zu Formidable Forms “ Forms wechseln. Standardmäßig stellt Ihnen das Plugin ein Beispiel-Kontaktformular zur Verfügung, weshalb Sie auf dem Tab „Meine Formulare“ ein Formular vorfinden.

Versuchen wir, das Formular „Kontakt“ zu übersetzen.

Um mit der Übersetzung des Formulars zu beginnen, müssen Sie als Erstes bei Mauszeigerkontakt auf „Einstellungen“ klicken.

Contact Us' settings button

Dadurch werden Sie zum Tab „Einstellungen“ des Formulars weitergeleitet.

Hier müssen Sie nur in der Ansicht nach unten scrollen und auf „Formular übersetzen“ klicken.

The Translate Form button on Contact Us' Settings tab

Das Plugin leitet Sie dann auf eine neue Seite weiter.

Dort können Sie Ihre Übersetzungen für alle Formularelemente manuell in Ihre Zielsprachen eingeben.

Polylang translating the contact form's elements

Wenn Sie fertig sind, klicken Sie auf den Button „Änderungen speichern“ am unteren Rand der Ansicht.

Jetzt können Sie das Formular veröffentlichen.

Gehen Sie dazu zurück zum Tab „Einstellungen“ und klicken Sie auf den Button „Einbetten“.

Formidable Forms' embed button

Dann können Sie wählen, ob Sie es zu einer bestehenden oder einer neuen Seite hinzufügen möchten. Es gibt auch eine Option, den Shortcode des Formulars zu verwenden, um es zum WordPress Block-Editor hinzuzufügen.

Wir wählen als Beispiel die Option „Vorhandene Seite auswählen“.

Select existing page option for embedding a Formidable Forms' contact form

Im nächsten Schritt wählen Sie eine Seite aus dem Dropdown-Feld aus. Hier fügen wir das Formular zum Beispiel der Seite „Kontakt“ unserer Website hinzu.

Sobald Sie sich für eine Seite entschieden haben, klicken Sie auf „Formular einfügen“.

Inserting a form to a page

Dadurch werden Sie zum Block-Editor weitergeleitet. Sie können auf der Seite nach unten scrollen, um Ihr neu hinzugefügtes „Kontakt“-Formular zu finden.

Gehen Sie dort auf den Tab „Seite“ auf der rechten Seite und suchen Sie den Menüpunkt „Sprachen“ in der unteren rechten Ecke.

Klicken Sie auf den ‚+‘ Button, um die Norsk-Übersetzung hinzuzufügen.

The Languages section on WordPress block editor

Wenn Sie auf den Button klicken, erstellt WordPress eine neue Seite.

Unter Seite Sprachen sehen Sie, dass Sie gerade eine Seite für die Norsk-Übersetzung bearbeiten.

Editing a new page to display in Norsk

Machen Sie sich keine Sorgen, wenn Sie die übersetzte Version nicht sehen können. Sobald Sie auf „Veröffentlichen“ klicken, wird das Formular in Norsk angezeigt.

Und schon sind Sie fertig!

Sie haben Ihr Formular mit Formidable Forms und Polylang übersetzt. So könnte es auf Ihrer WordPress-Website aussehen:

The Contact Us form in Norsk

Bonus: Wie man eine mehrsprachige Suche in WordPress hinzufügt

Da Ihre WordPress Website nun ein mehrsprachiges Formular anbietet, empfehlen wir Ihnen, die nächste Stufe zu erreichen, indem Sie eine mehrsprachige Suchfunktion hinzufügen.

Die mehrsprachige Suche aktiviert Websites, die relevante Ergebnisse in verschiedenen Sprachen verarbeiten und zurückgeben können. Dies bedeutet, dass Benutzer in ihrer bevorzugten Sprache suchen und Ergebnisse erhalten können.

Insgesamt kann sich Ihre Website durch ein mehrsprachiges Angebot von der Konkurrenz abheben, die möglicherweise nur eine einzige Sprache unterstützt.

Der einfachste Weg, eine mehrsprachige Suche hinzuzufügen, ist das SearchWP Plugin.

Dieses Plugin kann Ihre WordPress Website mit erweiterten Funktionen ausstatten. Nach der Aktivierung erstellt WPSearch automatisch einen Suchindex und gleicht Suchbegriffe mit dem Inhalt Ihrer Website, Titeln, Schlagwörtern, Shortcodes, Produkten und vielem mehr ab.

Is SearchWP the right search plugin for you?

WPSearch verfügt außerdem über vorkonfigurierte Einstellungen, die für die meisten Websites, einschließlich mehrsprachiger Websites, geeignet sind.

Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Hinzufügen einer mehrsprachigen Suche in WordPress.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man mehrsprachige Formulare in WordPress erstellt. Als Nächstes möchten Sie vielleicht unsere Anleitungen zum Anpassen und Gestalten Ihrer WordPress-Formulare und zum Erstellen interaktiverer WordPress-Formulare und zur Steigerung der Konversionen lesen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

The post Wie man mehrsprachige Formulare in WordPress erstellt (2 Methoden) first appeared on WPBeginner.

]]>
https://www.wpbeginner.com/de/wp-tutorials/how-to-create-multilingual-forms-in-wordpress/feed/ 1