Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
R. V.d.M
Courses Plus Student 3,067 PointsBackbone & SEO — escaped_fragment & headless browsers
Hello,
I built a single page web app that uses Backbone fed by JSON to render the entire site. While this approach is great for speed and got me a 100% Google Pagespeed score, the Google Search engine can not index any of my content.
I found a few articles that touch on possible solutions or partial solutions but am still having a hard time wrapping my head around how to solve this problem step by step from A to Z.
Does anyone know of any guides that are of the same quality as the Treehouse courses that could guide me through this process? Or would Treehouse consider making a course on this subject?
This is the app I've built : www.altarjewelry.com
These are the articles I've found so far :
1 Answer
James Barnett
39,199 PointsI don't think using AJAX is actually your problem you don't have a semantic outline of your page. You can use generated content and still end up with semantic structure to a page.
Basically I suggest you work out on paper a basic outline of your pages something that looks like
http://www.webreference.com/html/rendering/index.html
Also check out for other great tips on semantic HTML usage http://sixrevisions.com/web-standards/20-html-best-practices-you-should-follow/.
R. V.d.M
Courses Plus Student 3,067 PointsR. V.d.M
Courses Plus Student 3,067 PointsI am aware of this and this is exactly the problem I am trying to solve.
There are lengthy biographies for all jewelry designers, descriptive image alt tags, many internal links and detailed product descriptions that all get rendered dynamically using a combination of Backbone.js and Require.js So plenty of content to crawl.
This article http://backbonetutorials.com/seo-for-single-page-apps mentions I need to tell Google to crawl a version of my page that gets pre rendered by a headless browser like Phantom.js by using the fragment meta tag <meta name="fragment" content="!"> detailed in this article https://developers.google.com/webmasters/ajax-crawling/docs/getting-started
What I am trying to figure out now is how exactly to go about all this, where to start and what the step-by-step process is on how to solve this issue.