Willkommen in der Zukunft

Progressive-Web-Apps erlauben zum Beispiel das Versenden von Push-Mitteilungen, ermöglichen den Offline-Zugriff auf die App-Inhalte und bieten die Möglichkeit, ein Icon auf dem Homebildschirm zu platzieren – so wie es auch bei klassischen Native-Apps der Fall ist. Aber anders als bei Native-Apps sind die Inhalte in PWAs den Suchmaschinen zugänglich. Du kannst also für eine PWA dieselben Onlinemarketing-Strategien nutzen wie für klassische Websites.

Der Begriff Progressive-Web-App kommt von Google. Entsprechend groß ist die Unterstützung und der Glaube an die Technologie in Mountain-View. Anders sieht es (noch) in Cupertino in Apples Glaspalast aus. Mit iOS 11.3 haben zwar einige Funktionen der PWAs auch Einzug auf iPhone und iPad gehalten. Trotzdem können zum Beispiel Push-Nachrichten nach wie vor nicht versendet werden – anders als bei Android. Es ist aber davon auszugehen, dass auch Apple an einer Lösung zur vollständigen Integration in sein Betriebssystem arbeitet. Und weltweit gesehen hat iOS gerade mal 12 Prozent Marktanteil. Der Löwenanteil von knapp 88 Prozent wird von Android beherrscht.

Progressive-Web-Apps haben großes Zukunftspotenzial. Die Änderungen sind schleichend, nicht eruptiv. Trotzdem könnten PWAs die nächste Evolutionsstufe im Internet darstellen. Schon jetzt gibt es viele Fälle, in denen PWAs die empfehlenswertere Alternative zu Native-Apps, klassischen Web Apps und Websites sind.

• Du willst Deine App nicht verkaufen
• Du möchtest Push-Nachrichten versenden (bisher nur via Android möglich)
• Deine User arbeiten viel offline/haben instabile Internetverbindungen (z. B. in Ländern mit schlechter Infrastruktur)
• Die User greifen sehr häufig auf die Inhalte zu
• Du präsentierst viel und regelmäßig neuen Content

Zusammenfassend gesagt, sind PWAs eine gute Wahl, wenn Du auf nutzerfreundliche Weise Inhalte anbieten willst, mit denen die User regelmäßig arbeiten. Doch wie sieht es mit der Indexierung von Progressive-Web-Apps aus und wie funktioniert SEO mit ihnen? Die Antwort: Beachtest Du einige Punkte, kannst Du die meisten bekannten SEO-Strategien anwenden.

PWA und SEO: Grundlegendes

Bei Native-Apps entscheiden die App-Shop-Betreiber mit ihren Betriebssystem-Updates über neue Funktionen. Anders bei PWAs: Hier sind neue Funktionen erst verwendbar, wenn der genutzte Browser sie unterstützt. Voraussetzung dafür sind in der Regel Webstandards, bis zu deren Implementierung eine Weile vergehen kann. Deshalb empfiehlt Google für die Auffindbarkeit von PWAs das Progressive-Enhancement. Nach dieser Methode trennen Webdesigner Informationen, Funktionen und Design. Die grundlegenden, wichtigen Informationen sind immer verfügbar. Ob und welche der Design- und Präsentationselemente sowie Funktionen der User sieht bzw. nutzen kann, entscheidet dann sein Browser. Weil aber jeder Nutzer zumindest die wesentlichen Inhalte konsumieren kann, ist progressive-Enhancement auch ein Vorteil für SEO.

Die richtigen URLs

Manche PWAs nutzen das #-Symbol in ihren URLs. Das Problem: Die Google-Bots lesen nur bis »#«. Alles was folgt, wird demzufolge nicht indiziert. Es gilt also auch bei PWA den traditionellen SEO-Empfehlungen für URLs zu folgen und für suchmaschinenrelevante URLs zu sorgen.

Keinen Bot aussperren

Nur was der Google-Bot kennt, kann er ranken. Deshalb ist es wichtig, ihm über die robot.txt die richtigen Zugriffsrechte zu gewähren. Zum Beispiel sollten Frameworks, JavaScript-Ressourcen und APIs vollständig zugänglich sein.

Der Blick durch die Google-Brille

Mit der Funktion »Abruf wie durch Google«“ siehst Du, wie Google eure PWA crawlt und rendert. Auf der Hilfeseite listet Google auch gleich eine Tabelle mit möglichen Fehlern und Möglichkeiten zu ihrer Behebung auf. Auch für Chrome gibt es eine sehr hilfreiche Extension namens »Lighthouse«. Hier erhält man sowohl detaillierte Auswertungen zu SEO-Aspekten wie auch zur PWA-Funktionalität an sich.

