Good Website Inspector<br />Qualitätskontrolle mit dem<br />08.12.2010<br />1<br />http://www.goodwebsiteinspector.com – ©...
Was ist der Good Website Inspector?<br />FirefoxPluginbasierend auf AddOn-YSLOW & AddOn-Firebug<br />Analyse des geladenen...
Warum der Good Website Inspector?<br />Verringerung der Kosten/Steigerung der Erlöse<br />Erkennung der Schwachstellen im ...
Warum der Good Website Inspector?<br />Qualitätskontrolle der Agenturen<br />Agenturen und ProduktmanagerInnen können selb...
Wer sollte ihn nutzen?<br />ProduktmanagerInnen<br />Webentwickler<br />Personen die Websites beauftragen und abnehmen müs...
Installation<br />Alle Schritte und direkte Links zu den aktuellsten Versionen der notwendigen Tools sind unter http://www...
Wie wird es benutzt?<br />Im Firefox die Statusleiste aktivieren (Menü Ansicht->Statusleiste)<br />Die zu überprüfende Sei...
Tipps & Tricks / Hinweise<br />Startseiten bei größeren Websites schneiden immer schlechter ab, als Eintrags-/Artikelseite...
Tipps & Tricks / Hinweise<br />Wenn man sich nicht sicher ist, ob die Regeln stimmen, die Seite noch einmal mit hartem Rel...
Wichtige Regeln sind<br />Title-Tag<br />Good URL<br />Javascript: No document.write<br />Javascript: Not placed in Head<b...
http://www.goodwebsiteinspector.com<br />In Kürze alle einfach erklärten Regeln zum Nachlesen auch unter:<br />08.12.2010<...
Nächste SlideShare
Wird geladen in …5
×

Good Website Inspector - Quick Overview German

727 Aufrufe

Veröffentlicht am

Kurzübersicht von Good Website Inspector, einem erweiterten Regelset für YSLOW, um HTML-/CSS-/Javascript-Code auf handwerkliche Fehler hinsichtlich SEO, Performance, Usability zu testen. In einfachen Worten wird auch für Technik-Laien erklärt, welches Optimierungspotenzial in Websites steckt und weshalb diese wichtig sind.

