Das Barrierefreiheitsstärkungsgesetz (kurz: BFSG) verpflichtet viele Unternehmen dazu, ihre digitalen Angebote barrierefrei zu gestalten. Klingt erstmal bürokratisch – ist aber vor allem eine große Chance. Für mehr Nutzerfreundlichkeit. Für mehr Reichweite. Und ja, auch fürs Google-Ranking.
Doch was genau bedeutet das eigentlich? Und was müssen Website- und Shop-Betreiber jetzt tun?

Was steckt hinter dem Barrierefreiheitsstärkungsgesetz?

Das BFSG setzt die EU-Richtlinie über die Barrierefreiheitsanforderungen für Produkte und Dienstleistungen (European Accessibility Act) in deutsches Recht um. Ziel ist es, digitale Hürden abzubauen – insbesondere für Menschen mit Behinderungen.

Konkret betrifft das Gesetz ab 2025 unter anderem:

• Websites und mobile Anwendungen
• Online-Shops
• E-Books
• Self-Service-Terminals (z. B. Fahrkartenautomaten)

Betroffen sind alle Unternehmen, die digitale Dienstleistungen für Endverbraucher*innen anbieten – mit Ausnahmen für Kleinstunternehmen (weniger als 10 Mitarbeitende und weniger als 2 Mio. Euro Jahresumsatz). Hier den Test durchführen, ob Sie vom Barrierefreiheitsstärkungsgesetz betroffen sind.

Was bedeutet das konkret für deine Website oder deinen Shop?

Barrierefreiheit im Web ist kein „Nice-to-have“ mehr, sondern Pflicht. Die Anforderungen orientieren sich an den Web Content Accessibility Guidelines (WCAG) 2.1, genauer gesagt: dem Level AA.

Die wichtigsten Kriterien auf einen Blick:

• Kontraste & Lesbarkeit: Texte müssen gut lesbar sein, Farben kontrastreich genug.
• Tastaturbedienbarkeit: Alle Funktionen sollten ohne Maus nutzbar sein.
• Alternativtexte: Bilder brauchen beschreibende Texte („Alt-Tags“).
• Struktur & Überschriften: Inhalte müssen logisch und semantisch korrekt aufgebaut sein.
• Formulare: Müssen verständlich und korrekt beschriftet sein.
• Fehlermeldungen: Müssen klar und hilfreich sein – nicht nur rot und kryptisch.

Und: Auch PDFs oder eingebundene Videos müssen barrierefrei gestaltet sein.

Wie finde ich heraus, ob meine Seite barrierefrei ist?

Keine Sorge – du musst nicht alles von Hand prüfen. Es gibt praktische Tools, die dir erste Hinweise geben:

• Unser kostenloser Barrierefreiheits-Quickcheck: Direkt hier im Beitrag testen, wie barrierefrei deine Website ist.
• WAVE (Web Accessibility Evaluation Tool): Kostenloses Browser-Tool zur Schnellprüfung.
• axe DevTools (Browser-Erweiterung)
• Google Lighthouse (Browser Erweiterung)

Aber Achtung: Diese Tools zeigen vor allem technische Auffälligkeiten. Eine fundierte Prüfung erfordert zusätzlich Erfahrung, insbesondere bei Themen wie verständlicher Sprache oder logischem Seitenaufbau.

Was passiert bei Verstößen?

Ab 2025 können Verstöße von staatlicher Seite geahndet werden – inklusive Bußgeldern. Zudem steigt das Risiko von Abmahnungen. Viel gravierender: Du schließt potenzielle Nutzer*innen aktiv aus. Und das in einer Zeit, in der Barrierefreiheit längst Standard sein sollte.

Fazit: Barrierefreiheit ist kein Stolperstein – sondern eine Investition

Barrierefreie Websites sind zugänglicher, nutzerfreundlicher und oft auch performanter. Und mal ehrlich: Wer möchte schon, dass potenzielle Kund*innen an einem schlecht bedienbaren Formular scheitern?

Wenn du dir nicht sicher bist, ob dein Webauftritt den Anforderungen entspricht – sprich uns gerne an.
Lust auf einen Check oder ein gemeinsames Projekt? Melde dich einfach.

Barrierefreiheit prüfen: Schnelltest für deine Website

[a11y_quickcheck]

The post Gesetz zur Barrierefreiheit: Was Website- und Webshop-Betreiber jetzt wissen müssen appeared first on Webdevelopment, E-Commerce & Onlinemarketing | wsfischer.

In der Welt des Internets dreht sich alles um Information und Benutzerfreundlichkeit. Eine effektive Möglichkeit, um den Bedürfnissen der Benutzer gerecht zu werden, Informationen leicht zugänglich zu machen und gleichzeitig die eigene Fachkompetenz zu demonstrieren, ist die Integration von FAQs (Häufig gestellte Fragen) auf der Website.
 

Warum sind FAQs so wichtig?

1. Kundenorientierung: Der offensichtlichste Grund für die Integration auf der Website ist die Kundenorientierung. FAQs bieten Benutzern eine schnelle Möglichkeit, Antworten auf ihre Fragen zu finden, ohne den Kundensupport oder einen Mitarbeiter kontaktieren zu müssen. Dies verbessert die Benutzererfahrung erheblich und erhöht die Zufriedenheit der Kunden.
2. Demonstration von Fachwissen: FAQs sind nicht nur dazu da, Fragen zu beantworten, sondern auch dazu, Fachwissen und Kompetenz in der Branche zu zeigen. Indem relevante und informative Antworten auf häufig gestellte Fragen bereitgestellt werden, zeigt man potenziellen Kunden, dass man sich mit dem Thema auskennt und bei ihren Anliegen helfen kann.
3. Vertrauensbildung: Durch die Bereitstellung umfassender und präziser Antworten in den FAQs baut man Vertrauen bei den Website-Besuchern auf. Vertrauen ist ein Schlüsselfaktor, wenn aus Website-Besuchern neue Kunden werden sollen.

