Was ist eine Webvisitenkarte?

Eine Microsite ist im Grunde eine vollständige Website, die sich einem eng abgegrenzten Thema widmet, zum Beispiel einem Produkt aus einem größeren Sortiment. Daher ist der Aufwand für die Erstellung vergleichbar mit jeder regulären Website.

Teils kommen in Mircosites sogar sehr komplexere Tools zum Einsatz, zum Beispiel umfangreiche Anfrage-Formulare oder Fahrzeug- oder andere Produkt-Konfiguratoren. Dementsprechend kann der Preis für eine Microsite stark variieren… beispielweise ab € 399,- für eine kleine Microsite oder € 19.900,- für eine komplexe Microsite mit Konfigurator.

Ein Theme umfasst neben eingen Templates oft auch eine Reihe zusätzlicher Features wie einen eigene Theme-Builder oder zusätzliche Plugins. Mitunter ist bereits FUnktionalität fest in die Templates programmiert. Dies scheint im ersten Moment praktisch, stößt aber schnell an Grenzen.

Wir empfehlen daher, ein WordPress Projekt mit einem professionellen Theme wie Divi neu aufzubauen und benötigte Funktionalität mit ebenfalls professionellen Erweiterungen selbst aufzubauen. So können die benötigten Templates individuell gestaltet und Features passgenau entwickelt werden.

Je nach Komplexität wiederholt sich die o.g. Methode einige Male. Der erste Abstimmungstermin (KickOff) dient dabei dazu, wesentliche Projektziele/Fokus-Themen zu definieren, das erste Arbeitspaket vorzubereiten und einen Projektplan zu erstellen. Typische Fokus-Themen sind z.B.

• Design
• Usability und Customer Journey (Benutzerführung und Klickwege)
• Optimierung für verschiedene Geräte
• U.v.m.

Nach jeder Arbeitsphase präsentieren wir Ihnen den Arbeitsstand und geben Ihnen konkrete Rückmeldungen zur Bearbeitung der Fokus-Themen und den erreichten Projektziele. Dann legen wir gemeinsam die nächsten Aufgaben fest und vereinbaren eine Freigabe für ein Zeitkontingent. So können Sie während der gesamten Bearbeitung das Ergebnis mitgestalten und behalten stets die Budgethoheit.

Die Fokus-Themen werden zunächst im Rahmen von Timeboxes (grob) bearbeitet und dann im Rahmen von Sprints vertieft und gelöst. Zur Erläuterung:

• In Timeboxes liegt der Schwerpunkt auf den Kosten. Wir bearbeiten so viele Aufgaben, wie im Rahmen der freigegebenen Zeit möglich, und beenden die Bearbeitung, wenn die freigegebene Zeit erreicht ist. Timeboxes haben i.d.R. einen Umfang von ca. 2 bis 10 Personentagen.
• In Sprints liegt der Schwerpunkt auf der Bearbeitungstiefe. Wir konzentrieren uns auf ein Fokus-Thema und kümmern und verstärkt um die Details. Die Freigabe für Sprints stellt einen „atmenden Deckel“ dar (Schätzung ± 25%). Sprints haben i.d.R. einen Umfang von 1 bis 3 Personentagen.

Mehr über die Die Agile Arbeitsweise von PERIMETRIK®

Viele Unternehmen und Organisationen setzen WordPress auch für umfangreiche Websites ein. Alle haben sich diese Frage gestellt und sich dann für WordPress entschieden!

Wir haben auf Basis von WordPress diverse Projekte umgesetzt, die zuvor mit anderen Systemen wie TYPO3 oder Weblication erstellt waren und haben stets eine Verbesserung der Usability sowie der Auffindbarkeit erreicht. Und keiner unserer Kunden wollte bisher zum alten System zurück!

Um den Website-Aufbau zu erleichtern und nicht bei Null beginnen zu müssen, bieten wir folgende Basis-Pakete mir WordPress an:

Unser WordPress Website Paket PERIMETRIK® Essentials ONE bildet die perfekte Basis für Webvisitenkarten, Onepager und kleine Websites. Es enthält neben der Startseite außerdem die Seiten “Team”, “Kontakt” sowie ein News-Archiv. Wie alle unsere Pakete umfasst Essentails ONE den WordPress-Beitragstyp “Beiträge”, der sich optimal zur Veröffentlichung von Neuigkeiten auf der Website eignet. Auch alle Seiten zum Thema Rechtliches (Impressum, Datenschutz usw.) sowie ein DSGVO-konformer Cookie-Hinweis sind in Essentials ONE bereits enthalten.

PERIMETRIK® Essentials TWO beinhaltet neben einer WordPress-Website auch einen integrierten WooCommerce Shop und eignet sich somit optimal für die Erstellung von Online-Shops. Neben einer ansprechenden Startseite mit Produktvorschau und internen Verlinkungen zum Shop, verfügt ESSENTIALS TWO über SEO-relvante Archiv-Seiten (Landing Pages) für alle Produkt-Kategorien, informative Detailseiten zu allen Produkten, einem benutzerfreundlichen Warenkorbsystem und einem komfortablen Checkout-Bereich.

