Navigieren / suchen

Surfverhalten schützen – Stand November 2016

Vielleicht habt Ihr es mitbekommen: Über „irgendwelche“ Wege werden komplette Surfprofile von Benutzern erstellt und kommerziell vermarktet.
Es gibt also kommerzielle Anbieter, die eure komplette Browserhistory (incl. allem peinlichem) zum Verkauf anbieten.
Hier hat der NDR mit einer Scheinfirma ein Test-Paket angefordert, und es wurde ihnen mal eben als Auszug aus den Verkäufer-Datenbanken 3 Millionen Profile übermittelt. Wenn diese Händler mal eben so 3 Mio Profile als Testdaten rausschicken können, muss man wohl davon ausgehen, dass sie wohl Profile annähernd aller Internetbenutzer besitzen.
http://www.ndr.de/fernsehen/sendungen/zapp/Nackt-im-Netz-Journalistenprofile-im-Verkauf,nacktimnetz108.html

 

Wie kann man Surfprofile Personen zuordnen?

Wenn ich als Werbetreibender, Hacker o.ä. auf die Browserinteraktionen Zugriff habe, ist die Wahrscheinlichkeit sehr hoch, aus den Browserdaten automatisiert die echten Personendaten zu erschließen: weil man sich zum Beispiel in einem Sozialen Netzwerk wie Facebook mit seinem echten Namen anmeldet, oder weil man in Online-Shops seine echte (Liefer- oder Rechnungs-) Adresse eingibt. Schon ist dem Browserverlauf eine echte Person zugeordnet.

 

Wie kommen Dritte an meinen Browserverlauf?

Es gibt zwei Wege: Den „nackten“ Browserverlauf kann man von außen mit Tracking-Cookies verfolgen.
Der „angereicherte“ Browserverlauf (der auch Inhalte wie eingegebene Daten auslesen kann), kann im Browser mit Addons abgezogen werden. Andere Wege wie gehackte PCs, Viren, aber auch Schutzmodule der Virenscanner will ich hier nicht behandeln.

Fangen wir beim „nackten“ Browserverlauf an.

Wegen des lokalen Bezugs und weil ich zahlender Kunde der Main Post bin, schaue ich mir diese Website mal genauer an. Ich lese sie sehr gerne online, weil es schneller und praktischer ist. Die Webseite ist auch gut gemacht, der Deep-Link zu den Gerolzhöfer Nachrichten http://www.mainpost.de/regional/schweinfurt/gemeinde.=97447-Gerolzhofen/ liefert mir genau, was ich lesen möchte.

Jetzt ist die Frage: Bin ich Kunde der Main Post oder bin ich Produkt für die Werbekunden der Main Post?
Hmmm, die Homepage MainPost.de bekommt bei meinem Aufruf (18.11.2016 17:05 Uhr) offenbar von 8 Parteien Geld oder andere Vorteile, nämlich von mir plus von diesen 7 Werbe- bzw. Trackinganbietern:

  • Mainpost.de (7): googletagservices.com | criteo.com | ioam.de | m-pathy.com | mookie1.com | nuggad.net | theadex.com

Dass mir die Main Post Werbung zeigen will ist OK, und manchmal kann die Werbung auch interessant sein. Aber warum zum Teufel verkauft die Main Post mein Surfprofil an 7 unterschiedliche Unternehmen?

2016-11-18-18_31_39-mainpost-de-_-mainpost-de-_-main-post

Wessen Interessen stehen da im Vordergrund? Und kann die Main Post überhaupt garantieren, dass dort keine schädliche Software dabei ist? Zumal Werbung neue Werbetracker nachladen kann – und dann auch noch ganz viele andere Skripte und Inhalte von anderen Servern nachgeladen werden, und jeder kann mich tracken.
Schalte ich den Werbefilter aus, greift mein Browser zusätzlich zu mainpost.de noch auf diese 32 Domains zu (18.11.2016 17:15 Uhr):

  • Mainpost.de (32): google.com | googleadservices.com | google-analytics.com | googleapis.com | googlesyndication.com | googletagservices.com | gstatic.com | 360yield.com | adform.net | adition.com | adnxs.com | adscale.de | adsrvr.org | adtech.de | criteo.com | doubleclick.net | ibillboard.com | ioam.de | ligadx.com | ligatus.com | m6r.eu | mathtag.com | meetrics.net | mookie1.com | m-pathy.com | mxcdn.net | nuggad.net | oms.eu | rubiconproject.com | t4ft.de | theadex.com | yieldlab.net

Jeder dieser 32 Server ist per se erst mal nicht vertrauenswürdig. Denn jeder dieser Server kann Sicherheitslücken haben und neben Trackingfunktionen auch Schadsoftware ausliefern. Viren, Würmer und Verschlüsselungstrojaner werden immer wieder über Werbung ausgeliefert: Wenn ich als Virenprogrammierer 0,30 € für einen Werbeklick zahlen muss, aber dann vom User 500 € fürs Entschlüsseln seiner Daten verlangen kann, ist das doch in Ordnung.

