Künstliche Intelligenz verändert die Art, wie wir suchen. Google zeigt immer öfter direkte Antworten. Tools wie ChatGPT oder Perplexity liefern fertige Erklärungen. Kein Wunder also, dass sich viele fragen: Braucht man klassisches SEO überhaupt noch? Wir ordnen das für euch ein und erklären, was hinter Generative Engine Optimization (GEO) steckt.

Was bedeutet „Generative Engine Optimization“ eigentlich?

GEO beschreibt Maßnahmen, damit Inhalte von KI-gestützten Suchsystemen als Quelle genutzt werden. Also zum Beispiel in Google AI Overviews, in KI-Antworten in Suchmaschinen oder in Tools wie ChatGPT, Perplexity & Co. Es geht also nicht mehr nur darum, möglichst weit oben in der Google Suche zu stehen. Zusätzlich stellt sich jetzt die Frage, ob deine Inhalte von der KI als sinnvolle Antwort gesehen werden.

Bringt klassisches SEO noch etwas?

Kurz gesagt: Ja. Denn KI-Systeme „erfinden“ ihre Antworten nicht einfach. Sie greifen auf Content zurück, der gut strukturiert und verständlich formuliert ist. Außerdem müssen Webseiten Vertrauen ausstrahlen und natürlich überhaupt auffindbar sein. Und genau das sind die Grundlagen von gutem SEO.

SEO ist das Fundament. GEO baut darauf auf.

Was ändert sich dann überhaupt?

Nicht alles. Aber einfach weitermachen wie bisher reicht langfristig nicht aus. Früher standen oft Keywords, Rankings und Klickzahlen im Mittelpunkt. Heute verschiebt sich der Fokus auf:
- klare Antworten auf konkrete Fragen
- nachvollziehbare Inhalte
- echte Expertise statt Marketing-Floskeln
- saubere Strukturen statt Textwüsten
KI bevorzugt Inhalte, die einordnen, nicht nur werben. Nicht mehr Content ist gefragt – sondern besserer Content.

Die Kehrseite von GEO

KI-Systeme fassen Inhalte zusammen, ohne Quellen immer klar oder sichtbar zu nennen. Man investiert Zeit in guten Content, liefert Antworten – erhält dafür aber nicht zwangsläufig einen Klick auf die eigene Webseite.
Ganz neu ist dieses Phänomen nicht. Auch Featured Snippets oder Knowledge Panels führen dazu, dass Nutzer Antworten bekommen, ohne weiterzuklicken. Allerdings verstärken KI-Systeme diesen Effekt deutlich.
Wer heute Inhalte veröffentlicht, muss akzeptieren: Nicht jeder gute Text wird mit Traffic belohnt. Aber schlechte oder austauschbare Inhalte werden gar nicht mehr wahrgenommen.

Was heißt das konkret für deine Website?

Ein paar einfache Leitfragen helfen bei der Einordnung:

• Beantwortet meine Website die Fragen meiner Kund*innen wirklich?
• Gibt es klare Seiten zu einzelnen Themen – oder nur Sammelseiten?
• Sind Inhalte verständlich geschrieben?
• Ist erkennbar, wer hinter der Website steckt und warum man dieser Quelle vertrauen kann?

Wenn du diese Fragen mit Ja beantworten kannst, bist du auf einem guten Weg. Auch, wenn du das Wort „GEO“ bisher noch nie benutzt hast.

Fazit

KI verändert die Suche. Aber sie belohnt genau das, was auch für Menschen funktioniert, nämlich Klarheit, Struktur, Relevanz und Vertrauen. Wenn deine Website das bietet, bleibt sie sichtbar – egal ob jemand bei Google sucht, eine KI fragt oder ganz klassisch über eine Empfehlung kommt.
Und wenn du unsicher bist: Wir helfen dabei, Websites so aufzustellen, dass sie heute funktionieren – und morgen nicht plötzlich unsichtbar werden. Sprich uns gerne an. Wir schauen gemeinsam drauf.

The post GEO & SEO: Muss ich meine Website jetzt komplett neu denken? appeared first on Webdevelopment, E-Commerce & Onlinemarketing | wsfischer.

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.