Vorsicht bei JavaScript

Progressive-Web-Apps enthalten in aller Regel viel JavaScript oder basieren vollständig auf entsprechenden JavaScript-Frameworks. Google und JavaScript waren lange Zeit keine Freunde. Zwar sind Google-Bots im Lesen von JS-Elementen besser geworden, trotzdem kann es zu Fehlern kommen. Bei Bots von anderen Suchmaschinen und Sozialen Netzwerken ist die Situation unklarer. In Deutschland und USA ist Google Marktführer. Seid ihr ein internationales Unternehmen, solltet ihr auch andere Suchmaschinen wie Yandex und Baidu und deren Bots im Blick behalten.

Bartosz Góralewicz stellt in seinem Blogbeitrag auf moz.com fest, dass eigentlich nur Google und ASK in der Lage sind JavaScript sauber zu interpretieren bzw. zu indizieren. Als sicherste Maßnahmen gilt deswegen – auch für Google – derzeit ein sogenanntes serverseitiges Pre-Rendering. Dabei werden im Prinzip die Seiten als statisches HTML vorgerendert und der Suchmaschine ausgegeben. Eine Frameworks (z. B. Angular4) bieten entsprechende Möglichkeiten an. Auch externe Tools wie zum Beispiel prerender.io können hierfür in Frage kommen.

Zudem können HTML5-Pushstates eine Lösung darstellen. Das AJAX-Crawling-Scheme ist dagegen veraltet und nicht mehr zu empfehlen. Pre-gerenderte Seiten stellen übrigens kein Cloaking dar, so lange Nutzer und Suchmaschine am Ende die gleichen Inhalte zu sehen bekommen. Es gilt also sicherzustellen, dass die ausgegebenen Versionen gleich sind.

Kein Duplicate-Content

Ein Kerngedanke von Progressive-Web-Apps ist die Anpassungsfähigkeit im Sinne eines sich progressiv verbessernden Angebots. Im Idealfall passt sich die PWA also dem Browser und dem verwendeten Endgerät an und kombiniert App und Website zu einem geräteübergreifenden Angebot.

Manche Entwickler entscheiden sich aber, die PWA nur für Smartphone und Tablet anzubieten und parallel eine Desktop-Variante der Website weiter zu betreiben. Verwenden nun beide Projekte denselben Content, wertet Google das möglicherweise als Duplicate-Content und wertet eine oder beide Seiten ab. Eine Lösung bieten canoncial-Tags.

Ein simples „rel=canonical“ im Header der URL vermeidet Duplicate-Content.

Darüber hinaus gilt bei SEO für Progressive-Web-Apps auch das, was für Websites gilt: Schlanke Programmierstrukturen, schnelle Ladezeiten, gute Usability und User-Experience sowie hochwertiger Content führen zu guten Rankings.

SEO für Progressive-Web-Apps: Fülle an Möglichkeiten

Zwar gibt es auch für Native-Apps inzwischen einige Möglichkeiten der Suchmaschinenoptimierung. Zum Beispiel ist es möglich – sofern der User die jeweilige App installiert hat – über Deep-Links im Head-Bereich auf Unterseiten der App zu verweisen. Progressive-Web-Apps bieten aber mehr und schöpfen das gesamte SEO-Potenzial aus. Zum Beispiel fließen sowohl der PWA-Content als auch die Verlinkungen voll in das Ranking mit ein. Sauber umgesetzt sind PWAs für SEO gut geeignet. Damit verbinden sie die mannigfaltigen Onlinemarketing-Möglichkeiten von Websites mit vielen Vorteilen der Native-Apps.

Mehr zum Thema Progressive-Web-Apps findest Du auch in unserem kostenlosen Whitepaper! Zum Download geht es hier!

Der Beitrag SEO für Progressive-Web-Apps (PWA) erschien zuerst auf contentmanager.de.

User Centered | Mobile First | API Driven | Platform Agnostic |

RYVE team ist das Social Intranet-, Extranet- und Community-Addon für das Hybrid Headless CMS RYVE.

• Schlüsselfertiges Intranet
• Wikis / Projektgruppen
• Activity Stream Widget
• Personalisierung
• Favoriten
• User-Posts
• Empfehlungen
• Kommentare
• Single-Sign-On

Quelle: CURRY Innovations GmbH

Sie wollen mehr darüber erfahren, wie ein Social Intranet die Mitarbeiteragilität sowie die Effizienz im Unternehmen erhöht? Dann lesen Sie hier einen Beitrag zum Thema Social Intranet auf contentmanager.de oder laden sich hier ein kostenloses Whitepaper von RYVE herunter.

