[P3N]

Du kan ju som du själv säger köra en ajax request och hämta informationen via en fil. Jag hade använt php för att skapa filen med html koden, satt filtypen till js i php koden och loopat fram informationen och sen kört appendChild. Behövs inte jQuery för det men om du redan har det så...

Ett annat alternativ är ju att bara skapa det med en javascript funktion/fil och ladda scriptet med:

function loadScript(url){
	var head = document.head || document.getElementsByTagName('head')[0];
	var script = document.createElement('script');
	script.type = 'text/javascript';
	script.src = url;
	head.appendChild(script);
}

[yakuzaemme]

Ursprungligen postat av P3N

Du kan ju som du själv säger köra en ajax request och hämta informationen via en fil. Jag hade använt php för att skapa filen med html koden, satt filtypen till js i php koden och loopat fram informationen och sen kört appendChild. Behövs inte jQuery för det men om du redan har det så...

Ett annat alternativ är ju att bara skapa det med en javascript funktion/fil och ladda scriptet med:

function loadScript(url){
	var head = document.head || document.getElementsByTagName('head')[0];
	var script = document.createElement('script');
	script.type = 'text/javascript';
	script.src = url;
	head.appendChild(script);
}

Tack för svar!

Kommer förmodligen köra den jag nu skriver ihop till mycket av sajten, likt Facebook och deras system när det kommer till detta.

1) När användaren triggar clicked körs ett ajax-request, hämtar data.
2) Appendar den returnerade datan till elementet
3) Party

Något jag missat? Nu när jag tänker på det är stora delar av sajten uppbyggt på liknande sätt men aldrig tänkt på att källkoden ej visas sålänge man inte inspekterar elementen.

Kan detta påverka SEO måtro? Säg att jag har en webshop, där användaren scrollar nedåt och då laddas fler produkter genom ajax (direkt från databasen) och appendar. Kör man view-source visas ju endast de 'X' första produkterna.

[Linuus]

Ursprungligen postat av yakuzaemme

Tack för svar!

Kommer förmodligen köra den jag nu skriver ihop till mycket av sajten, likt Facebook och deras system när det kommer till detta.

1) När användaren triggar clicked körs ett ajax-request, hämtar data.
2) Appendar den returnerade datan till elementet
3) Party

Något jag missat? Nu när jag tänker på det är stora delar av sajten uppbyggt på liknande sätt men aldrig tänkt på att källkoden ej visas sålänge man inte inspekterar elementen.

Kan detta påverka SEO måtro? Säg att jag har en webshop, där användaren scrollar nedåt och då laddas fler produkter genom ajax (direkt från databasen) och appendar. Kör man view-source visas ju endast de 'X' första produkterna.

Eftersom produkterna läses in via JS kan det ju bli svårare att få sidan ordentligt indexerad (det kanske alla bots klarar bra idag?). Lägg in en vanlig "pagination" ifall besökaren inte har JS.

[yakuzaemme]

Ursprungligen postat av Linuus

Eftersom produkterna läses in via JS kan det ju bli svårare att få sidan ordentligt indexerad (det kanske alla bots klarar bra idag?). Lägg in en vanlig "pagination" ifall besökaren inte har JS.

Läst lite om det nu och kommit fram till följande:

Data som läses in av JS kan de flesta crawlers indexera.
Data som läses in via AJAX har de svårt med. Men....

Det går att hjälpa bots (Google) på traven lite. Du måste först berätta att du använder ajax just för den url:en. Därefter måste du returnera en HTML-snapshot av just den sidan och tillslut hålla tummarna.

Det hela verkar rätt komplicerat men nog värt det i slutändan.


Förresten Linuus, om det vore en enkel contentsida eller dylikt, så visst, ha en fallback för de som ej har JS aktiverat - men ska du ha en site med mycket integration m.m så är det den uppoffringen du får göra. Se bara på Facebook, Google m.fl

[Linuus]

Ursprungligen postat av yakuzaemme

Förresten Linuus, om det vore en enkel contentsida eller dylikt, så visst, ha en fallback för de som ej har JS aktiverat - men ska du ha en site med mycket integration m.m så är det den uppoffringen du får göra. Se bara på Facebook, Google m.fl

Visst, men ditt exempel med en webbshop lät ganska simpelt När det gäller en shop kanske man vill vara lite extra noga med att inte stänga ute potentiella kunder som inte har JS aktiverat också (är väl kanske försumbara siffror idag dock).

[yakuzaemme]

Ursprungligen postat av Linuus

Visst, men ditt exempel med en webbshop lät ganska simpelt När det gäller en shop kanske man vill vara lite extra noga med att inte stänga ute potentiella kunder som inte har JS aktiverat också (är väl kanske försumbara siffror idag dock).

Nu blir det långt här, samt lite OT, haha Inte en shop det handlar om men såg det som enklaste exemplet, det rör sig alltså om objekt (se det som produkter) som läses in via ajax för en mer "2.0" upplevelse. Alla dessa är lika viktiga för sökmotorer att hitta.

Men såhär gör jag, ifall någon annan har liknande situation:

1) Triggar ett ajax-request call när användaren klickar på exempelvis "Registrera"
2) Appendar returdatan till en div som ligger i popup
3) Gör en klass som ska producera HTML-snapshots, som ges till crawlerbots så de indexerar sånt som visas "behind the scene"
4) Får massvis med besökare och är jätteglad.

Om någon har något bättre sätt förslag, dela gärna med dig - annars tror jag att jag är nöjd som det är!