Monitor Reply

Support

hybrid url

Permalink Browser Info Environment December 01, 2015 at 6:22 AM

Is it possible to use the Hybrid approach and have the buttons actually change the url, even though it just jumps to a section on the site? For SEO purposes, we need to be able to do this. Thanks.

Type:	Discussion
Status:	In Progress

jordif replied on Dec 1, 2015 at 10:23 am Permalink Reply

Hi,

this is not available out of the box, but it's possible by adding a small javascript snippet.

First, you'll need to change the name and the ID of your slides:

1. Click on each block, select "Custom Template" and enter the name of the slide into the "Block name" field (for instance "About us").
2. Click on each block, select "Design", click on the CSS tab and enter the ID into the CSS ID field (for instance "about-us").

Next, you'll need to add the following JavaScript snippet. You can add it to the custom.js file or you can paste it into one of your Content blocks (by clicking on the HTML button in the editor toolbar ):

<script type="text/javascript">
$( document ).ready(function() {
   $(".navbar ul.nav li").on("activate", function()
   {
            if(history.pushState) {
                history.pushState(null, null, $(this).find('a').attr('href'));
            }
            else {
                location.hash = $(this).find('a').attr('href');
            }
   });
});
</script>

Here is a quick demo:

http://longstoryshortparallax.15robots.com/update-url-hash...

Regards,

Jordi

Flora replied on Dec 2, 2015 at 7:03 am Permalink Reply

Thanks I'll give that a go.

Just to double-check - in the demo, you add #xxx onto the end of the url. Will this also allow me to have:
http://longstoryshortparallax.15robots.com/intro...
http://longstoryshortparallax.15robots.com/about-us...

etc. I'd be looking for the main url to change rather than append something. Will that work?

Thanks.

jordif replied on Dec 2, 2015 at 11:28 am Permalink Reply

Hi,

As far as I know, I don't think this is possible.

In HTML, links within a page (i.e. anchors) must be preceded by a hash mark (#).

I don't think you can change the main URL without jumping to another page.

Do you have any example of a website doing this?

If this is for SEO purposes, another appoach would be to actually create all those subpages. Then, include a link at the end of each slide (such as "Read more" or "Continue reading") that takes you to that subpage.

This way, users entering the main page will be able to read all the information in one page, but Google will also index all the subpages.

Hope this helps,

Jordi

Flora replied on Dec 7, 2015 at 9:12 am Permalink Reply

Yes, this is an example:http://parallax.iprospectcontent.co.uk/overview...

All info is on one page but the url changes. Is that possible?

jordif replied on Dec 7, 2015 at 11:39 am Permalink Reply

Hi Flora,

thanks for the link, that's a very interesting approach!

However this technique is pretty complex, it would be necessary to rebuild the theme to achieve this.
It requires two PHP files with duplicate content and also changes to the .htaccess file to rewrite the URLs, so I'm not sure this would work with concrete5 (which has its own rewrite rules).

If you're interested in this approach, maybe it would be easier to build the site directly in PHP, and not using concrete5.

In the article, you can also read: "In this test, it is all based on the premise that it is SEO friendly. However, we await to see exactly how search engines will treat this page and the various URL's provided."

If you search the link directly in Google, the page is not indexed:

https://www.google.com/search?q=site%3Aparallax.iprospectcontent.co....

So I'm not even sure if this technique would work (you see, the page seems to be only a test).

I'll look into it in more detail when I have some time to experiment, but in the meantime I'd recommend not purchasing the theme if you want to use this approach. It would probably be easier to build this directly in PHP.

Thanks again for the link and sorry I could not be of more help!

Jordi

Flora replied on Dec 7, 2015 at 11:53 am Permalink Reply

Ah, complicated! No problem, thanks for your help.

Long Story Short Parallax

Support

hybrid url

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post