seit 2005

Digitalagentur

||

WordPress Agentur

||

eCommerce Agentur

||

SEO Agentur

||

Internetagentur

Laatzen

Unser System verwendet das PCM, um News-Artikel zu identifizieren, die thematisch zu bestimmten Produkten oder Herstellern passen. Dies kann durch Schlagwörter, Kategorien oder durch direkte Zuweisung zu bestimmten Produkten erfolgen. Die Integration erfolgt so, dass beim Anzeigen eines Produkts auf Ihrer Website automatisch die relevanten News in einem angepassten Modul daneben oder darunter eingeblendet werden. Diese automatisierte Zuordnung verbessert nicht nur die Nutzererfahrung, sondern unterstützt auch SEO-Strategien durch kontextreiche und dynamisch aktualisierte Inhalte.

Auf Wunsch können die Schlagworte und Themen ebenfalls automatisch zugeordnet werden, durch unsere Automatische Verschlagwortung mit KI

Für WooCommerce-Shops implementieren wir Lösungen, die Produkte automatisch mit aktuellen News verknüpfen. Dies geschieht durch das PCM, das Filter nutzt, um News basierend auf Produktkategorien, Schlagworten oder Herstellerdaten zuzuordnen. Diese Methode fördert Cross-Selling und verbessert die Kundenbindung, indem sie Käufern relevante und ergänzende Informationen bietet, die die Kaufentscheidung beeinflussen können. PERIMETRIK® richtet diese Systeme so ein, dass sie nahtlos in Ihre bestehende Shop-Umgebung integriert sind und sowohl die Nutzererfahrung als auch die SEO optimieren.

Die DOM Order (Document Object Model Order) bezeichnet die Reihenfolge, in der Elemente innerhalb des DOM-Baums einer Webseite organisiert sind. Diese Reihenfolge beeinflusst, wie Inhalte von assistiven Technologien wie Screenreadern oder durch die Tastaturnavigation wahrgenommen und verarbeitet werden.

Der DOM ist eine baumartige Struktur, die den Aufbau und Inhalt einer Webseite repräsentiert, wie sie von Webbrowsern verwendet wird, um den Inhalt darzustellen.

• Bedeutung für das Rendering: Die Reihenfolge der Elemente im DOM bestimmt, wie der Browser die Seite rendert. Elemente, die früher im DOM erscheinen, werden in der Regel zuerst gerendert.
• Zugänglichkeit: Die DOM-Order ist besonders wichtig für die Zugänglichkeit, da Screenreader die Inhalte in der Reihenfolge vorlesen, in der sie im DOM erscheinen. Eine logische und intuitive Reihenfolge kann die Benutzerfreundlichkeit für Menschen mit Sehbehinderungen erheblich verbessern.
• Interaktion mit CSS und JavaScript: Änderungen am Aussehen oder Verhalten der Webseite durch CSS oder JavaScript hängen ebenfalls von der DOM-Order ab. Zum Beispiel können CSS-Flexbox oder Grid Layouts die visuelle Präsentation von Elementen ändern, ohne die DOM-Order zu beeinflussen, was zu Diskrepanzen zwischen visueller Darstellung und Screenreader-Ausgabe führen kann.
• Optimierung: Wir können die DOM-Order optimieren, um die Performance der Seite zu verbessern. Beispielsweise durch das Priorisieren der Ladereihenfolge kritischer Inhalte.

Die DOM-Order spielt eine zentrale Rolle in der Webentwicklung, da sie sowohl die technische Verarbeitung als auch die Interaktion der Nutzer mit der Webseite beeinflusst. Es ist daher wichtig, die Struktur des DOMs sorgfältig zu planen, um sowohl die Performance als auch die Zugänglichkeit (Barrierefreiheit) der Webseite zu optimieren.

Unser Team kann Sie bei der Optimierung der DOM-Order unterstützen, um die Effizienz und Zugänglichkeit Ihrer Webseite zu maximieren.

Die Mindestanforderungen bezüglich Barrierefreiheit einer Website, um den WCAG (Web Content Accessibility Guidelines) Richtlinien zu entsprechen, sind in drei Konformitätsstufen unterteilt: A, AA und AAA. Die Stufe AA wird allgemein als Mindeststandard angesehen, den die meisten Websites anstreben sollten. Hier sind die spezifischen Anforderungen für jede Stufe:

