SlideShare ist ein Scribd-Unternehmen logo
WKE2014: The Beauty & The Beast
REGIONALES RECHENZENTRUM
ERLANGEN [RRZE]
The Beauty & The Beast
Bild: CC-BY @JohannesPonader
WEBKONGRESS ERLANGEN 2014
The Beauty -
Himmlische neue Möglichkeiten & neue
Chancen im Web
5
Schöne neue Welt:
•  Usabilty
•  Nicht nur fürs Frontend, sondern auch fürs das Backend!
•  Steigende Geräteunabhängigkeit
•  Barrierefreiheit
•  Durch neue lebensnahe Standards wie dem WCAG 2
•  Design
•  Fonts
•  Große Freiheiten im CSS
•  Stabile JavaScript-Frameworks
The Beauty
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
6
Schöne neue Welt:
•  Technologie
•  Performance!
Production-, Test- und Developmentserver? GTFO!
•  Arbeitskonzepte
•  Rollen?
Admins, Redakteure, Autoren, Leser ... funktionieren!
•  Redaktionelle Kontrolle?
4-Augen, 2x 4 Augen Cycle, ... Haben wir!
•  Trennung von Content und Layout?
Klaro, wie auch sonst!
•  Content-Life-Cycle?
Automatische Depublizierung, Linkcheck, Archivierung, ... Ok!
The Beauty
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
7
•  Welches Framework darf‘s
denn sein?
•  CMS-Frameworks
•  CSS-Frameworks
•  JavaScript-Frameworks
•  Design-Frameworks
21.03.2014 | The Beauty & The Beast - Webkongress
Erlangen 2014 | Wolfgang Wiese
Kein Frickeln mehr!
WKE2014: The Beauty & The Beast
WEBKONGRESS ERLANGEN 2014
The Beast -
Vorsicht: Gefahr!
10
Gefahren durch das Einbinden von Inhalten unter fremder
Kontrolle:
•  Sicherheit
•  Tracking von Benutzern und Website-Betreibern
•  Unerwartete Inhalte durch unterschiedliche
Benutzungskonzepten durch Anbieter und Nutzer
The Beast
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
1121.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
The Beast: Usertracking gone wild
WKE2014: The Beauty & The Beast
WKE2014: The Beauty & The Beast
WKE2014: The Beauty & The Beast
15
§  Software Shop
§  von Microsoft beauftragt
§  bindet Third-Party-
JavaScript ein von
›  Google
›  Facebook
›  Statistik-Dienstleister
ROFLCOPTER GTFO! 1
The Beast:
Usertracking gone
wild
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
16
<link href="
http://
fonts.googleapis.com/
css?family=Droid+Sans:
400,700|Droid+Sans
+Mono" rel="stylesheet"
type="text/css">
The Beast: Kleine Geschenke unter Freunden
§  Beispiel Wordpress 3.8:
§  Einbau von Droid Sans für
das Backend; Angemeldete
Nutzer erhalten das Backend
mit Droid Sans von Google.
§  Kosten/Nutzen?
›  User-Relationship vs (kleiner)
Performancegewinn
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
17
The Beast: Kleine Geschenke unter Freunden
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
„Wo ist das Problem?
Die IP ist (bestimmt?) anonymisiert
und Cookie sehe ich auch keines...“
18
The Beast: Kleine Geschenke unter Freunden
„Browser-
Fingerprint
https://
panopticlick.eff.
org/
„Your browser
fingerprint
appears to be
unique among
the 3,975,142
tested so far.“
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
19
a:visited { 

background-image:
url(/gotyourhistory.pl); 

}"
"
@media screen, projection
and (min-width: 1024px) {"
* { background-image:
url(/gotyoursize.pl/
min1024); "
}"
}"
The Beast: Kleine Geschenke unter Freunden
Auch ohne JavaScript lässt
sich mit CSS Informationen
erhalten, die zu einer
Charakterisierung des
Browsers dienen können.
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
20
The Beast: Kleine Geschenke unter Freunden
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
„Na und!?
Dann kann der Font-Provider eben
herausfinden, dass mein Browser da
mal irgendwann die Seite aufrief.
Ach geh doch und male Chemtrails!“
21
§  [18/Mar/2014:15:54:05 +0100]
ID725hs62ssd 

irgendwas.tld 

"GET /wp-admin/

"
§  [18/Mar/2014:15:55:16 +0100]
ID725hs62ssd
www.getdigital.de 

"GET /shop/kleidung/geek-
lifestyle

"
§  [18/Mar/2014:15:59:26 +0100]
ID725hs62ssd 

www.xing.com 