FAQs für die Suchmaschinenoptimierung (SEO)

FAQs können auch SEO-Maßnahmen erheblich unterstützen. Suchmaschinen wie Google bevorzugen Websites, die qualitativ hochwertigen, relevanten Inhalt bieten. Hier ist, wie FAQs dazu beitragen können:

1. Keyword-Optimierung: Bei der Erstellung der FAQs können relevante Keywords und Phrasen verwendet werden. Dies hilft Suchmaschinen, die Website besser zu verstehen und sie für relevante Suchanfragen höher zu platzieren.
2. Content-Diversifizierung: FAQs ermöglichen es, den Inhalt zu diversifizieren. Statt sich nur auf Blog-Artikel oder Produktseiten zu konzentrieren, kann man in den Fragen und Antworten auf eine breitere Palette von Themen eingehen. Dies verbessert die Sichtbarkeit der Website in den Suchergebnissen.
3. Verlinkungsmöglichkeiten: Sie können in den FAQs auf andere relevante Seiten der Website verlinken. Dies fördert eine interne Verlinkungsstruktur, die Suchmaschinen mögen, und kann dazu beitragen, den Traffic auf den anderen Webseiten zu steigern.

 

Screenshot von FAQ Snippets in der Google Suche
 

Für welche Websites wir FAQs empfehlen?

FAQs können auf jeder Website integriert werden. Als besonders empfehlenswert sehen wir sie für folgende Arten von Website:

• Webshops und E-Commerce-Websites: In Online-Shops können FAQs häufig gestellte Fragen zu Produkten, Lieferung, Zahlungsoptionen und Rückgaberecht beantworten. Dies hilft, potenzielle Kunden zu überzeugen und den Kaufprozess reibungsloser zu gestalten.
• Service- und Dienstleistungsseiten: Unternehmen, die Dienstleistungen anbieten, können FAQs nutzen, um ihre Serviceangebote zu erläutern, Preise zu klären und Kundenanfragen im Voraus zu beantworten. Dies spart Zeit und verbessert die Kundenzufriedenheit.
• Technologie- und Software-Unternehmen: FAQs sind ideal, um technische Fragen zu beantworten, die oft in der IT-Branche auftreten. Software-Unternehmen können FAQs verwenden, um Installationsanleitungen, Fehlerbehebung und Funktionsdetails bereitzustellen.
• Bildungseinrichtungen: Schulen, Universitäten und Online-Lernplattformen können FAQs verwenden, um Schülern, Eltern und Lehrern Informationen zu Kursen, Anmeldeverfahren und Lehrplänen zur Verfügung zu stellen.
• Gesundheits- und Medizin-Websites: Websites im Gesundheitswesen können FAQs verwenden, um Fragen zu Symptomen, Behandlungen und Gesundheitsvorsorge zu beantworten. Dies kann eine vertrauenswürdige Informationsquelle für Patienten sein.

Die richtigen Fragen finden

Die Wahl der richtigen Fragen für die FAQs ist entscheidend. Hier sind einige Tipps für die Recherche und Zusammenstellung:

• Keyword-Analyse: Führen Sie eine gründliche Keyword-Analyse durch, um herauszufinden, welche Fragen und Themen in Ihrer Branche am relevantesten sind. Verwenden Sie Tools wie Google Keyword Planner oder Google Suggest, um beliebte Suchanfragen zu identifizieren.
• Blick auf die Konkurrenz: Schauen Sie sich die FAQs Ihrer Wettbewerber an. Dies kann Ihnen helfen, eine Vorstellung davon zu bekommen, welche Fragen in Ihrer Branche häufig gestellt werden.
• Kundenfeedback: Hören Sie auf das Feedback Ihrer Kunden. Welche Fragen stellen sie häufig? Dies kann Ihnen wertvolle Einblicke geben, welche Informationen Ihre Website bieten sollte.

Die richtige Integration mit Structured Data

Strukturierte Daten sind ein wichtiges SEO-Tool, das Suchmaschinen wie Google dabei hilft, den Inhalt der Website besser zu verstehen und ihn in den Suchergebnissen darzustellen. Damit Google die FAQs auf der Website als solche erkennt, ist es wichtig, diese mithilfe von Structured Data zu integrieren:

1. Verstehen der FAQPage-Markup: Google unterstützt ein spezielles Markup für FAQ-Seiten vom Typ "FAQPage." Dieses Markup hilft Suchmaschinen, Fragen und Antworten auf der Website zu identifizieren und anzuzeigen.
2. Implementieren der strukturierten Daten: Die notwendigen strukturierten Daten müssen in den HTML-Code der FAQ-Seiten einfügt werden. Dies kann mithilfe von JSON-LD (JavaScript Object Notation for Linked Data), Microdata oder RDFa geschehen.
3. Kennzeichnen der Fragen und Antworten: Das "Question" und "Answer" Markup muss verwendet werden, um Fragen und Antworten klar zu kennzeichnen. Jede Frage und die dazugehörige Antwort sollten in einem eigenen Markup-Paar verpackt sein.
4. Testen der Implementierung: Mithilfe des Testtools von Google wird sichergestellt, dass die Markup-Implementierung korrekt ist und von Google erkannt wird.
5. Übermitteln der Website an Google: Die Website wird bei der Google Search Console angemeldet und die Sitemap übermittelt, um sicherzustellen, dass Google die Änderungen erkennt und die Seiten indiziert.

 

Screenshot eines Beispiel-Codes zur Integration der FAQs
 
