Ajax och SEO

[Nisse]

Är lite vilsen i den tekniska djungeln.

Ska bygga en liten sida som har en funktion där besökarna ska kunna betygsätta olika små textstycken. För enkelhetens skull säger vi att det är ordspråk. Programmeraren vill använda sig av ajax men har dock ingen kunskap om SEO. Har aldrig använt ajax på någon sida förut men vet att det kan vara problem för sökrobotar att läsa text genererad av ajax.

Edit: Hittade info, http://www.seroundtable.com/archives/012451.html ifall någon är intresserad. Hade googlat på "axaj" innan istället för "ajax"...

[Hjalmar]

Jag brukar lösa det där genom att göra som så att filen som skapar ajax-outputten även kan skriva till vanlig output. Dvs den spottar ur sig vanlig html. Om man då inkluderar den på normalt sätt i PHP så skapas server-side-html medans ett ajax-anrop med en parameter skapar dynamiskt material. Bästa av båda världar. Ett exempel på detta finns på roligaklipp.se där jag använder det för att ladda nya sidor när användaren klickar på någon av "1 2 3 4 5 ... "-länkarna.

[StefanBergfeldt]

Eftersom du ändå inte vill att sök-spindlarna ska rösta, så är det väl bara bra om du använder tekniker de inte förstår...

[Daniel]

Jag använder AJAX på flera av mina sidor där det tillför något men jag försöker också alltid se till att samma information alltid finns tillgänglig på en statisk sida.

Om du exempelvis har en sida som heter AllaOrdsprak.aspx där man kan söka efter ordspråk och visar dem med hjälp av AJAX skulle jag ändå försöka ha ett par statiska sidor där informationen också finns och går och hitta av både sökmotorer och användare, exempelvis olika sidor för ordspråk inom olika genres eller liknande.

[Bernt Johansson]

Om man använder ajax för navigeringen på webbplatsen. Alltså så att man hämtar upp varje unik undersida mha ajax så finns det en väldigt användbar teknik för att sökspindlarna, och användare utan javascript, fortfarande ska få tillgång till innehållet.

Skapa först sidan som vanligt, dvs med helt vanliga html länkar som navigering, på vilka ett klick, sidan laddas om i sin helhet och visar innehållet. När sidan har laddats kör man sedan ett javascript som letar upp alla navigeringslänkar och ändar på deras href="" attribut, och byter ut det till ajax anropet.

Funkar klockrent. Enda baksidan är att den ingångs url som besökaren får ligger kvar som url i webbadressfältet under hela besöket, och som med alla ajaxlösningar blir det problem ifall någon vill skapa bokmärke eller kopiera webbadressen för att skapa en länk.

[EMcCracken]

Funkar klockrent. Enda baksidan är att den ingångs url som besökaren får ligger kvar som url i webbadressfältet under hela besöket, och som med alla ajaxlösningar blir det problem ifall någon vill skapa bokmärke eller kopiera webbadressen för att skapa en länk.

Genom att sätta hashen (/oförändrad_sida.html#laddad_sida_id) till en unik identifierare via javascript som är mappad till den sida du laddar via ajax så kan användaren både bokmärka och navigera fram- och tillbaka förutsatt att du har en mekanik för att ladda korrekt innehåll när besökaren besöker sidan oförändrad_sida.html med en hash satt.

Exempelvis jQuery (ett populärt javascript bibliotek) har väl beprövade pluginer för att hantera detta. jQuery är också exemplariskt för att göra det Bernt säger tidigare :

När sidan har laddats kör man sedan ett javascript som letar upp alla navigeringslänkar och ändar på deras href="" attribut, och byter ut det till ajax anropet

jQuery: http://jquery.com
jQuery History Plugin: http://www.mikage.to/jquery/jquery_history.html
Andra lösningar: http://www.contentwithstyle.co.uk/Ar...-for-ajax-apps