Instagram hat sein traditionelles 1:1-Format im Profilgitter durch ein 4:5-Hochformat ersetzt. Dieser Wechsel soll den aktuellen Trends entsprechen, da immer mehr vertikal orientierte Inhalte geteilt werden. Laut Instagram-CEO Adam Mosseri wird das neue Format Fotos und Videos vollständiger darstellen, ohne dass zu viel zugeschnitten werden muss.

Was bedeutet das für deine bisherigen Beiträge?

Bisherige Inhalte im 1:1-Format bleiben zwar erhalten, werden aber im Profilgitter auf das 4:5-Format zugeschnitten. Das kann dazu führen, dass an den Seiten etwas verloren geht. Um das in Zukunft zu vermeiden, ist es wichtig, den Hauptfokus in der Mitte deiner Beiträge zu platzieren.

So kannst du deine zukünftigen Beiträge optimieren:

• Nutze die richtige Größe: Erstelle deine Beiträge im Format 1080 x 1350 Pixel, um das neue Layout optimal zu nutzen.
• Zentrale Platzierung: Achte darauf, dass wichtige Inhalte in der Bildmitte sind, damit nichts abgeschnitten wird.

Kannst du ältere Beiträge noch anpassen?

Leider nein. Instagram erlaubt keine nachträgliche Änderung von Bildern oder Videos in einem bestehenden Beitrag. Du kannst lediglich die Caption bearbeiten. Falls ein alter Beitrag im neuen Profilgitter nicht mehr optimal dargestellt wird, bleibt dir nur die Möglichkeit, ihn zu löschen und neu hochzuladen – diesmal im 4:5-Format.

Fazit: Chancen und Herausforderungen

Das neue Instagram-Format bietet die Möglichkeit, Inhalte größer und ansprechender zu präsentieren, setzt aber auch voraus, dass du deine Strategie entsprechend anpasst. Wenn du die neuen Vorgaben kreativ nutzt, kannst du das Beste aus deinem Profil herausholen und deinen Follower:innen ein modernes, aufgeräumtes Erscheinungsbild bieten.

The post Instagram führt neues 4:5-Bildformat ein 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.

In der heutigen digitalen Ära, in der soziale Medien eine zentrale Rolle im Leben vieler Menschen spielen, taucht ein Begriff immer häufiger auf: "Social Bots". Diese automatisierten Programme, die menschliches Verhalten imitieren, haben das Potenzial, die Art und Weise, wie wir online kommunizieren, zu verändern. Doch mit ihren Vorteilen kommen auch erhebliche Risiken.
 

Was sind Social Bots?

Social Bots sind Computerprogramme oder Algorithmen, die entwickelt wurden, um menschenähnliches Verhalten in sozialen Medien zu simulieren. Diese Bots operieren über Social Media Accounts und können automatisch Nachrichten verfassen, Beiträge teilen, Likes vergeben und sogar menschenähnliche Konversationen führen. Sie können so konzipiert werden, dass sie als "Freunde" oder "Follower" agieren, um Interaktionen zu erzeugen und Aufmerksamkeit auf bestimmte Inhalte oder Profile zu lenken.
 

Vorteile von Social Bots

1. Automatisierung von Aufgaben: Social Bots können helfen, repetitive Aufgaben wie das Teilen von Inhalten, das Vergeben von Likes oder das Beantworten häufig gestellter Fragen zu automatisieren. Dies kann insbesondere für Unternehmen oder Influencer nützlich sein, um Zeit und Ressourcen zu sparen.
2. Erweiterung der Reichweite: Durch die Interaktion mit anderen Nutzern können diese Bots dazu beitragen, die Sichtbarkeit von Inhalten zu erhöhen und so die Reichweite von Nachrichten, Produkten oder Dienstleistungen zu vergrößern.
3. Förderung von Diskussionen: In einigen Fällen können Social Bots sinnvolle Diskussionen anstoßen, indem sie kontroverse Themen ansprechen oder informative Beiträge teilen, die Nutzer zum Nachdenken anregen.

Risiken von Social Bots

1. Verbreitung von Fehlinformationen: Social Bots können genutzt werden, um absichtlich falsche Informationen zu verbreiten oder gefälschte Nachrichten zu streuen, was die öffentliche Meinung manipulieren und Verwirrung stiften kann.
2. Missbrauch für betrügerische Zwecke: Kriminelle können solche Bots nutzen, um betrügerische Aktivitäten wie Phishing, Identitätsdiebstahl oder den Verkauf gefälschter Produkte zu fördern.
3. Manipulation von Trends: Social Bots können dazu verwendet werden, künstlich Trends zu erzeugen, indem sie bestimmte Themen oder Hashtags verstärkt verwenden. Dadurch kann die Wahrnehmung der öffentlichen Meinung verzerrt werden.

