Web 2.0 aus der Sicht einer Spinne

Mittwoch, 7. November 2007

Viele Webmaster haben die Vorteile der Verwendung von Ajax zur Verbesserung der Benutzererfahrung auf ihren Websites entdeckt und dynamische Seiten erstellt, die als leistungsstarke Webanwendungen fungieren. Aber wie Flash kann Ajax dazu führen, dass eine Website von Suchmaschinen nur schwer indiziert werden kann, wenn die Technologie nicht sorgfältig implementiert wird. Wie in unserem Beitrag zur Beantwortung von Fragen versprochen
Serverstandort, Cross-Linking und Web 2.0-Technologie, haben wir einige Tipps zusammengestellt, wie man Ajax-erweiterte Websites erstellt, die auch von Suchmaschinen verstanden werden.

Wie wird Google meine Website sehen?

Eines der Hauptprobleme bei Ajax-Websites ist, dass der Googlebot zwar hervorragend darin ist, der Struktur von HTML-Links zu folgen und sie zu verstehen, es ihm aber schwerfallen kann, sich auf Websites zurechtzufinden, die JavaScript zur Navigation verwenden. Zwar arbeiten wir daran, JavaScript besser zu verstehen, doch die beste Methode, um eine Website zu erstellen, die von Google und anderen Suchmaschinen gecrawlt werden kann, ist die Bereitstellung von HTML-Links zu Ihren Inhalten.

Auf Barrierefreiheit auslegen

Wir ermutigen Webmaster, Seiten für Benutzer zu erstellen, nicht nur für Suchmaschinen. Wenn Sie Ihre Ajax-Website entwerfen, denken Sie an die Bedürfnisse Ihrer Benutzer, einschließlich derer, die möglicherweise keinen JavaScript-fähigen Browser verwenden. Es gibt viele solcher Benutzer im Web, darunter auch solche, die Screenreader oder Mobilgeräte verwenden.

Eine der einfachsten Möglichkeiten, die Zugänglichkeit Ihrer Website für diesen Benutzertyp zu testen, besteht darin, die Website in Ihrem Browser bei deaktiviertem JavaScript zu erkunden oder sie in einem reinen Textbrowser wie
Lynxanzuzeigen. Die Anzeige einer Website als reiner Text kann Ihnen auch dabei helfen, andere Inhalte zu identifizieren, die für den Googlebot möglicherweise schwer zu erkennen sind, einschließlich Bildern und Flash.

Mit progressivem Enhancement entwickeln

Wenn Sie ganz von vorne beginnen, ist es ein guter Ansatz, die Struktur und Navigation Ihrer Website ausschließlich mit HTML aufzubauen. Sobald Sie dann die Seiten, Links und Inhalte der Website eingerichtet haben, können Sie das Erscheinungsbild und die Benutzeroberfläche mit Ajax aufpeppen. Der Googlebot freut sich über das HTML, während Benutzer mit modernen Browsern Ihre Ajax-Boni genießen können.

Natürlich haben Sie wahrscheinlich Links, die JavaScript für die Ajax-Funktionalität benötigen. Hier ist also eine Möglichkeit, Ajax und statische Links nebeneinander existieren zu lassen:

Formatieren Sie Ihre Links beim Erstellen so, dass sie sowohl einen statischen Link anbieten als auch eine JavaScript-Funktion aufrufen. Auf diese Weise haben Sie die Ajax-Funktionalität für JavaScript-Benutzer, während Nicht-JavaScript-Benutzer das Skript ignorieren und dem Link folgen können. Zum Beispiel:

Beachten Sie, dass die URL des statischen Links einen Parameter(?foo=32)anstelle eines Fragments(#foo=32)enthält, das vom Ajax-Code verwendet wird. Dies ist wichtig, da Suchmaschinen URL-Parameter verstehen, Fragmente jedoch oft ignorieren. Webentwickler
Jeremy Keith
bezeichnete diese Technik als
Hijax. Da Sie nun statische Links anbieten, können Benutzer und Suchmaschinen genau auf den Inhalt verlinken, den sie teilen oder referenzieren möchten.

Während wir unsere Crawling-Fähigkeit kontinuierlich verbessern, bleibt die Verwendung von HTML-Links ein starkes Mittel, um uns (sowie anderen Suchmaschinen, Mobilgeräten und Benutzern) zu helfen, die Struktur Ihrer Website besser zu verstehen.

Befolgen Sie die Richtlinien

Zusätzlich zu den hier beschriebenen Tipps empfehlen wir Ihnen, auch unsere
Webmaster-Richtlinien
zu lesen, um weitere Informationen darüber zu erhalten, was eine Website für Google und Ihre Benutzer gut macht. Die Richtlinien weisen auch auf einige Vorgehensweisen hin, die vermieden werden sollten, einschließlich
versteckter JavaScript-Weiterleitungen. Eine allgemeine Regel lautet, dass Sie Benutzern zwar je nach ihren Möglichkeiten unterschiedliche Erlebnisse bieten können, der Inhalt jedoch derselbe bleiben sollte. Stellen Sie sich zum Beispiel vor, wir haben eine Seite für Wysz’s Hamster Farm erstellt. Oben auf der Seite befindet sich die Überschrift „Wysz’s Hamster Farm“, und darunter befindet sich eine Ajax-gesteuerte Diashow der neuesten Hamsterankünfte. Das Deaktivieren von JavaScript auf derselben Seite sollte einen Benutzer nicht mit zusätzlichem Text überraschen:

Wysz’s Hamster Farm – Hamster, beste Hamster, billige Hamster, kostenlose Hamster, Haustiere, Farmen, Hamsterzüchter, tanzende Hamster, Nagetiere, Hampsters, hamsers, beste Hamster-Ressource, Haustierspielzeug, Tanzstunden, süß, Hamstertricks, Haustierfutter, Hamster-Habitat, Hamster-Hotels, Hamster-Geburtstagsgeschenkideen und mehr!

Eine idealere Implementierung würde denselben Text anzeigen, unabhängig davon, ob JavaScript aktiviert war oder nicht, und im besten Fall Nicht-JavaScript-Benutzern eine HTML-Version der Diashow anbieten.

Dies ist ein ziemlich fortgeschrittenes Thema, also bitte
setzen Sie die Diskussion fort
, indem Sie Fragen stellen und Ideen in der Webmaster-Hilfegruppe austauschen. Bis dann!

Verfasst von Michael Wyszomierski und Greg Grothaus, Suchqualität