• Alternative Texte: Bereitstellung von Textalternativen für alle Nicht-Text-Inhalte.
• Anpassbare Präsentation: Inhalte sollten ohne Verlust von Information oder Struktur präsentiert werden können.
• Eingaben über Tastatur: Alle Funktionen sollten über die Tastatur bedienbar sein.
• Zeitliche Begrenzungen: Benutzern sollte genügend Zeit zur Verfügung gestellt werden, um Inhalte zu lesen und zu verwenden.
• Vermeidung von Inhalten, die Anfälle auslösen können: Inhalte sollten keine bekannten Ursachen für Anfälle oder andere körperliche Reaktionen enthalten.
• Navigationshilfen: Bereitstellung von Hilfen, um Benutzern die Orientierung und Navigation zu erleichtern.

• Farbenkontrast: Ein angemessener Kontrast zwischen Text und Hintergrund sollte gewährleistet sein (mindestens 4,5:1 für normalen Text und 3:1 für großen Text).
• Skalierbarer Text: Text sollte ohne assistierende Technologien um bis zu 200 % skalierbar sein, ohne dass Inhalte oder Funktionen verloren gehen.
• Mehrere Wege: Mehrere Möglichkeiten, um eine Webseite zu finden (z.B. eine Suchfunktion oder eine Sitemap).
• Überschriften und Beschriftungen: Überschriften und Labels sollten beschreibend sein und den Inhalt oder Zweck deutlich machen.
• Konsistente Navigation: Navigationsmechanismen sollten auf der gesamten Website konsistent verwendet werden.
• Eingabehilfe: Hilfen, um Benutzern zu helfen, Fehler zu vermeiden und zu korrigieren (z.B. bei Formularen).

• Höherer Kontrast: Ein noch höherer Kontrast zwischen Text und Hintergrund (mindestens 7:1 für normalen Text).
• Erweiterte Hilfen: Zusätzliche Mechanismen zur Navigation und Orientierung.
• Vermeidung von sich automatisch bewegenden Inhalten: Inhalt sollte nicht automatisch aktualisiert oder sich bewegen, es sei denn, dies kann vom Benutzer kontrolliert werden.
• Erweiterte Textalternative: Für alle Inhalte, einschließlich derjenigen, die visuell oder auditiv sind.
• Erweiterte Sprachanforderungen: Mehrsprachige Unterstützung und Klarheit der Sprache.

Zusammenfassend lässt sich sagen, dass die Einhaltung der WCAG Stufe AA als Mindestanforderung angesehen wird, um eine zugängliche Website zu gewährleisten. Diese Anforderungen decken wichtige Aspekte wie Lesbarkeit, Navigierbarkeit und Benutzerfreundlichkeit ab. Die Erfüllung dieser Richtlinien hilft sicherzustellen, dass eine Website für eine breite Nutzerbasis zugänglich ist, einschließlich Menschen mit Behinderungen.

Der WP Download-Manager stellt umfangreiche Werkzeuge zur Analyse Ihrer Download-Aktivitäten bereit. Sie können sehen, wie oft eine Datei heruntergeladen wurde, welche Nutzer die meisten Downloads tätigen und zu welchen Zeiten Ihre Inhalte am häufigsten abgerufen werden. Diese Daten sind wertvoll für die Optimierung Ihrer Inhalte und Marketingstrategien. PERIMETRIK® unterstützt Sie dabei, diese Daten zu analysieren und strategische Entscheidungen zu treffen, die Ihre Online-Präsenz stärken.

Um die Effektivität Ihrer Landing Pages zu überwachen und zu optimieren, empfiehlt sich der Einsatz von Webanalyse-Tools. Diese Tools geben Aufschluss über Nutzerverhalten, Traffic und Konversionsraten. Dazu wird per Tracking Verhalten Ihrer Nutzer auf der Website oder in Ihrem Shop überwacht. Wir unterstützen Sie bei der Implementierung der entsprechenden Analyse Tools für WordPress wie Google Analytics oder Matomo.