Verkauft nur die Main Post mein Surfprofil? Nein, gerade die großen Medienhäuser tun sich da viel mehr hervor:

  • Spiegel.de (7): google-analytics.com | ioam.de | vgwort.de | visualrevenue.com | adition.com | mxcdn.net | outbrain.com
  • Bild.de (8): emetriq.de | ioam.de | visualrevenue.com | mookie1.com | outbrain.com | smartadserver.com | yieldlab.net | tiqcdn.com
  • Sueddeutsche.de (12): googletagservices.com | googletagmanager.com | facebook.net | twitter.com | chartbeat.com | w55c.net | theadex.com | yieldlab.net | sitestat.com | emetriq.de | doubleclick.net | ioam.de
  • Rekordhalter ist: RTL.de (15): google-analytics.com | googletagservices.com | facebook.com | facebook.net | twitter.com | doubleclick.net | addthis.com | revsci.net | nuggad.net | smartclip.net | theadex.com | cloudfront.net | emetriq.de | ioam.de | optimizely.com

OK, Medienhäuser tracken mich alle. Wie sieht es denn beim Shopping aus?

  • eBay.de (5): google.com | googletagservices.com | bluekai.com | ioam.de | dobedtm.com
  • Idealo.de (4): google.com | googletagmanager.com | webtrekk.net | optimizely.com
  • billiger.de (3): ioam.de | adition.com | himediads.com
  • fluege.de (6): googleadservices.com | doubleclick.net | iadition.com | bing.com | oam.de | adtech.de
  • holidaycheck.de (8): googlesyndication.com | googletagservices.com | googletagmanager.com | amazon-adsystem.com | criteo.com | yieldlab.net | emetriq.de | newrelic.com
  • aldi.de (5): adform.net | flashtalking.com | adsrvr.org | etracker.com | etracker.de

Ich habe weiter oben von “peinlich” gesprochen. Wer sollte mich denn vielleicht besser nicht tracken?

  • YouP***.com (4): google-analytics.com | twitter.com | doublepimp.com | trafficjunky.net
  • Xhams***.com (2): google-analytics.com | trafficjunky.net
  • P***hub.com (3): google-analytics.com | doublepimp.com | trafficjunky.net
  • or***m.com (5): google.com | google-analytics.com | facebook.com | twitter.com | s**searchcom.com

Fällt was auf? Immer wieder Google, Facebook und Twitter. Und ob News, Shopping oder Schmuddelsites: Sie wissen ganz genau, was Du machst.

 

Gibt es überhaupt Seiten, die nicht tracken?

Klar, und man kann es sich auch denken: Die Seiten, die ihre Nutzerdaten nicht verkaufen wollen, tracken sie auch nicht. Hat ja auch nur Nachteile, Tracker einzubauen.

Hier habe ich mal rumgeklickt und wie erwartet waren da keine Tracker aktiv:

  • wikipedia.org (0)
  • bundesregierung.de (0)
  • kk-software.de (0)
  • gerolzhofen.de (0)
  • landkreis-schweinfurt.de (0)

Es gibt also noch viele Seiten, die die Privatsphäre der Benutzer achten.

Eher unerwartet, aber dann logisch:

  • facebook.com (0)
  • google.com (0)

Den beiden gehört ungefähr jeweils „30% des Internets“, und wie man oben sieht, trackt Google auf fast jeder Seite, und Facebook ist auch ganz oft dabei. Die möchten alle Daten sammeln und keine Daten rausgeben. Also lassen sie natürlich keine fremden Tracker auf ihre Seiten. Doch Facebook weiß natürlich perfekt, was du auf Facebook / Whatsapp / Instagram machst, und Google weiß perfekt, auf was du bei Google / YouTube machst.

Dann muss man wissen, dass der Markt für Onlinewerbung sehr verdichtet ist. Z.B. ist doubleclick.net ein Unternehmen von Google.
Weiter muss man davon ausgehen, dass darunter Werbefirmen sind, die die Benutzerprofile weiterverkaufen. Insbesondere wenn ein Unternehmen insolvent geht, sind die Benutzerprofile das wertvollste in der Insolvenzmasse.

 

Weiter geht es mit dem „angereicherten“ Browserverlauf, mit den

Browser-Plugins

Es liegt auf der Hand: Wenn man nicht will, dass in ein paar Jahren mal die persönliche Surfhistorie öffentlich im Internet auftaucht, muss man sich schützen. Das geht effektiv nur mit Browser-Plugins wie Werbefiltern.

Kommen wir also zu den Browser-Plugins. Anfang 2015 habe ich in diesem Post
https://www.facebook.com/arnulf.koch/posts/925883384112740 einen Schutz empfohlen, und die damalige Empfehlung ist nicht mehr aktuell. Damals habe ich schon explizit vor “Adblock Plus” gewarnt, da es ein Wolf im Schafspelz ist und selbst die Daten ihrer Nutzer zu (Werbe-) Geld macht. Siehe die Berichte von 2013: https://www.mobilegeeks.de/adblock-plus-undercover-einblicke-in-ein-mafioeses-werbenetzwerk/ und 2016: https://www.mobilegeeks.de/artikel/adblock-plus-verkauft-nun-werbebanner-hahahahahahaha/
Aber ich habe damals “Ghostery” empfohlen. Allerdings verdient “Ghostery” inzwischen sein Geld, indem es die Userdaten (angeblich “freiwillig” und “anonymisiert”) verkauft: https://netzpolitik.org/2016/nach-nacktimnetz-so-schuetzt-du-dich-und-deinen-browser/
Ebenso kritisch ist das Plugin “ProxyTube”, mit denen man Geo-geblockte Filme im Internet schauen kann, auch hier wurden Benutzerdaten verkauft, oder auch das Browser-Plugin „WOT – Web of Trust„.

