How is Single Page Application (SPA) bad for SEO
-
Hi guys. I am quite inspired of SPA technique. It's really amazing when all your interaction with the site is going on the fly and you don't see any page reloads.
I've started implementing the site with this instruction and already found nice guys to make the design.
The only downside of the using SPA which I can see **is the **SEO part. That's because the URL does not really change and different pages don't have their unique URL addresses.
Actually they have, but it looks like:So all of them goes after # and being just anchors. For Google this mean all of these pages is just yoursite.com/
My question is what is really proven method to implement the URL structure in Single Page Application, so all the pages indexed by Google correctly (sorry I don't mention the other search engines because of market share).
The other question, of course, is examples. It will be great to see real life site examples, better authority sites, which use SPA technique and well indexed by search engines.
-
Good question, Billy. Single page apps now play a huge role in modern web development and SEO issues make sense.
Before October 2015 Google suggested to use the following scheme:
http://example.com/page?query#!state
I.e. in your examples it will be yoursite.com#!products and yoursite.com#!prices. So main role in the understanding correct page URL played the ! symbol.
Here is the full recommendations (It's outdated now, read below):
https://webmasters.googleblog.com/2009/10/proposal-for-making-ajax-crawlable.htmlIn October 2015 Google launched new scheme and deprecated the old one.
So here is the new announcement:
https://webmasters.googleblog.com/2015/10/deprecating-our-ajax-crawling-scheme.htmlThe major news of this announcement is that now Google DOES index dynamic pages.
But you need:- Make sure your JavaScript files can be indexed by Google (because Google run it in their crawler like just modern browsers)
- Make sure you use HTML5 mode in URL scheme (AngularJS supports it). Read more here:
https://stackoverflow.com/questions/27849927/google-indexing-of-my-angularjs-application
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
-
Should i be using shortcodes for my my page content.
Hello, I have a question. Sorry if this is been answered before. Recently I decided to do a little face lift to my main website pages. I wanted to make my testimonials more pretty. Found this great plugin for testimonials which creates shortcodes. I love how it looks like, but just realised that when I use images in shortcodes, these are not picked up by search engines 😞 only text is. Image search ability is pretty important for me and I'm not sure if I should stick with my plain design and upload images manually with all alt tags and title tags or there is a way to adjust shortcode so it shows images to search engines. You can see example here. https://a-fotografy.co.uk/maternity-photographer-edinburgh/ Let me know your thoughts guys. Regards, Armands
Web Design | | A_Fotografy1 -
Website spread over two domains - The Good,The Bad and the Ugly ?
Hi, I am wondering if the way I have set up our website site is creating more harm than good ? All our SEO efforts and content is located @ www.sparrowmakeup.com.au however our portfolio is located at www.make-up-artists.com.au. Questions ? Will Analytic bounce rates effect my SERP, as most people click on the portfolio link in the first 5-15 sec of landing on our page ?? Is there a better way of setting it up ? the reason I set it up like this in the first place was because we wanted a different look/theme for the portfolio. (using WP) Is there any other issues that this setup might have in the SEO / SERP department ?? Is there any benefits and how can I maximize on them (silver lining) Your help and experience is greatly appreciated. Regards Ed
Web Design | | EdsonGroupMedia0 -
Anyone used bugherd.com for onsite seo purposes?
Just as the title says, has anyone used bugherd.com for SEO purposes? I was thinking it could be used to show client changes that need to be made regarding the website. Example could be if you are looking at a CRO prospective, you may want to change/add some graphics or text to improve conversions. It seems like a nifty tool to show the changes you want made and to keep track of them. It integrates with basecamp also 🙂
Web Design | | KyleChamp0 -
What's the best way to sculpt links on a page?
I know PR isn't a top ranking factor anymore, so "PR sculpting" isn't something to focus on. But isn't it still true that having more links that you need on any given page is worse than having fewer, in terms of that page's authority? I'm managing a site that has a lot of navigational links in the footer, which are duplicative because they're almost all included in the top nav bar, and several are triplicated in the sidebar as well. I wanted to remove 85% of these duplicative links from the footer, thinking they diluted the page authority and that most users probably won't scroll there anyway when we launch the site. The site owner is pushing back, though, not wanting to remove so many links because he believes they might be useful to some users. We can test our respective user-behavior theories after launching, but right now I have two questions: Will having a sizable number of duplicative links in the footer dilute the page's authority? and 2) Are there any other ways to reduce this dilution, aside from simply removing the links? (I know nofollow is not the answer, but possibly using iframes or Java or something like that?)
Web Design | | KyleJB0 -
How serious is duplicate page content?
We just launched our site on a new platform - Magento Enterprise. We have a wholesale catalog and and retail catalog. We have up to 3 domains pointing to each product. We are getting tons of duplicate content errors. What are the best practices for dealing with this? Here is an example: mysite.com/product.html mysite.com/category/product.html mysite.com/dynamic-url
Web Design | | devonkrusich0 -
Link Pages/Directory
Hello, What is best practise for dealing with alot of links. I was thinking of breaking them download to alphabet pages i.e. all A on one page etc... BUT should I then make the links clickable on this list OR that they load to a sub company page which has a clickable link to there website.
Web Design | | JohnW-UK0 -
Wordpress SEO Change of Structure
Hi, I have a Wordpress SEO Question. I ran the SEOMOZ checker on my website and it discovered roughly 70 of my 250 blogs had a URL length problem. I have removed the year and month from the WP structure as I read elsewhere that it is not important. The blogs displayed as follows: domain.com/blog/2011/02/contents-of-the-blog and the new structure is: domain.com/blog/contents-of-the-blog I have resubmitted the new structure to Google Webmaster Tools XML and updating the on-page sitemap on my main site. My blog was cached on 25<sup>th</sup> October and seems to be caching every 7 days, my website cached on the 24th and I wonder if I should do any follow up work to ensure the content gets crawled properly. a) Individually 301 redirect the old URLs to the new. b) Individual Canonical links for each. c) Adding the old pages to the robots file and disallowing. Any advice would be greatly appreciated.
Web Design | | tdsnet0 -
Meta author. Is it relevant for website design company in its seo?
We don't usually add the meta author in the websites that we develop. I wonder if it would have any positive effect in our seo. We usually add a link in the footer like this "Diseño Web Vigo "(Website Development in Vigo). I am worry about this links. I'm not sure if they are positive because they are in the footer and so the link appears in all of the pages. Besides all these websites we develop are hosted in two different servers, and google could easily think that it is manipulative thing. What do you think? Thanks!!! 🙂
Web Design | | teconsite.com0