Aber auch mit externen Tools lässt sich viel über die Effektivität Ihrer Landing Pages in Erfahrung bringen. Wir bieten z.B. ein Monitoring Ihrer Rankings mit Xovi an, so dass Sie stets wissen, zu welchen Keywords Ihre Landing Pages ranken.

Als wesentlicher Faktor für einer professionellen Suchmaschinen-Optimierung sollte eine Performance-Optimierung erfolgen, insbesondere für umfangreichere, automatisch generierte Landing-Pages mit vielen dynamischen Inhalten. Wir empfehlen eine regelmäßige manuelle oder automatisierte Überwachung der Performance Ihrer Landing-Pages.

PERIMETRIK®, als Ihre WordPress-Agentur, unterstützt Sie bei der Implementierung und Auswertung dieser Tools, um kontinuierliche Verbesserungen an Ihren Landing Pages vorzunehmen und deren Leistung zu maximieren.

Grundpreisangaben tragen wesentlich dazu bei, das Vertrauen der Kunden zu stärken, da sie eine transparente Preisgestaltung ermöglichen. Kunden können die Preise für verschiedene Produkte leichter vergleichen und fühlen sich besser informiert. Dies kann zu einer höheren Kundenzufriedenheit und -bindung führen sowie die rechtliche Konformität Ihres Online-Shops sicherstellen. Durch die automatische Integration dieser Informationen über geeignete Plugins können auch Fehler vermieden und der Verwaltungsaufwand reduziert werden.

Abseits der offiziellen WCAG-Stufen (A, AA, AAA) empfehlen Analyse-Tools wie Screaming Frog SEO Spider, Sitebulb oder axe DevTools eine Reihe von technischen Best Practices, die als Grundlage für barrierefreie Websites dienen. Diese Empfehlungen zielen auf eine klare, zugängliche und strukturierte Informationsarchitektur ab, noch bevor formale Barrierefreiheitsrichtlinien ins Spiel kommen. Die wichtigsten Best Practices sind:

1. 1. Sauberes, valides HTML
      Eine korrekte HTML-Struktur ist essenziell, da assistive Technologien wie Screenreader auf sauberen Code angewiesen sind. Tools zeigen hier z. B. fehlerhafte Tags, doppelte IDs oder vergessene lang-Attribute an.
   2. Semantische HTML-Auszeichnung
      Verwendung von Elementen wie ‘<header>’, ‘<nav>’, ‘<main>’, ‘<article>’, ‘<section>’ und ‘<footer>’ statt nur ‘<div>’ oder ‘<span>’ verbessert das Verständnis der Seitenstruktur durch Maschinen.
   3. Korrekte Überschriften-Hierarchie (H1–H6)
      Jede Seite sollte nur eine ‘<h1>’ enthalten, gefolgt von einer logisch aufgebauten Hierarchie. Screaming Frog meldet z. B. doppelte oder fehlende ‘<h1>’-Elemente, was auf strukturelle Probleme hinweist.
   4. Aussagekräftige Seitentitel & Meta-Beschreibungen
      Titel und Beschreibungen helfen nicht nur der Suchmaschine, sondern auch Nutzern mit Screenreadern bei der Orientierung.
   5. ALT-Texte für Bilder
      Alle relevanten Bilder sollten mit sinnvollen ALT-Texten versehen sein. Screaming Frog listet z. B. Bilder ohne ALT-Attribut oder mit leeren ALT-Werten auf.
   6. Linktexte & Buttons verständlich beschriften
      „Hier klicken“ oder „Mehr“ ohne Kontext sind für Screenreader unbrauchbar. Tools erkennen und markieren nichtssagende Linktexte.
   7. Tab-Reihenfolge und Fokus-Indikatoren prüfen
      Auch wenn Screaming Frog dies nur begrenzt analysieren kann, ergänzende Tools wie axe oder Lighthouse helfen bei der Prüfung von Tastaturzugänglichkeit und sichtbaren Fokuszuständen.
   8. Fehlerseiten und Redirects prüfen
      Eine klare Fehlerkommunikation (z. B. 404-Seiten mit erklärendem Text) unterstützt Nutzer mit kognitiven Einschränkungen. Tools zeigen Weiterleitungsketten oder defekte Links.