Das gefährliche an diesen Plugins ist, dass sie vollen Zugriff auf die Inhalte der Webseite haben, also auch in Formulare eingegebene Benutzerdaten auslesen können, und dass sie immer auf jeder Seite aktiv sind. Ein Browser-Plugin kann Euch also vollständig überwachen.

Daher die dringende Empfehlung: Durchforstet regelmäßig alle Eure Browser-Plugins und entfernt alle Plug-Ins, die Ihr nicht zwingend braucht.

Und löscht die Cookies regelmäßig. Gerne auch mit einem externen Programm wie CCleanerhttps://www.piriform.com/ccleaner/download/standard

Benutzt AdwCleanerhttps://toolslib.net/downloads/finish/1/ und Malwarebyteshttps://de.malwarebytes.com/mwb-download/thankyou/

 

Welches Browser-Plugin zum Schutz?

Man darf also nur Browser-Plugins einsetzen, denen man wirklich vertrauen kann. Das ist bei ClosedSource quasi nicht möglich, selbst bei OpenSource ist es nicht ausgeschlossen, jedoch bei großen OpenSource-Projekten ist die Wahrscheinlichkeit des Missbrauches geringer. Hier gibt es im Moment (November 2016, und weil sich das leider auch ändern könnte, habe ich das Datum des Beitrags in die Überschrift aufgenommen) in meinen Augen nur ein Projekt, dem ich aktuell vertraue: uBlock Origin
Quellcode: https://github.com/gorhill/uBlock
Für Firefox: https://addons.mozilla.org/de/firefox/addon/ublock-origin/
Für Chrome: https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm?hl=de

Und im uBlock Origin ruhig alle Filter aktivieren. Neben dem massiven Plus an Privatsphäre spart ihr euch einen ordentlichen Teil der Webseitenverbindungen zu all den Werbeseiten und habt als Zusatznutzen ein viel schnelleres Internet. Wenn euch infolgedessen Webseiten nicht reinlassen (wie bild.de oder sueddeutsche.de), dann ist das von deren Seite nachvollziehbar, aber dann muss man konsequent bleiben: Dann besucht man diese Seiten eben nicht.

Hier ein Blick in meine uBlock-Origin-Einstellungen:

screenshot-2016-11-18-18-16-53

Damit habt Ihr in meinen Augen aktuell die beste Browsereinstellung mit einem guten Kompromiss aus persönlichem Schutz und trotzdem einer Teilhabe am modernen Internet und Social Media.

 

Content kostet Geld!

Aber wenn euch eine Webseite gefällt, vergesst nicht, sie für ihren Content zu bezahlen. Schließt ein Zeitungsabo ab, unterstützt (meist kleine) Webseiten mit Geld über flattr.com oder patreon.com, bucht den werbefreien Premium-Zugang zu Webseiten oder Foren. Contenterstellung kostet Geld und muss bezahlt werden.

 

Werbung an sich ist nicht negativ

Im Gegenteil: Für alle Beteiligten (Benutzer, werbende Unternehmen und Webseitenbetreiber) kann Werbung stark positive Effekte haben:

  • Für Benutzer sind sie eine Möglichkeit, auf interessante Produkte hingewiesen zu werden, die sie vielleicht nicht auf ihrem Radar hatten.
  • Für werbende Unternehmen ist es eine Möglichkeit, Benutzer darauf hinzuweisen, was für tolle Produkte sie haben.
  • Für Webseitenbetreiber ist es eine Möglichkeit, den Betrieb der Webseite und die Contenterstellung zu refinanzieren.

Aber bitte wie früher, wenn ich eine Zeitschrift am Kiosk gekauft habe: Anonym: Ohne dass alle meine Daten schon beim Überblättern an anonyme Werbezwischenhändler verkauft werden.

Dass heute meine persönlichen Surfdaten für 3 Werbebanner an 7 Datenkraken weitergegeben werden, ist einfach inakzeptabel und solange das der Fall ist, kann man sich nur mit einem Adblocker schützen.

Wie erstellt man eine gute Homepage?

Ich möchte dazu einige Gedankengänge vorstellen am Beispiel des Homepage-Relaunches meines Unternehmens.

Unser K&K Webteam hat unsere eigene Homepage www.kk-software.de neu erstellt mit dem Ziel, eine perfekte Homepage zu bauen.
Perfekt ist vielleicht ein hohes Ziel und die Liste an Wünschen (auch jetzt noch) ist endlos, aber es ist am Ende gelungen, eine Top-Homepage zu erstellen, die sich sehen lassen kann.

Ich möchte ein paar Aspekte herausarbeiten, die vielleicht auch jeder für seine Homepage überprüfen und anwenden kann.

Inhalt

  1. Hauptfrage: Was ist unser Schwerpunkt?
  2. Startseite mit Direkteinsteig
  3. Hintergrundvideos
  4. Mitarbeitervideos
  5. Authentische Fotos und Videos
  6. Professionelle Fotos
  7. Call to Action und Ansprechpartner auf jeder Seite
  8. SPAM oder Kontaktierbarkeit?
  9. Die richtige Menge Text
  10. Vernetzung von Produkten und Referenzen
  11. Brauchbare Suche
  12. Übersichtliches Menü
  13. Responsive
  14. Schnelle Auslieferung
  15. Tests und Qualitätssicherung
  16. Lebendig halten
  17. Suchmaschinenoptimierung
  18. Fazit

 

