Need help for one page scroll template!

[qwalk]

Hi!

I am building a new website, and the client want's a one page scroll menu like design. Something like this http://sympies.com/pagescroll_jquery_menu/.

Now I could go all in with copy/pasting ready-to-go jquery code, mix it in with global content blocks and stuff, and somehow get it to work, but I'm afraid it won't be easy and simple to manage later on for my Client, when adding new pages. Obviously in CMSMS this is easy to make, BUT if I want each anchor section to be a separate page, instead of 1 page with all the different sections in it, it get's complicated.

So I've Google'd a bit and found this solution: http://www.i-do-this.com/blog/one-page- ... mplates/57. This looks VERY good and promising, BUT unfortunately the "scrollable.tpl" menu template code don't work. Now I'm not a very good coder, but I can see that there is a closed {/if} with no opening, and another closing } with no opening, so I guess there went something wrong when pasting the code into the browser.

I really can't spot these errors, and even if I did, I wouldn't know how to fix them. Now can anyone please be helpful with this issue? Either look at the code and spot where the error is, and how to fix it, or give me any other good piece of advice on how to create a one page scroll menu template, that is user-friendly when the need of adding new pages will occur? THANKS a lot!

[oliverseddon]

Hi guys,

I've updated the tutorial, must have slipped when copy and pasting.




Thanks

[qwalk]

Hi guys,

I've updated the tutorial, must have slipped when copy and pasting.




Thanks

You are a life saver! Thanks!

Since the design will work as a single page layout, with all pages are within the same layout, how will this work in regards to Google?

I can access each page individually by entering the link manually (domain.com/about-us) BUT, that link will just show the default home page from the top (still with the correct link in the URL bar), and it will not scroll down automatically to the anchor.

So SEO-wise, let's say that if Google is indexing the page (about-us) with it's proper title and description, and a user clicks on it, he will just open the default homepage, even if he is using the individual link with the about-us alias in it. For it to work properly, Google should index the pages as domain.com/about-us#about-us to show the about-us page.

Also how can we be sure that Google WILL index each page individually, and not just the home page? Is this even fixable somehow?

[oliverseddon]

Because your using a one page design it is what it is, so you should/will only have one page title/description etc.

In my opinion, as long as you have all your relevant keywords appearing on the site and your HTML is structured properly Google will be clever enough not to care about separate pages.

http://www.youtube.com/watch?v=Mibrj2bOFCU#t=73

Do you have a link to your site?

[qwalk]

Because your using a one page design it is what it is, so you should/will only have one page title/description etc.

In my opinion, as long as you have all your relevant keywords appearing on the site and your HTML is structured properly Google will be clever enough not to care about separate pages.

http://www.youtube.com/watch?v=Mibrj2bOFCU#t=73

Do you have a link to your site?

I've read about some workarounds, for example creating the pages, and using PHP fopen in the single page layout to display each page's content. That could work maybe. I'm gonna have to test it out for sure, and let you know how it worked out for me.

The current site I'm working on right now is just a test-site. When and if I can get this one page scroll site to work properly with SEO (very important for my client) and make a nice responsive design too, I'll post the final result

[velden]

Read this too:
https://developers.google.com/webmasters/ajax-crawling/

HOWEVER: it's ment to be used for ajax websites!

In your case: how would Google find the page /about-us? It won't show up in your menu.

[oliverseddon]

One page sites are just how blogs have worked for years.

One page with all the content on it, why would you need multiple pages?

Surely Google doesn't take into account how many pages your site has, it's got to be based on traffic, links and most of all content.

Just guessing though.

[qwalk]

One page sites are just how blogs have worked for years.

One page with all the content on it, why would you need multiple pages?

Surely Google doesn't take into account how many pages your site has, it's got to be based on traffic, links and most of all content.

Just guessing though.

In blogs, you can open each blog post, which has it's separate page URL, and that will of course get indexed by Google.

I am building a company website, and SEO is a big deal for my client. There are only so many keywords you can optimize, in one single page, and my client has multiple products that needs separate marketing and Google optimization. Also, sitelinks are pretty important too for my client.

I will be testing out different workarounds today, and will get back with a result. If there really isn't much to do, I guess I will need to tell my client that a one page scroll site isn't a good solution for him, since SEO is more important.

[applejack]

See these pages as an example

http://www.applejack.co.uk/services/responsive-design/
http://www.applejack.co.uk/services/design/
http://www.applejack.co.uk/services

Each section is a separate page therefore can have it's own title tag, easier for a client to manage and can be included in the sitemap xml file. It then uses CGISimpleSmarty module to pull in the content into one page.