Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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

786 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
  • Als Erste(r) kommentieren

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

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 />

×