"GET /profile/
Wolfgang_Wiese2?sc_o=mxb_p"
The Beast: Kleine Geschenke unter Freunden
§  User
›  besuchte Sites A, B, C in
zeitlich notierter Reihenfolge
›  Site A: Dashboard eines Blogs
=> User ist Admin oder
Redakteur
=> User hat Beziehung zu
(kategorisierten) $Thema 1.
›  Site B: Shop mit $Thema 2.
›  Site C: Social Media Account,
zugehörig $Vorname
$Nachname
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
22
§  Simples Data Mining.
›  Datenschutzrechtlich ok:
›  Keine Cookies, keine IP, auf Einzelserver jeweils kein User-Tracking möglich.
›  „Nur noch“ Big Data Auswertung notwendig.
§  Big Data Auswertung liefert:
›  BrowserID => User-Attribute => Mensch
›  Website-Thema + Verweilzeit => Interessen
›  Website + Uhrzeit + BrowserID => Bewegungsprofil Mensch
›  Ein wirtschaftlich, sozial und politisch verwertbares Profil eines
Menschen
The Beast: Kleine Geschenke unter Freunden
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
23
§  Nur Fonts? Nur Google?
›  JavaScript-Bibliotheken (z.B. jQuery),
›  Bilder (Shutterstock Einbindung, Tumblr-Bilder, Comics, ...)
›  Karten (Google Maps, Bing, Falk, ...)
›  Videos (YouTube, Slideshare, ...)
›  Suchmaschinen-Embeddings (Google, Bing, Yahoo, ...)
›  Social Media Buttons (Facebook, Twitter, Google, ...)
›  Statistiken / klassisches Usertracking (Website-Betreiber erhält seine
Sitestatistiken, Statistikanbieter erhält Data Mine)
›  Werbebanner (alle Anbieter! Auch deutsche Mediennetzwerke)
›  und viele mehr…
The Beast: Kleine Geschenke unter Freunden
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
24
§  Cloud-Provider (Amazon, Google, Yahoo, Apple, …)
§  Shop-Anbieter
§  automatisierte Hotel-Empfehlungen
...z.B. für einen Kongress J
§  Wikis
§  Business-Anwendungen (SAP, SAGE, ...)
§  E-Mail-Dienstleister
§  Suchmaschinen für Intranets
§  Eigene Netzwerk-Verwaltung (DNS-Server)
The Beast: Eigene Inhalte auslagern
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
25
§  Cloud-Provider (Amazon, Google, Yahoo, Apple, …)
§  Shop-Anbieter
§  automatisierte Hotel-Empfehlungen
...z.B. für einen Kongress J
§  Wikis
§  Business-Anwendungen (SAP, SAGE, ...)
§  E-Mail-Dienstleister
§  Suchmaschinen für Intranets
§  Eigene Netzwerk-Verwaltung (DNS-Server)
The Beast: Eigene Inhalte auslagern
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
2621.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
The Beast: Unerwartete Inhalte
27
„Design Blindness“ & Usability-Overload
•  Parallax Boring: Totscrollen statt totklicken?
•  Platzergreifende Bühnen und Slider
•  Viel hilft ...nicht immer viel.
…zum Beispiel Mehrsprachigkeit.
The Beast
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
WKE2014: The Beauty & The Beast
29
§  Auszug:
"Die Kinder müssen in der
Bevorzugung sein, die ständig
von einem Erwachsenen
überwacht wird“
"Die Tiefe des Swimmingpools
liegt bei 2 Metern (Maximum
7.5). Bitte sich des Kopfes
nicht senden."
The Beast:
Hauptsache
Mehrsprachigkeit...?
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
30
Was haben wir überlebt?
§  Frames
§  JavaScript PopUps
§  „Best viewed with“
§  Counter
§  HTML/CSS valid Buttons
§  Table-Layouts
§  Divitis
§  IE6
The Beast: tl;dr („too long; didn't read“)
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
31
Was haben wir überlebt?
§  Frames
§  JavaScript PopUps
§  „Best viewed with“
§  Counter
§  HTML/CSS valid Buttons
§  Table-Layouts
§  Divitis
§  IE6
The Beast: tl;dr („too long; didn't read“)
Was quält uns heute?
§  CSS-Popups
§  Websites mit 5MB und
mehr... mit einem Media
Query für Smartphones
§  Parallax Boring
§  Slider Doom
§  Classitis
§  Safari
§  Tracking
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
WEBKONGRESS ERLANGEN 2014
Mastering the Beast
33
Mastering the Beast
Web
site
CMS- Update/
Install
Design
Content
Nutzung 3th
Party Content
Nutzung
Plugins
Konsolidierung
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
34
Mastering the Beast
CMS- Update/
Install
Design
Content
Nutzung 3th
Party Content
Nutzung
Plugins
Konsolidierung
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
?
35
Mastering the Beast
CMS- Update/
Install
Design
Content
Nutzung 3th
Party Content
Nutzung
Plugins
Konsolidierung
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
Eine Website braucht
engagierte Menschen,
die sich um sie kümmern!
36
Engagement
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
37
Begeisterung
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
38
Leidenschaft
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
WEB
WEBKONGRESS ERLANGEN 2014
Credits
WKE2014: The Beauty & The Beast
42
§  Karolin Kaiser
§  Katja Augustin
§  Martina AP Dorsch
§  Anke Vogler
§  Max Wankerl
§  Norbert Henning
§  Wolfgang Wiese
§  und viele andere mehr...
Das Team
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
REGIONALES RECHENZENTRUM
ERLANGEN [RRZE]
Vielen Dank für Ihre Aufmerksamkeit!
Regionales RechenZentrum Erlangen [RRZE]
Martensstraße 1, 91058 Erlangen
http://www.rrze.fau.de
Mehr davon?
Webkongress Erlangen 2016
#WKE2016
4421.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese

Weitere ähnliche Inhalte

Andere mochten auch

Avisos 10 De Mayo
Avisos 10 De MayoAvisos 10 De Mayo
Avisos 10 De Mayo
fuerzajoven
 
Programa bbpp tic cadiz 2013
Programa bbpp tic cadiz 2013Programa bbpp tic cadiz 2013
Programa bbpp tic cadiz 2013
Ruben Otero
 
Aktuelle Medienkultur: Das Bild im Plural
Aktuelle Medienkultur: Das Bild im PluralAktuelle Medienkultur: Das Bild im Plural
Aktuelle Medienkultur: Das Bild im Plural
Torsten Meyer
 
S4 jmmh hoja de ruta_ evidencia de logros
S4 jmmh hoja de ruta_ evidencia de logrosS4 jmmh hoja de ruta_ evidencia de logros
S4 jmmh hoja de ruta_ evidencia de logros
Prepa Cihuatlan
 
Florida epic informacion del curso cisco ccna 5 2015
Florida epic informacion del curso cisco ccna 5 2015Florida epic informacion del curso cisco ccna 5 2015
Florida epic informacion del curso cisco ccna 5 2015
Jose Ortolá
 
Dx adenovirus
Dx adenovirusDx adenovirus
Dx adenovirus
LAB IDEA
 
Comparatividad Entre Piscis Y Acuarius
Comparatividad Entre  Piscis Y  AcuariusComparatividad Entre  Piscis Y  Acuarius
Comparatividad Entre Piscis Y Acuarius
guest6942b5
 
CEAC Boletín noviembre 2014
CEAC Boletín noviembre 2014CEAC Boletín noviembre 2014
CEAC Boletín noviembre 2014
Alex Chipana
 
Esquema basico de sesion em mis u as_2012
Esquema basico de sesion em mis u as_2012Esquema basico de sesion em mis u as_2012
Esquema basico de sesion em mis u as_2012
Prepa Cihuatlan
 
Ellos Y Ellas
Ellos Y EllasEllos Y Ellas
Ellos Y Ellas
Moris Polanco
 
Interactuando con GNU Privacy Guard
Interactuando con GNU Privacy GuardInteractuando con GNU Privacy Guard
Interactuando con GNU Privacy Guard
Esteban Saavedra
 
Kultur & Beteiligung - Publikumsentwicklung
Kultur & Beteiligung - PublikumsentwicklungKultur & Beteiligung - Publikumsentwicklung
Kultur & Beteiligung - Publikumsentwicklung
davidroethler
 
Escalas De La Vida 1
Escalas De La Vida 1Escalas De La Vida 1
Escalas De La Vida 1
Adriana Delgadillo
 
San Fernando
San FernandoSan Fernando
San Fernando
carmela2008
 
Cfy
CfyCfy

Andere mochten auch (18)

Avisos 10 De Mayo
Avisos 10 De MayoAvisos 10 De Mayo
Avisos 10 De Mayo
 
Programa bbpp tic cadiz 2013
Programa bbpp tic cadiz 2013Programa bbpp tic cadiz 2013
Programa bbpp tic cadiz 2013
 
Aktuelle Medienkultur: Das Bild im Plural
Aktuelle Medienkultur: Das Bild im PluralAktuelle Medienkultur: Das Bild im Plural
Aktuelle Medienkultur: Das Bild im Plural
 
S4 jmmh hoja de ruta_ evidencia de logros
S4 jmmh hoja de ruta_ evidencia de logrosS4 jmmh hoja de ruta_ evidencia de logros
S4 jmmh hoja de ruta_ evidencia de logros
 
B26
B26B26
B26
 
Florida epic informacion del curso cisco ccna 5 2015
Florida epic informacion del curso cisco ccna 5 2015Florida epic informacion del curso cisco ccna 5 2015
Florida epic informacion del curso cisco ccna 5 2015
 
Dx adenovirus
Dx adenovirusDx adenovirus
Dx adenovirus
 
Informationsbeschaffung wirtschaft 2013
Informationsbeschaffung wirtschaft 2013Informationsbeschaffung wirtschaft 2013
Informationsbeschaffung wirtschaft 2013
 
Comparatividad Entre Piscis Y Acuarius
Comparatividad Entre  Piscis Y  AcuariusComparatividad Entre  Piscis Y  Acuarius
Comparatividad Entre Piscis Y Acuarius
 
CEAC Boletín noviembre 2014
CEAC Boletín noviembre 2014CEAC Boletín noviembre 2014
CEAC Boletín noviembre 2014
 
Esquema basico de sesion em mis u as_2012
Esquema basico de sesion em mis u as_2012Esquema basico de sesion em mis u as_2012
Esquema basico de sesion em mis u as_2012
 
A1 - Zahlen
A1 - ZahlenA1 - Zahlen
A1 - Zahlen
 
Ellos Y Ellas
Ellos Y EllasEllos Y Ellas
Ellos Y Ellas
 
Interactuando con GNU Privacy Guard
Interactuando con GNU Privacy GuardInteractuando con GNU Privacy Guard
Interactuando con GNU Privacy Guard
 
Kultur & Beteiligung - Publikumsentwicklung
Kultur & Beteiligung - PublikumsentwicklungKultur & Beteiligung - Publikumsentwicklung
Kultur & Beteiligung - Publikumsentwicklung
 
Escalas De La Vida 1
Escalas De La Vida 1Escalas De La Vida 1
Escalas De La Vida 1
 
San Fernando
San FernandoSan Fernando
San Fernando
 
Cfy
CfyCfy
Cfy
 

Ähnlich wie WKE2014: The Beauty & The Beast

Dieses Web? Das kann doch jeder
Dieses Web? Das kann doch jederDieses Web? Das kann doch jeder
Dieses Web? Das kann doch jeder
Wolfgang Wiese
 
Einführung in die Suchmaschinenoptimierung
Einführung in die SuchmaschinenoptimierungEinführung in die Suchmaschinenoptimierung
Einführung in die Suchmaschinenoptimierung
Wolfgang Wiese
 
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
Stefan Seifarth
 
Responsive Web Design - Ein Überblick
Responsive Web Design - Ein ÜberblickResponsive Web Design - Ein Überblick
Responsive Web Design - Ein Überblick
Amazee Labs
 
Crawl-Budget-Booster für eine bessere Search Engine Experience
Crawl-Budget-Booster für eine bessere Search Engine ExperienceCrawl-Budget-Booster für eine bessere Search Engine Experience
Crawl-Budget-Booster für eine bessere Search Engine Experience
André Goldmann
 
Der Weg zum Google-Erfolg: Wahnsinnig kompliziert oder am Ende doch ganz einf...
Der Weg zum Google-Erfolg: Wahnsinnig kompliziert oder am Ende doch ganz einf...Der Weg zum Google-Erfolg: Wahnsinnig kompliziert oder am Ende doch ganz einf...
Der Weg zum Google-Erfolg: Wahnsinnig kompliziert oder am Ende doch ganz einf...
Aviseo GmbH
 
Google Tools für Fotografen
Google Tools für FotografenGoogle Tools für Fotografen
Google Tools für Fotografen
PARX
 
Digital Storytelling Slides - Mediencamp Wien November 2014
Digital Storytelling Slides - Mediencamp Wien November 2014Digital Storytelling Slides - Mediencamp Wien November 2014
Digital Storytelling Slides - Mediencamp Wien November 2014
Rolf Mistelbacher
 
Mehr Gäste durch das Web
Mehr Gäste durch das WebMehr Gäste durch das Web
Mehr Gäste durch das Web
Angelika Röck
 
SDC2011: Web Performance Optimization
SDC2011: Web Performance OptimizationSDC2011: Web Performance Optimization
SDC2011: Web Performance Optimization
Jakob
 
SEO & Content Marketing entlang der Customer Journey
SEO & Content Marketing entlang der Customer JourneySEO & Content Marketing entlang der Customer Journey
SEO & Content Marketing entlang der Customer Journey
1&1
 
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Stephan Hamberger
 
Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016
Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016
Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016
André Scharf
 
SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013
SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013
SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013
Jan Hendrik Merlin Jacob
 
design
designdesign
Web Design Trends 2011
Web Design Trends 2011Web Design Trends 2011
Web Design Trends 2011
Vitaly Friedman
 
Vortrag E-Commerce unterrichten
Vortrag E-Commerce unterrichtenVortrag E-Commerce unterrichten
Vortrag E-Commerce unterrichten
MartinKolb5
 
TFF 2017 - Automatic Direct Booking
TFF 2017 - Automatic Direct BookingTFF 2017 - Automatic Direct Booking
TFF 2017 - Automatic Direct Booking
TourismFastForward
 
201903 seo campixx ur ls komprimieren - slideshare
201903 seo campixx   ur ls komprimieren - slideshare201903 seo campixx   ur ls komprimieren - slideshare
201903 seo campixx ur ls komprimieren - slideshare
Visionary Online Marketing
 
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
André Goldmann
 

Ähnlich wie WKE2014: The Beauty & The Beast (20)

Dieses Web? Das kann doch jeder
Dieses Web? Das kann doch jederDieses Web? Das kann doch jeder
Dieses Web? Das kann doch jeder
 
Einführung in die Suchmaschinenoptimierung
Einführung in die SuchmaschinenoptimierungEinführung in die Suchmaschinenoptimierung
Einführung in die Suchmaschinenoptimierung
 
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
 
Responsive Web Design - Ein Überblick
Responsive Web Design - Ein ÜberblickResponsive Web Design - Ein Überblick
Responsive Web Design - Ein Überblick
 
Crawl-Budget-Booster für eine bessere Search Engine Experience
Crawl-Budget-Booster für eine bessere Search Engine ExperienceCrawl-Budget-Booster für eine bessere Search Engine Experience
Crawl-Budget-Booster für eine bessere Search Engine Experience
 
Der Weg zum Google-Erfolg: Wahnsinnig kompliziert oder am Ende doch ganz einf...
Der Weg zum Google-Erfolg: Wahnsinnig kompliziert oder am Ende doch ganz einf...Der Weg zum Google-Erfolg: Wahnsinnig kompliziert oder am Ende doch ganz einf...
Der Weg zum Google-Erfolg: Wahnsinnig kompliziert oder am Ende doch ganz einf...
 
Google Tools für Fotografen
Google Tools für FotografenGoogle Tools für Fotografen
Google Tools für Fotografen
 
Digital Storytelling Slides - Mediencamp Wien November 2014
Digital Storytelling Slides - Mediencamp Wien November 2014Digital Storytelling Slides - Mediencamp Wien November 2014
Digital Storytelling Slides - Mediencamp Wien November 2014
 
Mehr Gäste durch das Web
Mehr Gäste durch das WebMehr Gäste durch das Web
Mehr Gäste durch das Web
 
SDC2011: Web Performance Optimization
SDC2011: Web Performance OptimizationSDC2011: Web Performance Optimization
SDC2011: Web Performance Optimization
 
SEO & Content Marketing entlang der Customer Journey
SEO & Content Marketing entlang der Customer JourneySEO & Content Marketing entlang der Customer Journey
SEO & Content Marketing entlang der Customer Journey
 
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
 
Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016
Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016
Warum SEO (auch) Deine Aufgabe ist - WebTechCon 2016
 
SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013
SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013
SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013
 
design
designdesign
design
 
Web Design Trends 2011
Web Design Trends 2011Web Design Trends 2011
Web Design Trends 2011
 
Vortrag E-Commerce unterrichten
Vortrag E-Commerce unterrichtenVortrag E-Commerce unterrichten
Vortrag E-Commerce unterrichten
 
TFF 2017 - Automatic Direct Booking
TFF 2017 - Automatic Direct BookingTFF 2017 - Automatic Direct Booking
TFF 2017 - Automatic Direct Booking
 
201903 seo campixx ur ls komprimieren - slideshare
201903 seo campixx   ur ls komprimieren - slideshare201903 seo campixx   ur ls komprimieren - slideshare
201903 seo campixx ur ls komprimieren - slideshare
 
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
 

Mehr von Wolfgang Wiese

Webdienste an der FAU: Gestern, Heute, Übermorgen
Webdienste an der FAU: Gestern, Heute, ÜbermorgenWebdienste an der FAU: Gestern, Heute, Übermorgen
Webdienste an der FAU: Gestern, Heute, Übermorgen
Wolfgang Wiese
 
ZKI AK Web 2018/2: Vortrag zum Leitfaden Digitale Barrierefreiheit
ZKI AK Web 2018/2: Vortrag zum Leitfaden Digitale BarrierefreiheitZKI AK Web 2018/2: Vortrag zum Leitfaden Digitale Barrierefreiheit
ZKI AK Web 2018/2: Vortrag zum Leitfaden Digitale Barrierefreiheit
Wolfgang Wiese
 
WKE2018: Leitfaden Digitale Barrierefreiheit
WKE2018: Leitfaden Digitale BarrierefreiheitWKE2018: Leitfaden Digitale Barrierefreiheit
WKE2018: Leitfaden Digitale Barrierefreiheit
Wolfgang Wiese
 
WCAG für WebDevs
WCAG für WebDevsWCAG für WebDevs
WCAG für WebDevs
Wolfgang Wiese
 
Embedding
EmbeddingEmbedding
Embedding
Wolfgang Wiese
 
Blogdienst der FAU
Blogdienst der FAUBlogdienst der FAU
Blogdienst der FAU
Wolfgang Wiese
 
Web-Technologies 26.06.2003
Web-Technologies 26.06.2003Web-Technologies 26.06.2003
Web-Technologies 26.06.2003
Wolfgang Wiese
 
Vorlesung "Web-Technologies"
Vorlesung "Web-Technologies" Vorlesung "Web-Technologies"
Vorlesung "Web-Technologies"
Wolfgang Wiese
 
Einführung in die Suchmaschinenoptimierung
Einführung in die SuchmaschinenoptimierungEinführung in die Suchmaschinenoptimierung
Einführung in die Suchmaschinenoptimierung
Wolfgang Wiese
 
Relaunch mit Web-Agenturen: Spiel, Spaß und Spannung
Relaunch mit Web-Agenturen: Spiel, Spaß und SpannungRelaunch mit Web-Agenturen: Spiel, Spaß und Spannung
Relaunch mit Web-Agenturen: Spiel, Spaß und Spannung
Wolfgang Wiese
 
Wordpress als CMS
Wordpress als CMSWordpress als CMS
Wordpress als CMS
Wolfgang Wiese
 
Barrierefreiheit 2010
Barrierefreiheit 2010Barrierefreiheit 2010
Barrierefreiheit 2010
Wolfgang Wiese
 
Barrierefreie Internet Seiten
Barrierefreie Internet SeitenBarrierefreie Internet Seiten
Barrierefreie Internet Seiten
Wolfgang Wiese
 

Mehr von Wolfgang Wiese (13)

Webdienste an der FAU: Gestern, Heute, Übermorgen
Webdienste an der FAU: Gestern, Heute, ÜbermorgenWebdienste an der FAU: Gestern, Heute, Übermorgen
Webdienste an der FAU: Gestern, Heute, Übermorgen
 
ZKI AK Web 2018/2: Vortrag zum Leitfaden Digitale Barrierefreiheit
ZKI AK Web 2018/2: Vortrag zum Leitfaden Digitale BarrierefreiheitZKI AK Web 2018/2: Vortrag zum Leitfaden Digitale Barrierefreiheit
ZKI AK Web 2018/2: Vortrag zum Leitfaden Digitale Barrierefreiheit
 
WKE2018: Leitfaden Digitale Barrierefreiheit
WKE2018: Leitfaden Digitale BarrierefreiheitWKE2018: Leitfaden Digitale Barrierefreiheit
WKE2018: Leitfaden Digitale Barrierefreiheit
 
WCAG für WebDevs
WCAG für WebDevsWCAG für WebDevs
WCAG für WebDevs
 
Embedding
EmbeddingEmbedding
Embedding
 
Blogdienst der FAU
Blogdienst der FAUBlogdienst der FAU
Blogdienst der FAU
 
Web-Technologies 26.06.2003
Web-Technologies 26.06.2003Web-Technologies 26.06.2003
Web-Technologies 26.06.2003
 
Vorlesung "Web-Technologies"
Vorlesung "Web-Technologies" Vorlesung "Web-Technologies"
Vorlesung "Web-Technologies"
 
Einführung in die Suchmaschinenoptimierung
Einführung in die SuchmaschinenoptimierungEinführung in die Suchmaschinenoptimierung
Einführung in die Suchmaschinenoptimierung
 
Relaunch mit Web-Agenturen: Spiel, Spaß und Spannung
Relaunch mit Web-Agenturen: Spiel, Spaß und SpannungRelaunch mit Web-Agenturen: Spiel, Spaß und Spannung
Relaunch mit Web-Agenturen: Spiel, Spaß und Spannung
 
Wordpress als CMS
Wordpress als CMSWordpress als CMS
Wordpress als CMS
 
Barrierefreiheit 2010
Barrierefreiheit 2010Barrierefreiheit 2010
Barrierefreiheit 2010
 
Barrierefreie Internet Seiten
Barrierefreie Internet SeitenBarrierefreie Internet Seiten
Barrierefreie Internet Seiten
 

WKE2014: The Beauty & The Beast

  • 4. WEBKONGRESS ERLANGEN 2014 The Beauty - Himmlische neue Möglichkeiten & neue Chancen im Web
  • 5. 5 Schöne neue Welt: •  Usabilty •  Nicht nur fürs Frontend, sondern auch fürs das Backend! •  Steigende Geräteunabhängigkeit •  Barrierefreiheit •  Durch neue lebensnahe Standards wie dem WCAG 2 •  Design •  Fonts •  Große Freiheiten im CSS •  Stabile JavaScript-Frameworks The Beauty 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 6. 6 Schöne neue Welt: •  Technologie •  Performance! Production-, Test- und Developmentserver? GTFO! •  Arbeitskonzepte •  Rollen? Admins, Redakteure, Autoren, Leser ... funktionieren! •  Redaktionelle Kontrolle? 4-Augen, 2x 4 Augen Cycle, ... Haben wir! •  Trennung von Content und Layout? Klaro, wie auch sonst! •  Content-Life-Cycle? Automatische Depublizierung, Linkcheck, Archivierung, ... Ok! The Beauty 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 7. 7 •  Welches Framework darf‘s denn sein? •  CMS-Frameworks •  CSS-Frameworks •  JavaScript-Frameworks •  Design-Frameworks 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese Kein Frickeln mehr!
  • 9. WEBKONGRESS ERLANGEN 2014 The Beast - Vorsicht: Gefahr!
  • 10. 10 Gefahren durch das Einbinden von Inhalten unter fremder Kontrolle: •  Sicherheit •  Tracking von Benutzern und Website-Betreibern •  Unerwartete Inhalte durch unterschiedliche Benutzungskonzepten durch Anbieter und Nutzer The Beast 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 11. 1121.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese The Beast: Usertracking gone wild
  • 15. 15 §  Software Shop §  von Microsoft beauftragt §  bindet Third-Party- JavaScript ein von ›  Google ›  Facebook ›  Statistik-Dienstleister ROFLCOPTER GTFO! 1 The Beast: Usertracking gone wild 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 16. 16 <link href=" http:// fonts.googleapis.com/ css?family=Droid+Sans: 400,700|Droid+Sans +Mono" rel="stylesheet" type="text/css"> The Beast: Kleine Geschenke unter Freunden §  Beispiel Wordpress 3.8: §  Einbau von Droid Sans für das Backend; Angemeldete Nutzer erhalten das Backend mit Droid Sans von Google. §  Kosten/Nutzen? ›  User-Relationship vs (kleiner) Performancegewinn 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 17. 17 The Beast: Kleine Geschenke unter Freunden 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese „Wo ist das Problem? Die IP ist (bestimmt?) anonymisiert und Cookie sehe ich auch keines...“
  • 18. 18 The Beast: Kleine Geschenke unter Freunden „Browser- Fingerprint https:// panopticlick.eff. org/ „Your browser fingerprint appears to be unique among the 3,975,142 tested so far.“ 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 19. 19 a:visited { 
 background-image: url(/gotyourhistory.pl); 
 }" " @media screen, projection and (min-width: 1024px) {" * { background-image: url(/gotyoursize.pl/ min1024); " }" }" The Beast: Kleine Geschenke unter Freunden Auch ohne JavaScript lässt sich mit CSS Informationen erhalten, die zu einer Charakterisierung des Browsers dienen können. 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 20. 20 The Beast: Kleine Geschenke unter Freunden 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese „Na und!? Dann kann der Font-Provider eben herausfinden, dass mein Browser da mal irgendwann die Seite aufrief. Ach geh doch und male Chemtrails!“
  • 21. 21 §  [18/Mar/2014:15:54:05 +0100] ID725hs62ssd 
 irgendwas.tld 
 "GET /wp-admin/
 " §  [18/Mar/2014:15:55:16 +0100] ID725hs62ssd www.getdigital.de 
 "GET /shop/kleidung/geek- lifestyle
 " §  [18/Mar/2014:15:59:26 +0100] ID725hs62ssd 
 www.xing.com 
 "GET /profile/ Wolfgang_Wiese2?sc_o=mxb_p" The Beast: Kleine Geschenke unter Freunden §  User ›  besuchte Sites A, B, C in zeitlich notierter Reihenfolge ›  Site A: Dashboard eines Blogs => User ist Admin oder Redakteur => User hat Beziehung zu (kategorisierten) $Thema 1. ›  Site B: Shop mit $Thema 2. ›  Site C: Social Media Account, zugehörig $Vorname $Nachname 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 22. 22 §  Simples Data Mining. ›  Datenschutzrechtlich ok: ›  Keine Cookies, keine IP, auf Einzelserver jeweils kein User-Tracking möglich. ›  „Nur noch“ Big Data Auswertung notwendig. §  Big Data Auswertung liefert: ›  BrowserID => User-Attribute => Mensch ›  Website-Thema + Verweilzeit => Interessen ›  Website + Uhrzeit + BrowserID => Bewegungsprofil Mensch ›  Ein wirtschaftlich, sozial und politisch verwertbares Profil eines Menschen The Beast: Kleine Geschenke unter Freunden 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 23. 23 §  Nur Fonts? Nur Google? ›  JavaScript-Bibliotheken (z.B. jQuery), ›  Bilder (Shutterstock Einbindung, Tumblr-Bilder, Comics, ...) ›  Karten (Google Maps, Bing, Falk, ...) ›  Videos (YouTube, Slideshare, ...) ›  Suchmaschinen-Embeddings (Google, Bing, Yahoo, ...) ›  Social Media Buttons (Facebook, Twitter, Google, ...) ›  Statistiken / klassisches Usertracking (Website-Betreiber erhält seine Sitestatistiken, Statistikanbieter erhält Data Mine) ›  Werbebanner (alle Anbieter! Auch deutsche Mediennetzwerke) ›  und viele mehr… The Beast: Kleine Geschenke unter Freunden 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 24. 24 §  Cloud-Provider (Amazon, Google, Yahoo, Apple, …) §  Shop-Anbieter §  automatisierte Hotel-Empfehlungen ...z.B. für einen Kongress J §  Wikis §  Business-Anwendungen (SAP, SAGE, ...) §  E-Mail-Dienstleister §  Suchmaschinen für Intranets §  Eigene Netzwerk-Verwaltung (DNS-Server) The Beast: Eigene Inhalte auslagern 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 25. 25 §  Cloud-Provider (Amazon, Google, Yahoo, Apple, …) §  Shop-Anbieter §  automatisierte Hotel-Empfehlungen ...z.B. für einen Kongress J §  Wikis §  Business-Anwendungen (SAP, SAGE, ...) §  E-Mail-Dienstleister §  Suchmaschinen für Intranets §  Eigene Netzwerk-Verwaltung (DNS-Server) The Beast: Eigene Inhalte auslagern 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 26. 2621.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese The Beast: Unerwartete Inhalte
  • 27. 27 „Design Blindness“ & Usability-Overload •  Parallax Boring: Totscrollen statt totklicken? •  Platzergreifende Bühnen und Slider •  Viel hilft ...nicht immer viel. …zum Beispiel Mehrsprachigkeit. The Beast 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 29. 29 §  Auszug: "Die Kinder müssen in der Bevorzugung sein, die ständig von einem Erwachsenen überwacht wird“ "Die Tiefe des Swimmingpools liegt bei 2 Metern (Maximum 7.5). Bitte sich des Kopfes nicht senden." The Beast: Hauptsache Mehrsprachigkeit...? 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 30. 30 Was haben wir überlebt? §  Frames §  JavaScript PopUps §  „Best viewed with“ §  Counter §  HTML/CSS valid Buttons §  Table-Layouts §  Divitis §  IE6 The Beast: tl;dr („too long; didn't read“) 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 31. 31 Was haben wir überlebt? §  Frames §  JavaScript PopUps §  „Best viewed with“ §  Counter §  HTML/CSS valid Buttons §  Table-Layouts §  Divitis §  IE6 The Beast: tl;dr („too long; didn't read“) Was quält uns heute? §  CSS-Popups §  Websites mit 5MB und mehr... mit einem Media Query für Smartphones §  Parallax Boring §  Slider Doom §  Classitis §  Safari §  Tracking 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 33. 33 Mastering the Beast Web site CMS- Update/ Install Design Content Nutzung 3th Party Content Nutzung Plugins Konsolidierung 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 34. 34 Mastering the Beast CMS- Update/ Install Design Content Nutzung 3th Party Content Nutzung Plugins Konsolidierung 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese ?
  • 35. 35 Mastering the Beast CMS- Update/ Install Design Content Nutzung 3th Party Content Nutzung Plugins Konsolidierung 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese Eine Website braucht engagierte Menschen, die sich um sie kümmern!
  • 36. 36 Engagement 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 37. 37 Begeisterung 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 38. 38 Leidenschaft 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 39. WEB
  • 42. 42 §  Karolin Kaiser §  Katja Augustin §  Martina AP Dorsch §  Anke Vogler §  Max Wankerl §  Norbert Henning §  Wolfgang Wiese §  und viele andere mehr... Das Team 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  • 43. REGIONALES RECHENZENTRUM ERLANGEN [RRZE] Vielen Dank für Ihre Aufmerksamkeit! Regionales RechenZentrum Erlangen [RRZE] Martensstraße 1, 91058 Erlangen http://www.rrze.fau.de Mehr davon? Webkongress Erlangen 2016 #WKE2016
  • 44. 4421.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese