Projektowanie łatwo dostępnych witryn za pomocą technologii AJAX

Wielu właścicieli witryn odkryło, że dzięki technologii AJAX mogą zwiększyć wygodę użytkowników za pomocą dynamicznych stron, które działają jak zaawansowane aplikacje internetowe. Podobnie jak w przypadku Flasha AJAX może utrudniać wyszukiwarkom indeksowanie witryny, jeśli technologia ta została nieodpowiednio wdrożona. Istnieją dwa podstawowe problemy na linii wyszukiwarki-AJAX: widoczność treści i nawigacja dla robotów indeksujących.

Googlebot świetnie radzi sobie ze strukturą linków HTML, ale miewa problemy z poruszaniem się w witrynach wykorzystujących JavaScript. Pracujemy nad tym, ale indeksowanie przyniesie najlepsze rezultaty, gdy umieścisz w treści witryny linki HTML.

Projektowanie z myślą o dostępności

Zachęcamy właścicieli witryn do tworzenia stron z myślą o użytkownikach, a nie wyłącznie wyszukiwarkach. Projektując witrynę AJAX, warto pamiętać o potrzebach użytkowników, również tych, którzy nie używają przeglądarek z JavaScriptem (np. osoby korzystające z czytników ekranu lub urządzeń mobilnych). Dostępność witryny można łatwo sprawdzić – wystarczy wyłączyć obsługę JavaScriptu w przeglądarce lub użyć przeglądarki tekstowej, takiej jak Lynx. Podgląd w trybie tekstowym umożliwia też identyfikację treści trudno dostępnych dla Googlebota, np. tekstu umieszczonego w grafice lub pliku Flasha.

Unikanie elementów iframe lub stosowanie osobnych linków do ich zawartości

Zawartość elementów iframe może nie zostać zindeksowana i nie pojawiać się w wynikach wyszukiwania Google. Nie zalecamy stosowania ramek iFrame do wyświetlania treści. Jeśli używasz elementów iframe, umieść na stronie dodatkowe linki tekstowe prowadzące do wyświetlanych w nich treści. Dzięki temu Googlebot będzie mógł je zeskanować i zindeksować.

Stosowanie progresywnego ulepszania

Jeśli zaczynasz od zera, dobrym pomysłem jest tworzenie struktury witryny i nawigacji wyłącznie w HTML-u. Gdy będziesz już mieć strony, linki i zawartość witryny, możesz poprawić jej wygląd i interfejs za pomocą technologii AJAX. Googlebot użyje wersji HTML-owej, a użytkownicy korzystający z nowoczesnych przeglądarek zobaczą witrynę wzbogaconą o dodatki w technologii AJAX.

Prawdopodobnie nie obejdzie się bez JavaScriptu, który może być wymagany w przypadku linków w ramach technologii AJAX. Programista stron internetowych Jeremy Keith określił tę technikę mianem Hijax. To metoda poprawy warunków współistnienia technologii AJAX i linków statycznych.

Gdy tworzysz linki, sformatuj je tak, by użytkownicy mieli dostęp zarówno do linków statycznych, jak i do funkcji JavaScript. Dzięki temu AJAX będzie dostępny dla użytkowników JavaScriptu, natomiast osoby niekorzystające z JavaScriptu będą mogły go zignorować i wybrać zwykły link. Na przykład:

<a href="ajax.htm?foo=32" onClick="navigate('ajax.html#foo=32');
 return false">foo 32</a>

Warto zauważyć, że adres URL linku statycznego zawiera parametr (?foo=32) zamiast fragmentu (#foo=32) stosowanego w kodzie AJAX. To ważne, ponieważ wyszukiwarki czytają parametry URL, ale często ignorują fragmenty. Obecność linków statycznych oznacza, że użytkownicy i wyszukiwarki mogą zamieszczać linki dokładnie do tej treści, która ich interesuje lub do której chcą się odnieść.

Cały czas usprawniamy indeksowanie, ale używanie linków HTML to najlepszy sposób, by ułatwić nam (oraz innym wyszukiwarkom, urządzeniom mobilnym i użytkownikom) poznanie struktury witryny.

Przestrzeganie wskazówek

Oprócz opisanych tu wskazówek warto zapoznać się z naszymi wskazówkami dla webmasterów, by dowiedzieć się więcej o witrynach dostosowanych do wymagań Google i użytkowników. Znajdziesz tam też informacje o praktykach, których należy unikać (np. o przekierowaniach JavaScript). Ogólna zasada brzmi: użytkownicy mogą otrzymywać dostęp do różnych funkcji, w zależności od swoich możliwości, ale treść nie powinna się zmieniać. Przykład: strona Hodowli Chomików Wysz. Nagłówek strony brzmi „Hodowla Chomików Wysz”, a pod nim umieszczono pokaz slajdów w technologii AJAX. Wyłączenie obsługi JavaScriptu nie powinno ujawnić dodatkowego tekstu:

Hodowla Chomików Wysz — chomiki, najlepsze chomiki, tanie chomiki, darmowe chomiki, zwierzęta, hodowle, chomiki hodowle, tańczące chomiki, gryzonie, homiki, najlepsze chomiki, małe zwierzęta, lekcje tańca, śliczne, chomiki sztuczki, karma, chomiki domki, chomiki hotele, upominki chomiki i nie tylko!

Przy lepszym wykonaniu wyświetlany tekst byłby taki sam, niezależnie od JavaScriptu. W najlepszym przypadku można nawet przygotować wersję HTML pokazu slajdów dla użytkowników bez JavaScriptu. Więcej informacji o ukrytym tekście