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.

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 Ü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.

Die Zahlen sprechen für sich: Im
1. Halbjahr 2019 shoppten zahlreiche Deutsche online, um ihren täglichen Bedarf
an Konsumgütern zu decken. Mit einer Zuwachsrate von 11,3 Prozent im Vergleich
zum Vorjahr zeigt sich E-Commerce mehr als wachstumsstark – Tendenz steigend!

17.363 Millionen Euro alleine im 1. Quartal

Laut einer Erhebung
des Bundesverbands E-Commerce und Versandhandel Deutschland e. V. ( )
verzeichnet der deutsche Onlinehandel immense Zuwachsraten. Alleine im
Vergleich zwischen 1. Halbjahr 2018 und demselben Zeitraum 2019 vergrößerte der
Onlinehandel seinen Marktanteil um 11,3 Prozent. Und nur im Zeitraum von April
bis Juni 2019 gaben die deutschen Verbraucher 17.363 Mio. Euro brutto für Onlineshopping
aus. Was im Vergleich zum Vorjahr
besonders oft im Warenkorb landet, sind sogenannte Waren des täglichen Bedarfs,
auch „fast moving consumer goods“ genannt. Dazu zählen verschiedene
Verbrauchsgüter, wie:

• Lebensmittel
• Tierbedarf
• Drogerieartikel

Diese Produktgruppe konnte ein Plus
von ganzen 17,9 Prozent verzeichnen.

Prognose: 72 Millionen Euro Umsatz im Onlinehandel

Weitere Gewinner im E-Commerce sind
Shops mit dem Schwerpunkt Möbel, Lampen und Deko. Im Vergleich zum Jahr 2019
liegt der Zuwachs hier bei 14,4 Prozent. Die Warengruppe Freizeit, die sich aus
DIY, Blumen, Spielwaren, Auto/Motorrad und Hobby zusammensetzt, wartete mit
einem Anstieg von 11,6 Prozent auf. Insbesondere DIY und Blumen stechen mit
einem Plus von 14,0 Prozent hervor.

Schätzungen des BEVH zufolge, wird der Brutto-Jahresumsatz im Bereich E-Commerce im Jahr 2019 die 70 Milliarden Euro Marke überschreiten. Unter Einbezug des gesamten interaktiven Handels, also Online-Ticketkauf, Downloads und Buchungen, wird die Branche auf einen Brutto-Umsatz von rund 73,95 Milliarden Euro kommen. Das ist ein Zuwachs von 8,6 Prozent im Vergleich zum Vorjahr.

The post E-Commerce boomt: Aktuelle Zahlen aus der Branche appeared first on Webdevelopment, E-Commerce & Onlinemarketing | wsfischer.

Unter den verschiedenen Rankingfaktoren spielt die Lokalität eine immer wichtigere Rolle. Daher setzen Suchmaschinen, insbesondere Google, den Fokus bei der Positionierung einer Webseite in den Suchergebnissen verstärkt auf deren lokale Suchmaschinenoptimierung. Regionale Geschäfte und Dienstleistungen können so in ihrem Umfeld eine deutlich höhere Aufmerksamkeit erzielen. Mit dem rasanten Anstieg der lokalen Suchanfragen über Smartphones und Tablets ist eine Optimierung für eine erfolgreiche Auflistung unabdingbar. Weltweit gibt es bereits seit 2016 mehr Anfragen über mobile Endgeräte als Desktop-Anfragen.

Mit den folgenden neun Handlungsanweisungen können Sie Ihre Website optimieren und regional stärken.

