De flesta som jobbar inom webbproduktion och är relativt SEO-insatta vet att Ajax och SEO är som natt och dag och inte riktigt funkar tillsammans. Detta beror på sidor och undersidor laddas med javascript och att sökmotorer så som Google ej kan följa dessa och visa innehållet. Ett bra exempel på att en hemsida är ajax-driven är när hemsidan har många undersidor men enbart startsidan är indexerad.
Detta har dock blivit lite annorlunda på senare tid med hjälp utav Ajax + jQuery på det sättet att det hämtar in allt innehåll som huvudtext-div-elementen har och visar det i det nuvarande div-elementen. Hur kan detta vara SEO-vänligt frågar du? Simpelt. De statiska adresserna till undersidorna är fortfarande intakta och med tanke på att sökmotorerna ej följer javascript-länkar (med ajax) förekommer ej ”duplicate content”.
Det Ajax + jQuery bl.a gör är att förhindra standard-beteendet, så som att wordpress skall gå till den klickade länken, med koden ”event.preventDefault();”. Efter detta laddar den allt innehåll från klickad länk (t.ex http://www.test123.com/om-oss/), parsar ut innehållet beroende på vilket div-element och ersätter dåvarande text, rubrik, titel och ändrar eventuella css-stilar (så som markerad meny-knapp osv.) till det som finns på just den klickade länken.
Skillnaden mellan att använda vanliga länkar eller ajax-drivna länkar är att vid vanliga länkar så går webbläsaren till ett nytt fönster, vilket i sin tur innebär att t.ex musik/video/bildspel (som skall finnas på varje sida) helt enkelt börjar om från början. Med Ajax går inte webbläsaren till en ny sida utan hämtar enbart innehållet på den nya sidan och väldigt diskret uppdaterar innehållet. Nackdelen med ajax är dock att ”bakåt-knappen” i webbläsarna ej kommer funka (flash-hemsidor har samma nackdel).