Die Verwendung von Strukturierten Daten kann dazu beitragen, dass die FAQ-Seiten in den Suchergebnissen von Google als Rich Snippets angezeigt werden, was die Sichtbarkeit und Klickrate der Website verbessert. Für einige CMS gibt es mittlerweile auch Plugins, um die Strukturierten Daten zu hinterlegen. Nach einmaliger Einrichtung ist die Pflege auch ohne technische Kenntnisse möglich.
 
Insgesamt sind FAQs eine win-win-Situation für die Website. KI-Tools wie ChatGPT können bei der Erstellung behilflich sein. Es ist wichtig, dass die FAQs regelmäßig aktualisiert werden, um sicherzustellen, dass sie immer aktuell und relevant sind.
Falls Sie FAQs in Ihre Website integrieren wollen und Unterstützung benötigen, melden Sie sich gerne bei uns.

The post Die Macht der FAQs appeared first on Webdevelopment, E-Commerce & Onlinemarketing | wsfischer.

Ob Microsoft, Apple oder Google – mittlerweile bieten alle großen Hersteller einen Dark Mode in ihrem Betriebssystem an. Diese Einstellung funktioniert sowohl auf dem Computer als auch auf Smartphone und Tablet. Apps wie Facebook, Telegram oder WhatsApp sind ebenfalls im Dunkelmodus nutzbar. Doch welche Vorteile hat der Dark Mode und wie lässt er sich in das moderne Webdesign integrieren?

Was ist der Dark Mode?

Android und iOS wie auch die meisten Apps und PC-Programme haben im Zuge der neuesten Updates und Versionen den Dark Mode ins System integriert. Mit diesem können die Anwender vom hellen in ein abgedunkeltes Design beim Bildschirm wechseln. Die Farben werden dabei umgekehrt, sodass alles Helle nun dunkel und alles Dunkle nun hell erscheint.

Einfach gesagt: Aktiviert der Nutzer bei seinem Smartphone oder Laptop den Dark Mode, erscheint der Hintergrund von systemeigenen Apps dunkel – und die Schrift ist weiß. Auch der Browser wechselt in das abgedunkelte Design, systemfremde Apps muss der User jedoch separat umstellen. Die meisten Websites werden ebenfalls nicht automatisch angepasst. In diesem Fall sieht der Nutzer eine Mischung aus heller Website und dunklem Menü.

Warum sollte man den Dark Mode nutzen?

Der Dark Mode wird immer beliebter – und das aus verschiedenen Gründen:

Angenehmer für die Augen: Zwar ist ein positiver Effekt auf die Sehfähigkeit nicht medizinisch belegt, allerdings ist der dunkle Modus vor allem abends und in dunklen Räumen weitaus angenehmer für die Augen als der grell weiße Bildschirm. Die dunkle Darstellung blendet weniger und eignet sich daher vor allem beim abendlichen Entspannen auf der Couch, für die Navigation bei nächtlichen Autofahrten oder bei langen Arbeitsphasen am PC in dunklen Räumen.

Accessibility und Barrierefreiheit: Websites werden für Menschen gemacht. Deswegen ist es wichtig, auch Personen mit einem Handicap ein einfaches Lesen zu ermöglichen, beispielsweise durch Schriftgrößen und höhere Kontraste. Diese Barrierefreiheit ist dank des „Kontrast-Modus“ möglich, der ähnlich funktioniert wie der Dark Mode. Nur hat der verdunkelte Modus den Vorteil, dass man ihn nicht vorher aktivieren muss, wie es beispielsweise beim Kontrast-Modus notwendig ist. Stattdessen lässt sich dank Funktionen in JavaScript oder Media Queries in CSS erkennen, ob der Nutzer bereits den Dark Mode auf seinem Gerät installiert hat.

Die Ästhetik: Viele Nutzer steigen derzeit auf das Farbschema des Dark Mode um, da es oftmals cleaner und zurückhaltender wirkt. Zudem lassen sich zahlreiche Inhalte durch den dunklen Modus eleganter darstellen, wodurch sich Websites von anderen abheben können. Dies liegt nicht zuletzt daran, da die Farben in dieser Einstellung kräftiger und leuchtender erscheinen, da der schwarze Hintergrund nicht die Aufmerksamkeit auf sich zieht, wie es zum Beispiel bei der Helligkeit des Light Modus der Fall ist.

Schont den Akku: Dark Mode gleich weniger Stromverbrauch? Nicht unbedingt. Nur bei einem OLED-Display, bei dem jedes Pixel einzeln leuchtet, spart das Gerät im Dunkelmodus Strom. Das Ergebnis: der Akku hält länger. Die meisten Smartphones sind jedoch mit einem LCD-Bildschirm ausgestattet, der weitaus günstiger ist als die OLED-Variante. Und beim LCD wird das gesamte Display beleuchtet, egal ob Light oder Dark Mode – sprich: es gibt keine Akku-Vorteile durch den dunklen Modus.

Der Dark Mode im modernen Webdesign

Ob macOS, Microsoft Windows oder Google Chrome – der Dark Mode schafft Abwechslung, bietet Barrierefreiheit, schont die Augen und verlängert bei ausgewählten Geräten die Akkulaufzeit. Eine Webseite, die automatisch zwischen Light und Dark Modus wechselt, trifft daher den Zahn der Zeit und weckt zudem die Neugier bei den Besuchern.

Dabei lässt sich der dunkle Hintergrund ganz einfach in die Website integrieren, beispielsweise mit CSS-Variablen. Mit einem Button hat der Nutzer so die Möglichkeit, vom Light zum Dark Modus zu wechseln. Zudem kann das System automatisch die Präferenzen des Besuchers berücksichtigen, sodass bei Seiten, die den Dunkelmodus unterstützen, dieser immer aktiviert wird.

Gerne unterstützen wir Sie dabei, den Dark Modus auch bei Ihrer Website zu integrieren.

