#onedigicomp: Qualität entscheidet über Ihren Website-Erfolg

1.007 Aufrufe

Veröffentlicht am

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.

Veröffentlicht in: Technologie
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.007
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
45
Aktionen
Geteilt
0
Downloads
8
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

#onedigicomp: Qualität entscheidet über Ihren Website-Erfolg

  1. 1. reinegger.net Qualitätsfaktoren einer modernen Website
  2. 2. reinegger.net Zusammenspiel Design, Usability & Funktion
  3. 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. 4. reinegger.net Flat Design Flat Design vs. Realism www.flatvsrealism.com
  5. 5. reinegger.net Flat Design vs. Realism www.flatvsrealism.com Flat Design
  6. 6. reinegger.net www.mediaqueri.es Responsive Webdesign
  7. 7. reinegger.net www.reinegger.net Full-Screen (Panorama)
  8. 8. reinegger.net www.makeyourmoneymatter.org www.sony.com/be-moved www.cyclemon.com www.flatvsrealism.com Parallax-Scrolling
  9. 9. reinegger.net www.creativitykills.co www.gcardoso.pt www.google.com/hangouts www.ticariarac.vw.com.tr/mikrosite/Caravelle/ Single Page / Onepager
  10. 10. reinegger.net www.pollenlondon.com www.editions.ayr.com www.kennedyandoswald.com/#!/premiere-screen www.wandaprint.com/home Versteckte Menüs
  11. 11. Zielgruppen Ansprache Was erwartet meine Zielgruppe? reinegger.net
  12. 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. 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. 14. reinegger.net Imagefilm und Fotos von Mitarbeitern bei der Arbeit - www.gepe-peterhoff.de Authentizität
  15. 15. reinegger.net Ice Bucket Challenge & Tafel - www.gepe-peterhoff.de News / Engagement
  16. 16. reinegger.net Fotos von Personal und Interieur & Gütesiegel - www.brillen-demmer.de Spezialisierung / Kompetenzen
  17. 17. reinegger.net Fotos von Personal, Rezensionen und Call to Action - www.praxisklinikaachen.de Landingpage / Microsite
  18. 18. reinegger.net Call to Action www.wix.com
  19. 19. reinegger.net www.reinegger.net Erwartungen erfüllen
  20. 20. reinegger.net Gütesigel / Zertifikate
  21. 21. Usability Design-Trends kommen und gehen, was immer zählt ist die Benutzbarkeit von Websites reinegger.net
  22. 22. reinegger.net Usability in real life
  23. 23. reinegger.net Usability www.ksk-koeln.de
  24. 24. reinegger.net Usability
  25. 25. reinegger.net Usability
  26. 26. reinegger.net Usability www.ryanair.com
  27. 27. reinegger.net Usability
  28. 28. Technik Im Web ist alles abhängig von der Technik im Hintergrund. reinegger.net
  29. 29. reinegger.net Technik Technik in real life
  30. 30. Woher weiss ich das meine Website gut umgesetzt wurde? reinegger.net
  31. 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. 32. reinegger.net Suchmaschinenoptimierung - SEO -
  33. 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. 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. 35. reinegger.net http://www.seo-summary.de/wp-content/uploads/onpage-seo-infografik_web.png Suchmaschinenoptimierung (SEO)
  36. 36. reinegger.net Suchmaschinenoptimierung (SEO) http://www.seo-summary.de/wp-content/uploads/onpage-seo-infografik_web.png
  37. 37. Offpage SEO - Linkaufbau - PR / Artikel Submissions - Social Bookmarking - Social Media - Verzeichnisse - Video Submission - Slideshare / PDF - … reinegger.net Suchmaschinenoptimierung (SEO)
  38. 38. Local SEO - Lokales Linkbuilding - Online Branchenbuch Einträge - Social Media - Google+ - Google Places - Landing Pages - Social Media - Bewertungsseiten - … reinegger.net Suchmaschinenoptimierung (SEO)
  39. 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. 40. Vielen Dank für Ihre Aufmerksamkeit! reinegger.net

×