PERIMETRIK® Essentials THREE bildet aufgrund weiterer (dynamischer) Inhaltstypen die professionelle Basis für umfangreiche Unternehmens-Website. Zusätzlich zu den Seiten, die in Essentials ONE vorhanden sind, verfügt Essentials THREE auch über die Custom Post Types “Referenzen” und “Leistungen” sowie über die Taxonomien “Orte” und “Themen” Auf Basis dieser Inhaltsarten lassen sich für jede Unternehmens-Website in kurzer Zeit zahlreiche rankingfähige Landing Pages zu relevanten Suchbegriffen der Branche erstellen.

Mit Breadcrumbs – zu Deutsch “Brotkrumen” – können die Klickpfade des Users auf einer Website visualisiert werden, so dass der User entlang der Bread Crumbs seinen Weg zurück nehmen kann. Bread Crumbs kann aber auch die URL-Struktur einer Website abgebildet werden. In WordPress ist dies häufig “Art des Inhalts”/”Bezeichnung”, z.B. /produkte/produkt-01 Auch hier kann der User zur Orientierung einfach auf die nächst höhere Navigationsebene gelangen.

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

• Semantische Struktur: Moderne Websites sollten semantische HTML-Elemente verwenden, damit Assistenztechnologien (z. B. Screenreader) die Struktur der Seite korrekt erkennen und wiedergeben können. Dies hilft vor allem Menschen mit Sehbehinderungen, die Inhalte besser zu navigieren.
• Barrierefreiheit und Usability: Inhalte, die nicht in logische Bereiche gegliedert sind, könnten für Menschen, die auf Tastatur-Navigation oder Screenreader angewiesen sind, schwer zugänglich sein. Solche Nutzer verlassen sich auf die semantische Struktur, um durch eine Seite zu navigieren und Inhalte schnell zu finden.
• Webstandards: Bestimmte Webstandards, wie die WCAG (Web Content Accessibility Guidelines), fordern eine klare und logische Strukturierung von Webseiteninhalten, um die Barrierefreiheit zu gewährleisten.
• SEO: Suchmaschinen berücksichtigen auch, ob Websites den (aktuellen) Anforderungen der User entsprechen und bewerten dies positiv.
• Gesetzliche Verpflichtung: Mit Inkrafttreten des “Barrierefreiheitsstärkungsgesetzes” werden Website-Betreiber in Deutschland (und der EU, es gilt der European Accessibility Act (kurz: EAA) dazu verpflichtet, ihre Website barrierefrei zu gestalten.

• Statt Inhalte lose in <div>-Containern oder ohne klare Gliederung abzulegen, sollte man sie in semantischen Elementen wie <main>, <header>, <article>, <section>, oder <footer> strukturieren.

Wenn also bei der Überprüfung einer Website auf Barrierefreiheit der Hinweis “Inhalt nicht in Seitenregion enthalten” angezeigt wird, bedeutet das, dass Sie überprüfen sollten, ob der Inhalt in einer passenden Seitenregion untergebracht werden kann, um die Barrierefreiheit der Website zu verbessern.

Seitenregionen sind strukturelle Elemente einer Webseite, die dazu dienen, Inhalte logisch und benutzerfreundlich anzuordnen. Hier sind die häufigsten Seitenregionen:

1. Header (Kopfzeile): Dies ist der obere Teil einer Webseite und enthält in der Regel das Logo, die Hauptnavigation und oft auch Kontaktdaten oder Suchfunktionen.
2. Footer (Fußzeile): Der untere Bereich der Seite bietet Platz für Zusatzinformationen wie Impressum, Datenschutzerklärung, Sitemap und manchmal auch Kontaktinformationen oder soziale Medien-Links.
3. Main (Hauptbereich): Dies ist der zentrale Teil einer Webseite, in dem der wichtigste Inhalt präsentiert wird. Hier finden Besucher die wesentlichen Informationen, die sie suchen.
4. Sidebar (Seitenleiste): Eine Seitenleiste kann links oder rechts vom Hauptinhalt angeordnet sein und bietet Platz für zusätzliche Informationen, Links, Werbung oder andere Elemente.
5. Navigation (Navigationsbereich): Oft im Header integriert, kann die Navigation auch als eigenständige Region betrachtet werden, insbesondere bei komplexen Websites mit umfangreichen Menüs.
6. Aside (Randbereich): Dieser Bereich wird für Inhalte genutzt, die nicht unmittelbar zum Hauptinhalt gehören, wie z.B. verwandte Artikel, Werbung oder zusätzliche Links.

Diese Regionen helfen dabei, eine Website benutzerfreundlich und ästhetisch ansprechend zu gestalten. Sie ermöglichen es den Besuchern, schnell und intuitiv durch die Website zu navigieren und relevante Informationen effizient zu finden.

Länderspezifische Landing Pages sind Webseiten, die so konfiguriert sind, dass sie Inhalte automatisch an die spezifischen Bedürfnisse und Anforderungen der Besucher aus verschiedenen Ländern oder Regionen anpassen. Diese Seiten können automatisch basierend auf der IP-Adresse des Besuchers oder durch manuelle Auswahl des Nutzers angepasst werden, um relevante Informationen wie lokale Kontaktinformationen, Angebote, Veranstaltungen und mehr zu präsentieren.