Was haben wir unternommen?

Wir haben die verfügbaren Sicherheitsupdates für PHP 7.4 und neuer bereits eingespielt. Wenn deine Website eine dieser PHP-Versionen verwendet, musst du aufgrund dieser Sicherheitslücken nichts weiter unternehmen. Für ältere PHP-Versionen stellen wir keine entsprechenden Sicherheitsupdates zur Verfügung.

Was musst du tun?

Wenn deine Website noch eine PHP-Version unterhalb von 7.4 verwendet, empfehlen wir dir dringend, auf PHP 7.4 oder neuer umzustellen. Wie du deine aktuell verwendete PHP-Version prüfst und änderst, erfährst du in unseren FAQ: https://www.gn2.de/faq/wie-aendere-ich-die-php-version-meiner-website/.

Website nach der Umstellung prüfen

Teste deine Website nach der Umstellung auf die neue PHP-Version. Prüfe insbesondere wichtige Funktionen wie Kontaktformulare oder deinen Onlineshop. Sollten Probleme auftreten, kannst du vorübergehend zur bisherigen PHP-Version zurückwechseln. Wende dich anschließend zeitnah an deinen Webmaster oder aktualisiere deine Website, damit sie mit einer neueren PHP-Version kompatibel ist.

Wichtig: Die Nutzung einer älteren PHP-Version sollte aufgrund des Sicherheitsrisikos nur eine kurzfristige Übergangslösung sein.

Der Beitrag Wichtige Sicherheitsupdates für PHP erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Barrierearmut ist wichtig – aber oft komplex. Nicht jeder kann oder will sich tief in das Thema einarbeiten.

Genau hier kommt Sa11y ins Spiel: ein einfaches Tool zur Selbsthilfe, das dir zeigt, wo es Probleme gibt – und wie du sie beheben kannst.

Sa11y funktioniert nicht nur in WordPress, sondern auch in anderen Systemen. Das Plugin selbst verändert nichts an deiner Seite, sondern markiert lediglich Problemstellen. Falls Barrierearmut durch Kontraste, Schriftgrößen oder andere Designaspekte beeinträchtigt ist, sind nach der Analyse CSS-Anpassungen nötig, um das Design und die Funktionalität zu optimieren.

Wie Sa11y dir Helfen kann

Sa11y ist ein kostenloses Open-Source-Tool, das mehr als 80 Barrierefreiheitsaspekte prüft. Es zeigt dir direkt in der Bearbeitungsansicht, wo es hakt, und gibt dir konkrete Tipps zur Verbesserung.

So nutzt du Sa11y in WordPress

Installation und Aktivierung

1. Gehe in deinem WordPress-Dashboard zu „Plugins > Installieren“
2. Suche nach „Sa11y“
3. Klicke auf „Installieren“ und dann auf „Aktivieren“

Was prüft Sa11y?

Sa11y checkt unter anderem:

• Farbkontraste: Ist der Text gut lesbar?
• Alt-Texte für Bilder: Haben alle Bilder eine Beschreibung?
• Tastaturzugänglichkeit: Kann die Seite ohne Maus genutzt werden?
• HTML-Struktur: Sind Überschriften korrekt verschachtelt?
• Links ohne Text: Gibt es Links, die nur aus Icons bestehen?
• Textgröße & Skalierbarkeit: Ist alles gut lesbar und anpassbar?
• Fehlerhafte Formulare: Sind Labels und Fehlermeldungen vorhanden?
• Navigationsprobleme: Ist die Steuerung logisch und einfach?
• Blocksatz: Gibt es schwer lesbare Absätze?

CSS-Anpassungen für bessere Barrierearmut

Sa11y zeigt nur auf, wo Probleme bestehen – es nimmt keine Änderungen an deiner Seite vor. Falls das Tool Probleme wie schwache Kontraste, zu kleine Schrift oder unklare Fokus-Stile meldet, kannst du dein CSS entsprechend anpassen, z. B.:

• Farbanpassungen: Kontraste verbessern
• Schriftgrößen optimieren: Lesbarkeit erhöhen
• Abstände anpassen: Übersichtlichkeit verbessern
• Fokus-Stile: Klare Hervorhebung interaktiver Elemente

Deine Vorteile mit Sa11y

• Einfache Bedienung: Direkt in WordPress sichtbar
• Automatische Prüfungen: Über 80 Tests
• Anpassbar: du entscheidest, was geprüft wird
• Kostenlos & Open Source: Keine versteckten Kosten
• Mehrsprachig: Auch auf Deutsch verfügbar
• Datenschutzfreundlich: Keine Datensammlung
• Multisite-Unterstützung: Funktioniert in WordPress-Netzwerken

Mit Sa11y machst du deine Website für alle zugänglicher.

Wichtiges zum Weiterlesen

• https://sa11y.netlify.app/plugins/wordpress/
• https://de.wordpress.org/plugins/sa11y/
• https://github.com/ryersondmp/sa11y/releases

Vielleicht interessiert Dich noch folgendes?

IndexNow-Plugin für WordPress von Microsoft Bing veröffentlicht

Weiterlesen

So machst du deine Website bekannt: Tipps und Ideen für mehr Reichweite

Weiterlesen

Borlabs Cookie: Eine einfache Anleitung (2024)

Weiterlesen

Der Beitrag Sa11y: Barrierearmut deiner Website verbessern erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Wie erstelle ich eine durchdachte Informationsarchitektur?

Eine gut durchdachte Informationsarchitektur sorgt dafür, dass Nutzer die gewünschten Inhalte schnell finden. Dafür ist es wichtig zu verstehen, wie Nutzer typischerweise nach Informationen suchen und wie man die eigenen Inhalte optimal strukturiert und kennzeichnet.

Bei der Erarbeitung sollten folgende Fragen die Grundlage bilden:

Zielgruppenanalyse:

Was möchten deine Besucher auf deiner Website sehen, tun, erleben oder lernen? In welcher Situation sind sie? Welche Geräte nutzen sie und was sind ihre Ziele? Je besser du sie verstehst, desto gezielter kannst du ihre Bedürfnisse erfüllen. Erstelle Nutzerprofile, führe Interviews und arbeite mit Best- und Worst-Case-Szenarien, um Probleme frühzeitig zu erkennen und zu vermeiden.

• Welche Zielgruppen sollen die Website besuchen?
• Welche Bedürfnisse und Ziele haben diese Zielgruppen?
• Welche Herausforderungen gibt es bei der Erfüllung der Bedürfnisse der verschiedenen Zielgruppen?

Inhaltsstrategie:

• Welche Inhalte werden auf der Website angeboten (z. B. Texte, Bilder, Videos, Blogbeiträge, Onlineshop) und wie sollten sie strukturiert sein?
• Welche Inhalte sind für die Hauptzielgruppen besonders wichtig oder relevant?

Navigationsstruktur:

Erst nachdem die Informationsarchitektur festgelegt wurde, ist es sinnvoll, mit dem Design der Navigation zu beginnen. Andernfalls riskierst du, viel Zeit in eine Navigation zu investieren, die jedoch nicht optimal auf den Umfang der Inhalte abgestimmt ist.

• Welche Hauptkategorien sollten in der Hauptnavigation erscheinen?
• Wie sollte die Hierarchie der Inhalte gestaltet sein, um die Navigation zu erleichtern?
• Sollte es zusätzliche Menüs in der Fußzeile oder Seitennavigation geben?

Suchfunktionalität:

• Wie wichtig ist eine Suchfunktion auf der Website?
• Welche Art der Suche wäre am besten geeignet, um das Finden von Informationen zu erleichtern?
• Sollten Suchergebnisse nach Relevanz sortiert oder anderweitig gefiltert werden?

Beispiel für eine gut gestaltete Suchfunktion

Barrierefreiheit und Benutzerfreundlichkeit:

• Wie kann die Website barrierefrei gestaltet werden, um allen Nutzern den Zugang zu Informationen zu erleichtern?
• Welche Maßnahmen gibt es, um die Benutzerfreundlichkeit zu verbessern, insbesondere für technisch weniger versierte Nutzer?

Technische Umsetzung:

• Welche technischen Anforderungen müssen berücksichtigt werden, um die Informationsarchitektur umzusetzen?
• Gibt es spezielle Anforderungen an die Datenbankstruktur oder die Integration von externen Systemen?

Welche verschiedenen Strukturtypen gibt es?

Im Webdesign nutzen wir verschiedene Strukturen, um die Navigation und Organisation von Inhalten auf Websites zu verbessern. Hier sind einige typische Beispiele:

Lineare Struktur

Diese Struktur führt die Benutzer durch die Inhalte in einer klaren Reihenfolge, ähnlich einem Schritt-für-Schritt-Prozess. Sie eignet sich besonders gut für Tutorials, Kurse oder Geschichten, die chronologisch präsentiert werden.

Hier ist ein Beispiel für eine lineare Struktur einer Website:

Startseite

• Begrüßung und Einführung
• Schritt 1: Überblick über das Thema
• Schritt 2: Vertiefung in ein spezifisches Thema
• Schritt 3: Anwendung und Beispiele
• Abschluss und Zusammenfassung

In dieser linearen Struktur werden die Benutzer Schritt für Schritt durch die Inhalte geführt, beginnend mit einer Einführung auf der Startseite und dann fortlaufend durch die weiteren Schritte, um das Thema vollständig zu erkunden und zu verstehen.

Hierarchische Struktur

Diese Struktur organisiert Inhalte in klar definierte Hauptkategorien und Unterkategorien. Benutzer können durch verschiedene Ebenen navigieren, um gezielt spezifische Informationen zu finden. Sie kommt besonders bei umfangreichen Websites mit einer Vielzahl an Inhalten zum Einsatz.

Hier ist ein einfaches Beispiel für eine hierarchische Struktur einer Website:

1. Startseite
   • Über uns
   • Kontakt
2. Produkte
   • Kategorie A
     • Produkt A1
     • Produkt A2
   • Kategorie B
     • Produkt B1
     • Produkt B2
3. Blog
   • Kategorie 1
     • Beitrag 1
     • Beitrag 2
   • Kategorie 2
     • Beitrag 3
     • Beitrag 4
4. Ressourcen
   • FAQ
   • Downloads

In diesem Beispiel gibt es klare Hauptkategorien (Startseite, Produkte, Blog, Ressourcen) und jeweils Unterkategorien oder Unterseiten (wie Über uns, Kontakt, verschiedene Produktkategorien und -produkte, Blogkategorien und -beiträge sowie FAQ und Downloads unter Ressourcen).

Flache Struktur