Hauptfrage: Was ist unser Schwerpunkt?

“Wir verkaufen primär IT-Dienstleistungen und leisten diese mit einem super Team. Hoch kompetent und sympathisch.”

Das müssen wir beim Relaunch herausarbeiten: So ist das zentrale Element unsere Mitarbeiterseite geworden: Ein Kompetenzfinder zeigt die Kompetenzen, und die Mitarbeiter werden mit Videos vorgestellt, die diese so noch natürlicher und authentischer zeigen.

So ist die meiste Arbeit in die Mitarbeiterseite geflossen, und wir haben hier neue Ideen entwickelt. Ich denke, so eine Mitarbeiterseite hat man noch nie gesehen: https://www.kk-software.de/Mitarbeiter.html

Es soll einfach Spaß machen, mit dem dem Kompetenzfilter zu spielen.

Screenshot 2016-07-31 18.29.07

Dann geht es weiter zur eigentlich wichtigsten Seite, der Startseite:

Startseite mit Direkteinsteig

Die Startseite hat viele Aufgaben:

  • Einen guten Eindruck geben
  • Sofort vermitteln, was das Unternehmen leistet
  • Änderungen, News und Updates zeigen
  • Schnelleinstieg zu den häufig genutzten Seiten

Unser Unternehmen hat drei Säulen: Softwareentwicklung, Webentwicklung und Systemhaus

Wir haben die Informationen plus die Notwendigkeit, News auf der Startseite anzuzeigen, in 4 Tabs gelegt:

  • Software
  • Internet
  • Systemhaus
  • News

Also nächstes geht es darum, konkrete Produkte zu präsentieren: “Was machen wir eigentlich genau?”

Dazu haben wir zu jedem oben ausgewählten Tab darunter korrespondierende Produkte und Dienstleistungen angezeigt. Wenn man oben eine andere K&K-Sparte auswählt, erscheinen unten sofort die zugehörigen Produkte.

Screenshot 2016-07-31 18.29.22

Für wen sind wir primär tätig? Um das durch die Blume zu zeigen, haben wir einen dynamischen Filter über die Produkte gesetzt: Industrie, Unternehmen, Öffentliche Hand, Verbände, Startups.

Und wenn man sie anklickt, filtern sich die Produkte mit einer schicken Animation. Auch das sieht man nicht häufig und zeigt gleich mal unsere technische Kompetenz.

Hintergrundvideos

Ebenfalls nicht alltäglich: Hintergrundvideos auf quasi allen Seiten bringen Bewegung in die Seite.
Und jetzt führt eines zum Nächsten: Damit die Videos nicht zu sehr vom Vordergrund ablenken, sind sie mit einem Unschärfe-Effekt belegt. Um die Ladezeit klein zu halten, sind sie stark komprimiert, und um die Kompressionsartefakte (diese Kästchen, die insbesondere bei Bewegung auftreten) zu verschleiern, haben wir ein gepunktetes Raster übers Video gelegt. Und natürlich haben wir kein YouTube benutzt, sondern den schlanken html5-Videotag.

Mitarbeitervideos

Eine Mitarbeiterseite mit Fotos ist besser als eine Mitarbeiterseite ohne Fotos. Und eine Mitarbeiterseite mit Videos ist besser als eine mit Fotos: Man hat ein viel besseres Gefühl für das Gegenüber. So ist an jeder Stelle statt eines Fotos ein kurzes Video des Mitarbeiters eingebunden. Und auf der Mitarbeiterübersichtsseite laufen jetzt eben 25 Videos parallel.

Authentische Fotos und Videos

An Stockfotos und Stockvideos hat man sich sattgesehen. Auch wenn man selbst nicht die glatten, perfekten Posen von Fotos aus Marktplätzen wie Fotolia, Getty Images usw. nachstellen kann, so kann man etwas anderes bieten: Authentizität.
Das sind keine Models, das sind unsere Mitarbeiter. Die Naturvideos sind bei uns zum Fenster heraus gefilmt. Die blinkenden Lichter sind unsere Server im Keller. Die disco-mäßige Animation zeigt unsere Check-Ins in das GIT eines unserer Software-Projekte (von den 4 oben gezeigten Hintergrundvideos ist es das Video links unten).

Professionelle Fotos

Natürlich muss man beim Selbst-Fotografieren und -Filmen gewisse Mindeststandards beachten. Die Mitarbeitervideos sind vor unserer Beamerleinwand mit 4 Fotoleuchten entstanden: 2 stärkere leuchten auf die Leinwand und sorgen so für die Überbelichtung, damit die Leinwand (= der Hintergrund) weiß “ausbrennt” und so im Video reinweiss wirkt. Die beiden anderen, schwächeren Leuchten kümmern sich um die korrekte Ausleuchtung der Mitarbeiterinnen und Mitarbeiter.
Als (Video-) Kamera kommt eine Sony A6300 zum Einsatz, die eine hervorragende Videoqualität, insbesondere bei hohen ISO-Werten (die meisten Indoor-Videos sind bei ISO 2500 entstanden) hat. Sie nutzt die gesamte 6K-Pixel-Fläche (6000×4000 Pixel = 24 Megapixel) um daraus einen scharfen und dynamikreichen (weiß und schwarz brennen nicht aus) 4K-Videostream (3840×2160 Pixel = 8 Megapixel) aufzunehmen. Das bietet – von Profikameras abgesehen – quasi keine andere Kamera.

