Hvis du gør det rigtigt, så er det intet problem
Det var nok dagens dårligste "gode råd" Tongue Tied Faktum er, at uanset hvordan du gør, så vil et website i ren JavaScript (som i øvrigt ikke har noget at gøre med Java) give dig problemer i forhold til SEO. Og det er ikke kun i forhold til SEO at det kan give problemer at lave et website i ren JavaScript. Det vil som regel også ende med at gøre det temmelig besværligt for brugerne - og mange vil slet ikke kunne bruge det. Det store spørgsmål er: Hvorfor? Hvorfor vil du dog lave hele websitet i JavaScript? Er det fordi du tror det vil give bedre brugeroplevelse, bedre SEO og flere salg? For det tror jeg ikke du skal regne med at det gør :)
Tror Du/I misforstår hvad jeg skriver i mit indlæg, hele idéen med Javascript delen er usability.
Et eksempel kunne være ens Facebook profil, navigationen mellem ens Væg, Oplysninger, Billeder mm. ændre kun nogle få elementer på siden, men også visuelt URL'en. Brugeren oplever et mere smooth flow, men pga. URL'en visuelt også ændre sig gør at linking stadig virker.
Du kan selv teste ved at se hvilke requests der bliver fortaget mellem navigationer med musen, der hentes kun de nye elementer. Men hvis du skriver URL'en i stedet, så hentes alle elementerne i ét HTML dokument, mens efterfølgende navigation med musen igen kun henter elementer der skal ændres.
Eksempel - bruger med browser:
Initial HTML:
<body>
<div id="header">
<div id="navigaion">
<a href="/">Forside</a>
<a href="/produkter">Produkter</a>
</div>
</div>
<div id="content">
Forside indhold
</div>
<div id="bottom">
Copyright blah blah
</div>
</body>
Brugeren klikker på Produkter linket, Javascript fanger klikket, laver et request med XHR header på /produkter, /produkter returner selve indholdet (dvs. uden "header" og "bottom"), Javascript ændre indholdet i "content" med dataerne modtaget fra /produkter.
Eksempel - Google:
Initial HTML:
<body>
<div id="header">
<div id="navigaion">
<a href="/">Forside</a>
<a href="/produkter">Produkter</a>
</div>
</div>
<div id="content">
Forside indhold
</div>
<div id="bottom">
Copyright blah blah
</div>
</body>
Google fortsætter crawlingen til /produkter, men da crawleren ikke eksekver Javascript, laves der et request uden XHR headeren, så google modtager hele html dokumentet:
<body>
<div id="header">
<div id="navigaion">
<a href="/">Forside</a>
<a href="/produkter">Produkter</a>
</div>
</div>
<div id="content">
Produkter indhold
</div>
<div id="bottom">
Copyright blah blah
</div>
</body>
Så for brugeren er flowet smooth, men selve siden (og indholdet) er identiske for både google og brugeren, der er intet skjult indhold, det er kun selve metoden for fremvisningen af indholdet der er forskellige.
Håber det giver lidt mere mening.
|
Bliv gratis medlem
Opret bruger