Mehr zum Hybrid Headless CMS RYVE finden Sie hier bei contentmanager.de.

Der Beitrag RYVE team – das Social Intranet Addon zu RYVE erschien zuerst auf contentmanager.de.

User Centered | Mobile First | API Driven | Platform Agnostic |

Webseite war gestern! Mit RYVE verwalten Sie (Social-)Intranet, Extranet, Webportale, progressive WebApps, native Apps, IoT-Anwendungen, Chatbots, Produktfiltermaschinen und vieles mehr über ein zentrales System. Als Hybrid Headless CMS vereint RYVE die Vorteile eines modernen Headless CMS mit der Usability eines klassichen CMS und spielt hochreaktive, responsive Anwendungen und Inhalte plattformübergreifend auf unterschiedlichen Kanälen aus.

Als erste Plattform bietet RYVE intelligente Text- und Dokumentenanalyse auf Basis modernster Artificial Intelligence Methoden kombiniert mit umfangreichen Ontologien und ermöglicht dadurch die Automatisierung zahlreicher Contentprozesse. Service Orientierte Architekturen ermöglichen die einfache, nahtlose Integration externer Systeme, Daten und Funktionen.

Entwickler lieben es

Entwickler werden aufgrund der API-getriebenen Architektur in der Wahl der Frontend-Technologie nicht beschränkt und können mittels Schnittstellen die komplette Power von RYVE in ihren Projekten gewinnbringend einsetzen.

Einfach blitzschnell

Dank des modernen Technologiestacks ist RYVE so schnell wie eine Desktop-Applikation. Kombiniert mit einer Administrationsoberfläche, die von Usability-Experten gemeinsam mit Nutzern designt wurde, entsteht bei der Arbeit in RYVE ein produktiver Flow

Offen für alles

RYVE bietet einen komplett offenen Plattformkern mit einer Integrationsschicht für externe Systeme und Daten. Damit wird RYVE zu einem Datenhub, der die Ausspielung und Interaktion mit Daten und Prozessen mittels flexibler, moderner Oberflächen erlaubt.

Online-Demo: Melde Dich hier zu einer unserer regelmäßigen Online-Vorführungen an!

RYVE als zentraler Daten- und Contenthub

Damit ist RYVE nicht nur in der Lage Inhalte selbst zu erstellen und verwalten und an jegliche Art von Frontend abzugeben, sondern kann auch dazu eingesetzt werden, Daten aus unterschiedlichsten, Systemen wie ERP, CRM, PIM oder klassischem Web-CMS als Middleware zu aggregieren, anzureichern und für moderne Kanäle verfügbar zu machen. Da die Inhalte über eine RESTful API bereitgestellt werden, ist es RYVE egal welche und wieviele Kanäle die Inhalte konsumieren. Das klassische Web-CMS ist häufig nicht in der Lage, Inhalte außerhalb der klassischen Struktur einer Webseite bereitzustellen. RYVE macht die Inhalte solcher Systeme fit für die Omnichannel-Welt von heute! Legacy-Systeme können dadurch erhalten und deren Inhalte für völlig neuartige Anwendungen nutzbar gemacht werden.

Case Study:

Erfahren Sie hier, wie INGUN Prüfmittelbau RYVE als zentralen Daten-Hub für eine innovative Produktfilter App nutzt!

Die zentralen Vorteile auf einen Blick

Ein System für alle Plattformen
Mit RYVE erstellen und pflegen Sie klassische Webseiten, Progressive Web-Apps, native Apps sowie jegliche, erdenkliche Art von Web-Applikation mit nur einem System.

Optimale Darstellung auf allen Endgeräten
Ihre Inhalten und Daten werden auf allen Endgeräten optimal dargestellt, egal ob auf Desktop, Smartphone, Wearables oder IoT-Anwendungen.

Einfache Bedienung
Alle Administrationsoberflächen werden stets von zertifizierten Usability-Experten in enger Zusammenarbeit mit Anwendern entworfen und sind bei Bedarf individuell anpassbar.

Schnell wie eine Desktop-Applikation
Sowohl Backend wie auch jedes mit RYVE erstellte Frontend lädt so schnell wie eine Desktop-Anwendung! Für hohe Nutzerzufriedenheit und gute Ranking.

Künstliche Intelligenz
Künstliche Intelligenz und Natural Language Processing bieten zahlreiche Möglichkeiten Prozesse, z.B. auf Basis von Kategorien, zu automatisieren.