Hier werden Inhalte auf einer einzigen Ebene präsentiert, ohne hierarchische Unterteilung. Diese Struktur ist besonders gut geeignet für Websites mit weniger komplexen Inhalten oder solche, bei denen alle Informationen gleichwertig sind.

Indexbasierte Struktur

In dieser Struktur werden Inhalte nach alphabetischen, zeitlichen oder anderen vordefinierten Kriterien geordnet und indiziert. Sie ist besonders praktisch für Verzeichnisse, Glossare oder Websites mit umfangreichen Ressourcen.

Matrixstruktur

Diese Struktur organisiert Inhalte in einer zweidimensionalen Matrix oder Tabelle, in der sie sowohl horizontal als auch vertikal kategorisiert werden. Sie ist ideal für Vergleichstabellen oder Produktvergleiche geeignet.

Tagbasierte Struktur

In dieser Struktur können Benutzer Inhalte nach persönlichen Vorlieben oder Bedürfnissen organisieren, indem sie Tags oder Kategorien verwenden. Sie bietet maximale Flexibilität und personalisierte Navigationsoptionen.

Diese Architekturstrukturen sind wie Baupläne für Websites. Sie verbessern die Navigation und sorgen dafür, dass Inhalte klar und leicht zugänglich präsentiert werden.

Welche sind die grundlegenden Elemente die du nutzen solltest?

Hauptnavigation: Die zentrale Navigation am oberen Rand der Seite, die die Hauptseiten und -bereiche der Website enthält.

Hier ein Beispiel für eine gut durchdachte Hauptnavigation

Dropdown-Menüs: Menüs, bei denen sich weitere Unterpunkte öffnen, sobald du mit der Maus darüberfährst oder darauf klickst.

Hier ein Beispiel für ein gutes Dropdown-Menü

Brotkrumen-Navigation: Diese Funktion zeigt dir auf der Website an, wo du dich gerade befindest und wie du zu dieser Seite gelangt bist (z.B. Startseite > Produkte > Produktkategorie > Einzelprodukt).

Suchfunktion: Eine gut durchdachte Suchfunktion macht es leicht die gesuchten Inhalte zu finden. Denn wer sich bei dir gut zurechtfindet, wechselt nicht zur Konkurrenz bzw. sucht nicht woanders weiter.

Call-to-Action (CTA): Dies sind gezielt platzierte Schaltflächen oder Links auf einer Webseite, die Besucher zur Durchführung einer bestimmten Aktion auffordern sollen. Beispiele hierfür sind Buttons wie „Jetzt kaufen“, „Kostenlos testen“ oder „Angebot anfordern“.

Footer-Navigation: Zusätzliche Navigationslinks und wichtige Informationen am unteren Ende der Website, die oft Kontaktinformationen, rechtliche Hinweise und Links zu wichtigen Seiten wie Datenschutzerklärung oder Impressum enthalten.

Interne Verlinkung: Die Verwendung von Links innerhalb des Textes oder Bildern, die den Benutzer zu verwandten oder weiterführenden Inhalten führen, um die Navigation zu erleichtern und die Verweildauer zu erhöhen.

Sitemaps: Eine Übersichtsseite oder XML-Datei, die die gesamte Struktur der Website zeigt und Suchmaschinen dabei hilft, alle Seiten zu indexieren.

Testen, Testen, Testen

Sobald du die Struktur deiner Website geplant hast, kommt der umfassende Test. Warum? Weil ein erfolgreicher Test sicherstellt, dass die Navigation so aufgebaut ist ist, dass die Besucher die Inhalte leicht finden können.

Hier sind einige häufig verwendete Methoden:

Usability-Tests: Dabei bitten wir Nutzer, Aufgaben auf der Website zu erledigen, um zu sehen, wie gut sie navigieren und ob sie Inhalte leicht finden können.

Beim Tree Testing testen wir, wie gut Nutzer bestimmte Informationen auf der Website finden können. Sie navigieren dabei durch eine Baumstruktur, die nur aus Linktexten besteht. Das hilft zu sehen, ob die Website-Struktur einfach zu verstehen ist und Nutzer schnell zu den gesuchten Informationen gelangen können.

A/B-Testing vergleicht verschiedene Versionen der Website, einschließlich der Struktur, um herauszufinden, welche Version für die Benutzer besser funktioniert. Dies hilft dabei Navigationselemente zu optimieren.

Heatmaps und Click-Tracking (Klick-Analsyse) visualisieren, wo Nutzer auf der Website klicken und wie sie scrollen. Dadurch kann man sehen, welche Navigationsbereiche besonders attraktiv sind und welche möglicherweise übersehen werden.

Verliere dabei nicht den User aus den Augen, dieser stellt sich meistens folgende Fragen:

• Wo befinde ich mich gerade?
• Wie kann ich Informationen zu … finden?
• Welche Inhalte stehen auf dieser Webseite zur Verfügung?
• Wie kaufe ich Produkte oder Dienstleistungen?
• Wie kann ich mit dem Inhaber in Kontakt treten?
• Wo finde ich technische Details?
• Gibt es eine Seite mit häufig gestellten Fragen (FAQ)?
• Wie kann ich mich registrieren oder anmelden?
• Wie erhalte ich Unterstützung oder kontaktiere den Kundenservice?
• Welche Zahlungsmethoden werden akzeptiert?
• Wie kann ich Bewertungen und Erfahrungsberichte einsehen?
• Wo sind die Datenschutzbestimmungen zu finden?
• Gibt es aktuelle Neuigkeiten oder Informationen zu …?
• Wie komme ich zurück zur Startseite?
• Wie bearbeite ich meine persönlichen Einstellungen oder mein Profil?
• Welche Funktionen bietet das Produkt oder die Dienstleistung?
• Wie suche ich gezielt nach …?
• Welche Vorteile bietet die Anmeldung für den Newsletter?

Weiterführende Tipps für eine gute Informationsarchitektur

Alle Seiten einbeziehen: Denke bei der Planung der Website-Struktur an alle Seiten, einschließlich rechtlicher und administrativer Inhalte.

Klicktiefe begrenzen: Halte die Struktur flach, damit Nutzer jede Seite idealerweise in wenigen Klicks von der Startseite aus erreichen können.

Bewährte Praktiken übernehmen: Lass dich von erfolgreichen Websites inspirieren und übernimm bewährte Navigationsmuster und Designelemente.

Verständliche URLs verwenden: Nutze klare URLs, die den Inhalt und die Hierarchie der Seite widerspiegeln und keine Sonderzeichen enthalten.

Landing Pages berücksichtigen: Denke daran, dass Besucher nicht immer auf der Startseite beginnen. Jede Seite sollte grundlegende Informationen wie Kontaktdaten und Navigationshilfen bieten.

Mobile Nutzer im Blick behalten: Optimiere die Website-Struktur für mobile Geräte, da der Anteil mobiler Zugriffe kontinuierlich steigt.

Eine klare Navigation und gut strukturierte Inhalte sind entscheidend dafür, dass Besucher sich leicht zurechtfinden und die benötigten Informationen schnell auffinden können. Benötigst du Hilfe bei deiner Website oder Kundenprojekten?

Vielleicht interessiert Dich auch folgendes?

OnPage Optimierung: So bringst du Deine Webseite SEO technisch auf die Überholspur

Weiterlesen

Strukturierte Daten: Wie du deine Website-Sichtbarkeit verbesserst

Weiterlesen

Mobile Optimierung – mit diesen Tipps wird Deine Webseite auch mobil gut angezeigt

Weiterlesen

Der Beitrag Informationsarchitektur: Wie plane ich die Struktur und Navigation der Website? erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Das Barrierefreiheitsstärkungsgesetz (BFSG) in Deutschland beruht auf der EU-Richtlinie 2019/882, die Anforderungen an die Barrierefreiheit von Produkten und Dienstleistungen festlegt.

Das Wichtigste in Kürze:

• Ab 2025 müssen Anbieter digitaler Produkte barrierefrei sein, was bedeutet, dass ihre Produkte den WCAG-Standards (Web Content Accessibility Guidelines) entsprechen müssen.
• Auch Drittanbieter-Software, die in deiner Webseite oder deinem Online-Shop verwendet wird, muss barrierefrei sein.

Das Barrierefreiheitsstärkungsgesetz sorgt dafür, dass Produkte und Dienstleistungen für Menschen mit Einschränkungen besser zugänglich sind. Es betrifft unter anderem:

• Webseiten und Apps müssen barrierefrei sein, damit Menschen mit Einschränkung sie nutzen können.
• Online-Shops müssen für Menschen mit Einschränkungen zugänglich sein, damit sie problemlos einkaufen können.
• Selbstbedienungsterminals wie Geldautomaten müssen von Menschen mit Einschränkungen bedient werden können.
• Kommunikationsdienste wie E-Mails müssen barrierefrei sein, damit Menschen mit Einschränkungen daran teilnehmen können.

Beispiele für weitere Produkte, die barrierefrei angeboten werden müssen, sind Computer, Notebooks, Tablets, Smartphones, Mobiltelefone, Geldautomaten, Automaten für Fahrkarten und Check-ins, Smart-TVs, E-Book-Reader und Router.

Beispiele für weitere Dienstleistungen, die barrierefrei angeboten werden müssen, sind Telefondienste, E-Books, Messenger-Dienste, mobil verfügbare Dienstleistungen einschließlich Apps im überregionalen Personenverkehr, Bankdienste, Online-Handel sowie interaktive Selbstbedienungsterminals für den Stadt-, Vorort- und Regionalverkehr.

Hier sind einige bestehende Barrieren, die berücksichtigt werden sollten:

• Technische Einschränkungen: Deine Nutzer haben technische Schwierigkeiten, wenn die Inhalte deines Shops nicht für assistive Hilfsmittel geeignet sind. Zum Beispiel führen fehlende Untertitel oder Alternativtexte für Bilder dazu, dass Screenreader Lücken im Inhalt hinterlassen. Auch ältere Browser oder nicht funktionierende Lautsprecher führen zu Einschränkungen.
• Visuelle Einschränkungen: Dies umfasst temporäre Einschränkungen wie Entzündungen oder Verletzungen sowie Farbsehschwächen wie Rot-Grün-Schwäche oder sogar Blindheit. Personen mit geringfügigen Sehschwächen könnten Probleme haben, kontrastarme Inhalte in deinem Online-Shop zu erkennen.
• Auditive Einschränkungen: Temporäre Höreinschränkungen oder Taubheit können dazu führen, dass auditive Inhalte nur begrenzt oder gar nicht genutzt werden können.
• Kognitive Einschränkungen: Menschen mit Aufmerksamkeitsdefizit, Legasthenie oder Lernbehinderungen finden unstrukturierte Informationen oder sich bewegende Elemente möglicherweise herausfordernd. Durch die Kontrolle über Audio- und Bildschirmbewegungen sowie einer klaren inhaltlichen Struktur kannst du hier Barrieren abbauen.
• Motorische Einschränkungen: Verschiedene körperliche Einschränkungen wie gebrochene oder fehlende Körperteile, körperliche Erkrankungen können die Navigation auf deiner Seite erschweren. Es ist wichtig, eine einfache Navigation auf deiner Seite zu ermöglichen.