Verbreitung von Social Bots

Die Verbreitung der Bots ist weitreichend, aber schwer zu quantifizieren. Laut einer Statista-Studie aus 2019 stecken hinter 46% der Instagram-Profile weltweit mittlerweile Social Bots. Sie können in sozialen Netzwerken, Foren, Kommentarspalten und sogar in Messaging-Apps präsent sein. Plattformen setzen zunehmend auf Algorithmen und KI-gestützte Technologien, um verdächtige Aktivitäten zu erkennen und zu bekämpfen. Dennoch finden Entwickler immer wieder neue Wege, um Social Bots zu optimieren und den Mechanismen der Plattformen einen Schritt voraus zu sein.
 

Wie erkenne ich einen Social Bot?

Die Identifizierung kann eine Herausforderung sein, da die Bots oft darauf ausgelegt sind, menschliches Verhalten zu imitieren. Dennoch gibt es einige Anzeichen, auf die Nutzer achten können:

• Auffälliges Profil: Die Accounts der Social Bots sind häufig wenig „kreativ“. Der Name des besteht aus Buchstaben- und/oder Zahlenkombinationen, es ist kein oder ein sehr unscharfes Profilbild hinterlegt und eigene Posts wurden nicht veröffentlicht.
• Unnatürliche Aktivität: Social Bots neigen dazu, sehr häufig und zu ungewöhnlichen Zeiten zu posten, zu liken oder zu kommentieren.
• Fehlende Personalisierung: Social Bots verwenden oft generische Kommentare oder Nachrichten, die nicht auf den spezifischen Inhalt oder Kontext eingehen.
• Wiederholungen: Wenn ein Profil immer wieder denselben Inhalt teilt oder dieselben Nachrichten postet, könnte es sich um einen Social Bot handeln, der darauf programmiert ist, bestimmte Botschaften zu verbreiten.
• Schnelle Antwortzeit: Social Bots können extrem schnell auf Nachrichten oder Beiträge reagieren, was untypisch für menschliche Nutzer sein kann.
• Verdächtige Follower/Freunde: Die Zahl der abonnierten Personen und der Personen, die den Account abonniert haben, ist unausgeglichen.

Fazit

Social Bots sind zweifellos ein zweischneidiges Schwert. Während sie Potenzial haben, die Effizienz von Marketingstrategien zu steigern und Diskussionen anzuregen, birgt ihre unkontrollierte Nutzung erhebliche Risiken für die Integrität der Online-Kommunikation.
Die Zukunft der Social Bots hängt davon ab, wie Entwickler, Plattformen und Nutzer mit diesen Technologien umgehen. Eine ausgewogene Herangehensweise, die die Vorteile nutzt und gleichzeitig die Risiken minimiert, könnte dazu beitragen, die soziale Medienlandschaft sicherer und authentischer zu gestalten.

The post Die Welt der Social Bots: Zwischen Chancen und Risiken 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.

Im Internet spielt Geschwindigkeit, der sogenannte Page Speed, eine wesentliche Rolle (siehe auch Blogbeitrag zu Googles Core Web Vitals). Neben einer klaren Struktur und einem ansprechenden Design sollte die Website vor allem eine kurze Ladezeit aufweisen. Hierzu trägt unter anderem der Cache bei. Vom Caching spricht man, wenn Daten zum Zwecke einer schnelleren Bereitstellung häufig abgerufener Inhalte zwischengespeichert werden.

Warum Caching?

Das Ziel der Zwischenspeicherung ist eine bessere Performance. Durch die richtige Anwendung von Caching-Technologien kann eine Webseite und deren dynamische und statische Inhalte um ein vielfaches schneller für den Besucher bereitgestellt werden. Außerdem kann die Belastung des Servers und Backends auf ein Minimum reduziert werden. Dieser Performance-Maßstab ist allerdings nicht nur für Website-Besucher wichtig: Betreiber von Internetseiten haben damit auch Einfluss auf das Suchmaschinen-Ranking.

Welche Arten von Caching gibt es?