Offene, API-basierte Architektur
Mit dem offenen Plattformkern und seiner speziellen Integrationsschicht binden Sie externe Systeme und Daten schnell und einfach ein.

Größtmögliche Freitheit für Entwickler
Dank der API-getriebenen Architektur können Sie frei entscheiden, welche Frontend-Technologie Sie nutzen möchten.

Schnelle und kosteneffiziente Entwicklung
Mit RYVE und unserem eigenen JavaScript SDK entwickeln Sie moderne Web-Applikationen deutlich schneller und kosteneffizienter.

Plattformunabhängige Nutzung
RYVE läuft auf allen gängigen Plattformen beziehungsweise Server, egal ob auf Unix oder Windows oder in der Cloud.

Die wichtigsten Daten und Features im Überblick

Content Management

• Objektmanager für strukturierten Content
• Formulareditor für Objektmanager
• RYVE Page Designer
• Rich-Text-Widgets
• Repeater-Widgets
• Search-Widgets
• Smart-Layouts (Seitenvorlagen als Widget)
• Media-Library
• Kategorieverwaltung
• Linkmanager
• Mehrsprachigkeit

Development

• Development & Integration API
• Search API
• Headless Objects
• LDAP/AD-Connector
• Exchange-Connector
• Progressive Web App & Native App Framework
• Tracking API inkl. Piwik-Integration
• On-Premise oder cloudbasiertes, und plattformunabhängiges Deployment
• API-Driven mit Microservice-Architektur
• Text-basierte NoSQL-Datenbank
• Modulare Skalierbarkeit der Systemfunktionalität
• Reaktive Webservices über Websockets
• Analytics API (Piwik & Google Analytics)

Administration

• Rollen- und Rechtemanagement
• Spaces (mehrere Apps/Webseiten mit Content-Sharing)

System

• Datenbank MongoDB
• Suchserver Elasticsearch
• NodeJS Microservices über Seneca und NATS Streaming
• ETCD KeyValue Store
• Python Schicht (Bilderdownload, Bildaufbereitung)
• .NET Schicht Windows SSO, AD/Exchange Import
• Backoffice entwickelt in Angular mit DevExtreme und weiteren Komponenten
• API über Socket.IO bzw. HTTP Requests
• Import über API von allen Quellen möglich die man durch Progammierung ansprechen kann

Fertige Apps und Addons zur Erweiterung

RYVE Team App

• Schlüsselfertiges Intranet
• Wikis / Projektgruppen
• Activity Stream Widget
• Personalisierung
• Favoriten
• User-Posts
• Empfehlungen
• Kommentare
• Single-Sign-On

Mehr zu unserer Social Intranet Lösung mit RYVE erfahren Sie hier bei contentmanager.de oder in unserem regelmäßigen Social Intranet Webinar. Anhand eines anonymisierten Kundenbeispiels zeigen wir Ihnen, wie ein modernes Intranet heute aussehen kann. Hier geht es zur Anmeldung!

Der Beitrag RYVE – Hybrid Headless CMS erschien zuerst auf contentmanager.de.

Progressive Web Apps sind das neue Trendthema unter den Webtechnologien. Kursierte der Begriff PWA zunächst in der Welt der (Frontend-)Entwickler dringen nun auch vermehrt interessante Erfolgsgeschichten an die Ohren des innovativen Online-Marketeers. Derzeit noch überwiegend aus der Welt der sozialen Netzwerke und des B2C. Dass moderne Web Apps aber auch im B2B enormen Mehrwert liefern können, zeigt zum Beispiel INGUN Prüfmittelbau aus Konstanz. Mit Hilfe von RYVE bringt das Unternehmen technisch komplexe Produkte über verschiedenste Kanäle und Endgeräte digital zum Kunden – unter anderem in Form einer innovativen Web App für Produktsuche und –vergleich.

Je nach Umsetzung profitieren Web Apps von zahlreichen Vorteilen wie extrem schnellen Ladezeiten, Offlinefähigkeit, Add2Homescreen, Push Notifications und Zugriff auf Gerätefunktionen.  Features also, die bisher nur in nativen Apps möglich waren. Allerdings ist die potentielle Reichweite von PWA aufgrund der Zugänglichkeit über den Webbrowser deutlich höher als für native Apps. Zahlreiche Unternehmen konnten bereits von Progressiven Web Apps profitieren und wichtige Erfolgskennzahlen verbessern.

Ohne Know-how geht nichts!