Call to Action und Ansprechpartner auf jeder Seite

OK, unser Unternehmen ist noch nicht so groß, aber vielleicht fällt es trotzdem auf: Bei jeder Webseite, bei jedem Produkt und bei jedem Mitarbeiter ist eine passende Ansprechpartnerin gesetzt: Franziska Schoppel beim Web-Team, Zeljka Parad beim Software- und Systemhaus-Team und Laura Köpl im Vertrieb.

Screenshot 2016-07-31 18.35.55

SPAM oder Kontaktierbarkeit?

Auf jeder Seite kann man uns sofort kontaktieren. Keine versteckte Telefonnummer oder x Links, bis man zum Kontaktformular kommt: Wenn mich als Besucher ein Thema interessiert, sehe ich sofort eine kompetente Ansprechpartnerin mit Name, Video, Durchwahl (am Handy direkt anklickbar und das Telefon startet) und E-Mail-Adresse und kann mir aussuchen, ob ich sie anrufen will, oder ob sie mich anrufen soll, dazu ein Mini-Kontaktformular daneben. Wir bekommen vielleicht ein paar SPAMs mehr, weil die E-Mail-Adresse im Klartext auf der Webseite steht, aber wenn uns ein echter Mensch erreichen will, sind wir auch erreichbar.

Die richtige Menge Text

Soll man – wie mit diesem Blogpost – eine Textwüste produzieren oder versuchen, die Infos knapp und kompakt an die Frau bzw. den Mann bringen? Wir haben uns für das Kompakte entschieden (also das Gegenteil von diesem Blog) und den Text in kleine Boxen aufgeteilt, die keine langen Textzeilen haben und so gut zu lesen sind. Dazu gibt es auf fast jeder Seite immer an der gleichen Stelle zwei Aufzählungen “Unsere Leistungen” und “Ihre Vorteile” (=Kundennutzen).

Screenshot 2016-07-31 18.35.39

Vernetzung von Produkten und Referenzen

Jeden interessiert: Für wen haben die das schon gemacht?
So haben wir Produkte und Referenzen eng vernetzt. Unter jeder Produktseite laufen zugehörige Referenzen durch, und bei jeder Referenz sieht man die eingesetzten Produkte. So sieht der Besucher gleich, wo der tatsächliche Fokus und Zielgruppe des jeweiligen Produktes bzw. Dienstleistung ist.

Brauchbare Suche

Die einen klicken sich durchs Menü, die anderen erwarten eine funktionierende Suche. Sie soll nicht zu aufdringlich sein (daher nur die Lupe oben), aber sie soll funktionieren: Einmal die Lupe angeklickt, sitzt der Fokus im Textfeld, ich kann tippen und mit “Enter” suchen. Das Ergebnis ist sortiert, und dank Vorschaubild und Anreißertext weiß man schon beim Überfliegen der Treffer ungefähr, was einen erwartet.

Screenshot 2016-07-31 18.34.12

Ein Menü hat zwei Aufgaben: Einmal soll es einen schnellen Überblick über die gesamte Seite verschaffen, und zum anderen zum einfach und schnell zwischen den Seiten durchzuklicken.
Dazu gibt es zwei Menüs, 1x oben und 1x an der Seite links. Wer genau hinschaut, dem fallen Unterschiede auf: Das Menü oben dient zum Überblick über die gesamte Homepage. Daher muss man nicht in Untermenüs klicken, sondern Untermenüs werden in die Liste aufgelöst. Mit einem Klick z.B. auf Systemhaus sieht man sofort das gesamte Leistungsspektrum Systemhaus.
Wenn man jetzt über einen Menüpunkt einsteigt, erfüllt das Menü links einen ganz anderen Zweck: Es bleibt immer an der gleichen Stelle offen stehen und lässt den Besucher ganz schnell zwischen den Seiten des gleichen Themas wechseln und zeigt dem Besucher dann per Highlighting, wo er sich gerade befindet.

Screenshot 2016-07-31 21.05.00

Responsive

Wer die Seite auf dem Smartphone öffnet, sieht eine optimierte Variante der Homepage: Es ist auch ohne Zoomen lesbar, häufige Funktionen sind gleich am Anfang viel klarer rausgestellt. Der Kunde steht gerade im Serverraum und etwas geht nicht? Er geht mit seinem Handy auf unsere Homepage und findet ganz oben ein Hörersymbol, das nicht erst auf die Kontaktseite führt, sondern sofort unsere Nummer wählt.
Hintergrundvideos sind zugunsten der Ladezeit und Datenvolumen ausgeschaltet.
Eine gute Responsive-Seite ist heute Grundvoraussetzung für eine gute Suchmaschinenpositionierung.

Screenshot 2016-07-31 21.06.59

Schnelle Auslieferung