Bildquelle: Statista

Welche Maßnahmen solltest du bei deinen Onlineshops oder Websites ergreifen?

• Barrierefreies Design: Gestalte deine Website oder deinen Onlineshop so, dass sie für alle Nutzer zugänglich sind, unabhängig von ihren Fähigkeiten oder Einschränkungen. Dazu gehören klare Navigation, leicht lesbare Texte, kontrastreiche Farben und eine benutzerfreundliche Struktur.
• Alternative Inhalte: Ergänze alternative Texte zu Bildern, damit Nutzer mit Sehbehinderungen sie verstehen können. Biete auch alternative Inhalte für multimediale Elemente wie Videos und Audiodateien an.
• Textliche Inhalte: Verwende kurze, einfache Sätze ohne Fachbegriffe oder Jugendsprache. Bedenke, dass Vorleseprogramme Schwierigkeiten haben könnten, bestimmte Begriffe zu erkennen.
• Tastaturbedienung: Sorge dafür, dass alle Funktionen deiner Website oder deines Onlineshops auch über die Tastatur bedient werden können. Das ist besonders wichtig für Nutzer mit motorischen Beeinträchtigungen, die möglicherweise keine Maus verwenden können.
• Optimierte Formulare und Interaktionselemente: Verbessere Formulare und Interaktionselemente, damit sie leicht zu bedienen sind und mit Assistenztechnologien kompatibel sind. Vermeide komplexe Captchas oder unverständliche Anweisungen.
• Schulungen und Sensibilisierung: Schulung deines Teams über die Bedeutung und Umsetzung von Barrierefreiheit im Webdesign und in der Entwicklung. Sensibilisierung für die Bedürfnisse von Menschen mit Einschränkungen und die Vorteile einer barrierefreien Website.

Schon vorhandene Softwarelösungen für digitale Barrierefreiheit

• OXID eShop integriert Eye-Able-Lösungen zur digitalen Barrierefreiheit vor Inkrafttreten des BFSG. Eye-Able bietet spezialisierte Tools für visuelle, motorische und kognitive Einschränkungen sowie für ältere Personen.

Barrierefreiheitsstärkungsgesetz: Welche Fristen solltest du beachten?

Der erste Entwurf des BFSG wurde am 1. März 2021 erstellt und das Gesetz dann am 22. Juli 2021 verkündet. Es wird am 28. Juni 2025 in Kraft treten. Ab diesem Datum müssen alle betroffenen Webseiten, Produkte und Dienstleistungen barrierefrei gestaltet sein.

Für wen gilt das BFSG?

Das BFSG betrifft vor allem Unternehmen und Organisationen, die digitale Produkte und Dienstleistungen für die breite Öffentlichkeit anbieten. Auch staatliche Stellen und Behörden müssen sicherstellen, dass ihre digitalen Angebote für alle zugänglich sind.

Wer ist vom BFSG ausgenommen?

Im Rahmen des BFSG gibt es Ausnahmen, die besonders kleinen Unternehmen zugutekommen. Betriebe mit weniger als 10 Mitarbeitern und einem Jahresumsatz von unter 2 Millionen Euro sind von der Umsetzung des Barrierefreiheitsstärkungsgesetzes befreit.

Dennoch ist es ratsam, Webseiten und Dienstleistungen so barrierefrei wie möglich zu gestalten. Das kommt nicht nur allen Nutzern zugute, sondern bietet auch soziale und wirtschaftliche Vorteile. Außerdem trägst du so maßgeblich zu einer inklusiven digitalen Gesellschaft bei. Warum also noch zögern?

Vorteile die sich dir bieten:

• Erweiterte Zielgruppe: Eine größere Besucherzahl und mehr Traffic, wenn auch Menschen mit Einschränkungen deine Website nutzen können.
• Imageverbesserung: Durch die Unterstützung von Barrierefreiheit kann eine positive Wahrnehmung bei Kunden und der Öffentlichkeit entstehen.
• Bessere Benutzererfahrung: Barrierefreie Websites bieten eine verbesserte Erfahrung für alle Nutzer, unabhängig von ihren Fähigkeiten oder Einschränkungen.
• SEO verbessern: Suchmaschinen bevorzugen barrierefreie Websites, da sie leichter zu durchsuchen und zu indexieren sind.
• Kosten reduzieren: Durch eine benutzerfreundlichere Gestaltung deiner Website oder deines Online-Shops kannst du Zeit bei Supportanfragen einsparen.

Videotipp zum nachdenken: Wie stark ist das Barrierefreiheitsstärkungsgesetz wirklich?

Link zum anschauen des Videos: https://www.youtube.com/watch?v=BZ0Eg_dCxfc

Tools um Barrierefreiheit zu überprüfen

Wichtige Links zum weiterlesen

Zusammenfassung

Das Barrierefreiheitsstärkungsgesetz sagt: Bis 2025 musst du sicherstellen, dass deine Website und dein Online-Shop barrierefrei sind. Das bedeutet, dass technische Anpassungen erforderlich sind, damit Menschen mit Einschränkungen sie nutzen können. Es ist wichtig, frühzeitig aktiv zu werden.

Der Beitrag Barrierefreiheitsstärkungsgesetz: ab 2025 Pflicht für B2C erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Beispiel: Shopware 6 Login für den Administrationsbereich

In Shopware 6 gibt der Login-Endpunkt im Administrationsbereich bei einer fehlgeschlagenen Anmeldung den Statuscode 400 Bad Request zurück. Dadurch kann Fail2ban leicht konfiguriert werden, um diese fehlgeschlagenen Logins zu erkennen und zu blockieren.

Ein typischer Log-Eintrag sieht so aus:

127.0.0.1 - - [26/Mar/2024:14:42:00 +0100] "POST /api/oauth/token HTTP/2.0" 400 101 "http://localhost/admin" "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:124.0) Gecko/20100101 Firefox/124.0" 551 506

Wichtig sind die IP-Adresse, der Zeitstempel, die Request-Methode (POST), der Pfad und der Statuscode.

Filter-Datei erstellen

Erstelle eine Filter-Datei namens apache-shopware-access.conf im Ordner config/filter.d mit folgendem Inhalt:

[INCLUDES]
before = apache-common.conf