Wer ebenfalls von Progressiven Web Apps profitieren möchte, sollte jedoch mit der Funktionsweise und vor allem mit den wichtigsten Einschränkungen und Stolpersteinen vertraut sein. Zwar werden die Hürden zunehmend geringer und auch Apple macht den Weg für PWA mittlerweile frei, dennoch ist die Unterstützung auf den unterschiedlichen Plattformen noch unterschiedlich und auch im Bereich der Suchmaschinen-Optimierung und der Webanalyse gibt es Dinge, die man wissen sollte.

Überarbeitete Version unseres Whitepapers jetzt erhältlich

Wir haben unser Factsheet „Progressive Web Apps – moderne Anwendungen für das Web von morgen“ überarbeitet und vorallem erweitert. Inbesondere folgende Kapitel wurden neu hinzugefügt:                     

• Progressive Web Apps für Google optimieren inkl. Tool-Tipp zur Performance-Messung
• Vergleich der endgeräteabhängigen Funktionen zwischen iOS und Android

Lade Dir hier das Whitepaper kostenlos herunter!

Das Whitepaper behandelt darüber hinaus folgende Themen

• Was sind Progressive Web Apps (Grundlagen für Einsteiger)
• Vorteile gegenüber Webseiten
• Vorteile gegenüber nativen Apps
• Expertenmeinung zum Thema
• Kurzen Showcase für eine B2B-Webapp

Keine Lust auf Lesen? Wir führen auch regelmäßig Webinare zum Thema Progressive Web Apps durch. Hier geht es zu den Terminen und zur Anmeldung

Der Beitrag Whitepaper: Progressive Web Apps – die wichtigsten Infos, die man wissen muss erschien zuerst auf contentmanager.de.

Sind Progressive-Web-Apps also „the next big thing“, wenn es darum geht, einen höheren und messbaren Beitrag für die Online-Wertschöpfung zu leisten und dem Mobile-First-Gedanken Rechnung zu tragen? Macht es auch für B2B-Unternehmen Sinn, auf PWA zu setzen oder darf die Web-App als weiteres Buzzword geflissentlich ignoriert werden?

Ein starkes Team: Web verschmilzt mit App

PWA vereinen die Vorteile nativer Apps mit den Vorteilen des „offenen“ Internets. Sie bieten in aller Regel ein deutlich verbessertes Nutzungserlebnis, das stark an die Usability nativer Apps oder von Desktopanwendungen erinnert. Zudem ermöglichen sie den Zugriff auf wesentliche Funktionen des Endgeräts oder des Browsers, wodurch sich neue funktionale Möglichkeiten ergeben. Anders als native oder hybride Apps sind sie jedoch auch einfach über den Browser und in Suchmaschinen erreichbar und auffindbar. Ihre Vermarktung ist also nicht überwiegend auf App-Stores begrenzt – das hat einen positiven Einfluss auf die Reichweite. Auch die Ladezeiten sind in aller Regel deutlich kürzer. Gerade im mobilen Netz ist dies ein wesentlicher Faktor für das Ranking und die Bounce-Rate der Nutzer.

Web-Apps sind daher den herkömmlichen Lösungen für Web-Portale, Extranets oder Shops hinsichtlich Effektivität, Effizienz, Performance und Messbarkeit klar überlegen. Erfahrungen aus der Praxis zeigen, dass sich wesentliche Erfolgskennzahlen durch den Einsatz von Progressive-Web-Apps meist deutlich verbessern lassen: die durchschnittliche Verweildauer der Nutzer, die Anzahl der aufgerufenen Seiten oder – besonders wichtig – die Konversionsrate. Auch die Sichtbarkeit in der mobilen Suche ist durch den Einsatz von PWA von vielen Unternehmen deutlich verbessert worden.

Wichtige Vorteile von Progressive-Web-Apps im Überblick:

• Offlinefähigkeit
• ähnliche User Experience wie Native Apps
• einmalige Entwicklung für alle Browser und Betriebssysteme
• kein Download aus dem App-Store und kein Laden von Updates nötig
• suchmaschinenoptimierbar und auffindbar
• Push-Nachrichten zur Interaktionssteigerung möglich
• Zugriff auf Smartphone-Hardware und -Daten möglich

Sie wollen mehr erfahren? Holen Sie sich jetzt das kostenlose Factsheet zum Thema inklusive Beschreibung wesentlicher Komponenten, Abgrenzung zu anderen Apps sowie einer Übersicht der wesentlichen Vorteile und Einsatzgebiete!

Gekommen, um zu bleiben

