Moz Q&A is closed.
After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.
How do you implement dynamic SEO-friendly URLs using Ajax without using hashbangs?
-
We're building a new website platform and are using Ajax as the method for allowing users to select from filters. We want to dynamically insert elements into the URL as the filters are selected so that search engines will index multiple combinations of filters. We're struggling to see how this is possible using symfony framework. We've used www.gizmodo.com as an example of how to achieve SEO and user-friendly URLs but this is only an example of achieving this for static content.
We would prefer to go down a route that didn't involve hashbangs if possible.
Does anyone have any experience using hashbangs and how it affected their site?
Any advice on the above would be gratefully received.
-
Hey,
so I guess you're wanting to achieve this (http://extensions.ecommerce-team.com/apparel?___store=shopbypro&reset_filter=1) - aor something similar using ajax so the page updates without re-loading?
I guess you need to use token's in the url path rather than a dynamic url. Its a big job as you'll have to define some rules to say colour must come first, brand second, range last or something similar so you end up with domain.com/brown/levis/jackets/ - is that right?
Essentially its working as a site search with some defined rules, so you'd have to think about the following:
404's - if your pages are built on queries, a user could potentially create a link to a page domain.com/brown/jackets/f**k/, obviously this would need to return a 404 or this could be indexed.
Canonical - the previosu point brings about dudplicate content issues, if you don't define the rules then you could have /brown/jackets/levis/ vs. /brown/levis/jackets/ showing the same content, so there needs to be some canonical management.
So you can use ajax to call a particular URL, you would need to use the filters as links ( <a>tags) so the pages are crawled and pull that content (search results) back, the url wouldn't changes though unfortunately, but it would still be linked to from the</a> <a>tag.</a>
<a>Is there a specific reason why you don't want to use a hashbang?</a>
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Is using a subheading to introduce a section before the main heading bad for SEO?
I have noticed a popular trend in web design which involves sections of content being started with what looks to be smaller sub heading something like <h3>, <h4> or <h5> and then followed by a bigger heading <h2>. My question is, what is the best way to deal with this visual structure and will having a structure like this hurt your SEO? <h5>Contact Us</h5> <h2>Get started with your next project in minutes!<h2> <p>Some text here ...</p> Here are some examples where the header structure is similar to above (smaller before bigger): https://www.snappr.com/ https://form.taxi/ https://fluz.app/ If that structure is bad for SEO, then it seems like a simple solution is to make it purely visual, mimicking a sub header with styling on a span or paragraph like these sites do: https://www.andrejilderda.nl/ https://nightwatch.io/ https://www.swingvy.com/ https://www.figma.com/ My only concern with that approach is because your section sub heading is no longer an actual header you will miss out on ranking important and relevant keyword information for that section. Is this correct something to be worried about? There is one last solution I stumbled upon that involves using headings for both but in reverse hierarchy so a <h3> is first but styled to be smaller, followed by a visually bigger <h4> which provides the addition context. https://avocode.com/ Anyone have thoughts, expertise or resources on the matter?
Intermediate & Advanced SEO | | si.analytics0 -
Few pages without SSL
Hi, A website is not fully secured with a SSL certificate.
Intermediate & Advanced SEO | | AdenaSEO
Approx 97% of the pages on the website are secured. A few pages are unfortunately not secured with a SSL certificate, because otherwise some functions on those pages do not work. It's a website where you can play online games. These games do not work with an SSL connection. Is there anything we have to consider or optimize?
Because, for example when we click on the secure lock icon in the browser, the following notice.
Your connection to this site is not fully secured Can this harm the Google ranking? Regards,
Tom1 -
Duplicate URLs ending with #!
Hi guys, Does anyone know why a site can contain duplicate URLs ending with hastag & exclamation mark e.g. https://site.com.au/#! We are finding a lot of these URLs (as duplicates) and i was wondering what they are from developer standpoint? And do you think it's worth the time and effort adding a rel canonical tag or 301 to these URLs eventhough they're not getting indexed by Google? Cheers, Chris
Intermediate & Advanced SEO | | jayoliverwright0 -
SEO impact difference between a URL Rewrite and 301 redirect
Hi guys and girls! Just putting a new site live, we changed the URL from one thing to another and I created a 301 file redirecting the urls like for like. The developer installing it has created a different file with columns like: RewriteRule ^page/ http://www.site/page [R=301,L] RewriteRule ^/page/ http://www.site/page [R=301,L] What's the difference? The page redirects but is there a difference between the 301 redirect and this URL rewrite in terms of SEO and link value?
Intermediate & Advanced SEO | | shloy23-2945840 -
How do you 301 redirect URLs with a hashbang (#!) format? We just lost a ton of pagerank because we thought javascript redirect was the only way! But other sites have been able to do this – examples and details inside
Hi Moz, Here's more info on our problem, and thanks for reading! We’re trying to Create 301 redirects for 44 pages on site.com. We’re having trouble 301 redirecting these pages, possibly because they are AJAX and have hashbangs in the URLs. These are locations pages. The old locations URLs are in the following format: www.site.com/locations/#!new-york and the new URLs that we want to redirect to are in this format: www.site.com/locations/new-york We have not been able to create these redirects using Yoast WordPress SEO plugin v.1.5.3.2. The CMS is WordPress version 3.9.1 The reason we want to 301 redirect these pages is because we have created new pages to replace them, and we want to pass pagerank from the old pages to the new. A 301 redirect is the ideal way to pass pagerank. Examples of pages that are able to 301 redirect hashbang URLs include http://www.sherrilltree.com/Saddles#!Saddles and https://twitter.com/#!RobOusbey.
Intermediate & Advanced SEO | | DA20130 -
Do UTM URL parameters hurt SEO backlink value?
Does www.example.com and www.example.com/?utm_source=Google&utm_medium=Press+Release&utm_campaign=Google have the same SEO backlink value? I would assume that Google knows the difference.
Intermediate & Advanced SEO | | mkhGT0 -
Is there any negative SEO effect of having comma's in URL's?
Hello, I have a client who has a large ecommerce website. Some category names have been created with comma's in - which has meant that their software has automatically generated URL's with comma's in for every page that comes beneath the category in the site hierarchy. eg. 1 : http://shop.deliaonline.com/store/music,-dvd-and-games/dvds-and-blu_rays/ eg. 2 : http://shop.deliaonline.com/store/music,-dvd-and-games/dvds-and-blu_rays/action-and-adventure/ etc... I know that URL's with comma's in look a bit ugly! But is there 'any' SEO reason why URL's with comma's in are any less effective? Kind Regs, RB
Intermediate & Advanced SEO | | RichBestSEO0 -
URL Shorteners. Are they SEO Friendly?
Do URL shortener services like bit.ly act as 301 redirects? I was thinking about utilizing one for longer query based URLs and didn't want to risk losing link juice. Thanks for the insight! Regards - Kyle
Intermediate & Advanced SEO | | kchandler0