Langsame Ladezeiten nerven alle. Wir haben einen Cache programmiert, der die Webseite in durchschnittlich 5 Millisekunden ausliefert. Obwohl alle Inhalte hochdynamisch verknüpft sind, bekommt der Browser sofort Daten, die er anzeigen kann (Google bezeichnet das als TTFB = Time To First Byte). Woanders dauert das 1000 ms, bei uns hat der Browser nach 30 ms Ping-Laufzeit + 5 ms Server-Auslieferung + 200 ms Datenübertragung den gesamten HTML-Code.
Eine schnelle Seitenauslieferung ist heute Grundvoraussetzung für eine gute Suchmaschinenpositionierung.

Auch die Anzahl der Elemente wurde reduziert: Die Icons auf der Startseite sind keine Bilder, sondern SVG-Vektorgrafiken, die perfekt skalieren. Und sie sind nicht als Datei eingebunden, sondern inline. Das spart weitere Ladezeit.

Tests und Qualitätssicherung

Am Ende muss die Seite überprüft werden.

Zuerst mit echten Endgeräten:

  • Windows PC mit ganz vielen Browsern: Google Chrome (mein Lieblingsbrowser), Mozilla Firefox, Microsoft Edge, Microsoft Internet Explorer
  • Apple Mac Mini mit dem Apple-Browser Safari
  • iOS-Geräte: iPhone, iPad
  • Android-Geräte: Sony Z3, Samsung Galaxy Tab

Obwohl sich die Technik in den letzten 20 Jahren enorm weiterentwickelt hat und wir jetzt mit HTML5 und CSS3 (entwickelt mit SCSS) arbeiten, verhält sich im Detail jeder Browser immer noch etwas anders und man muss die Homepage genau wie 1996 doch per Hand für jeden Browser optimieren. Das ist der Fluch der Webentwickler, da so viel Zeit zu verlieren.

Wenn es da überall gut aussieht, setzen wir danach eine Reihe von Tools ein:

  • Google Test my Site gibt viele Hinweise auf Basisbewertungen von Google
  • Check gegen Werbefilter: uBlock Origin, Adblock Plus etc. haben viele kosmetische Filter, die anhand von Dateinamen, Tag-Namen und ähnlichem Werbung aus Webseiten herausfiltern. Wenn man zufällig eine Dateinamen wie in einer Filterliste benutzt hat, filtern die Blocker einem Elemente von der eigenen Webseite heraus. Das muss überprüft werden.
  • Grader Score: Ein Mini-Test, der einige Basics abklopft.
  • Sistrix Optimizer: Ein Test mit Fokus auf die Inhalte und Suchmaschinenoptimierung
  • W3C-Validator: Ein Test, der die Einhaltung der technischen HTML-Standards überprüft (steht noch auf der ToDo-Liste)
Screenshot 2016-07-31 18.58.23