Progressive-Web-Apps stehen bei Google inzwischen ziemlich weit oben auf der Beliebtheitsskala. Neben strategischen Gründen spielt auch das aus Google-Sicht „neue Qualitätslevel in Hinblick auf Zuverlässigkeit, Geschwindigkeit und User Experience“ eine wichtige Rolle. Microsoft und mittlerweile auch Apple haben ebenfalls den Weg für PWA auf ihren Systemen freigemacht – es winkt eine rosige Zukunft. Zwar gibt es durchaus noch Unterschiede in der Unterstützung durch die verschiedenen Browser und Geräte, doch auch hier wird es weitere Fortschritte geben.

Abbildung: Beispiel einer mehrsprachigen Produktfilter Web App im B2B-Bereich

Innovative Onlinemarketer können Progressive-Web-Apps nutzen, um neuartige Angebote zu entwickeln und vorhandene Services auszubauen. Die Einsatzzwecke sind vielfältig– auch für B2B-Unternehmen. Die von der CURRY Solutions GmbH entwickelte Produktfilter-App für INGUN Prüfmittelbau ist nur ein Beispiel, wie Web-Apps den Vertrieb im B2B-Sektor unterstützen können. Mit State-of-the-Art-Systemen wie de hybriden Headless CMS RYVE lassen sich Web-Apps, einfache Websites und auch native Apps einfach erstellen und inhaltlich verwalten. So können verschiedene Apps und Kanäle aus nur einem einzigen System bedient werden.

Sie wollen die Möglichkeiten und den Komfort von Progressive-Web-Apps mit RYVE selbst erleben? Dann registrieren Sie sich hier für ein kurzes Webinar. In 30 Minuten erfahrne Sie, worin sich Progressive Web Apps von responsiven Webseiten unterscheiden, welche funktionalen Möglichkeiten sich bieten und wann sie Sinn machen.

Wenn Soe mehr über unser hybrides Headless CMS RYVE erfahren möchten, melden Sie sich unverbindlich zu einer unserer nächsten Online-Produktvorführungen an.

Abbildung: Screenshots aus dem Hybrid Headless CMS „RYVE“ der CURRY Innovations GmbH

Der Beitrag Progressive Web Apps – das nächste große Ding? erschien zuerst auf contentmanager.de.

DSGVO verlangt größere Transparenz und stärkt die Rechte Betroffener

Die Informationspflichten der Unternehmen sind gewachsen. Die bisherige Datenschutzerklärung wird oft nicht mehr ausreichen. Sie muss problemlos zugänglich und in einer sehr klaren, präzisen und leicht verständlichen Sprache abgefasst sein. Neu ist das Recht auf Datenübertragbarkeit. Neu sind auch diverse Dokumentations-, Melde- und Rechenschaftspflichten. Ganz wichtig ist zudem, dass sich die Unternehmen auch für die Verarbeitungsprozesse bezüglich der Webseite die Einwilligung des Betroffenen einholt. Überdies besteht ein Kopplungsverbot bei Einwilligungen.

Welchen neuen Auskunfts-, Melde- und Informationspflichten die Unternehmen nachkommen müssen, welche Rechte die Betroffenen haben und wie sich Datenschutzerklärungen rechtskonform formulieren lassen – dafür gibt es bereits zahlreiche Ratgeber. Im Folgenden liegt der Fokus daher vor allem auf den technischen Aspekten eines DSGVO-konformen Internetauftritts.

Wo Webseitenbesucher ihre individuellen Spuren hinterlassen

Wie bereits erläutert zählen IP-Adressen zu persönlichen Daten und werden bei jedem Seitenaufruf abgefragt und registriert. Bei vielen ihrer Aktivitäten geben die Nutzer selbst persönliche Daten preis. Gängige Beispiele für Datenspeicherung und -Übertragung aufgrund eigener Tätigkeiten sind: Kommentare abgeben, Formulare ausfüllen, Liken und Teilen, Anmeldungen und Registrierungen vornehmen, Dateien hoch- oder herunterladen und Live-Chats nutzen.

Was passiert seitens der Betreiber?

Weniger offensichtlich sind zumeist Datennutzungen, die durch Tätigkeiten des Betreibers verursacht werden. Dazu gehören Themen wie die Reichweitenmessung, die Integration von Social Media-Plugins, der Einsatz von Werbe- und Marketingfunktionen wie Adwords, Remarketingtechnologien oder die Erstellung von Nutzerprofilen zur Personalisierung der Inhalte.

Nun kommen auch noch Dritte ins Spiel