The post Dark Mode: Der Dunkelmodus für den Bildschirm appeared first on Webdevelopment, E-Commerce & Onlinemarketing | wsfischer.

Die Bundesregierung verlängert die Überbrückungshilfen für kleine und mittelständische Unternehmen. So sollen die Umsatzeinbrüche, die durch die Corona-Pandemie entstanden sind, eingedämmt werden. Gut zu wissen: Die Überbrückungshilfe III lässt sich auch für Digitalisierungsprojekte einsetzen. Alle Infos und wichtige Webadressen im Überblick.

Erstattung von E-Commerce Dienstleistungen durch die Überbrückungshilfe III

Kleine und mittelständische Unternehmen, Soloselbstständige und auch Freiberufler: Sie alle können die Überbrückungshilfen des Bundes in Anspruch nehmen, um Umsatzeinbußen durch Corona abzufedern. Bislang konnten Selbstständige die Hilfen ausschließlich für Fixkosten einsetzen. So zum Beispiel Leasing- und Personalkosten und Miete.

Bei der Überbrückungshilfe III wurde nachgebessert: Digitalisierungsprojekte und Investitionen in E-Commerce-Dienstleistungen gelten mittlerweile ebenfalls als erstattungs- und förderfähig. Investiert ein Unternehmen in die Digitalisierung des Betriebs – zum Beispiel durch einen Onlineshop oder den Beitritt zu Verkaufsplattformen wie Amazon – ist dies einmalig mit bis zu 20.000 Euro förderfähig. Auch Marketing- und Werbekosten werden erstattet. Allerdings nur bis zu dem Betrag, der auch im Jahr 2019 für Marketing ausgegeben wurde.

Alle wichtigen Details rund um die Überbrückungshilfe III auf einen Blick

Wer hat Anspruch auf Überbrückungshilfe III?
Ein Anspruch auf Förderung besteht für Unternehmen, Freiberufler und Soloselbstständige im Haupterwerb, deren Jahresumsatz 750 Millionen Euro nicht überschreitet. Zudem ist der Sitz oder die Betriebsstätte im Inland Pflicht.

Wann kann ich Überbrückungshilfe III beantragen?
Nur, wenn in einem Monat ein Umsatzeinbruch von mindestens 30 % im Vergleich zum Jahr 2019 vorliegt. Betriebe, die die Förderung beantragen, müssen nicht zwingend von den Lockdown-Schließungen betroffen sein.

Kann es sein, dass ich die Förderung zurückbezahlen muss?
Das kann passieren, insbesondere, wenn sich die Umsatzeinbußen nicht im oben genannten Bereich von 30 Prozent liegen.

Wo bekomme ich weitere Informationen?
Weiterführende Informationen hält die offizielle Antragsplattform bereit.

Digitalisierung fördern: Digitalbonus Bayern

Bayerische Unternehmen haben außerdem die Chance, den Digitalbonus Bayern als Förderung für Digitalprojekte zu nutzen. Dazu zählen Maßnahmen zur Verbesserung von Produkten, Dienstleistungen und Prozessen als auch die Erhöhung der IT-Sicherheit. Gut zu wissen ist hier, dass Förderungen nur für Projekte beantragt werden können, deren Umsetzung noch nicht an den Start ging.

Weitere Informationen unter https://www.digitalbonus.bayern/.

The post Förderung für Digitalisierung: Überbrückungshilfe III und Digitalbonus Bayern appeared first on Webdevelopment, E-Commerce & Onlinemarketing | wsfischer.

Zahlreiche Unternehmen machen es vor: Nachhaltigkeit lässt sich ohne großen Aufwand in den Arbeitsalltag integrieren. Nicht nur Green Hardware trägt dazu bei. Teil 2 unserer Serie „Nachhaltigkeit und IT“ nimmt Software und Webdesign in den Fokus.

Surfen bedeutet Stromverbrauch

Wer regelmäßig im Web surft, verbraucht Strom. Allein 2017 belief sich der Energieverbrauch der Server und Rechenzentren in Deutschland auf 13,2 Milliarden kWh Strom – ungefähr so viel, wie die Stadt Berlin innerhalb eines Jahres verbraucht. Egal ob Desktop-PC, Notebook, Tablet oder Smartphone – sie alle funktionieren nur, wenn genügend Energie zur Verfügung steht. Doch das Ganze lässt sich noch weiter denken. Denn: Websites laufen nur, wenn sie gehostet werden. Auch dafür ist Energie notwendig. Jegliche Art von Datentransfer hat also einen Einfluss auf die individuelle Umweltbilanz. Ein guter Grund, in Sachen Nachhaltigkeit bereits beim (Web-)Design anzusetzen.

Doch was heißt das nun? Verbrauchen Websites zum Laden nur ein geringes Datenvolumen, wirkt sich das positiv auf die Ökobilanz aus. Eine Sache, die man bereits beim Konzipieren einer Seite beachten sollte. Und auch hier lohnt es sich, noch weiter ins Thema einzusteigen. Weist eine Website eine gute Usability auf, kommt der Nutzer schnell zum Ziel – und vermeidet unnötiges Hin- und Herspringen auf der Seite. Das spart aufs Neue Datenvolumen ein.

Generell erweist sich die einfache und intuitive Handhabung einer Seite oder eines Programms als effektiver Nachhaltigkeitsgarant. Kommt der User schnell und auf direktem Weg zur gewünschten Information der Seite, lässt sich der Strom- und Datenverbrauch massiv reduzieren. Das bedeutet für die Praxis: Eine einfache und durchdachte Struktur sowie die auf das Wesentliche reduzierten Seiten haben gleich mehrere positive Effekte!

Zusammenfassend kann mit folgenden Handlungsanweisungen für Nachhaltigkeit im Netz gesorgt werden:

1. Sorgen Sie für eine gute Usability Ihrer Website, um unnötigen Datenverkehr zu vermeiden.
2. Durch Bildoptimierungen können große Datenmengen eingespart werden.
3. Greifen Sie auf  sogennante "grüne Hoster" zurück, wie z.B. Greensta, deren Server mit 100% Ökostrom betrieben werden.

The post Nachhaltigkeit und IT: Teil 2 – Webdesign appeared first on Webdevelopment, E-Commerce & Onlinemarketing | wsfischer.

In Zeiten der Digitalisierung ist die Website eines Unternehmens nicht nur eine virtuelle Visitenkarte. Für viele Unternehmen ist der eigene Internetauftritt mittlerweile zur Existenzgrundlage geworden. Umso wichtiger ist es, auf ein Content Management System (kurz: CMS) zu setzen, das gut performt und stabil läuft. Die in Deutschland am häufigsten verwendeten sind WordPress und TYPO3. Auf welche Features es ankommt, die wichtigsten Unterschiede und Gemeinsamkeiten finden Sie hier im Überblick.

Was ist ein Content Management System?

Über ein Content Management System (CMS) ist es möglich, Inhalte gemeinschaftlich zu erstellen, zu bearbeiten und zu organisieren. Solche Inhalte sind nicht nur Website-Texte, sondern auch Blogbeiträge oder Multimedia-Dateien, beispielsweise Videos oder Bilder.
CMS dienen dazu, Websites zu betreiben und Inhalte zu strukturieren. In vielen Fällen werden sogenannte Open Source Systeme verwendet. Zu den Beliebtesten zählen WordPress und TYPO3. Doch was unterscheidet die CMS voneinander und welches Content Management System ist für welchen Anwendungsfall besonders gut geeignet?

WordPress – CMS für Blogs und kleinere Websites

Seinen Ursprung hat WordPress (kurz: WP) als CMS für Blogs. Aufgrund umfassender Weiterentwicklungen und vieler Erweiterungsoptionen lassen sich mittlerweile auch ganze Websites mit WordPress bauen. Somit hat das CMS längst den Blogcharakter hinter sich gelassen.
Doch was sind die konkreten Vorteile von WordPress?

• Einfache Bedienbarkeit: Das CMS ist intuitiv zu bedienen und lässt sich daher auch von Laien gut pflegen und organisieren. Aufgrund der einfachen Handhabung können viele Content-Pflegeaufgaben inhouse übernommen werden.
• Preiswerte Ersteinrichtung: Kleinere Seiten und schlichte Designs können in kurzer Zeit zur Verfügung gestellt werden.
• Erweiterungen: Für WordPress gibt es mittlerweile eine umfassende Auswahl an bestehenden Erweiterungen, die sich einfach integrieren lassen.

Doch neben diesen Stärken weist das CMS auch einige Schwächen auf. Wer viel Wert auf Individualisierbarkeit legt, stößt bei WP schnell an seine Grenzen. Zwar ist die Auswahl vorgefertigter Erweiterungen nahezu unzählbar. Wirklich einzigartige Lösungen sind jedoch nur mit hohem Aufwand umsetzbar. Gleichzeitig bergen viele Erweiterungen auch Sicherheitslücken, die mitunter Hacker-Angriffe nach sich ziehen können. Eine Anwendungsfirewall und automatisierte Backups sollten unbedingt durchgeführt werden.

TYPO3 – perfekt für umfassende und mehrsprachige Webseiten

Das Content Management TYPO3 gibt es bereits seit über 10 Jahren. TYPO3 wird sehr stark lokal, im deutschsprachigem Raum genutzt. Der Kern des CMS basiert auf der Skriptsprache PHP, die Ausgabe im Webbrowser erfolgt mit HTML und JavaScript. TYPO3 ist wesentlich komplexer aufgebaut als WordPress.
Das bedeutet auch: Die Programmierung von TYPO3 ist deutlich aufwendiger als die anderer CMS und erfordert aufgrund ihrer Komplexität Fachkenntnisse. Das ist nicht immer günstig, geht aber mit einigen Vorteilen einher.

• Individualisierbarkeit: So zeichnet sich TYPO3 durch seine hohe Individualisierbarkeit aus. Externe Shopsysteme und ERP Anwendungen können über die Schnittstelle eingebunden werden. Auch lässt sich das CMS an spezifische Anforderungen anpassen.
• Robustheit: Große Datenlasten sind in TYPO3 deutlich störungsfreier verarbeitbar als in anderen CMS, weshalb vor allem umfassende oder mehrsprachige Websites mit TYPO3 realisiert werden.
• Sicherheit und Langzeitsupport: TYPO3 wird gemeinhin als sehr sicher eingestuft, da das Thema Sicherheit von Anfang an ein wichtiger Aspekt war und das System nicht weltweit, sondern hauptsächlich in Deutschland, verwendet wird. Zusätzlich wird ein "Long-Term-Support" angeboten. Dadurch kann garantiert werden, dass eine Version für einen längeren Zeitraum regelmäßige Aktualisierungen erhält.

Fazit: Welches CMS ist das beste?

Wie so oft lässt sich die Frage nach der einen besten Lösung nicht pauschal beantworten. So kommt es doch immer auf die individuellen Voraussetzungen an. Wer Content auf einfacheren Websites verwalten möchte, kommt mit WordPress sehr weit. Zahlreiche Erweiterungsmöglichkeiten und die einfache Handhabung machen WP zu einem beliebten und vielgenutzten System.
TYPO3 hingegen eignet sich besonders für komplexe Projekte. Aufgrund der hochgradigen Individualisierbarkeit des Content Management Systems, ist es vor allem bei größeren Firmen mit individuellen (Sicherheits-)Anforderungen beliebt. Das initiale Setup und die technische Pflege bedürfen jedoch fachlicher Expertise, was die Umsetzung preisintensiver gestaltet.
Neben den zwei meist genutzten CMS gibt es zahlreiche Alternativen, die per se nicht minderwertig sind. Dazu zählen unter anderem: Contao, NEOS, Joomla, Drupal, Redaxo und viele mehr. Der Wechsel eines CMS im Nachhinein entspricht einer umfassenden Neugestaltung der Website. Nehmen Sie sich daher ausreichend Zeit, um die verschiedenen Systeme und deren Vor- und Nachteile kennen zu lernen und treffen Sie eine Auswahl anhand Ihrer spezifischen Bedürfnisse.