All diese genannten Seiten haben oft in der Praxis nicht einzuhaltende Tests bzw. Lösungsvorschläge, so dass man niemals überall 100% erreichen kann (aktuell haben wir nur 100% beim Grader Score https://website.grader.com/results/www.kk-software.de, an den anderen arbeiten wir noch). Doch sie zeigen einem auf, wo man seine Homepage noch optimieren kann und man kann selbst entscheiden, welchem aufgezeigtem Defizit man welche Bedeutung zugesteht und was man nach eigener Kosten-Nutzen-Bewertung umsetzt. Aber je näher man überall an die 100% kommt (insbesondere bei Google), umso besser!

Lebendig halten

So, die Webseite ist fertig. Jetzt kommt der schwierige Teil: Die Website muss nicht nur mit Leben gefüllt werden, sie muss vor allem lebendig bleiben. Also besser wöchentlich statt monatlich neue News bringen. Die Produkte und Referenzen ständig erweitern. Das Suchmaschinenranking ständig überwachen.
Der Besucher muss spüren: Hier tut sich was!

Auch technisch wird ständig weitergearbeitet: Z.B. Unterstützen Tablets und Smartphones kein Autoplay von Videos. Hier zeigen wir nur Mitarbeiterfotos statt Mitarbeitervideos an. Um hier in Zukunft auch Bewegung zu haben, werden wir demnächst auf mobilen Geräten die Videos als animierte GIFs rausrendern, die dann auch automatisch ablaufen.
Dann sind die Kalkulatoren noch offline, die kommen auch in den nächsten Monaten: Für häufig kalkulierte und angebotene Leistungen wie „Managed Service“ oder „Homepageerstellung“ wird es (wieder) Kalkulatoren geben, in dem Interessenten selbst Umfänge und Preise für Leistungen zusammenstellen und sehen können.

Suchmaschinenoptimierung

Das Thema Suchmaschinenoptimierung ist so komplex, dem werde ich mich in einem separaten Artikel widmen. Die meisten ToDos in der Endphase (und insbesondere viele noch offene Tickets) bezogen sich auf SEO-Themen.

Fazit

Hier habt Ihr die Motivation hinter dem Relaunch unserer Homepage kennengelernt.
Und wer sich das aufmerksam durchgelesen hat und selbst eine Homepage betreibt, wird vielleicht bei sich das eine oder andere Defizit feststellen.
Aber keine Panik: Dafür gibt es Profis wie uns: Sprecht mich an, unser K&K-Webteam baut euch auch so eine schön Homepage oder optimiert eure bestehende Homepage.

Interview Breitbandausbau

„ein mit Breitband-Internet unterversorgter Ort ist ähnlich unattraktiv, als gäbe es dort keinen Strom.“
DSC01567

Ich habe Matthias Beck von der Main Post ein Interview zum Thema Breitbandausbau gegeben.
Das ganze Interview könnt Ihr nachlesen unter: mainpost.de/regional/schweinfurt/Breitband-gehoert-heute-zur-Grundversorgung;art769,8295994

Im Juli genehmigte die EU-Kommission das bereits im Januar von der Staatsregierung beschlossene Förderprogramm Bayerns für den Ausbau des schnellen Internets. Es beinhaltet eine Vereinfachung des Verfahrens und eine Erhöhung der Höchstfördersumme für die Kommunen im Vergleich zum davor bestehenden Förderprogramm. Gerolzhofen und die umliegenden Gemeinden nehmen an diesem erneuerten Programm teil oder leiten gerade die Schritte ein, um in das Programm zu gelangen. Das folgende Interview mit Stadtrat Arnulf Koch, einem der Vorsitzenden der K&K-Software AG, greift die Entwicklung zum Thema Breitband in der Region auf.

Frage: Das Internet dringt tief in nahezu alle Lebensbereiche ein. Welche Internetdienstleistungen könnten Verbraucher aufgrund einer niedrigen Übertragungsrate nur umständlich beziehungsweise eingeschränkt nutzen?
Arnulf Koch: Vor allem die jüngeren Nutzer erwarten schnelle Internetübertragungsraten, um an Social-Media-Kanälen teilzunehmen. Dabei steht insbesondere das Teilen eigener Inhalte wie Fotos und Videos im Vordergrund. Diese weisen sehr hohe Datenmengen auf und benötigen daher eine leistungsstarke Übertragungsrate. Weiterhin verschiebt sich der Bereich des Fernsehens zunehmend ins Internet, weshalb der Netzausbau gerade für das HD-Streaming notwendig ist. Zudem sind Cloud-Dienste wie Dropbox, mit denen man Daten im Internet aufbewahren und teilen kann, ein stark genutzter Trend.

Frage: Das derzeit laufende Förderprogramm richtet sich gleichermaßen an Haushalte und Unternehmen. Ursprünglich war es als Wirtschaftsförderprogramm gedacht. Wie wichtig ist eine schnelle Internetverbindung für die Entscheidung eines Unternehmens, einen bestimmten Wirtschaftsstandort zu favorisieren?
Koch: Unternehmen erwarten, schnelles Internet vorzufinden. Eine schnelle Übertragungsrate ist für die Standortwahl genauso wichtig wie eine günstige Lage oder eine gute Verkehrsanbindung. Im Geschäftsleben sind deutlich mehr Prozesse digitalisiert als früher. Die Palette reicht von der Anbindung von Heimarbeitsplätzen über die Kommunikation mit Kunden und Lieferanten bis hin zu Steuervoranmeldungen für das Finanzamt.

Frage: Welche Branchen kämen dafür in Frage?
Koch: Mittlerweile kommen dafür ausnahmslos alle Branchen in Frage: Vom kleinen Handwerksbetrieb bei dem sich der Inhaber nach Feierabend von zu Hause aus in den Firmenrechner einwählt, um Rechnungen zu schreiben, bis hin zu Großbetrieben, die rund um die Uhr ihren Service im Internet anbieten.

Frage: Inwieweit könnten Gerolzhofen und die umliegenden Gemeinden vom Breitbandausbau profitieren?
Koch: Der Breitbandausbau ist eine Voraussetzung dafür, um auf Augenhöhe mit größeren Städten agieren zu können. Bei der Standortauswahl ist ein mit Breitband unterversorgter Ort ähnlich unattraktiv, als gäbe es dort keinen Strom. Breitband gehört heute genauso zur Grundversorgung wie ein Strom-, Straßen-, oder Wasseranschluss.

Frage: Ist der Breitbandausbau auf dem Land lukrativ für die Netzbetreiber?
Koch: Vor der Privatisierung musste die Post jeden Haushalt anschließen. Heute erfolgt der Ausbau nach rein wirtschaftlichen Gesichtspunkten. Schnelle Internetleitungen kommen heute zunächst dort in Frage, wo viele Menschen auf engem Raum leben. Mit der Verlegung eines einzigen Kabels in ein städtisches Hochhaus können mehr Kunden angebunden werden, als so mancher Ortsteil Einwohner hat. Daher sind viele Gemeinden in der misslichen Lage, entweder auf Breitband zu verzichten oder selbst die höheren Kosten für den Ausbau zu tragen. Dafür gibt es das Förderprogramm des Freistaats, das von diesen Kosten rund 80 Prozent übernimmt. Nur so können wir uns als Stadtrat Gerolzhofens den Breitbandausbau überhaupt leisten.

Frage: Vor welchen technischen Herausforderungen stehen die Netzbetreiber?
Koch: Zunächst muss eine Gemeinde mit Glasfaserleitungen angebunden werden. Dann müssen die einzelnen Verteilerkästen in den Ortschaften mit Glasfaserleitungen an den Hauptverteiler im Ort angebunden werden. Schließlich müssen die einzelnen Verteilerkästen auf die neue VDSL-Technik umgerüstet werden. Alle diese Bestandteile verursachen relativ hohe Kosten im Hinblick auf Streckenlänge, Tiefbaumaßnahmen und Hardware.

Frage: Das Förderprogramm fordert einen technologieunabhängigen Ausbau. Oft hört man allerdings, dass Glasfaser die Zukunft darstellt. Welche Stärken und Schwächen weisen die anderen Technologien auf?
Koch: Funklösungen stellen den kostengünstigsten Einstieg in Breitband dar, da die kostenintensive Erneuerung der Unterverteilung entfällt. Beispielsweise müssen keine Erdbauarbeiten zum Verlegen neuer Leitungen ausgeführt werden. Allerdings sind Funklösungen sehr störungsanfällig. Zudem bieten sie im Vergleich zu jeder Kabellösung nur sehr geringe Bandbreiten, da sich alle Teilnehmer in einer Funkzelle die Bandbreite von heute bis zu 50 Megabit pro Sekunde teilen müssen. Bei Kupferkabellösungen kann die vorhandene Infrastruktur der Hausanschlüsse ohne Aufrüstung genutzt werden. Dennoch sind die Bandbreiten begrenzt und abhängig von der Leitungslänge bis zum Verteilerkasten. Hier sind heute maximal 50 Megabit pro Sekunde verfügbar. Das hochwertigere Koaxialkabel der Kabelnetzbetreiber weist mit heute 100 Megabit pro Sekunde mehr Reserven auf als das Kupferkabel des Telefonanschlusses. Allerdings bieten die Kabelnetzbetreiber nur eingeschränkt nutzbare Firmentarife. Beispielsweise kann man keine feste IP-Adresse buchen.

Frage: Was sind dann die Vorteile von Glasfaser?
Koch: Glasfaser ist sehr unempfindlich gegenüber Störungen und bietet enorme Leistungsreserven. Die beste Lösung wäre Glasfaser bis ins Haus. Hierbei gibt es bereits Angebote von bis zu 1000 Megabit pro Sekunde. Eine einzelne Glasfaser kann problemlos 40 000 Megabit pro Sekunde übertragen und ist damit eine sehr zukunftsweisende Technologie. Diese Leistung erreicht sie auch über eine Reichweite von über 40 Kilometern, während die vorgenannten Lösungen nur Reichweiten von einigen 100 Metern aufweisen. Im Forschungsbereich liegt die Leistung einer einzelnen Glasfaser bei 84 000 000 Megabit.

Frage: Der derzeit in ländlichen Gebieten vorangetriebene Breitbandausbau sieht nur in Einzelfällen eine Verlegung von Glasfasern bis ins Haus vor. Die meisten Leitungen führen nur bis zu den örtlichen Kabelverzweigern. Ist ein vollständiger Ausbau zeitlich und finanziell absehbar?
Koch: Bei Kupferkabeln kann die vorhandene Infrastruktur mitgenutzt werden, insbesondere die einzelnen Leitungen vom Unterverteiler bis in jedes Haus. Bei Glasfaser muss jedes Kabel neu verlegt werden, was sehr hohe Tiefbaukosten nach sich ziehen würde. Weiterhin ist Glasfaserkabel in der Herstellung aufwändiger und teuerer als Kupferkabel. Daher werden zunächst nur die Verteilerkästen mit Glasfaser angebunden, um dort die notwendigen Übertragungsraten gewährleisten zu können. Die Anbindung ins Haus erfolgt über die vorhandenen Kupfertelefonleitungen. Ein vollständiger Ausbau von Glasfaser bis ins Haus ist auf dem Land aufgrund der höheren Kosten auch auf längere Zeit hin nicht absehbar, wäre aber natürlich wünschenswert.

Frage: Wenn die Glasfaserleitungen verlegt sind, wie wird sich ihrer Ansicht nach die DSL-Infrastruktur weiterentwickeln?
Koch: Nach Abschluss des Förderverfahrens sollen die Gerolzhöfer Haushalte flächendeckend mindestens 50 Megabit pro Sekunde Bandbreite erhalten. Im Bereich des Kabelnetzes sind jetzt schon 100 Megabit pro Sekunde möglich, was aus eigener Erfahrung sehr gut funktioniert. Auch weiterhin dürften sich die Bandbreiten in Gerolzhofen aufgrund der technischen Entwicklung steigern. Für das Jahr 2019 werden für das Kabelnetz in Bayern 600 bis 800 Megabit pro Sekunde versprochen. VDSL soll im gleichen Zeitraum auf 100 Megabit pro Sekunde ausgebaut werden. 

K&K Software AG wird umziehen

Buero_AOK_DSC02961

Große Veränderungen für mein Unternehmen und mich:
Die K&K Software AG zieht im April in größere eigene Geschäftsräume mit richtig viel Platz für die weitere Entwicklung.

Ich freue mich schon riesig auf das neue Büro!

Natürlich bleiben wir Gerolzhofen treu, wir ziehen quasi nur ein paar Häuser (350m) weiter. Es geht in die Bürgermeister-Weigand-Straße 8 in Gerolzhofen.

Ein paar Monate konnten wir es geheim halten (es sind ja sehr viele Vorbereitungen zu treffen), aber in letzter Zeit gab es doch schon einige Gerüchte in Gerolzhofen und jetzt hat es die Zeitung aufgegriffen.

Hier der MainPost-Artikel: mainpost.de/regional/schweinfurt/K-K-bekennt-sich-zu-Gerolzhofen;art769,7938050