Im Rahmen vieler der genannten Maßnahmen werden auch Daten an Dritte zur Speicherung und Verarbeitung übermittelt, teilweise sogar, ohne dass dies den Betreibern der Webseiten selber wirklich bewusst ist. Das passiert zum Beispiel, wenn die Unternehmen cloudbasierte E-Mail-Marketing-Dienste, etwa für einen Newsletterversand, einsetzen und deren Formulare auf der Webseite eingebunden haben.

Verhältnis Webseitenbetreiber/Hosting-Anbieter

Sobald ein Unternehmen seine Seiten auch nur auf einem fremden Server hostet, handelt es sich bereits um eine Datenübertragung und -Verarbeitung. Da es nicht möglich ist, sich von jedem Internetbesucher die Zustimmung für diese Datenübertragung zu holen, wird der Webhoster im Sinne der DSGVO nicht mehr als außenstehender Dritter eingestuft, sondern gehört zum Verantwortungsbereich des Seitenbetreibers. Es ist daher dringend geboten, dass das Unternehmen die Auftragsverarbeitung mit seinem Dienstleister vertraglich regelt.

Fahrplan zum DSGVO-konformen Internetauftritt

Unternehmen, die sich noch nicht mit den Auswirkungen der DSGVO auf den Betrieb ihrer Corporate Websites beschäftigt haben, sollten sich umgehend darum kümmern:

A         Den Ist-Zustand aufnehmen

Trotz aller Eile im Hinblick auf den Stichtag im Mai sind eine detaillierte Aufgabenbeschreibung und die Festlegung, wer für welche Themenbereiche verantwortlich ist, das A und O für eine effiziente Projektabwicklung. Die einzelnen To-dos können erst nach kriminalistischer Kleinarbeit identifiziert werden: Für jede Seite und jede Unterseite muss ganz klar sein, welche Funktionen und Tools dort personenbezogene Daten erfassen, speichern und verarbeiten. Zudem sollte man genau wissen, auf welchen Seiten welche Daten anfallen, die an externe Unternehmen gehen.

B          Datenverarbeiter in die Pflicht nehmen

Mit jedem Drittanbieter, dem das Unternehmen Daten zur Speicherung oder Weiterverarbeitung zur Verfügung stellt, ist ein Vertrag zur Auftragsdatenverarbeitung abzuschließen, der den Vorgaben der DSGVO entspricht. Neu ist, dass die Auftragsverarbeitung auch außerhalb der EU erfolgen kann.

C         Die Web-Anwendung fit machen

Last but not least muss das Unternehmen – wo nötig – noch die technische Umsetzung auf der Webseite anpassen. Dabei sollte man gleich noch einmal kritisch prüfen, ob die Zustimmungstexte in allen Formularen den Anforderungen der DSGVO entsprechen und ob die Nutzer hinreichend auf ihre Rechte hingewiesen werden.

Seite für Seite, Tool für Tool

1. Kontaktformulare, Kommentare, Anmeldungen, Registrierungen

Grundsätzlich müssen sich Nutzer auf Vertraulichkeit und Integrität verlassen können. Dem Unternehmen obliegen umfassende Informationspflichten.

To-do: Die Daten werden für die Übertragung verschlüsselt, das heißt Formulare sind über eine sichere Verbindung mittels https zu übermitteln. Kommen Dritte als Dienstleister zum Zuge – wie möglicherweise beim exemplarisch genannten Newsletter, dann sind die Nutzer explizit darauf hinzuweisen. Zudem ist mit dem Datenverarbeiter, wie bereits oben ausgeführt, ein entsprechender Vertrag zu schließen.

2. Share- und Like-Buttons

Die Nutzer müssen der Übertragung personenbezogener Daten an soziale Netzwerke explizit zustimmen. Das heißt, dass Daten nicht schon beim Aufruf der Webseite an Facebook & Co. übertragen werden dürfen.

To-do: Der Nutzer muss immer zuerst mittels Klick sein Okay geben, bevor die Datenübertragung möglich ist. Als technische Lösung dafür ist c’t Shariff geeignet.

3. Up- und Downloads

Das Herunter- und Hochladen von Dateien obliegt den gleichen datenschutzrechtlichen Rahmenbedingungen wie Kommentarfunktionen und Kontaktformulare: Nutzer-Information und -Zustimmung.

To-do: Der Nutzer ist vorab über die Datenübermittlung und –weiterverarbeitung zu informieren und muss ihr ausdrücklich zustimmen.

4. Tracking-Tools

Tracking-Tools, wie beispielsweise Google Analytics und Piwik, zeichnen das Nutzerverhalten genauestens auf. Deshalb muss ein Webseitenbetreiber den Nutzer über den Umfang, den Zweck und die Art der Datensammlung aufklären und eindeutig auf sein Widerspruchsrecht hinweisen.