[Definition]
failregex = ^<HOST> \S+ \S+ \[[^\"]*\] "POST /api/oauth/token HTTP/\d(\.\d)?" 400

datepattern = ^[^\[]*\[({DATE})

Jail-Konfiguration

Die Filter werden über sogenannte „Jails“ gesteuert. Erstelle eine Jail-Datei im Ordner config/jail.d mit folgendem Inhalt:

[apache-shopware-access]
enabled  = true
port     = http,https
logpath  = %(apache_access_log)s
maxretry = 10
findtime = 10m
bantime  = 15m

Hier wird der Name des Filters angegeben, die zu blockierenden Ports, der Pfad zu den Log-Dateien und die Bedingungen für das Blockieren (maxretry, findtime, bantime).

Testen des Jails

Zum Testen kann die Aktion dummy verwendet werden, die zu sperrende IP-Adressen nur in eine Logdatei schreibt:

banaction = dummy[target=/usr/local/apache2/fail2ban.sw-access.txt]

Pfade überschreiben

Falls der Pfad %(apache_access_log)s nicht funktioniert, können die Pfade in der Datei paths-overrides.local angepasst werden:

[DEFAULT]
apache_access_log = /home/users/*/logs/*/access.log
apache_error_log = /home/users/*/logs/*/error.log

Fazit

Mit einfachen Filter-Regeln kann ein zusätzlicher Schutz für den Login von Webanwendungen realisiert werden. Da diese Filter auf Log-Dateien zugreifen, können die verfügbaren Daten manchmal nicht ausreichen, um eine genaue Erkennung zu gewährleisten. Bei WordPress liefert der Login-Endpunkt beispielsweise immer den Statuscode 200, unabhängig vom Erfolg des Logins. In solchen Fällen müssen die Einstellungen in der Jail-Konfiguration möglicherweise lockerer gehalten werden.

Weitere Informationen:

https://www.vps-mart.com/blog/prevent-ssh-brute-force-attacks-on-linux-using-fail2ban
https://matthewsetter.com/bruteforce-protection-with-fail2ban/
https://www.nixtree.com/blog/fail2ban-security-feature/

Der Beitrag Logins mit Fail2ban zusätzlich absichern erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Telemediendienste sind jetzt Digitale Dienste

Das bedeutet, dass du dein Impressum und deine Datenschutzerklärung überprüfen solltest. Wenn sie noch Verweise auf das alte TMG oder das TTDSG enthalten, ist es Zeit für eine Aktualisierung.

Das DDG übernimmt nun die Regelung der Impressumspflicht, insbesondere in § 5 DDG. Die grundlegenden Anforderungen bleiben dabei weitgehend gleich, lediglich der Begriff „Telemediendienst“ wird durch „digitale Dienste“ ersetzt.

Das Telekommunikations-Telemedien-Datenschutz-Gesetz (TTDSG) hat auch einen neuen Namen erhalten: Telekommunikations-Digitale-Dienste-Datenschutz-Gesetz (TDDDG).

Im Endeffekt handelt sich lediglich um eine redaktionelle Änderung, da sich inhaltlich rund um die Impressumspflicht nichts ändert.

Impressum: Was muss genau getan werden?

Überprüfe dein Impressum auf Erwähnungen des TMG, wie z.B. „Impressum gem. § 5 TMG„. Bitte ändere dies nicht zu „Impressum gem. § 5 DDG“, sondern lasse die Angabe des Gesetzes insgesamt weg. Damit vermeidest du zukünftige Anpassungen und erfüllst dennoch alle rechtlichen Anforderungen, da keine explizite Nennung des zugrunde liegenden Gesetzes bei Informationspflichten erforderlich ist.

Cookies und Datenschutz

Wird auch mal einen Blick in die Cookie-Einwilligungen und deine Datenschutzerklärung. Der § 3 TTDSG sollte in Datenschutzverpflichtungen für Mitarbeiter auf § 3 TDDDG aktualisiert werden. Bezüglich der Cookie-Einwilligung ist nicht klar, ob eine Gesetzesnennung erforderlich ist. Wenn bereits das Gesetz genannt wird, benenne es einfach in § 25 TDDDG um.

Bitte beachte: Ab dem 14. Mai 2024 müssen die Änderungen durchgeführt werden.

Benötigst du dabei Hilfe?

Der Beitrag Handlungsbedarf aufgrund des neuen Digitale-Dienste-Gesetzes (DDG) erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

du wirst lernen, was strukturierte Daten sind, warum sie so wichtig sind und wie du sie auf deiner und auf Kunden-Websites anwenden kannst. Mit einfachen Beispielen und klaren Erklärungen geben wir dir das nötige Wissen und die Werkzeuge an die Hand, um deine Website für Suchmaschinen besser auffindbar und für Besucher ansprechender zu machen.

Und falls du Fragen hast oder an einem Punkt nicht weiterkommst, sind wir für dich da. Ein kurzer Kontakt genügt, und wir unterstützen dich dabei, das volle Potenzial deiner Website, bzw. den Websites deiner Kunden, zu entfalten.

Strukturierte Daten und ihre Formate

Strukturierte Daten mögen auf den ersten Blick vielleicht kompliziert klingen. Tatsächlich sind es jedoch einfach nur Informationen, die so formatiert sind, dass sie Suchmaschinen das schnelle und genaue Erfassen des Inhalts einer Website erleichtern. Um Suchmaschinen detaillierte Informationen über die Website zu liefern, setzen sie auf standardisierte Formate. Zu den am weitesten verbreiteten gehören JSON-LD, RDFa und Mikrodaten.

• JSON-LD (JavaScript Object Notation for Linked Data): Dieses Format zeichnet sich durch seine Einfachheit und Flexibilität aus. Es erlaubt die Einbettung strukturierter Daten in einem separaten Skript-Block innerhalb des HTML-Dokuments, ohne den sichtbaren Inhalt zu beeinträchtigen.
• RDFa (Resource Description Framework in Attributes): Bietet eine flexible Methode zur Integration von Metadaten in den HTML-Code, ideal für jene, die eine erweiterte Anpassungsfähigkeit in Bezug auf Vokabular und Datenexpression benötigen.
• Mikrodaten: Diese spezielle Art von HTML-Anweisungen wird direkt in den HTML-Code eingebettet, um bestehende Inhalte mit zusätzlichen „Tags“ oder „Markierungen“ zu versehen. Sie ermöglichen es Suchmaschinen, die markierten Informationen effektiv zu kategorisieren und zu interpretieren.

Ein einfaches Beispiel: Wenn du eine Rezension auf deiner Website veröffentlichst, sehen Besucher den Titel des Produkts, deine Bewertung und vielleicht ein paar Fotos. Für eine Suchmaschine ist es jedoch nicht immer sofort ersichtlich, dass es sich um eine Produktbewertung handelt. Hier kommen strukturierte Daten ins Spiel. Durch die Auszeichnung deiner Inhalte mit strukturierten Daten kannst du der Suchmaschine genau sagen: „Das ist ein Produkt, hier ist der Name, das sind die Bewertungspunkte und hier sind einige Bilder dazu.“

Das Ergebnis? Deine Inhalte können in den Suchergebnissen informativer dargestellt werden, zum Beispiel in Form von Rich Snippets. Diese verbesserte Darstellung kann die Sichtbarkeit deiner Website erhöhen und dazu führen, dass mehr Nutzer auf deine Links klicken.

Die Verwendung strukturierter Daten ist also nicht nur eine Frage von Suchmaschinen-Optimierung, sondern vor allem der Nutzererfahrung.

Praktische Beispiele und Anwendungsfälle

Rich Snippets sind eine aufmerksamkeitsstarke Anwendung von strukturierten Daten. Hier sind einige Arten von Rich Snippets, die du auf Kundenwebsites implementieren kannst:

• Produktinformationen: Zeige wichtige Produktdetails wie Preis, Verfügbarkeit und Bewertungen in den Suchergebnissen an.
• Veranstaltungen: Hebe wichtige Informationen zu Events, wie Datum, Ort und Ticketpreise, in den Suchergebnissen hervor.
• Rezepte: Präsentiere Zutaten, Kochzeiten und Nährwertinformationen direkt in den Suchergebnissen.
• FAQs: Ein besonders nützliches Format für Webseitenbetreiber ist die Darstellung von häufig gestellten Fragen und Antworten direkt in den Suchergebnissen.
• Bewertungen und Rezensionen: Nutze strukturierte Daten, um Bewertungen und Rezensionen von Nutzern deiner Produkte oder Dienstleistungen in den Suchergebnissen anzuzeigen.
• Lokale Unternehmen: Wenn du ein lokales Geschäft oder eine Dienstleistung anbietest, verwende strukturierte Daten, um Informationen wie Öffnungszeiten, Adresse und Telefonnummer direkt in den Suchergebnissen zu präsentieren.
• Bücher und Produkte: E-Commerce-Webseiten können strukturierte Daten nutzen, um Informationen über Bücher, Produkte und deren Verfügbarkeit anzuzeigen.
• Bewerbungen und Lebensläufe: Karriere-Webseiten können strukturierte Daten nutzen, um Stellenangebote und Bewerbungsinformationen zu kennzeichnen.

Wir helfen dir beim durchstarten!

Eine Schritt-für-Schritt-Anleitung: FAQs in WordPress

Wenn du eine WordPress-Website betreibst und häufig gestellte Fragen (FAQs) mithilfe von strukturierten Daten hervorheben möchtest, folge diesen Schritten:

• FAQ-Plugin wählen: Installiere ein SEO-Plugin, das die Unterstützung für strukturierte Daten bietet, wie z.B. Yoast SEO oder Rank Math. Diese Plugins erleichtern die Integration von strukturierten Daten ohne direkte Bearbeitung des Codes.
• FAQ-Bereich erstellen: Füge auf deiner Seite oder in deinem Beitrag einen FAQ-Bereich hinzu. Nutze dazu den Gutenberg-Editor, der in vielen SEO-Plugins durch spezielle Blöcke für FAQs erweitert wird.
• Fragen und Antworten eintragen: Gib jede Frage und Antwort in die vorgesehenen Felder des FAQ-Blocks ein. Die Plugins formatieren diese Informationen automatisch mit dem richtigen Schema-Markup für strukturierte Daten.
• Seite aktualisieren und testen: Nachdem du deine FAQs hinzugefügt und die Seite aktualisiert hast, nutze das Google Structured Data Testing Tool, um sicherzustellen, dass deine strukturierten Daten korrekt implementiert sind und fehlerfrei angezeigt werden.

Hier mal eine Beispiel FAQ-Frage, wie es eben im fertigen Zustand aussieht.

Durch die Implementierung von FAQs mit strukturierten Daten auf deiner WordPress-Site kannst du nicht nur die Sichtbarkeit deiner Inhalte in den Suchergebnissen verbessern, sondern auch Nutzern schnelle und präzise Antworten auf ihre Fragen bieten.

Tools und Ressourcen für strukturierte Daten

Die Implementierung und Überprüfung strukturierter Daten auf deiner Website kann durch eine Reihe von Tools und Ressourcen erheblich vereinfacht werden. Hier sind einige, die du in Betracht ziehen solltest:

• Google’s Structured Data Testing Tool: Dieses Tool ermöglicht es dir, deine Webseite zu testen und sicherzustellen, dass deine strukturierten Daten korrekt implementiert sind. Es ist ein unverzichtbares Werkzeug, um Fehler zu identifizieren und Korrekturen vorzunehmen, bevor deine Seite live geht.
• Schema Markup Validator: Mit diesem Tool kannst du die Validität deines Schema-Markups überprüfen. Es unterstützt verschiedene Formate strukturierter Daten und hilft dir, mögliche Probleme in deinem Markup zu identifizieren.
• Yoast SEO für WordPress: Wenn du eine WordPress-Webseite betreibst, ist Yoast SEO ein umfassendes Plugin, das nicht nur die SEO deiner Site verbessert, sondern auch Unterstützung für die Implementierung strukturierter Daten bietet. Es erleichtert die Einbindung von Schema.org-Daten in deine Inhalte.
• Merkle’s Schema Markup Generator: Dieses Tool ist besonders nützlich, um schnell und einfach das richtige Schema-Markup zu erstellen. Gib einfach die erforderlichen Informationen ein, und das Tool generiert den Code, den du auf deiner Website einfügen kannst.
• Rich Results Test von Google: Mit diesem Tool kannst du überprüfen, ob deine Webseite für Rich Snippets qualifiziert ist, die durch strukturierte Daten ermöglicht werden. Es zeigt dir, wie deine Seite in den Suchergebnissen erscheinen könnte und welche Elemente hervorgehoben werden.

Die Vorteile von strukturierten Daten

Die Implementierung von strukturierten Daten bietet zahlreiche Vorteile:

• Bessere Sichtbarkeit: Strukturierte Daten verbessern die Sichtbarkeit deiner Website in Suchergebnissen.
• Hervorhebung von Informationen: du kannst wichtige Details wie Produktbewertungen und Preise deutlicher darstellen.
• Steigerung der Klickrate: Verbesserte Suchergebnisse führen zu höheren Klickraten.
• Optimierte Nutzererfahrung: Nutzer erhalten schnell relevante Informationen.
• Wettbewerbsvorteil: du kannst dich gegenüber Mitbewerbern abheben.

Noch Fragen zum Thema?

Durch die Implementierung strukturierter Daten machst du es Suchmaschinen leichter, den Inhalt deiner Seite zu verstehen und relevante Informationen in den Suchergebnissen hervorzuheben. Egal, ob es um Produktinformationen, Veranstaltungen, Rezepte oder häufig gestellte Fragen geht, strukturierte Daten helfen dir, deine Inhalte attraktiver und zugänglicher zu machen.

Und sollte die Umsetzung einmal Fragen aufwerfen oder du Unterstützung benötigen, zögere nicht, Kontakt aufzunehmen oder einen Kommentar zu hinterlassen. Wir sind hier, um dir zu helfen und deine Fragen zu beantworten.

Vielleicht interessiert Dich auch folgendes?

Duplicate Content – Tipps um ihn zu beheben und zu vermeiden

Weiterlesen

Interne Verlinkung optimieren: So kannst auch du perfekte interne Links setzen

Weiterlesen

Strukturierte Daten: Wie du deine Website-Sichtbarkeit verbesserst

Weiterlesen

Der Beitrag Strukturierte Daten auf Kundenwebseiten darstellen erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Hier ein Auszug aus der aktuellen Mail von Google: Google reduziert die Anzahl der kostenlosen Verifizierungen von einer Million auf nur noch 10.000 pro Monat, sowohl für den reCAPTCHA Enterprise Service als auch für den zuvor „kostenlosen reCAPTCHA Service“. Enterprise-Nutzer zahlen nach den ersten 10.000 kostenlosen Verifizierungen weiterhin $ 1 für jede weiteren 1.000 Verifizierungen.

Aktuelle Website für die Preise von reCAPTCHA Enterprise: https://cloud.google.com/recaptcha-enterprise/pricing – Änderungen treten erst ab April 2024 in Kraft.

Vielleicht eine gute Gelegenheit, sich mit Alternativen zu beschäftigen, für WordPress empfehlen wir z.B. WP Armour, eine weitere Option ist der datenschutzfreundliche Einsatz von hCaptcha.

Vielleicht interessiert Dich noch folgendes?

Strukturierte Daten auf Kundenwebseiten darstellen

Weiterlesen

GA4 Ecommerce Tracking mittels Tag-Manager einrichten

Weiterlesen

7 Tipps für perfekte responsive Suchanzeigen

Weiterlesen

Der Beitrag Neue Preismodelle: Google reduziert die kostenlose Anwendung von reCAPTCHA erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Freie und Open-Source-Software ist Software, die ihren Nutzern erlaubt, den Quellcode einzusehen, zu verändern und frei weiterzugeben. Diese Philosophie betont im Gegensatz zu proprietärer Software, bei der der Quellcode eingeschränkt oder geheim gehalten wird, den Gedanken der Zusammenarbeit, der Transparenz und des freien Zugangs zu Software.

Beispiele für bekannte Open-Source-Software

• WordPress
• MySQL
• Open Office
• Linux
• Gimp
• LibreOffice

Bestimmt sind dir noch viele weitere bekannt, die oft täglich zum Einsatz kommen.

Veranstaltungshinweise

Während des Software Freedom Day werden weltweit verschiedene Veranstaltungen, Workshops, Seminare und Aktivitäten organisiert, um Menschen über die Vorteile von FOSS zu informieren und wie sie an Projekten teilnehmen können. Diese Veranstaltungen richten sich an ein breites Publikum, darunter Schüler, Studenten, Fachleute und die allgemeine Öffentlichkeit.

Der Tag der Softwarefreiheit ist eine Gelegenheit zur Schärfung des Bewusstseins für die Bedeutung von Open Source Software und zur Förderung der Idee der Softwarefreiheit.

Hier findest du einige Veranstaltungen: https://www.softwarefreedomday.org/map/index.php?year=2023

Weiterführende Links

• https://www.softwarefreedomday.org/
• https://www.bsi.bund.de/DE/Themen/Verbraucherinnen-und-Verbraucher/Informationen-und-Empfehlungen/Cyber-Sicherheitsempfehlungen/Updates-Browser-Open-Source-Software/Open-Source-Vorabversionen-von-Betriebssystemen/open-source-vorabversionen-von-betriebssystemen_node.html
• https://de.wikipedia.org/wiki/Software_Freedom_Day

Welche Open Source Software würde dir am meisten fehlen, wenn sie es nicht mehr geben würde?

Der Beitrag Software freedom Day: 16.09.2023 erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Aktuelles in Kürze:

• Bindest du Google Fonts dynamisch in Deine Website ein? Damit verstößt du unter Umständen gegen die Datenschutz-Verordnung.
• Wer verschickt die Abmahnungen? Im aktuellen Falle verschicken Privatpersonen an die Webseitenbetreiber die Abmahnungen & zusätzlich aber auch kostenpflichtige Abmahnungen durch Anwälte
• Wer oder was hilft? Es gibt kostenlose Online-Tools, welche aufzeigen, ob Deine Seite gefährdet ist.
• Abmahnungen nicht immer vorschnell hinnehmen, sondern Hilfe und Beratung suchen

Viele Webseiten-Betreiber nutzen Schriftarten, welche kostenlos von Google zur Verfügung gestellt werden. Viele WordPress-Templates haben auch diese Schriftarten integriert.
Es gibt zwei Varianten, die Schriften einzubinden.

• Schriften werden lokal gehostet und vom eigenen Server in den Internetauftritt eingebunden (sichere Variante)
• Schriften werden dynamisch eingebunden, dabei werden die Schriften bei jedem Aufruf der Website, direkt von den Google-Servern geladen (Abmahnung kann drohen)

Das dynamische Einbinden ist allerdings weit verbreitet, auch weil viele Templates genau diese Funktion beinhalten. Aber dieses Vorgehen hat einen großen Haken. Wenn Deine Besucher Deine Website aufrufen, wird die IP-Adresse des Besuchers übermittelt und an Google weitergeleitet. Und genau dieses Vorgehen, kann einen Verstoß gegen die Datenschutz-Grundverordnung darstellen und kann unter Umständen zu einer kostenpflichtigen Abmahnung führen, laut eines Urteils des Landgericht-Münchens: https://www.gesetze-bayern.de/Content/Document/Y-300-Z-GRURRS-B-2022-N-612?hl=true.

Und warum?

• Die IP-Adresse gehört zu den personenbezogenen Daten, welche nicht ohne Aufforderung gespeichert werden, dürfen.

Wie kannst du einer Abmahnung vorbeugen?

Es gibt inzwischen eine Menge an kostenlosen Online-Check-Tools, welche überprüfen, ob auf deiner Website, Google Fonts dynamisch eingebunden werden.

• https://sicher3.de/google-fonts-checker/
• https://seofx.de/seo-tools/google-fonts-checker/

Wenn ein rotes Ergebnis auftaucht, besteht akuter Handlungsbedarf. Dann solltest du die Schriftarten lokal speichern & danach in die eigene Website integrieren. Falls ein grünes Ergebnis auftaucht, besteht kein Handlungsbedarf.

Kurze Anleitung für das lokale hosten: 

• Benutzte Google Fonts herausfinden
  • bei den meisten WordPress Seiten werden die Schriftarten über die Einstellungen des Themes hinterlegt und über Customizer des Themes findest du auch heraus, welche Schriftart aktuell verwendet wird.

• Google Fonts über die Entwickler-Konsole finden
  • Über die Entwickler-Tools bzw. die Entwicklerkonsole wirst du alle verwendeten Schriftarten finden, welche über die Google Fonts geladen werden.
  • Dazu einfach mit der rechten Maustaste klicken, dort „Element untersuchen“ auswählen
• Herunterladen der benötigten Schriftarten
  • Benötigte Google Fonts über: https://fonts.google.com bei Google runterladen

• Unter Schritt 3 kannst du gleich den Ordner angeben, in welchen du die Schriftarten hinterlegen willst
• Download der Schriften

Hier eine kleine Liste an möglichen Plugins:

• Autoptimize: https://de.wordpress.org/plugins/autoptimize/
  • Einstellungen → Autoptimize → Extras → Google Fonts entfernen
• Disable and Remove Google Fonts: https://wordpress.org/plugins/disable–removegoogle–fonts/
• Clearfy Cache – WordPress optimization plugin, Minify HTML, CSS & JS, Defer: https://de.wordpress.org/plugins/clearfy/

Mit diesen Schritten sollte Deine WordPress Website über keinerlei dynamisch angebundenen Google Fonts mehr verfügen.

Besitzt du eine WordPress Website und hast Probleme bei der Umsetzung dieser Schritte? Dann schreib uns gerne eine Mail – wir bieten dir gerne unsere Hilfe an, damit Deine Website im Zuge der Abmahnwelle, nicht betroffen sein wird: https://hosting.gn2.de/kontakt/

Abgemahnt vom Anwalt oder Privatpersonen: so reagierst du richtig

Bist du auf diesen Blogbeitrag gelangt, weil du schon eine Abmahnung wegen eines Datenschutzverstoßes erhalten hast? Es bringt nichts, nun hektisch zu reagieren und ohne Kontrolle eine Unterlassungsklage zu unterschreiben. Bitte lasse dich in dem Falle juristisch beraten, ob die Abmahnung rechtens ist. Abmahnungen von Privatpersonen können ignoriert werden bzw. können diese getrost zurückgegeben werden, da diese nicht rechtens sind. Hier findest du auch ein Musterschreiben mit der Möglichkeit des Downloads, welches du bei einer Abmahnung verwenden kannst: https://www.wbs-law.de/it-und-internet-recht/datenschutzrecht/google-webfont-musterschreiben-61157/

Wie kannst du erkennen, ob überhaupt ein Verstoß vorliegt?

Mit folgenden Schritten kannst du leicht überprüfen, ob der Vorwurf überhaupt gerechtfertigt ist:

• Nutzt du überhaupt Google Fonts => kannst du mittels Tools leicht herausfinden.
• Ist der Dienst statisch eingebunden? Falls ja, findet keine Übermittlung der IP-Adresse statt und der Vorwurf ist aller Voraussicht nach unbegründet
• Ist der Dienst dynamisch eingebunden => kannst du mittels Tools leicht herausfinden. Falls ja, solltest du zeitnah die Fonts lokal nach unserer Anleitung einbinden

Weiterführende Links:

• https://www.heise.de/news/DSGVO–Abmahnwelle–wegen–Google–Fonts–html
• https://www.haendlerbund.de/de/leistungen/rechtssicherheit/hilfe–beiabmahnung/abmahnung–google–fonts
• https://www.techniknews.net/news/datenschutzverletzung-wegen-google-fontsdatenschutzanwalt-mahnt-ab/

Vielleicht interessiert Dich noch folgendes?

Borlabs Cookie 3.1

Weiterlesen

WordPress Export / Import / Backup mit All-in-One WP Migration

Weiterlesen

NinjaFirewall: So wird Deine WordPress Website sicherer

Weiterlesen

Vielleicht interessiert Dich noch folgendes?

Borlabs Cookie: Eine einfache Anleitung (2024)

Weiterlesen

Plugin-Tip des Tages: WP-Downgrade

Weiterlesen

WordPress Export / Import / Backup mit All-in-One WP Migration

Weiterlesen

Der Beitrag Abmahngefahr durch Google Fonts erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Wahrscheinlich hast du dich auch noch gar nicht weiter mit GA4 (Google Analytics 4) beschäftigt und weißt nun gar nicht, wie die Umstellung funktioniert bzw. was du als erstes tun sollst?

Nach dem Lesen unseres Beitrages wirst du die Unterschiede von Universal Analytics und der Google Analytics 4 Version kennen und auch wissen, welche nächste Schritte gegangen werden müssen.

Also keine Panik, denn ganz von vorn beginnt man mit der Nutzung von GA4 nicht.

Welche Vorteile bietet Google Analytics 4?

Relevantere und besser dargestellt Analysen sollten mit dem neuen Datenmodell möglich sein, aber lasst uns direkt auf alle Vorteile im Detail eingehen:

• Datenschutz: Das Anonymisieren von IP-Adressen findet in GA4-Properties automatisiert statt
• Machine Learning: Durch den Einsatz von neuen Algorithmen will Google nun in der Lage sein, Prognosen über zukünftiges Nutzerverhalten aufzustellen und automatisch über Trends (erhöhte Zugriffe) zu informieren.
• Modelling: Bei unvollständigen Daten schließt GA4 fehlende Daten über neue Modellierungstools
• Datenkontrolle: Nutzer/Unternehmen haben nun bessere Kontrolle über die Daten, welche erhoben werden. Das betrifft vor allem das Sammeln, Aufbewahrung und das Teilen von Daten
• Data-Streams: Neben dem Seitenaufruf werden jetzt schon im Standard 5 Ereignisse, wie Scrolls und/oder Klicks auf externe Links gemessen.
• Visualisierung: Im neuen Analyse-Modul finden sich neue Möglichkeiten der Visualisierung (Pivot Tabellen oder Streudiagramme)
• Design: GA4 wirkt aufgeräumter und frischer

Sollte man Google Analytics schon umstellen? Ja – auf jeden Fall!

Denn zum 01. Juli 2023 werden keine Daten mehr in die UA-Properties übertragen und somit wird die alte Version ungültig. Zwar werden die Daten, welche vorher aufgezeichnet wurden, noch mindestens 6 Monate verfügbar sein, aber danach hast du keinerlei Zugriff auf Deine historischen Daten mehr. Aus diesem Grund sollte daher die Umstellung so schnell, wie möglich, erfolgen. Denn nur so kannst du weiterhin historische Daten sammeln.

Hinweis: Bis zur endgültigen Abschaltung von Universal Analytics nutzen wir beide Versionen parallel. Denn so hast du genügend Zeit um sich in GA4 einzuarbeiten bzw. zurecht zu finden. Und kannst dann mit dem regulären Start schon gut geschult die neuen Auswertungen nutzen.

Welche Version nutzt du? So kannst du es herausfinden!

Wenn Deine Analytics Property vor Oktober 2020 erstellt wurde, handelt es sich in den allermeisten Fällen um eine UA Property. Natürlich kannst du auch über den Script-Code erkennen, welche Version auf deinen Webseiten zum Einsatz kommt. Die alte Universal Analytics Version erkennst du an dem UA im Quelltext.

Universal-Analytics-Script (am UA zu erkennen):

<!-- Global site tag (gtag.js) - Google Analytics -->

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-*******"></script>

<script>window.dataLayer = window.dataLayer || [];   function gtag(){dataLayer.push(arguments);}   gtag('js', new Date());   gtag('config', 'UA-***********);</script>

Google Analytics 4 Script (am G- zu erkennen):

<!-- Global site tag (gtag.js) - Google Analytics -->

<script async src="https://www.googletagmanager.com/gtag/js?id=G-

********"></script><script> window.dataLayer = window.dataLayer || [];   function gtag(){dataLayer.push(arguments);}   gtag('js', new Date());
gtag('config', 'G-*******'); </script>

Google Analytics 4 Einrichtung im Detail

1. Tracking-Code erstellen
2. DSGVO beachten
3. Google Code auf der Webseite einbinden
4. Google Code mit dem Google Tag Manager einbinden
5. Cookie Banner auf Webseite
6. Einstellungen für Google-Analytics 4 Properties

Im ersten Schritt muss der neue Tracking-Code erstellt werden. Dafür loggst du dich in deinen Analytics Account ein und gehe zu den Account Setting / Verwaltungseinstellungen. Unter Property-Einstellungen findest du eine eine Schaltfläche für “+Property erstellen”. Diese wird ausgewählt und mit den richtigen Daten (Zeitzone und Währung) ausgefüllt.

Tipp: Unter den Erweiterten Optionen kann man sich bei Bedarf noch eine alte Universal Analytics Property mit erstellen, wenn man bis zum Jahre 2023 beide Versionen parallel nutzen möchte.

Danach die Angaben zum Unternehmen ausfüllen und den Button „Erstellen“ betätigen.

Jetzt kommt ein weiterer wichtiger Schritt.

Der passende Datenstream muss ausgewählt werden. Soll Deine GA4 Property für eine Webseite, iOS oder Android Geräte angelegt werden? Hier musst du die für dich richtige Auswahl treffen, je nach Auswahl unterschieden sich die benötigten Informationen.

Wenn du die Property für das Web anlegst, erscheint folgendes Fenster

Dort trägst du bitte alles ein und klickst dann auf Stream erstellen. Danach kannst du gut erkennen, was alles aufgezeichnet wird und Dein neuer GA4 Code ist erstellt.

Der nun erstellte Code sieht so aus ….

3. Einbinden des Codes auf der Webseite

du kannst den Code einfach kopieren und in den Quelltext deiner Webseite einbinden. Falls du ein CMS nutzt, gibt es für fast alle Systeme die passenden Plug-ins für die Analytics Erweiterung.

WordPress Plugins:

• https://wordpress.org/plugins/ga–google–analytics/
• https://wordpress.org/plugins/google–site–kit/
• https://wordpress.org/plugins/google–analytics–for–wordpress/

Wichtig ist allerdings die Position des Snippets, denn der Tracking-Code gehört in den Kopfbereich, im allerbesten Fall direkt an den Anfang des <head> Bereiches.

4. Einbinden über den Google-Tag Manager

Falls du lieber mit den Tag-Manager arbeitest, kannst du den Tag natürlich auch darüber einbinden.

Hierzu musst du dir unter tagmanager.google.com ein Konto + Container anlegen, falls noch keins vorhanden ist. Falls hierzu Hilfe benötigt wird, kannst du dich gerne an uns wenden!

 Unter Tags kannst du dann ein neues Tag konfigurieren

Dabei bitte Google-Analytics: GA4-Konfiguration auswählen

Trage die im Datastream erwähnte ID ein und setzte den auszulösenden Trigger „All-Pages“. Wichtig, der Haken zu “Bei Laden dieser Konfiguration ein Ereignis vom Typ „Seitenaufrufe“ senden, muss gesetzt sein.

Sobald alles gespeichert ist, zeichnet der Tag Manager alles auf.

5. ) Cookie Banner auf der Webseite – wichtig nicht vergessen

Seit Herbst 2019 gibt es für CMS etliche Erweiterungen mit denen man Banner zur Cookie Abfrage einbauen kann.

Mit Hilfe dieser Banner werden die Webseiten Besucher gefragt, wie mit dem Tracking umgegangen werden soll und welcher Nutzung er zustimmt. Im Zuge der DSGVO müssen solche Abfragen stattfinden, sobald man Tracking-Tools wie Analytics verwendet.

Hier eine kleine Tool-Auswahl, welche du dafür nutzen kannst:

• Borlabs Cookie
• Constent Managment Provider
• CookieBot

6.) Einstellungen für „Google Analytics 4“-PROPERTYs

Nun haben wir unsere neue GA4 Property ja schon eingerichtet. Aber lass uns einen Blick auf die Property Einstellungen richten. Zuerst wird der Property Name vergeben, es macht Sinn die Property nach der Webseite zu benennen, damit der Überblick gewahrt wird. Die Auswahl der passenden Branche, Zeitzone und Währung schließen den Bereich ab.

Danach folgt der Punkt: Datenstreams. Hier erscheint der Stream den man im Vorfeld angelegt hat, bei einer regulären Webseite erscheint hier der Webstream.

Klickt man auf diesen, öffnen sich die Dateils zum Webstream mit der URL, dem Namen und der Mess-ID.

Nun schauen wir mal auf den Punkt: Optimierte Analysen, dort findet man die im Standard aktivierten Eventmessungen.

Dazu zählen:

• Seitenaufrufe
• Scrollvorgänge
• Klicks auf externe Links
• Website-Suche
• Engagement mit dem Video
•  

Möchtest du etwas davon nicht aufzeichnen? Dann kannst du über das Zahnrad die notwendigen Änderungen vornehmen.

Wenn wir nun ganz runter scrollen (im Einstellingfenster) erscheint der Bereich: „Weitere Tagging-Einstellungen„.

Dies waren die wichtigsten Bereiche im Menü der Datenstreams. Nun sollten wir uns die Punkte in den Dateneinstellungen genauer anschauen, denn die Punkte – Datenerfassung & Datenaufbewahrung sind sehr wichtig. Hier bietet Google Analytics bei Datenerfassung die Aktivierung von Google-Signale an.

Damit wird die Datenerfassung und das Remarketing geräteübergreifend (falls also ein User verschiedene Endgeräte nutzt) realisiert.

Beim Abschließen der Aktivierung wird man auf dieser Seite der Property-Verwaltung auch um folgendes gebeten: „Ich bestätige, dass mir die Endnutzer die zum Erheben und Verarbeiten ihrer Daten erforderlichen Berechtigungen/Rechte zur Offenlegung von Informationen erteilt haben. Dazu zählt auch die Verknüpfung solcher Daten mit den Besucherinformationen, die in Google Analytics von meiner Website- und/oder App-Property erfasst werden.“

Die Offenlegung des Trackings auf deiner Webseite erfolgt über den Tracking-Banner, somit erhalten die User die Möglichkeit das Tracking zu untersagen.

Unter dem Punkt Datenaufbewahrung wird die Dauer eingestellt, wie lange die erhobenen Daten zur Verfügung gestellt werden.

Da wir durch die DSGVO angehalten werden, Daten nicht endlos lange zu sammeln und auch nur Daten erheben dürfen, die wirklich notwendig sind, müssen die Daten nach einer gewissen Zeit wieder gelöscht werden.

Weiter geht es in der Property-Verwaltung mit „Identität für die Berichterstellung„. Hier empfielt sich die Auswahl „Nach User-ID, danach Google Signale, dann Gerät“. Kann man natürlich nur auswählen, wenn man Google Signale aktiviert hat.

Ansonsten gibt es nur folgende Auswahlmöglichkeit:

Danach kommt der Punkt – und zwar eine Neuerung – die Attributionseinstellungen.

Hier trifft man die Regeln, wie die Conversions in den Berichten zugewiesen wird. Hier kann man regeln, wie Conversions in den Berichten zugewiesen werden sollen.

Dort gibt es eine Vielzahl an Möglichkeiten zur Auswahl.

Im Datengetrieben Modell versucht Google, die Wichtigkeit der einzelnen Besuche (Quelle, Kampagnen und Co) zu ermitteln.

Nun geht es um das Lookback-Window. Über das Lookback-Window geben wir an, wie weit eine Conversion-Interaktion zurückliegen darf, um noch berücksichtigt zu werden.

Beispiel: Entscheidet man sich hier für ein Lookback-Window von 30 Tagen, dann werden für Conversions an einem 30. April all jene Web-Interaktionen berücksichtigt, die in der Zeit vom 1. bis 30. April passiert sind. Den Empfehlungen von Google zu folgen, ist meist sehr sinnvoll.

Der nächste Punkt wären die Produktverknüpfung:

Folgende Google Produkte können mit der GA4 Property verknüpft werden:

• Google Ads
• Google Search Console
• BigQuery (bei großen Datenmengen sinnvoll)
• Google Ad Manager
• Google Display & Video 360

Mit den Produktverknüpfungen sind wir schon am letzten Punkt der GA4 Einstellungen angekommen.

Fazit

Google Analytics 4 ist eine deutliche Weiterentwicklung des Analyse Tools von Google. Die Auswertungen werden ausführlicher und plattformübergreifend möglich. Dadurch stehen die Nutzer und das Verhalten von ihnen ganz klar im Vordergrund. Allerdings unterscheidet es sich nicht nur optisch, sondern auch zu großen Teilen, technisch vom Vorgänger, dadurch kann es zu Problemen in der Anwendung bzw. Anpassung kommen. Aber hier kommen wir ins Spiel. Benötigst du Unterstützung bei der Einrichtung deiner Google Analytics 4 Property? Wir freuen uns auf Deine Nachricht.

Weiterführende Links

• GA4 Ecommerce Tracking mittels Tag-Manager einrichten

Vielleicht interessiert Dich noch folgendes?

Strukturierte Daten auf Kundenwebseiten darstellen

Weiterlesen

GA4 Ecommerce Tracking mittels Tag-Manager einrichten

Weiterlesen

7 Tipps für perfekte responsive Suchanzeigen

Weiterlesen

Der Beitrag Google Analytics 4: Langsam wird es Zeit über den Wechsel nachzudenken bzw. sich zu informieren erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Wir möchten dir mit diesem Beitrag das Thema der mobilen Usability näherbringen und vor allem Tipps geben, auf was du im Einzelnen achten musst und welche Fehler du vermeiden solltest.

Denn wie inzwischen bekannt ist, hat Google die Mobile Friendly (Mobile Friendliness) zu einem Rankingfaktor gemacht. Genauer gesagt meint man damit den mobilfreundlichen Zustand von Webseiten. Seit April 2015 ist dieser, von Google geprägte Begriff, in der Suchmaschinen Optimierung ein wichtiger Punkt. Denn an diesem Tag wurde die Mobile Friendliness zum offiziellen Rankingfaktor und das Google Update hatte Auswirkungen auf die weltweiten Sucherergebnisse, da mobil optimierte Webseiten besser gerankt wurden.

Ab April 2018 hat Google den Mobile First Index ausgerollt und seit diesem Tag werden nur noch die mobilen Versionen von Webseiten berücksichtigt.

Der Mobile First Index bezieht sich immer auf den Content, die Mobilfreundlichkeit nimmt allerdings Einfluss auf die Sortierung der Ergebnisse der Suchmaschinen. Je besser Deine Webseite mobil aufgestellt ist, je besser die User sich mobil auf deiner Webseite zurechtfinden, desto besser Dein Ranking.

Unterschiede der Nutzung der Webseiten mobil oder am PC

Wenn Deine Webseiten-Besucher mobil im Internet surfen, gelten natürlich andere Voraussetzungen, als am Desktop-PC oder Laptop.

Welche Unterschiede sind das im Einzelnen?

• Display ist sehr viel kleiner, daher sollte der Content mobile anders dargestellt werden – lange Texte müssen sinnvoll gegliedert werden
• Internetverbindung ist mitunter langsamer, als im heimischen WLAN
• Besucher benutzt Touchscreen und keine Maus zur Navigation der Inhalte
• Flash und Java können auf mobilen Endgeräten nicht dargestellt werden und führen zu Problemen = negative User Signale
• Große Bilder / Banner können mobile eher stören

Wie optimiert man auf Mobile First bzw. wie funktioniert eine mobile Optimierung?

Mobile Nutzer haben oft weniger Zeit als Nutzer am PC, daher sollten die Webinhalte auf das nötigste reduziert werden. Das heißt im Umkehrschluss, verzichte am besten auf große Bilder, auf Flashinhalte und/oder zu viele Videos. Denn die Nutzung deiner Webseite sollte so einfach wie möglich gemacht werden. Denn je reibungsloser Deine Webseite bedient werden kann, umso länger bleiben die User auf deiner Webseite.

Wie sollte denn nun eine mobile Website aufgebaut und/oder gestaltet sein?

Am wichtigsten ist eine bedienfreundliche Oberfläche deiner Inhalte. Dein Webseiten-Layout sollte an die jeweilige Bildschirmoberfläche und -größe angepasst sein. Der Inhalt muss ohne zu viel Scrollen/Zoomen angezeigt werden können.

Daher gibt Google den Tipp der responsiven Webdesigns, darunter versteht man die automatische Anpassung der Inhalte auf die jeweiligen Bildschirmgrößen.

Verzichte auf zu kleine Navigationselemente, alle Elemente müssen mit dem Daumen anklickbar sein. Sorge für eine einfache & übersichtliche Menüstruktur, darüber sollten alle wichtigen Informationen schnell aufrufbar sein.

Vergiss nie: je anstrengender Bedienung der mobilen Webseite für die User ist, desto eher verlässt der User die Seite und umso höher wird die Absprungrate.

Wie du daran erkennen kannst, ist das mobile Design ein wichtiger Rankingfaktor um die Besuchsdauer zu verlängern und dadurch die Conversionsraten zu erhöhen.

Das wichtigste nochmal in Kürze:

• Nutze ein responsives Webdesign (Design passt sich automatisch an die Endgeräte an)
• Bilder verkleinern (Größe der Bilder im Vorfeld reduzieren) = kleinere Bilder = schnellere Ladezeiten
• Funktionen die mobile nicht nutzbar sind, ausblenden bzw. entfernen
• Flash vermeiden
• Lange Absätze vermeiden (kurze Absätze erhalten mehr Aufmerksamkeit)
• Ordentliche Menüstruktur (User soll so schnell, als möglich, die wichtigsten Inhalte aufrufen können)
• Schriftgröße nicht zu klein
• Größe von Buttons und Links anpassen (dürfen nicht zu eng beieinander liegen)
• Pagespeed testen = schnelle Webseite = geringere Absprungrate
• Webseite immer auch mobil testen!

Wie kann man seine Webseite auf mobile friendly überprüfen?

Möchtest du überprüfen, wie mobilfreundlich Deine Webseite aufgebaut ist, bietet sich das kostenlose Tool von Google an: https://search.google.com/test/mobile-friendly (Dieser Dienst ist leider seit Ende 2023 eingestelllt)

Mit diesem Tool werden die Bereiche der Darstellung, die Bedienbarkeit und die Schriftgrößen kontrolliert. Nach dem Test kannst du die aufgelisteten Fehler beheben und somit mehr für die mobile Nutzerfreundlichkeit deiner Website tun.

Weitere wichtige Links

• Teste Deine Website für verschiedene Endgeräte: https://bluetree.ai/screenfly/
• kostenlose Online-Tool für den schnellen Responsive-Check: http://responsivetesttool.com/
• Warum sollte eine Website für Mobilgeräte optimiert werden? https://developers.google.com/search/mobile-sites?hl=de
• http://www.selfhtml5.org/2015/04/die-3-schritte-zur-mobilen-optimierung-der-website-um-google/

Falls du Probleme beim Erstellen von Responsivem Design für Deine Website hast bzw. Fragen zur mobile Optimierung, helfen wir dir gern – wir freuen uns auf Deine Nachricht.

Vielleicht interessiert Dich noch folgendes?

Sa11y: Barrierearmut deiner Website verbessern

Weiterlesen

So machst du deine Website bekannt: Tipps und Ideen für mehr Reichweite

Weiterlesen

WordPress-Migration: Anleitung für den Serverumzug – so gelingt der WordPress-Umzug problemlos

Weiterlesen

Vielleicht interessiert Dich auch folgendes?

Interne Verlinkung optimieren: So kannst auch du perfekte interne Links setzen

Weiterlesen

Strukturierte Überschriften: mit diesen Überschriften werden Deine Texte optimal strukturiert

Weiterlesen

Was sind Rich-Snippets? So optimierst du richtig!

Weiterlesen

Der Beitrag Mobile Optimierung – mit diesen Tipps wird Deine Webseite auch mobil gut angezeigt erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Safer Internet Day 2022: Fit für die Demokratie, stark für die Gesellschaft

Der diesjährige Safer Internet Day macht sich stark für die Demokratie. Wofür würdest du demonstrieren?  Was wäre dir wichtig? Du kannst über folgenden Link an der Social-Media-Mitmachaktion zum Safer Internet Day teilnehmen: https://www.klicksafe.de/ueber-klicksafe/safer-internet-day/sid-2022/social-media-mitmachaktion/. Denn so kann jeder sehen, wofür du dich starkmachst. Zeig der Welt, was dich bewegt und poste dein digitales Demo-Plakat unter dem Hashtag #FitForDemocracy!

Die aktuellen Ergebnisse der forsa-Befragung zeigen auf: die Mehrheit jüngerer Menschen befürwortet Demokratie, aber sieht sie durch Falschinformationen und Fake-News gefährdet. Dazu passt auch der vergangene Safer Internet Day und unsere Hinweise, wie man Falschmeldungen im Internet erkennt.

Vergangene Safer Internet Days: Zielsetzung des Safer Internet Day 2021

Der jährliche Aktionstag wird jeweils unter einem eigenen Motto ausgerichtet. Der Safer Internet Day (SID) 2021 befasst sich mit der Meinungsbildung innerhalb des digitalen Raums. Die damit verbundene Frage der Glaubwürdigkeit von Nachrichten und Informationen steht entsprechend im Fokus. Es wird um die Unterscheidung von Fakten und Fake („Fake News“) gehen und das Entwickeln von Kompetenzen, um sich eine eigene Meinung bilden zu können. Dies bezieht sich zentral auch auf Kinder und Jugendliche. Sie sind besonders schutzbedürftig und benötigen entsprechende Unterstützung, um Sicherheit in ihren Einschätzungen zu finden.

Aus dem Thema des Aktionstages resultieren konkrete Ziele, allen voran das Lenken der Aufmerksamkeit von Öffentlichkeit und Medien auf das Thema eines sicheren Internets. Angesprochen sind dabei sämtliche Altersgruppen und jede Art von Internetnutzer, nicht nur Privatpersonen, sondern auch Institutionen und Unternehmen aller Art.

Falschmeldungen im Internet erkennen

Ob Fake oder Fakt, die Unterscheidung ist selbst für erfahrene Internetuser häufig nicht leicht. Es liegt nahe, zunächst die Dinge für authentisch zu halten, die der eigenen Sicht entsprechen. Damit du mit einem aufmerksamen Blick surfst, ist ein gesundes Maß an Skepsis wesentlich. Hinterfrage, was du liest und achte auf besonders reißerische oder emotional aufgeladene Formulierungen. Sie sollen den Leser oft nur in den Bann ziehen, sind aber nicht unbedingt inhaltlich haltbar. Recherchiere gegebenenfalls die Quellenangabe. Kommt der Text von einer seriösen Seite oder einem dir bekannten Journalisten? Ist ein Impressum vorhanden?

In den sozialen Netzwerken machen häufig Verschwörungstheorien und alle Arten von Gerüchten die Runde. Prüfe die Inhalte im Netz. Haben noch andere Seiten oder Personen darüber geschrieben? Sind die gezeigten Bilder vertrauenswürdig? Du kannst die Herkunft beispielsweise als umgekehrte Bildersuche bei Google prüfen.

Datenschutz-Tipps für sicheres Surfen im Netz

Internet-Sicherheit basiert nicht allein auf der Glaubwürdigkeit von Inhalten, sondern auch auf der Weitergabe persönlicher Daten, wenn du im Netz unterwegs bist.

Die folgenden Tipps helfen dir bei deinem individuellen Datenschutz:

1. Nutze für verschiedene Bereiche unterschiedliche E-Mail-Adressen. Verwende beispielsweise eine Adresse für die sozialen Medien, eine Weitere fürs Online-Shopping und noch eine andere, wenn du gerne an Gewinnspielen teilnimmst. So kannst du immer nachverfolgen, aus welcher Richtung Spam kommt und hast die Möglichkeit eine E-Mail-Adresse auch einfach bei Bedarf zu deaktivieren.
2. Klicke keine Links an, die dir von Unbekannten per E-Mail geschickt werden. Dahinter verbirgt sich sehr häufig sogenannte Schadsoftware, die sich durch Anklicken automatisch auf deinem Computer installiert.
3. Vermeide die Angabe persönlicher Daten im Internet. Wenn du beispielsweise etwas einkaufst, ist die Angabe von Namen und Adresse natürlich erforderlich. Auf Spiele-Seiten oder in Foren tun es aber auch ein anonymisierter Name und eine E-Mail-Adresse, die du problemlos löschen kannst, wenn du die Seite nicht mehr aufsuchst.
4. Nutze keine unverschlüsselten Internetseiten. Eine Verschlüsselung erkennst du am „https“, das zu Beginn eines Links steht.

Sicherheitstipps für die sozialen Medien

Wenn du Facebook, TikTok, Twitter, WhatsApp oder Instagram nutzt, ist ein Blick in die dortigen Sicherheitseinstellungen besonders wichtig. Jeder Anbieter hat hier eigene Einstellungen, für die du dir etwas Zeit nehmen solltest. In den meisten Netzwerken kannst du festlegen, wer deine Postings und deine Bilder sehen darf. Du kannst hier einstellen, dass nur deine persönlichen Kontakte sehen können, was du teilst. Darüber hinaus ist es wesentlich, dass du ein sicheres Passwort auswählst, das möglichst lang ist und auch Sonderzeichen beinhaltet. Du solltest es regelmäßig wechseln.

Grundsätzlich ist es sinnvoll, wenn du nur Freundesanfragen von Menschen annimmst, die dir bekannt sind. Sieh dir die Profile von Unbekannten gut an, bevor du eine Anfrage annimmst.
Solltest du Kinder haben, achte darauf, keine Fotos von ihnen im öffentlichen Bereich zu teilen. Leider ist ein Missbrauch mit solchen Bildern nicht ausgeschlossen.

Sicherheitscheck für die eigene Webseite

Wenn du eine eigene Webseite hast, ist das Einhalten von Sicherheitsvorkehrungen besonders wichtig. Das bezieht sich zunächst auf das Installieren von ausschließlich vertrauenswürdiger Software, die du stets aktuell halten solltest. Nutze außerdem immer ein sicheres Passwort für deine Administration.

Im Idealfall übernehmen Experten die Installation deiner Webseite. Durch das Managed WordPress Hosting von gn2 beispielsweise bist du auf der sicheren Seite und sorgst für die Sicherheit, die deine Webseite braucht. Wir bieten dir mit unserem Updateservice und weiteren Absicherungsmaßnahmen den bestmöglichen Schutz sowohl gegen Angriffe als auch Manipulationen.

smartes WordPress Hosting gibts bei uns

Fazit

Die meisten Menschen, die viel im Internet unterwegs sind, gehen davon aus, potenzielle Gefahren gut einschätzen zu können. Gleichzeitig steigt die Gefahr rund um Cyber-Kriminalität, Fake-News und Verschwörungstheorien zunehmend an. Je besser du dich mit den Risiken und Gefahren vertraut machst, desto sicherer wird deine Einschätzung. Je umfangreicher das damit verbundene Faktenwissen, desto größer die Sicherheit.

Der Beitrag Wissenswertes zur Internetsicherheit und zum Safer Internet Day am 08. Februar 2023 erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Der Beitrag Was sind Cookies? erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Am 20. Mai 2021 hat der Bundestag in zweiter und dritter Lesung das Telekommunikation-Telemedien-Datenschutzgesetz (TTDSG) mehrheitlich angenommen. Am 1. Dezember 2021 soll das neue Gesetz in Kraft treten, das sich explizit mit den Einwilligungen zum Setzen von Cookies und vergleichbaren Technologien beschäftigt. Das kommende Gesetzt setzt dadurch die entsprechende Vorgabe der ePrivacy-Richtlinie in deutsches Recht um. Aus diesem Grund sollte man sich genauer informieren und schauen, welche Anforderungen zukünftig als Webseitenbetreiber auf einen zu kommen.

Was genau wird denn nun im TTDSG geregelt? 

TTDSG ist die Abkürzung für das Gesetz zur Regelung des Datenschutzes und des Schutzes der Privatsphäre in der Telekommunikation und bei Telemedien, welches auch öfters als Telekommunikation-Telemedien-Datenschutzgesetz“ bezeichnet wird. TTDSG gilt ab dem 01.12.2021, denn ab dem Zeitpunkt werden die datenschutzrechtlichen Bestimmungen aus dem Telemediengesetzes aufgehoben und in das TTDSG übertragen. Der Artikel. 5 Absatz. 3 der E-Privacy-Richtlinie beinhaltet, dass Betreiber von Webseiten, Onlineshops oder Blogs eine aktive Einwilligung ihrer User zum Setzen von Cookies zwingenderweise einholen müssen. Das stand bis dato so nie in deutschen Gesetzen, aber mit Einführung des TTDSG ändert sich dies. Denn der neue Paragraph 24 im TTDSG besagt, dass Cookies nur noch gesetzt werden dürfen, „wenn der Endnutzer auf der Grundlage von klaren und umfassenden Informationen eingewilligt hat”. Für Cookies die unbedingt erforderlich sind, gelten allerdings Ausnahmen. Was kann man sich unter unbedingt erforderlichen Cookies vorstellen? Dazu zählen zum Beispiel:

• Session-Cookies, die bestimmte Einstellungen des Nutzers speichern (z.B. den Warenkorb oder Spracheinstellungen)
• Opt-Out-Cookies, mit denen Cookie-Einwilligungen widerrufen werden können
• Flash-Cookies zur Wiedergabe von Medieninhalten
• Cookies, die von eingebundenen Zahlungsdiensteanbietern gesetzt werden

Damit wird gesetzlich einfach nur festgeschrieben, was sowie schon umgesetzt wird: Die Einwilligung holt man sich am besten über die ungeliebten Cookie-Banner ein.

Strafen und Bußgelder

In Paragraph 28 des TTDSG geht es um die Geldstrafen, die die Bundesnetzagentur verhängen darf. Diese werden in drei Stufen (von 50.000 bis hin zu 300.000 EUR) definiert und werden nach Schwere der Rechtsverletzung individuell betrachtet und berechnet. Im schwersten Fall kann sogar eine Freiheitsstrafe drohen, allerdings beziehen sich diese Fälle auf wirklich grobe Verstöße, wie zum Beispiel das illegale Abhören von nicht für die Öffentlichkeit bestimmten Informationen.

Unser Fazit: Was müssen Webseitenbetreiber beachten, um zum Inkrafttreten des TTDSG bestens vorbereitet zu sein?

Im TTDSG findet man auf den ersten Blick wenig neues und es beinhaltet zusätzlich übernommene Regeln, welche ab dem 01.12.2021, mit Inkrafttreten des TTDSG, aus dem TMG und TKG verschwinden werden. Dazu versucht das Gesetz die Richtlinien der ePrivacy und den gängigen Regeln des DSGVO zu verbinden und mit dem deutschen Recht in Einklang zu bringen. Was sollten nun Betreiber einer Webseite tun? Als erstes einmal die Ruhe bewahren und sich besinnen und tief durchatmen. Danach mit einem kritischen Auge die eigene Webseite besuchen und überprüfen (oder überprüfen lassen) ob in den hoffentlich schon vorhandenen Cookie Plugins alle Einstellungen richtig gesetzt sind und keine Haken voreingestellt sind, welche nicht (mehr) erlaubt sind. Wenn dem nicht so ist, wäre es sinnvoll sich ordentlich beraten lassen und vielleicht auch nochmal gründlich überprüfen, welche Cookies wirklich notwendig sind und diesbezüglich ordentlich aufräumen. Denn in dem Falle gilt auf jeden Fall: Weniger ist mehr und besser!

Weiterführende Links:

• https://datenschutz-generator.de/ttdsg-cookies/

Der Beitrag Neues Cookie- und Datenschutzgesetz gültig ab 1. Dezember 2021 erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.