The post WordPress vs. TYPO3 – Unterschiede und Gemeinsamkeiten der CMS-Systeme appeared first on Webdevelopment, E-Commerce & Onlinemarketing | wsfischer.

Den Begriff „Barrierefreiheit“ ist vor allem im Kontext von Architektur
und Raumgestaltung bekannt. Ein barrierefreier Zugang ermöglicht allen Menschen
den Zutritt zu einem Gebäude – ob sie nun körperlich eingeschränkt sind oder
nicht. Doch hinter Barrierefreiheit steckt wesentlich mehr: nämlich die
uneingeschränkte Nutzungschance aller Lebensbereiche. Dazu zählen auch das
Internet und die Informationstechnologie. Lesen Sie hier, was barrierefreie Webentwicklung
ausmacht und wieso sie so relevant ist.

Barrierefreiheit im Internet: Was ist das überhaupt?

Barrierefreiheit verknüpfen viele Menschen noch immer mit
dem Bild einer Rollstuhlrampe oder eines Aufzugs anstatt von Treppen. Aber
bauliche Veränderungen sind nicht die einzige Möglichkeit, um die uneingeschränkte
Teilhabe aller Menschen am Alltag zu gewährleisten.

Barrierefreiheit betrifft nicht nur das kulturelle und
politische Leben, sie erstreckt sich auch in die Arbeitswelt und ebenso in die Freizeit
– und gerade hier nimmt die digitale Barrierefreiheit eine wesentliche Stellung
ein. Doch was bedeutet es, in einem barrierefreien Internet surfen zu können?

Barrierefreiheit im Internet hat das Ziel, allen Menschen
Zugang am digitalen Geschehen zu ermöglichen. Dazu zählen unter anderem:

• Bildbeschreibungen für blinde Menschen
• Websites in einfacher Sprache für kognitiv
  eingeschränkte Personen
• Videos in barrierefreien Formaten, beispielsweise
  mit Hörfassungen
• Bebilderungen für fremdsprachige Menschen

Ziel eines barrierefreien Internets ist es, allen Menschen den
Nutzen des World Wide Webs zugänglich zu machen. Wünschenswert ist es, dass dies
möglichst viele Menschen ohne fremde Hilfe, sondern eben alleine erreichen.

Wieso ist barrierefreie Webentwicklung so wichtig?

Die barrierefreie Webentwicklung setzt nicht nur auf eine
Standard-Lösung, sondern nimmt das große Ganze in den Blick. Ein wesentliches
Stichwort ist in diesem Kontext die Inklusion. Doch barrierefreie Internetangebote
haben nicht nur das Ziel, Menschen mit Behinderung den Zugang zum Internet zu
ermöglichen.

Barrierefreiheit bedeutet im Kontext des Internets auch die Nutzbarkeit
von Webseiten unabhängig von technischen Voraussetzungen. Dazu gehört, die
mobile Internetnutzung zu optimieren, sodass Inhalte auch von kleinen Displays
gelesen werden können. Gute Kontraste ermöglichen eine leichte Lesbarkeit bei blendendem
Sonnenlicht oder im Dunkeln. Videos mit Untertiteln lassen sich auch in der
Öffentlichkeit ansehen und verstehen. Schnelle Ladezeiten durch kleine Datenmengen
kommen ebenfalls dem Ziel einer barrierefreien Webentwicklung nach, denn sie
können auch bei schlechter Internetverbindung gut geladen werden.

Kurzum: Barrierefreiheit und Inklusion sowie die
uneingeschränkte Nutzbarkeit digitaler Möglichkeiten werden immer wichtiger.
Nicht zuletzt deshalb, weil auch der Gesetzgeber die Relevanz von barrierefreien
Angeboten erkannt hat.

Die Barrierefreie-Informationstechnik-Verordnung BITV

Die Barrierefreie-Informationstechnik-Verordnung
(kurz: BITV 2.0) hat das Ziel, eine umfassende und grundsätzliche Barrierefreiheit
von moderner Informations- und Kommunikationstechnik zu gewährleisten. Im
Gesetz werden explizite Standards genannt, die die Bundesregierung bereits auf
eigenen Websites umsetzt:

• Erläuterungen in Gebärdensprache
• Erklärungen wesentlicher Inhalte in leichter Sprache
• Verwendung barrierefreier Informationstechnik

Welche Funktionen und Aspekte „barrierefreie Informationstechnik“
umfasst, ist qua Gesetz nach dem aktuellen Stand der Technik zu ermitteln.
Aktuell zählen dazu unter anderem zoombare Websites und Headlines sowie veränderbare
Kontraste.

Mit Blick auf die barrierefreie Webentwicklung wird
deutlich: Barrierefreiheit ist ein komplexes Thema, das nicht nur die Planung
und das Konzept, sondern auch das Design und die Inhalte einer Website betrifft.
Sollen Webprojekte barrierefrei gestaltet werden, sind daher sowohl Designer und
Entwickler als auch die Mitarbeiter der Redaktion bzw. der Content-Pflege beteiligt.

Gerne beraten wir Sie umfassend zu allen Fragen rund um die
barrierefreie Webentwicklung!