Wie PERIMETRIK® Sie unterstützen kann:
Als spezialisierte WordPress-Agentur legt PERIMETRIK® bei der Entwicklung und Optimierung von Websites besonderen Wert auf technische Sauberkeit und strukturelle Barrierefreiheit. Unsere Leistungen gehen über die rein formalen Anforderungen hinaus und umfassen u. a. die Analyse Ihrer bestehenden Website mit Tools wie Screaming Frog, semantische Restrukturierung Ihrer Inhalte sowie die Beratung zur barrierefreien Gestaltung von Design-Elementen, Navigation und redaktionellen Inhalten.

Ob bei der barrierefreien Umsetzung Ihrer Website mit WordPress oder WooCommerce, der Optimierung Ihrer Workflows oder der Digitalisierung interner Prozesse – PERIMETRIK® entwickelt maßgeschneiderte Lösungen, die sowohl den Anforderungen an Barrierefreiheit als auch an moderne Nutzerführung und SEO-Performance gerecht werden.

ChatGPT fragen

Gravity Forms ist ein leistungsstarkes WordPress-Plugin zur Erstellung und Verwaltung von Formularen. Diese Anleitung zeigt Ihnen, wie Sie mit Gravity Forms ein Formular erstellen können.

1. Plugin herunterladen:
   • Besuchen Sie die Gravity Forms Website und erwerben Sie eine Lizenz.
   • Laden Sie das Plugin herunter.
2. Plugin installieren:
   • Gehen Sie zu Ihrem WordPress-Dashboard.
   • Navigieren Sie zu Plugins > Installieren.
   • Klicken Sie auf Plugin hochladen und wählen Sie die heruntergeladene ZIP-Datei aus.
   • Klicken Sie auf Jetzt installieren und aktivieren Sie das Plugin.

1. Formular erstellen:
   • Gehen Sie zu Forms im WordPress-Dashboard.
   • Klicken Sie auf Neu hinzufügen.
   • Geben Sie Ihrem Formular einen Titel und eine Beschreibung (optional).
2. Formularfelder hinzufügen:
   • Nach der Erstellung gelangen Sie zum Formular-Editor.
   • Ziehen Sie die gewünschten Felder aus der rechten Sidebar in den Formularbereich.
     • Standardfelder: Einfache Textfelder, Dropdowns, Radiobuttons usw.
     • Erweiterte Felder: Name, Adresse, Telefonnummer usw.
     • Preisfelder: Produkt, Optionen, Versandkosten usw.
3. Felder konfigurieren:
   • Klicken Sie auf ein Feld, um die Einstellungen zu bearbeiten.
     • Feldbeschriftung: Geben Sie einen Namen für das Feld ein.
     • Platzhaltertext: Fügen Sie optionalen Platzhaltertext hinzu.
     • Pflichtfeld: Aktivieren Sie das Kontrollkästchen, wenn das Feld erforderlich ist.
     • Bedingte Logik: Definieren Sie Regeln, um Felder basierend auf Benutzereingaben ein- oder auszublenden.

1. Formulareinstellungen:
   • Gehen Sie zu Formulareinstellungen im oberen Menü des Formular-Editors.
   • Konfigurieren Sie die allgemeinen Einstellungen, z.B. Bestätigungsnachricht, Schaltflächentext, etc.
2. Bestätigungen einrichten:
   • Gehen Sie zu Bestätigungen.
   • Legen Sie fest, was nach dem Absenden des Formulars angezeigt werden soll (Nachricht, Weiterleitung zu einer URL oder Seitenumleitung).
3. Benachrichtigungen einrichten:
   • Gehen Sie zu Benachrichtigungen.
   • Fügen Sie eine neue Benachrichtigung hinzu.
   • Geben Sie die E-Mail-Adresse ein, an die die Benachrichtigung gesendet werden soll.
   • Passen Sie den Nachrichtentext und die Absenderdetails an.

1. Shortcode verwenden:
   • Gehen Sie zu der Seite, dem Beitrag oder dem Layout, auf dem das Formular angezeigt werden soll.
   • Klicken Sie auf das Add Form-Symbol über dem Editor.
   • Wählen Sie Ihr Formular aus der Dropdown-Liste aus und klicken Sie auf Formular einfügen.