Weitere Infos unter: http://www.goodwebsiteinspector.com

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
727
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
11
Aktionen
Geteilt
0
Downloads
1
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Good Website Inspector - Quick Overview German

  1. 1. Good Website Inspector<br />Qualitätskontrolle mit dem<br />08.12.2010<br />1<br />http://www.goodwebsiteinspector.com – © 2010 Stefan Seifarth, Hubert Burda Media<br />
  2. 2. Was ist der Good Website Inspector?<br />FirefoxPluginbasierend auf AddOn-YSLOW & AddOn-Firebug<br />Analyse des geladenen HTML-QuelltextesAnhand derzeit 42 Regeln wird der HTML-/CSS-/Javascript-Quelltext der geöffneten Seite hinsichtlich Performance, Usability, SEO und Qualität analysiert und bewertet<br />Einfache Erklärung der RegelnDie Regeln, Optimierungshinweise und Gründe werden in verständlichen Worten auch für Nicht-Techniker beschrieben<br />Installation unter:http://www.goodwebsiteinspector.com<br />08.12.2010<br />http://www.goodwebsiteinspector.com – © 2010 Stefan Seifarth, Hubert Burda Media<br />2<br />
  3. 3. Warum der Good Website Inspector?<br />Verringerung der Kosten/Steigerung der Erlöse<br />Erkennung der Schwachstellen im Code schon vor der Implementierung im CMS -> Änderungskosten gering!<br />Schnellere Websites bedeuten mehr Umsatz!Siehe z.B. http://bit.ly/dpCtRR (Slide 60)<br />Qualitativ hochwertige Websites haben oftmals geringere laufende Kosten durch konsequente Caching-Technologien oder weniger übertragene Bytes.<br />Schnellere Websites bedeuten mehr User -> höhere Werbeerlöse<br />08.12.2010<br />http://www.goodwebsiteinspector.com – © 2010 Stefan Seifarth, Hubert Burda Media<br />3<br />
  4. 4. Warum der Good Website Inspector?<br />Qualitätskontrolle der Agenturen<br />Agenturen und ProduktmanagerInnen können selbständig kontrollieren, ob die erforderliche Qualität eingehalten wurde<br />Mehr Sicherheit für ProduktmanagerInnen<br />Ein Report mit aufgezeigten Schwachstellen bietet Sicherheit <br />Erhöhte Nutzerbindung<br />Durch schneller geladene Websites bleiben mehr Nutzer auf der Website<br />Konkurrenzanalyse<br />Was macht eine Konkurrenz-Seite besser als meine Seite? Die Antwort auf technische HTML/CSS/JS-Fragen bietet der Good Website Inspector<br />08.12.2010<br />http://www.goodwebsiteinspector.com – © 2010 Stefan Seifarth, Hubert Burda Media<br />4<br />
  5. 5. Wer sollte ihn nutzen?<br />ProduktmanagerInnen<br />Webentwickler<br />Personen die Websites beauftragen und abnehmen müssen<br />Personen mit Interesse an qualitativ guten und schnellen Webseiten<br />08.12.2010<br />http://www.goodwebsiteinspector.com – © 2010 Stefan Seifarth, Hubert Burda Media<br />5<br />
  6. 6. Installation<br />Alle Schritte und direkte Links zu den aktuellsten Versionen der notwendigen Tools sind unter http://www.goodwebsiteinspector.com zu finden.<br />Installiere die aktuellste Version von Firefox<br />Installiere das AddOnFirebug<br />Installiere das AddOnYSLOW<br />Installiere das AddOnGood Website Inspector<br />Download goodwebsiteinspector.xpi<br />Ziehe goodwebsiteinspector.xpi in das Fenster von Firefox<br />Folge den Installationsinstruktionen<br />08.12.2010<br />http://www.goodwebsiteinspector.com – © 2010 Stefan Seifarth, Hubert Burda Media<br />6<br />
  7. 7. Wie wird es benutzt?<br />Im Firefox die Statusleiste aktivieren (Menü Ansicht->Statusleiste)<br />Die zu überprüfende Seite im Browser aufrufen<br />Fertig laden lassen!(Bis in der Statusleiste „Fertig“ steht)<br />In der unten stehenden Statusleiste auf YSLOW klicken<br />Regelset [GWI] Quality auswählen<br />Button Run Test klicken <br />Auswertungen lesen<br />08.12.2010<br />http://www.goodwebsiteinspector.com – © 2010 Stefan Seifarth, Hubert Burda Media<br />7<br />
  8. 8. Tipps & Tricks / Hinweise<br />Startseiten bei größeren Websites schneiden immer schlechter ab, als Eintrags-/Artikelseiten<br />Wenn Vergleich zwischen zwei Seiten, muss immer der gleiche Seitentyp miteinander verglichen werden. Beispiel: Nur Vergleich von Artikelseite Bunte.de mit Artikelseite Focus.de<br />Um einen Gesamteindruck der Seite zu erhalten, sollten immer jeweils eine Startseite, Artikelseite, Galerieseite und statische Seite verglichen und ein Mittelwert aus den erreichten Punkten gebildet werden<br />08.12.2010<br />http://www.goodwebsiteinspector.com – © 2010 Stefan Seifarth, Hubert Burda Media<br />8<br />
  9. 9. Tipps & Tricks / Hinweise<br />Wenn man sich nicht sicher ist, ob die Regeln stimmen, die Seite noch einmal mit hartem Reload (Strg+F5 / Cmd+Shift+R) neu laden und auswerten<br />Seiten sollten immer mit den später tatsächlich geladenen Komponenten getestet werden (also inkl. Werbung und Widgets)<br />Neben dem [GWI] Quality Regelset ebenfalls das Regelset Small Site or Blog testen, um weitere Optimierungshinweise zu erhalten<br />komplette Auswertungen lassen sich über den Button PrintableView auch ausdrucken!<br />08.12.2010<br />http://www.goodwebsiteinspector.com – © 2010 Stefan Seifarth, Hubert Burda Media<br />9<br />
  10. 10. Wichtige Regeln sind<br />Title-Tag<br />Good URL<br />Javascript: No document.write<br />Javascript: Not placed in Head<br />Javascript: Placed at bottom<br />CSS: Avoid style attributes<br />CSS: Place in documenthead<br />Images: Use Alt and Title Attributes<br />HTML: Avoid Table Layout<br />HTML: Avoiddeprecated tags<br />HTML: Avoiddeep <div> nesting<br />HTML: Avoidlowcontent to tag ratio<br />HTML: Avoid bad navigation<br />Semantic: Use Headlines<br />Semantic: Usesemantic tags<br />08.12.2010<br />http://www.goodwebsiteinspector.com – © 2010 Stefan Seifarth, Hubert Burda Media<br />10<br />
  11. 11. http://www.goodwebsiteinspector.com<br />In Kürze alle einfach erklärten Regeln zum Nachlesen auch unter:<br />08.12.2010<br />http://www.goodwebsiteinspector.com – © 2010 Stefan Seifarth, Hubert Burda Media<br />11<br />

×