1. Verwenden Sie - nicht zu häufig - Keywords mit lokalem Bezug.
2. Nutzen Sie strukturierte Daten, die von Maschinen ausgelesen werden können. Passende Schemata finden Sie unter https://schema.org/docs/schemas.html.
3. Erstellen Sie einen Eintrag bei Google My Business, Apple Maps und Bing Places for Business.
4. Verwenden Sie konsistente Daten: Name, Adresse und Telefon sollten zur einfacheren Identifizierung stets einheitlich verwendet werden.
5. Stärken Sie lokale Backlinks indem Sie Ihre Website in Branchenbüchern und regionalen Verzeichnissen eintragen.
6. Steigern Sie den Bekanntheitsgrad durch Bewertungen. Fördern Sie Feedbacks Ihres Produkts oder Ihrer Dienstleistung.
7. Achten Sie auf einen lokalen Bezug in den Meta-Angaben Ihrer Website.
8. Gestalten Sie eine mobilfreundliche Website, da die meisten lokalen Anfragen über Smartphones generiert werden.
9. Pflegen Sie die eigenen Social-Media-Kanäle mit hinreichend lokalen Daten und nutzen Sie Geo-Tagging als soziales Signal.

Google hat mit dem Service My Business eine eigene Plattform geschaffen, deren Ergebnisse bei lokalen Suchanfragen priorisiert erscheinen. Die Faktoren bei Google My Business sind Relevanz, Entfernung und Bekanntheit. Letzteres ist ein geheimer Algorithmus, welcher verschiedene Faktoren wie Weblinks, Rezensionen und auch die eigene Positionen der Website bei globalen Suchanfragen aufnimmt. Das Pendant zu Google My Business für Apple und Microsoft ist Apple Maps und Bing Places for Business.

Weitere Links und Details zur lokalen Suchmaschinenoptimierung:

• https://support.google.com/business/answer/7091?hl=de
• https://www.go-globe.hk/blog/mobile-vs-desktop-internet-usage/
• https://schema.org/docs/schemas.html
• https://mapsconnect.apple.com

The post Lokale Suchmaschinenoptimierung appeared first on Webdevelopment, E-Commerce & Onlinemarketing | wsfischer.

Google priorisiert bei der Indexierung von Websites zunehmend mobile Seiten anstatt der klassischen Desktop-Variante. Durch das „Mobile-first Indexing“ sollen Smartphone-Nutzer noch bessere Suchergebnisse erhalten.

Schon lange setzt der Internetgigant Google auf die Devise „Mobile First“ – und das nicht ohne Grund. Laut Prognosen werden bereits im Jahr 2019 mehr als 50 Millionen Menschen nicht mehr ausschließlich am Desktop, sondern vor allem mit einem mobilen Endgerät im Internet surfen.

Damit genau diese Nutzer noch besser mit passenden Suchergebnissen versorgt werden, hat Google seit Kurzem die Indexierung der Mobilvarianten von Websites angestoßen. So hat nicht nur die Desktop-Version einer Website Auswirkungen auf das Ranking einer Seite, sondern eben auch die mobile Variante.

Bereits im November 2016 hatte Google angekündigt, das sogenannte „Mobile-first Indexing“ zu implementieren. Nachdem erste Probeläufe gefahren wurden, fing die Umstellung und schlussendlich die Migration des Systems an.

Was heißt das nun für Webseiten-Betreiber?

In der Search Console benachrichtigt Google alle Websites, deren mobile Version schon indexiert wurde. Sinnvoll ist es, die mobile Version einer Website ebenso gut aufzustellen wie die Desktop-Version. Findet der Crawler nämlich nur eine Light-Variante der Inhalte vor, kann sich das mitunter negativ auf das Ranking auswirken.

Ebenso wichtig wie die Inhalte der mobilen Version ist auch die Ladegeschwindigkeit einer Seite – insbesondere, was die mobile Nutzung der Website und damit verbunden das „Mobile Indexing“ angeht. Wer mit dem Smartphone surft und mobiles Internet nutzt, hat keine Zeit zu verlieren. Ein wesentlicher Aspekt, der sich auch im Ranking niederschlägt. Schon wenige gezielte technische Anpassungen haben einen immensen Effekt auf die Ladezeiten einer Seite – sprechen Sie uns an.

Bild: Unsplash: Erik Lucatero

The post Mobile First wichtiger denn je appeared first on Webdevelopment, E-Commerce & Onlinemarketing | wsfischer.