Ermitteln Sie die wichtigsten Qualitätsmerkmale Ihrer Website. Lernen Sie einfache Tools kennen, mit denen Sie Ihre Website sehr schnell und ohne Programmierkenntnisse auf die wichtigsten Qualitätsfaktoren überprüfen können.

1. reinegger.net
Qualitätsfaktoren
einer modernen Website

2. reinegger.net
Zusammenspiel Design, Usability & Funktion

3. Trends im Webdesign
Flat-Design, Full-Screen, Responsive, Parallax-Scrolling, Onepager, Verstecke Menüs,
Videohintergründe, …, Design-Trends kommen und gehen.
reinegger.net

4. reinegger.net
Flat Design
Flat Design vs. Realism www.flatvsrealism.com

5. reinegger.net
Flat Design vs. Realism www.flatvsrealism.com
Flat Design

6. reinegger.net
www.mediaqueri.es
Responsive Webdesign

7. reinegger.net
www.reinegger.net
Full-Screen (Panorama)

8. reinegger.net
www.makeyourmoneymatter.org
www.sony.com/be-moved www.cyclemon.com
www.flatvsrealism.com
Parallax-Scrolling

9. reinegger.net
www.creativitykills.co
www.gcardoso.pt www.google.com/hangouts
www.ticariarac.vw.com.tr/mikrosite/Caravelle/
Single Page / Onepager

10. reinegger.net
www.pollenlondon.com
www.editions.ayr.com www.kennedyandoswald.com/#!/premiere-screen
www.wandaprint.com/home
Versteckte Menüs

11. Zielgruppen Ansprache
Was erwartet meine Zielgruppe?
reinegger.net

12. Welche Zielgruppe?
Lokal, National, International?
Web- bzw. Technik-Affin?
In Social Media aktiv?
Welche Generation?
B2B oder B2C?
Online Käufer?
Experimentel?
Wissbegierig?
Kaufkraft?
Mobil?
…
reinegger.net

13. Zielgruppen Ansprache
Erfülle die Erwartungen deiner Zielgruppe!
Kommuniziere deine Alleinstellungsmerkmale (USP’”⁹s)!
Verwende angepasste Landingpages / Microsites!
Hebe deine Gütesiegel / Zertifikate hervor!
Heb dich von anderen ab!
Sammel Bewertungen!
Nutze Call To Action!
Sei professionell!
Sei authentisch!
…
reinegger.net

14. reinegger.net
Imagefilm und Fotos von Mitarbeitern bei der Arbeit - www.gepe-peterhoff.de
Authentizität

15. reinegger.net
Ice Bucket Challenge & Tafel - www.gepe-peterhoff.de
News / Engagement

16. reinegger.net
Fotos von Personal und Interieur & Gütesiegel - www.brillen-demmer.de
Spezialisierung / Kompetenzen

17. reinegger.net
Fotos von Personal, Rezensionen und Call to Action - www.praxisklinikaachen.de
Landingpage / Microsite

18. reinegger.net
Call to Action
www.wix.com

19. reinegger.net
www.reinegger.net
Erwartungen erfüllen

20. reinegger.net
Gütesigel / Zertifikate

21. Usability
Design-Trends kommen und gehen, was immer zählt ist
die Benutzbarkeit von Websites
reinegger.net

22. reinegger.net
Usability in real life

23. reinegger.net
Usability
www.ksk-koeln.de

24. reinegger.net
Usability

25. reinegger.net
Usability

26. reinegger.net
Usability
www.ryanair.com

27. reinegger.net
Usability

28. Technik
Im Web ist alles abhängig von der Technik im Hintergrund.
reinegger.net

29. reinegger.net
Technik
Technik in real life

30. Woher weiss ich das meine Website gut umgesetzt wurde?
reinegger.net

31. Qualität der eigenen Website messen
Überprüfung vom HTML Quellcode per W3C validator.w3.org
Überprüfung vom Stylesheet (CSS) per W3C www.css-validator.org
Überprüfung von fehlerhaften Links validator.w3.org/checklink
Überprüfung der Barrierefreiheit (WCAG) www.cynthiasays.com
Überprüfung der Responsivität www.jamus.co.uk/demos/rwd-demonstrations
Überprüfung der Semantik www.chrispederick.com/work/web-developer/
Überprüfung der Ladegeschwindigkeit developers.google.com/speed/pagespeed/insights
Überprüfung der Onpage SEO www.seorch.de
reinegger.net

32. reinegger.net
Suchmaschinenoptimierung
- SEO -

33. Suchmaschinenoptimierung (SEO)
Wie funktioniert
- Onpage SEO?
- Offpage SEO?
- Local SEO?
Ist meine Seite SEO Optimiert?
SEO Tools und Tests für die eigene Website
reinegger.net

34. Onpage SEO
- Korrekte Title-Tag und Meta-Angaben
- Korrekte Semantik (Header Tags, Listenelemente, Paragraphen, …)
- Barrierefreiheit (z.B. Alt-Tags)
- Interne Linkstruktur (Linkjuice)
- SEO freundliche URL’”⁹S
- Content zu Code Verhältnis
- Sitemap, htaccess & Robots.txt
- Fehlerfreiheit (HTML & CSS Validierung)
- Performance - Ladezeiten
- …
reinegger.net
Suchmaschinenoptimierung (SEO)

35. reinegger.net
http://www.seo-summary.de/wp-content/uploads/onpage-seo-infografik_web.png
Suchmaschinenoptimierung (SEO)

36. reinegger.net
Suchmaschinenoptimierung (SEO)
http://www.seo-summary.de/wp-content/uploads/onpage-seo-infografik_web.png

37. Offpage SEO
- Linkaufbau
- PR / Artikel Submissions
- Social Bookmarking
- Social Media
- Verzeichnisse
- Video Submission
- Slideshare / PDF
- …
reinegger.net
Suchmaschinenoptimierung (SEO)

38. Local SEO
- Lokales Linkbuilding
- Online Branchenbuch Einträge
- Social Media
- Google+
- Google Places
- Landing Pages
- Social Media
- Bewertungsseiten
- …
reinegger.net
Suchmaschinenoptimierung (SEO)

39. Tools für die Onpage SEO
SEO Online Test
www.seorch.de
www.sistrix.de (kostenpflichtig)
SEO Site Tools (Browser Erweiterung)
Für Google Chrome: www.chromeextensions.org/webmaster-seo/seo-site-tools
Für Firefox: addons.mozilla.org/de/firefox/addon/seo-site-tools-analysis
Überprüfung der Ladegeschwindigkeit developers.google.com/speed/pagespeed/insights/
Überprüfung der Barrierefreiheit (WCAG) www.cynthiasays.com
Google Webmaster Tools www.google.com/webmasters/tools
reinegger.net
Suchmaschinenoptimierung (SEO)

40. Vielen Dank für Ihre Aufmerksamkeit!
reinegger.net