Nieuwe content op zelfde pagina
Op mijn bedrijfswebsite ben ik eigenlijk van plan om, zodra een gebruiker van menu wisselt, mooie effecten mee te geven. Daarvoor ga ik denk ik http://jqueryui.com/ gebruiken.
Mijn idee:
Iemand klikt op een menu, de tekst rolt weg naar links, de pagina ververst*, tekst rolt van rechts naar binnen.
*Nu is het denk ik handig om het verversen van de pagina te voorkomen waardoor, zodra iemand op een menu klikt, de content door JQuery oid van de Database wordt opgehaald. Is dit alleen seo/gebruikersvriendelijk, want je ziet het bijna nooit voorkomen. Of heeft iemand anders een idee voor zulk soort effecten?
Ik gebruik meestal JQuery voor het mooier en gebruiksvriendelijker maken van een applicatie c.q. website. Content laden is dus zoals Vincent zegt niet gebruiksvriendelijk.
Je kunt eventueel wel het volgende doen als je toch content via Ajax wilt laden maar toch deze informatie beschikbaar wilt houden voor Google:
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<a href="/url-naar/vaste/paginanaam.html" id="paginanaam">Klik hier</a>
<script type="text/javascript">
$('#paginanaam').click(function(e) {
e.preventDefault();
$.get('pagina.html',function(htmlContent) {
$('div.content').html(htmlContent);
});
});
</script>
<script type="text/javascript">
$('#paginanaam').click(function(e) {
e.preventDefault();
$.get('pagina.html',function(htmlContent) {
$('div.content').html(htmlContent);
});
});
</script>
Hierdoor blijft de URL toch bereikbaar en zal iemand dus die geen javascript ondersteund (Google Crawler o.a.) worden doorgestuurd naar de volgende pagina met de content en iemand die het wel ondersteund geniet van de snellere laadtijd omdat alleen de content opgehaald word en niet de hele pagina word ververst.
Maar, een oorzaak dat weinig websites het gebruiken kan zijn omdat JQuery-UI nogal groot is (geloof 120kb) daarom zou ik ook alleen de onderdelen downloaden die je gebruikt, scheelt al een hoop! En daarna nog gzippen/inpakken etc en het is goed te doen.