2. Gutenberg-Block verwenden:
   • Öffnen Sie den Gutenberg-Editor.
   • Fügen Sie einen neuen Block hinzu und wählen Sie den Gravity Forms-Block.
   • Wählen Sie Ihr Formular aus der Liste aus.

1. Formular testen:
   • Gehen Sie zu der Seite oder dem Beitrag, in dem das Formular eingebettet ist.
   • Füllen Sie das Formular aus und senden Sie es ab, um sicherzustellen, dass es ordnungsgemäß funktioniert.
2. Formular veröffentlichen:
   • Wenn das Formular einwandfrei funktioniert, können Sie die Seite oder den Beitrag veröffentlichen.

• Benutzerfreundlichkeit: Halten Sie Formulare so kurz und einfach wie möglich.
• Sicherheitsmaßnahmen: Verwenden Sie reCAPTCHA, um Spam zu vermeiden.
• DSGVO-Konformität: Stellen Sie sicher, dass Ihre Formulare den Datenschutzbestimmungen entsprechen.
• Bedienungshilfen: Verwenden Sie beschreibende Feldnamen und Platzhaltertexte für bessere Benutzerfreundlichkeit.
• Automatisierung: Nutzen Sie E-Mail-Benachrichtigungen und Integrationen mit CRM-Systemen für effiziente Datenverarbeitung.

Mit Gravity Forms können Sie leistungsstarke und benutzerfreundliche Formulare für Ihre WordPress-Website erstellen. Wenn Sie Unterstützung bei der Implementierung komplexerer Funktionen benötigen, stehen wir Ihnen gerne zur Verfügung. Kontaktieren Sie uns für ein individuelles Angebot.

Die Schlüssel zum Erfolg einer Microsite liegen in der klaren Definition der Ziele und der Zielgruppe. Die Inhalte sollten speziell auf die Bedürfnisse und Interessen dieser Zielgruppe zugeschnitten sein. Technisch sollte die Microsite für alle Gerätetypen optimiert sein, schnelle Ladezeiten bieten und SEO-Best Practices folgen, um eine gute Platzierung in den Suchergebnissen zu erreichen. Regelmäßige Analysen und Anpassungen basierend auf Nutzerfeedback und Performance-Daten helfen, die Microsite kontinuierlich zu verbessern.

Ihre WordPress-Projektdatenbank kann über viele Methoden mit externen Systemen Datenaustauschen und kommunizieren. Ggf. bietet Ihr externes System dafür eine PlugIn-Lösung, die wir nach Ihren Anforderungen konfigurieren können.

Eine weitere, einfache Methode besteht darin, (automatisiert) aus einer Datenquelle (z.B. einem Feed oder einer .csv-Datei) Daten einzulesen. Ebenso könnten Daten als Feed oder als Datei bereitgestellt werden, so dass das externe System darauf zugreifen kann, z.B. per sFTP.

Eine andere Methode besteht darin, Informationen in einer Austausch-Tabelle abzulegen, und diese Informationen dann in die WordPress-Datenbank bzw. die Datenbank des externen Systems. Bei beiden Methoden können jedoch Anweisungen an das jeweils andere System nur eingeschränkt übertragen werden.

Wir empfehlen für den Datenaustausch zwischen Ihrer WordPress Projektdatenbank und Ihren Externen Systemen eine API-Schnittstelle (RestAPI) einzurichten, so dass die beiden Systeme wirklich mit einander kommunizieren können.

Als erfahrene WordPress Entwickler setzt das Team von PERIMETRIK® gerne eine maßgeschneiderte Lösung für Sie um!

Ein Captcha dient dazu, einen Spam-Bot bzw. Computer zu entlarven, der missbräuchlich ein Formular ausfüllt. Dazu stellt das Captcha eine an sich einfache, für einen Bot aber schwer lösbare Aufgabe: z.B. müssen verzerrte Buchstaben und Zahlen erkannt oder ein Bilderrätsel gelöst werden. So können relativ einfach Bots identifiziert und ausgeschlossen werden.