To-do: Damit Nutzer einen Widerspruch ausüben können, kann das Unternehmen einen Link zu einem Deaktivierungs-Add-on schalten oder eine Opt-Out-Funktion einrichten. Das entbindet es jedoch nicht von den oben beschriebenen Informationspflichten. Natürlich muss es via Anonymisierungsfunktion auch dafür sorgen, dass der Programmcode des Trackingprogramms die IP-Adressen nur gekürzt erfasst. Nicht vergessen: Vertrag zur Auftragsdatenverarbeitung mit dem Dienstanbieter abschließen!

5. Live-Chats

Live-Chats nutzen häufig externe, cloudbasierte Tools wie SmartSupp oder Zendesk. Diese Programme erfassen jedoch ebenfalls Nutzerdaten, etwa die IP-Adresse. Darüber hinaus tragen manche Chat-Teilnehmer persönliche Daten in den Chat oder vorgelagerte Fragebögen ein, die dann auf den Servern des Anbieters verbleiben.

To-do: Der Nutzer ist wiederum umfassend zu informieren, bevor er in den Live-Chat eintreten kann. Das Unternehmen muss außerdem an dieser Stelle eine Möglichkeit zum Abbruch schaffen.

6. Cookies

Der Einsatz von Cookies ist in jedem Fall anzugeben. Unternehmen sollten in diesem Zusammenhang beachten, dass viele Content Management-Systeme Cookies bereits standardmäßig einsetzen.

To-do: Empfehlenswert ist der Einsatz eines Cookie-Banners, das beim ersten Aufruf der Webseite erscheint und deutlich zu sehen ist. Es darf jedoch nicht so platziert sein, dass es Pflichtangaben wie etwa das Impressum oder den Link dazu verdeckt.

7. Weitere Marketing- und Werbefunktionalitäten

Mit der Optimierung des Nutzererlebnisses durch gut ausgewählte, individualisierte Inhalte sowie durch relevante Werbeanzeigen möchten die Betreiber Besucher gewinnen und an sich binden. Dafür kommen verschiedenste Programme wie Google Adwords und Adsense, Remarketingfunktionen, Reverse IP Lookup oder Tools für A/B-Testing zum Einsatz. Auf Basis erfasster Daten entstehen zudem häufig detaillierte Nutzerprofile, die personalisierte Inhalte ermöglichen. Hier ist eine Einzelfallbewertung gefragt! Die alleinige Information der Nutzer ist unter Umständen nicht ausreichend, sondern es bedarf seiner unmissverständlichen Einwilligung.

To-do: Das Unternehmen sollte genau prüfen, welche Marketingtools und Werbefunktionen es auf seinen Seiten nutzt und sich beraten lassen, was dies im Hinblick auf die DSGVO bedeutet.

Sonderfall Kids

Richten sich die Internetseiten an Kinder, dann fallen aufgrund der besonderen Schutzwürdigkeit zusätzliche Regeln an. Dazu gehört unter anderem, dass es in diesem Fall auch die Erziehungsberechtigten sind, die der Datenverarbeitung zustimmen müssen.

Ich habe fertig?

Mit der einmaligen Anpassung der Unternehmensseiten ist es jedoch nicht getan. Werden neue Seiten angelegt oder Webseitenfunktionen und Apps ergänzt, müssen Datenschutzaspekte nach DSGVO immer eine mit-entscheidende Rolle spielen. Die Unternehmen sind überdies gut beraten, auch die noch folgende ePrivacy-Verordnung im Auge zu behalten. Diese wird sich vorrangig um den Schutz der Privatsphäre in der digitalen Welt drehen. Weitere Neuregelungen für das Betreiben vom Webseiten sind also vorprogrammiert.

Kostenloses Webinar: Weitere Tipps und Informationen

Für praktische Fragen rund um eine DSGVO-konforme Internetpräsenz führt die CURRY Innovations GmbH am 9. Mai 2018 ein Webinar durch. Als Experte für die DSGVO und den damit verbundenen Rechtsrahmen in Deutschland steht Michael Bander bereit. Er ist externer, TÜV-zertifizierter Datenschutzbeauftragter und Datenschutzauditor. Zu technischen Themen geben Nikolaus Niedermeier und Andreas Öttl, Spezialisten für Webtechnologien und E-Business-Systeme, Auskunft.

Bitte hier klicken, um sich anzumelden!

Der Beitrag Was die DSGVO von Unternehmenswebseiten verlangt: Datenschutzkonforme Umsetzung unter technischen Aspekten erschien zuerst auf contentmanager.de.