The post Barrierefreie Webentwicklung im Fokus appeared first on Webdevelopment, E-Commerce & Onlinemarketing | wsfischer.

Bereits seit Juli 2018 ist es möglich, dass der Google Algorithmus nicht nur „herkömmliche“ Websites, sondern auch reine JavaScript-basierte Webanwendungen verarbeitet. Auch HTML-basierte Websites mit JavaScript werden immer besser indiziert. Das birgt Potenzial: Wer JavaScript SEO betreibt, profitiert von einer besseren Sichtbarkeit im Web.

Im Überblick: Was ist JavaScript?

JavaScript ist eine Skriptsprache,
die in ihrer Ursprungsform entwickelt wurde, um dynamisches HTML in Webbrowsern
zu ermöglichen. Mit JavaScript kann man die Interaktionen von Benutzern auswerten
und Inhalte anpassen bzw. nachladen. Mithilfe der Skriptsprache lassen sich HTML
und CSS außerdem noch vielseitiger nutzen. Aktuell wird JavaScript nicht nur im
Kontext von Browsern verwendet, sondern auch auf Servern.

JavaScript ist somit ein wesentlicher und leistungsstarker Bestandteil von Websites, Webanwendungen und Plattformen. Optimal ist es, wenn JavaScript nicht nur die (optische) Performance einer Seite verbessert, sondern auch online gut gefunden wird. Das gelingt nur, wenn Webanwendungen mit JavaScript auf die Suche für Bots angepasst werden. Doch wie verarbeitet ein Bot JavaScript?

Crawlen, rendern, indexieren: So sieht die Verarbeitung aus

Lange Zeit konnten Suchmaschinen JavaScript
bzw. den Code nicht crawlen. Das hatte zur Folge, dass Backlinks auf der Website
nicht erkannt wurden. Auch war es teilweise unmöglich, dass der Crawler eine
XML-Sitemap erstellen konnte. Das hat sich nun geändert. Die Verarbeitung durch
den Google Algorithmus lässt sich in drei Teile gliedern:

1. Crawlen
2. Rendering des Javascripts
3. Indexieren

Doch wie funktioniert das im Detail? Der Google Bot ruft mithilfe einer HTTP-Anfrage zunächst eine URL aus der Warteschleife aus. Danach „beurteilt“ der Algorithmus, ob die Seite überhaupt gecrawlt werden darf. Diese Infos findet er in der robots.txt-Datei. No-follow-Links werden ausgespart.

Zum Rendern werden alle zu verarbeitenden Seiten in die Warteschlange gestellt. Auch JavaScript-Seiten, insofern der Bot über einen Robots-Meta-Tag oder einen Header nicht angewiesen wird, etwa anderes zu tun. Ist dies der Fall, wird die entsprechende Seite über Chromium gerendert, das JavaScript ausgeführt und die Seite schließlich indexiert.

JavaScript Websites vs. "herkömmliche Websites" mit JavaScript

Das Problem steckt im Rendering des Javascripts. Dies erfordert mehr Ressourcen im Vergleich zu reinen HTML-Seiten. Dies führt zu einer langsameren Indizierung. Der Google Bot führt den Rendering Schritt teilweise mehrfach durch, bis das Ergebnis erzielt wird. Zuerst wird, wenn möglich, eine HTML mitgelieferte Seite gelesen, danach das Rendering durchgeführt und das Ergebnis erneut in den Index aufgenommen. Die erneute Indexierung mit Rendering muss nicht zeitgleich erfolgen, sondern kann teilweise auch erst Tage später stattfinden.

Hier macht sich der Unterschied zwischen Webanwendungen, die komplett in JavaScript realisiert werden und Webanwendungen, die zuerst ein HTML-Dokument ausliefern und mit JavaScript nachrangig optimiert werden, bemerkbar. Im ersten Fall kann der Bot ohne Rendering keine Indexierung vornehmen und auch das Crawlen nicht fortsetzen, da er an keine neuen Links herankommt. Im zweiten Fall wird initial direkt eine HTML-Seite indexiert, die direkt verarbeitet werden kann.

Aktuell empfiehlt Google die Anwendung von fertig gelieferten HTML-Websites mit JavaScript. Dabei wird die Struktur und Navigation mit HTML übergeben und das Aussehen und die Oberfläche mit Javascript optimiert.

Bei reinen JavaScript basierenden Frameworks empfiehlt Google, das Rendering teilweise für bestimmte Bots auf dem Server bereits durchzuführen, um die Bots zu entlasten und Inhalte direkt bereitzustellen.

Wie geht JavaScript SEO?

Es ist essenziell zu verstehen, wie JavaScript funktioniert und wie der Google Bot das Ganze verarbeitet. Daraus lassen sich gezielte SEO-Maßnahmen ergreifen. Dazu gehören die folgenden:

• Metadaten: Häufig wird beim Einsatz vom JavaScript vergessen, dass auch Metadaten hinterlegt werden müssen, die der Bot lesen kann. Für gerenderte JavaScript-Inhalte gelten dieselben SEO-Standards wie für HTML-Seiten. Notwendig sind demnach SEO-Title, Description und ALT-Bildattribute.
• Links: Damit der Bot von Google auch weitere Seiten finden kann, ist der Einsatz von Links sinnvoll, denen er folgen kann. Hierbei nehmen a href- und src-Attribute eine wichtige Rolle ein.
• Nicht nur für den Google Bot Zugang verschaffen: Nicht alle Bots (z. B. von weiteren Suchmaschinen oder von Facebook) können mit JavaScript umgehen. Damit sie die Daten dennoch verarbeiten können, raten Experten, die Metadaten fest in den HTML-Code einzuprogrammieren.
• HTTP-Statuscodes anpassen: Google empfiehlt, aussagekräftige HTTP-Statuscodes einzusetzen. So kann der Bot „einschätzen“, ob beim Crawling ein Fehler aufgetreten ist. Zudem lassen sich durch HTTP-Statuscodes auch Seiten aus der Indexierung nehmen.
• robots.txt-Anpassung: Früher wurde Javascript in der robots.txt teilweise ausgeschlossen, um unnötige Ressourcen zu binden. Aktuell sollten alle JavaScript-Dateien eingebunden und gecrawlt werden. Ansonsten ignoriert der Bot alle dynamischen JavaScript-Elemente.
• Korrekte Verwendung der Integrationstypen: JavaScript kann auf mehrere Arten eingebunden werden. Dabei wird das JavaScript parallel geladen, es kann nachgeladen werden oder die weitere Verarbeitung anderer Elemente blockieren. Je nach Anwendungsfall gilt es, die richtige Einbindung zu wählen. Eine detaillierte Beschreibung gibt es etwa unter dem folgenden Link.
• Korrekte Indexierung testen: Es gibt diverse Tools, mit denen dynamisch generierte Inhalte getestet werden können. Die SEO-Software Screaming Frog bietet schon seit längerem ein Tool an. Auch können die Seiten über das URL-Prüftool in der Search Console kontrolliert werden. Dort können Sie sich den Screenshot und den gerenderten HTML-Code ansehen.
• Sparsame Verwendung: JavaScript wirkt sich bei falscher Verwendung negativ auf die Ladezeit aus. Häufig werden nicht benötigte Frameworks und Skripte eingebunden. Webseiten mit JavaScript müssen erst von einem Client oder Bot gerendert werden, damit sie korrekt dargestellt werden können. Dieses Rendering benötigt Zeit. Es empfiehlt sich, wenn möglich, JavaScript am Ende und asynchron laden zu lassen.

Anwendungsbeispiel Lazy Loading

Mit dem sogenannten „Lazy-Loading“ können Bilder nachgeladen werden, sobald Sie in das Sichtfeld gelangen. Wichtig ist, dass Google diese Bilder ebenso crawlen kann, damit sie indiziert werden. Die Bots besitzen keine „Augen“ und klicken nicht wie ein normaler Nutzer auf Interaktionsbuttons. Google stellt hierfür eine Anleitung bereit. Beispielsweise kann eine Seitennummerierung angeboten werden, um auch ohne JavaScript an die weiteren Bilder zu gelangen.

Weiterführende Infos:

• https://developers.google.com/search/docs/guides/javascript-seo-basics
• https://www.screamingfrog.co.uk/crawl-javascript-seo/
• https://searchengineland.com/google-adds-javascript-seo-basics-to-its-search-developers-guide-319673
• https://support.google.com/webmasters/answer/81766?hl=en
• https://developers.google.com/search/docs/guides/lazy-loading?hl=de

The post JavaScript SEO: So kann der Google Bot JavaScript verarbeiten appeared first on Webdevelopment, E-Commerce & Onlinemarketing | wsfischer.

Die Idee steht, das Produkt auch – jetzt kommt es nur noch auf die richtige Vermarktung an. Insbesondere Start-ups und junge Onlineshops setzen in der Anfangsphase auf Traffic über Fulfilmet by Amazon (kurz: Amazon FBA). Doch es ergibt durchaus Sinn, direkt auf einen eigenen Online-Auftritt zu vertrauen.

Amazon FBA – auf Deutsch „Versand durch Amazon“ – bietet Shops die Möglichkeit, sich bei dem Onlinegiganten als Verkäufer anzumelden. Die Produkte lassen sich so ohne großen Aufwand bei Amazon platzieren, wodurch nicht zuletzt die Reichweite des eigenen Onlineshops steigt. Wer sich für den „Versand durch Amazon“ entscheidet, sendet die Produkte an ein Logistikzentrum. Der Online-Marktplatz kümmert sich dann um die Auslieferung. Kundenservice und Retourenabwicklung liegen ebenfalls bei Amazon. Die Reichweite steigt, ohne auf aufwendige Suchmaschinenoptimierungen und Linkbuilding sowie kostenintensive Online-Marketing-Maßnahmen setzen zu müssen. Das spart zum einen Zeit und zum anderen Geld.

Doch ganz umsonst ist die Nutzung von Amazon FBA nicht und Startups laufen sehr schnell Gefahr abhängig zu werden. Der Webgigant behält einen gewissen Prozentsatz des Gewinns, den der Verkäufer über den Marktplatz macht, ein. Das reguliert die Gewinnmarge nach unten. Mit einer steigenden Reichweite und einer Verfügbarkeit auf Amazon beginnt nicht selten auch ein Preisdumping. Wettbewerber bieten ähnliche Produkte preisgünstiger an. Gibt es keine ähnlichen Produkte, lassen Nachahmungen oftmals nicht lange auf sich warten. Amazon kann sich auch dafür entscheiden, die Produkte selbst zu verkaufen.

Folglich sollte Amazon nie als alleinige Maßnahme gesehen werden. Es wird dringend empfohlen, als Onlineshop auf verschiedene Plattformen zu setzen. Die eigenen Webpräsenz sollte, wie bei zahlreichen anderen Online-Marketing- bzw. Webaktivitäten auch, der Dreh- und Angelpunkt des Geschäfts sein. Start-ups und junge Onlineshops tun deshalb gut daran, bereits frühzeitig den eigenen Shop und die eigene Webpräsenz in den Blick zu nehmen und sukzessive zu optimieren. Schon kleine und kostengünstige Maßnahmen zeigen sich auf Dauer erfolgreich und tragen dazu bei, sich von gängigen Marktplätzen unabhängig zu machen.

The post Darum sollten Startups auf den eigenen Auftritt vertrauen appeared first on Webdevelopment, E-Commerce & Onlinemarketing | wsfischer.