[thelist] Relationship between one-page HTML / jQuery app and crawlable pages
Nadeem Hosenbokus
nadeem at nadeemh.com
Tue Jan 15 14:41:12 CST 2013
Hi,
I've dealing with kind of issues and I turned to the Google documentation
for help. I haven't actually put the site I was working on live yet so I
don't actually know how effective it will be SEO-wise but maybe these will
help you:
https://developers.google.com/webmasters/ajax-crawling/
http://www.seomoz.org/blog/create-crawlable-link-friendly-ajax-websites-usin
g-pushstate
Hope it helps,
Nadeem Hosenbokus
(230) 766 9169
www.nadeemh.com
-----Original Message-----
From: thelist-bounces at lists.evolt.org
[mailto:thelist-bounces at lists.evolt.org] On Behalf Of Jason Handby
Sent: 15 January 2013 21:32
To: thelist at lists.evolt.org
Subject: [thelist] Relationship between one-page HTML / jQuery app and
crawlable pages
Hi all,
I'm building a 'one-page' HTML / jQuery application. I'm using
client-side jQuery to read data about farm animals from an XML file and
to set up corresponding thumbnails on the page. Clicking a thumbnail
will open a lightbox containing appropriate content - for example,
clicking the "ducks" thumbnail will open a lightbox containing
information and pictures about ducks.
Suppose I have a user who I know loves ducks - I can email them a URL
that will take them straight to the open ducks lightbox - something like
this: http://www.myapp.com/?ducks .
All good so far. But I also need to provide crawlable links for SEO
purposes.
I'm assuming I'll need to do something like this:
- create http://www.myapp.com/ducks/default.html static HTML
page, full of interesting information / keywords about ducks (supplied
by the SEO people)
- in that page, put a Javascript redirect to
http://www.myapp.com/?ducks to actually get my one page app to run and
then show the ducks lightbox when that page gets visited by a person
- link to it from http://www.myapp.com/ so that it gets crawled.
for everything I want to be crawlable (ducks, geese, sheep...).
A few other thoughts:
I know I can use HTML5 pushState() to disguise
http://www.myapp.com/?ducks as http://www.myapp.com/ducks , but I don't
think I care about this as I don't mind people seeing the '?' version
of the link once they arrive.
I'm trying to avoid using any server-side technology if possible, as
nothing else in this project requires it.
No, the actual project isn't really about farm animals :)
>From the SEO point of view, am I going about this the right way? Is
there an easier way to do this (as obviously I'd prefer not to create a
bunch of static pages, given that everything else is data-driven)? Any
comments or suggestions?
Many thanks in advance
Jason
--
* * Please support the community that supports you. * *
http://evolt.org/help_support_evolt/
For unsubscribe and other options, including the Tip Harvester
and archives of thelist go to: http://lists.evolt.org
Workers of the Web, evolt !
More information about the thelist
mailing list