Im Internet unterscheidet man grundsätzlich zwischen zwei Arten von Caches:

Clientseitiger Cache: Die Daten einer Internetseite (z. B. Seiteninhalte, Medien, JavaScript, Stylesheets) werden beim Besucher (Client) lokal zwischengespeichert und müssen bei einem erneuten Abruf nicht wieder vom Server geladen werden. ➔ Das spart Zeit und Datenvolumen!

Serverseitiger Cache: Dynamisch generierte Daten (z. B. Datenbankabfragen, generierte Inhalte) werden am Server (in einem schnell abrufbarem Speicher) zwischengespeichert und können somit schon "fertig" ausgeliefert werden. ➔ Das spart Zeit und Rechenleistung!

Wie kann man die Ladezeit der Website reduzieren?

Es gibt verschiedene unterstützende Technologien mit denen die Ladezeit einer Website verringert werden kann.

1. Content Delivery Networks: CDNs werden z. B. für die verteilte Bereitstellung von häufig genutzten JavaScript-Bibliotheken (viele Entwickler bieten hier meist schon die Einbindung über ein CDN an) verwendet. Den Performancegewinn bringt hier die Hoffnung, dass die Datei schon im Cache des Besuchers gespeichert ist und dass das CDN auf den für den Besucher am schnellsten abrufbaren Server leitet.
2. Verkleinern und Zusammenfassen von Dateien: Jeder HTTP-Request (Serverabruf) einer Datei kostet Zeit: So können mit moderen Frameworks und den oft integrierten Bundlern (z. B. webpack) mehrere Dateien bei Änderungen zusammengefasst (bundled) und verkleinert (minified) werden.
3. HTTP-Compression: Eine ZIP-Datei ist fast jedem bekannt - Komprimierung hilft aber auch dabei Ihre Internetseite schneller bereitzustellen!

Cache-Busting - Was es ist und wann es Sinn macht

Entwickler kennen das Problem: Man führt geringfügige Anpassungen an der Internetseite durch aber beim erneuten Aufruf wird die Seite immer noch genauso dargestellt wie vorher. Ursächlich sind hierfür meistens die oben genannten clientseitigen Caches. Der Browser des Besuchers weiß nämlich nichts davon, dass beispielsweise ein Stylesheet vor Ablauf der Gültigkeit geändert wurde und lädt dieses deswegen nicht erneut vom Server sondern benutzt die lokale und veraltete Datei.
Bei der Entwicklung kann man hier selbst eingreifen und den Browser-Cache löschen oder ein vollständiges Laden der Seite erzwingen. Der Besucher hingegen wird möglicherweise weiterhin nichts von diesen Änderungen bemerken oder gar eine fehlerhafte Seite vorfinden!
Abhilfe schafft hier Cache-Busting: Cache-Busting fasst verschiedene Methoden zusammen, die genau das oben erläuterte Problem beim Bereitstellungsprozess der Änderungen beheben.

Rudimentäres Beispiel für Cache-Busting unter Wordpress:

wp_enqueue_style('example-style', get_stylesheet_directory_uri() . '/css/style.css', array(), filemtime(get_stylesheet_directory() . '/css/style.css'))

Tipps & Tricks rund um's Caching

Lokalen Browser-Cache löschen

[caption id="attachment_4065" align="alignright" width="286"] So kann der Cache im Safari-Browser gelöscht werden.[/caption]

In den meisten modernen Browsern, wie Mozilla Firefox, Google Chrome, Microsoft Edge oder Apple Safari, können Website-Daten (Verlauf, Cookies und zwischengespeicherte Inhalte) mit einer einfachen Tastenkombination gelöscht werden:

Windows und Linux:
Strg + Shift + Entf

MacOS:
Befehlstaste (⌘) + Wahltaste (⌥) + E

Safari-Hinweis: Es muss vorher das Entwickler-Menü aktiviert werden.

Über diesen Dialog können die entsprechenden Daten im ausgewählten Zeitraum komfortabel entfernt werden.

Erneutes Laden erzwingen (Force Reload)

Windows und Linux:
Strg + F5

MacOS:
Befehlstaste (⌘) + Shift + R

Wir helfen Ihnen gerne bei der Optimierung Ihres Internetauftritts. Klicken Sie hier um einen unverbindlichen Performance-Test Ihrer Seite bei uns anzufordern.

Linksammlung

Think with Google Speed Experiment: How people react to a slow mobile site
Verpasste Chancen: Nur 5 % der deutschen mobilen Websites laden innerhalb einer Sekunde

Quellennachweise

https://de.wikipedia.org/wiki/Cache
https://de.wikipedia.org/wiki/Browser-Cache

The post Caching – von der Zwischenspeicherung profitieren appeared first on Webdevelopment, E-Commerce & Onlinemarketing | wsfischer.

Google hat den Roll-out eines neuen Ranking-Faktors für Mai 2021 angekündigt: Die Core Web Vitals werden spätestens ab Juni 2021 Einfluss auf die Sichtbarkeit einer Website in den Suchergebnissen haben. Damit geht Google bei der Gewichtung der Ranking-Faktoren einen weiteren Schritt in Richtung User Experience.

Core Web Vitals: Was ist das überhaupt?

Bei den Core Web Vitals handelt es sich um Kennzahlen, mit denen sich die technische Performance und damit zusammenhängend die User Experience einer Website messen lässt. Google unterscheidet in drei Core Web Vitals:

1. Ladezeit // Largest Contentful Paint (LCP): Wie lange dauert es, bis eine Seite geladen wird?
2. Interaktivität // First Input Delay (FID): Wie lange dauert es, bis die Website auf die Eingabe des Nutzers reagiert (z. B. nach dem Klick auf einen Button)?
3. Visuelle Stabilität // Cumulative Layout Shift (CLS): Wie stabil bleiben visuelle Elemente auf der Seite? Gibt es durch Nachladen Layout-Verschiebungen?

Diese drei Kennzahlen nehmen vor allem den User bzw. die User-Freundlichkeit einer Seite in den Fokus. Denn sowohl eine schnelle Ladezeit als auch eine zügige Reaktionszeit der Website kommen dem Nutzer zugute.

Selbes gilt für die visuelle Stabilität – denn wer kennt es nicht: Man ruft eine Website auf, möchte weiterführenden Links folgen und plötzlich verschiebt sich das gesamte Layout. Der Klick führt ins Leere oder auf einen falschen Link. Das ist nicht besonders nutzerfreundlich.

Quelle Grafik: https://web.dev/vitals/

Nutzerfreundlichkeit wird zunehmend wichtiger

Diese Anpassung der Ranking-Faktoren zeigt: Für Google wird die User Experience immer wichtiger. Lässt sich eine Website gut bedienen, ist der Nutzer zufriedener. Seiten, die schnell und zuverlässig funktionieren und mobil optimiert sind, werden durch ein gutes Ranking „belohnt“.

Auch wenn der Roll-out auf März ausgelobt wurde, berichten Seitenbetreiber bislang noch nicht von sichtbaren Effekten. Experten vermuten, dass erste Auswirkungen im Juni sichtbar sein werden. Trotz des neuen Ranking-Faktors haben gute Technik und guter Content nicht an Relevanz fürs Ranking eingebüßt. So sagt Google selbst: „der primäre Faktor für den organischen Verkehr“ werden die Core Web Vitals nicht sein. Ignorieren sollte man die Google-seitige Änderung trotzdem nicht.

Core Web Vitals messen: So geht’s

Die Performance der eigenen Website können Seitenbetreiber unter anderem in der Search Console, in den Chrome DevTools sowie über die PageSpeed Insights auswerten.

Gerne unterstützen wir von wsfischer Sie dabei und machen Ihre Website Core Web Vital fit.

Jetzt Anfrage stellen!

The post Google Core Web Vitals: Roll-out ab Juni 2021 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.

Die Übergangsfrist ist abgelaufen: Ab 01. Januar 2021 gilt die Starke Kundenauthentifizierung beim Online-Einkauf in ganz Europa. Webshop-Betreiber sind verpflichtet die Zwei-Faktor-Authentifizierung bei Online-Transaktionen einzuführen. Ansonsten gehen sie das Risiko ein, dass Zahlungen abgebrochen werden.

Warum gibt es die neue Zahlungsdiensterichtlinie PSD2?

Die zweite EU-Zahlungsdiensterichtlinie (PSD2) gibt neue verbindliche Anforderungen für die Authentifizierung von E-Commerce-Transaktionen vor. Diese Anforderungen werden als Starke Kundenauthentifizierung (Strong Customer Authentication, SCA) bezeichnet. Sie traten bereits im September 2019 in Kraft. Allerdings wurden sie bis Ende 2020 ausgesetzt, um Webshop-Betreibern Zeit für die nötigen technische Anpassungen zu geben.
Die „Starke Kundenauthentifizierung“ wurde eingeführt, um Betrug im Internet europaweit zu reduzieren und Online-Zahlungen sicherer zu machen. Denn Verbraucher erwarten eine zuverlässige Sicherheit und ein reibungsloses Einkaufs- und Bezahlerlebnis.

Was bedeutet „Starke Kundenauthentifizierung“?

Bisher reichte beispielsweise die Nummer der Kreditkarte zur Bestätigung einer Zahlung aus. Durch SCA müssen Kunden bei Transaktionen im Web und in Apps ihre Identität über mindestens zwei von drei möglichen, voneinander unabhängigen Sicherheitsfaktoren belegen.

• Wissen: Etwas, das nur der Kunde weiß
  (z.B. eine PIN, ein Passwort, ein einmaliger Passcode, der an den Karteninhaber geschickt wird)
• Inhärenz: Etwas, das nur der Kunde ist
  (z.B. Biometrie wie ein Fingerabdruck, Iris-Scan, Stimm- oder Gesichtserkennung)
• Besitz: Etwas, das nur der Kunde besitzt
  (z.B. eine Karte/Smartcard, ein Mobiltelefon/Smartphone mit einer Banking-App)

Webshop-Anpassungen durch SCA

Webshop-Betreiber sind nun verpflichtet, Online-Transaktionen über eine Starke Kundenauthentifizierung verifizieren zu lassen. Ansonsten riskieren sie, dass die Zahlung von der Kundenbank abgelehnt wird. Für das Verfahren haben die großen Kreditkartenorganisationen ein neues Protokoll etabliert, das sogenannte EMV 3D-Secure-Verfahren.
Werden für den Webshop vorkonfigurierte Module eines Zahlungsdienstleisters verwendet, muss nur ein neues Plugin installiert werden. Dieses wird meistens direkt vom Zahlungsdienstleister zum Download angeboten. Die Schnittstellenanpassung und -aktivierung des Protokolls erfolgt dann automatisch.
Falls der Onlineshop allerdings per API an die Bezahlplattform des Zahlungsdienstleisters angebunden ist, müssen Webshop-Betreiber ihre Schnittstelle selbst um die neuen Pflichtwerte von 3DS 2 erweitern.
Wichtig ist, dass nach der Umstellung auch die Datenschutzhinweise aktualisiert werden. Denn die Erhebung und Weitergabe von Kundendaten muss in den Vertragsbedingungen festgehalten sein.

Sorge vieler Webshop-Betreiber unbegründet

Viele Händler zögern verständlicherweise eine zusätzliche „Hürde“ in den Kaufprozess zu integrieren. Sie befürchten, dass die Zwei-Faktor-Authentifizierung den Kaufabschluss komplizierter macht und es dadurch vermehrt zu Kaufabbrüchen kommen könnte. Allerdings dient die zusätzliche Authentifizierung der Sicherheit. Und die neue Richtlinie ist verbindlich für alle Webshops in Europa. Daher werden sich die Kunden schnell daran gewöhnen und die Zahlung bald ganz verständlich mit einem zweiten Faktor verifizieren.

Ausführliche Informationen zur SCA liefert das Bundesamt für Sicherheit in der Informationstechnik mit dem Artikel Zwei-Faktor-Authentisierung für höhere Sicherheit und ein Beitrag des Handelsblatt.

Weitere Quellen:
https://www.evopayments.eu/service/sicherheit/sicherheit-im-e-commerce/
Pressemitteilung Concardis - Nets Group: Starke Kundenauthentifizierung: Online-Händler und -Dienstleister ab Januar 2021 in der Pflicht
https://einzelhandel.de/themeninhalte/zahlungssysteme/528-themen/zahlungssystemeundkartenzahlung/12768-kreditkartenzahlung-im-internet-online-haendler-muessen-bis-jahresende-auf-starke-kundenauthentifizierung-umstellen

The post Starke Kundenauthentifizierung ab 2021: Was bedeutet das für Webshop-Betreiber appeared first on Webdevelopment, E-Commerce & Onlinemarketing | wsfischer.