Funktionen für Webseiten-Entwickler
Doch kommen wir nun zu den für Webseiten-Entwickler spannenden Funktionen. Sie können einzelne Seitenelemente hervorheben lassen. Beispielsweise alle Formulare, in die man Eingaben machen kann. Oder alle Grafiken (die Sie auch ausblenden können), zu denen Sie sich Detail-Informationen anzeigen lassen können; beispielsweise deren Größe und deren Alternativ-Text - beides sind unter anderem wichtige Aspekte für die SEO-Optimierung. Sie können gezielt die Javascripts der geöffneten Seite anzeigen lassen und deren HTML-Bestandteile bearbeiten. Validierungstools für HTML und CSS sowie ein DOM-Inspector gehören natürlich auch zum Funktionsumfang von Web Developer.
Wenn Sie gezielt das CSS einer Seite analysieren wollen, dann blenden Sie mit einem Mausklick alle Styles aus und sehen die Seite nackt. Anders herum klappt das aber ebenfalls: Die CSS-Definitionen können Sie sich übersichtlich anzeigen lassen und zu Testzwecken bearbeiten.
Fazit: Web Developer Toolbar unbedingt installieren
Alles in allem ist die Web Developer-Toolbar ein unverzichtbares Werkzeug, das sich nicht nur Entwickler, sondern alle interessierten und ambitionierten Internetnutzer installieren sollten. Ganz wichtig: Neben Web Developer ist Firebug die mit Abstand wichtigste Erweiterung unter den Webmaster-Tools für Firefox.
Google Chrome und der Internet Explorer besitzen ?brigens integrierte Entwicklertools, die den Firefox-Addons Web Developer und Firebug ?hneln.
Webmaster-Tools für Spezialaufgaben
Colorzilla: Farbwerte auf Website ermitteln
Das Firefox-Addon Colorzilla zeigt die Farbwerte von der Stelle an, über der sich gerade Ihr Mauszeiger befindet. Die ermittelten Farbwerte können Sie kopieren und einfügen.
MeasureIt: Pixelabstände auf Website messen
Wenn Sie auf einer Webseite Abstände und Längen messen wollen, dann ist das Firefox Addon Measureit Ihr Lineal. Aktivieren Sie Measurelt mit einem Klick auf das Lineal-Icon. Die Seite wird daraufhin ausgegraut und Sie können mit der gedrückten linken Maustaste ein Viereck aufziehen, zu dem exakt die horizontalen und vertikalen Längenangaben in Pixel angezeigt werden.
Page Speed Online testet die Seiten-Performance
Mit Page Speed Online (Erweiterung für Google Chrome) testen Sie kostenlos die Performance und erhalten Verbesserungsvorschläge, um die Ladezeit Ihrer Seite zu verkürzen.
Webmaster-Tools zur Suchmaschinen-Optimimierung
Wenn Sie den Quellcode Ihrer Website gecheckt und fehlerbereinigt haben, beginnt der nächste Schritt: Die Suchmaschinen-Optimierung. Die Webmaster-Tools dafür stellen wir Ihnen auf der nächsten Seite vor.
Das Stichwort für den Erfolg einer Website im Internet lautet Search Engine Optimization, kurz SEO. Auf Deutsch: Suchmaschinen-Optimierung. Konkret bedeutet das: Optimieren Sie Ihre Website sowohl technisch als auch inhaltlich so, dass Sie von den Internetsuchmaschinen möglichst schnell erfasst und in deren Trefferlisten möglichst weit oben gelistet wird. Und wenn wir von Internetsuchmaschinen sprechen, dann bedeutet das in erster Linie natürlich die Websuche von Google.
Denn der Erfolg einer Website steht und fällt mit der Sichtbarkeit bei Google. für Sie bedeutet das fortwährend zu überprüfen, ob und wie gut Ihre Seite in den Trefferlisten bei Google erscheint und unter welchen Suchbegriffen sie gelistet wird. Und darauf basierend Ihre Seite zu optimieren.