Can SPA (single page architecture) websites be SEO friendly?
-
What is the latest consensus on SPA web design architecture and SEO friendliness?
By SPA, I mean rather than each page having its own unique URL, instead each page would have an anchor added to a single URL. For example:- Before SPA: website.com/home/green.html
- After SPA: website.com/home.html#green (rendering a new page using AJAX)
It would seem that Google may have trouble differentiating pages with unique anchors vs unique URLs, but have they adapted to this style of architecture yet? Are there any best practices around this?
Some developers are moving to SPA as the state of the art in architecture (e.g., see this thread: http://www.linkedin.com/groups/Google-crawling-websites-built-using-121615.S.219120193), and yet there may be a conflict between SPA and SEO.
Any thoughts or black and white answers?
Thanks.
-
There's no single answer here, however the general consensus is that it really depends on several factors:
- Most pages can only truly be optimized for a couple high value phrases. So if you have too many phrases you want that single page to rank for, that's a tall order.
- If you go too divergent in a single page's topical focus, that makes more of a mess due to topical dilution - weakening the primary phrase focus for that page.
- If you force users to scroll forever (not just due to HTML5 / fluid design) that can be frustrating for readers on several levels. That's made worse by the fact that most sites that use a one-page design tend to be one-hit-wonder magic-product sales pitch type sites, and thus reputation is an issue due to association with those for some visitors.
- That's just a few of the reasons one-page design is not highly recommended, both from an SEO and a User Experience perspective.
- As far as Google being able to figure out hashtag referenced content - just like every other thing their algorithms attempt to figure out, my recommendations to clients always state "don't rely on that - algorithms are inherently flawed to one degree or another - so figuring out JavaScript, AJAX, Flash - it's a crap-shoot. Google needs multiple signals to help it figure out topical focus. With only one URL, you lose the page TItle, URL, H1 and other related signals that only work best when there's one of each of those for separate main topics. Sure, with HTML5 you are "allowed" to have multiple H1 tags on a page. Yet I've seen that confuse Google's algorithms. It's just not wise to tempt the "formulaic attempt" process.
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
-
Information Architecture/URL Structure of a Consolidated Website
I am working on a project for a company that is going through a major transition. They are deciding to move from a subscription publisher to a digital membership content site. They are ALSO consolidating their sub-brands into one, becoming a branded house. They are a publisher of a niche-hobby, whose base is extremely passionate about the overarching topic. Currently, each sub-brand has its own website with its own branded content. Their new "mega-site" will have all content combined on one domain. Their goal is to appeal to a new user who has overlapping interests in one core topic, while also allowing their existing users and brand loyalists to be able to navigate the site by brand if they want to . If users land on the main domain HP, they will see a simple global navigation where they can navigate the content by topic OR select a brand. Each sub-brand will have it's own sub-navigation. We are currently at the phase where we are working on information architecture and trying to figure out the global nav and the nav for each individual brand. I am A) looking for advice on the best analytics reports to use to help inform navigation decisions and how to categorize content, and B) trying to decide if I should keep the BRANDED content in a sub-folder, or if I should categorize the content by topic and then tag branded content. I'm not concerned about how users will be able to filter the content because that will be easier to figure out. I'm just trying to decide what the main URLs should be when content can be navigated to in multiple ways. Would it be easier to redirect brand1.domain.com > domain.com/brand-1....? Are there benefits to doing it that way?
Intermediate & Advanced SEO | | triveraseo0 -
If there any SEO downside in using Google+ brand page for news curation?
We are thinking about using our Google+ brand page to curate relevant news from different sources and organize them in Collections. We are confident that we can generate backlinks, followers, and engagement with this strategy. My fear is to suffer some penalty due to the fact that will not be sharing our own content. We will be redirecting the clicks to the website of the owner of the content; using Start a Fire tracking links (https://startafire.com/). Since I am not aware of any Google+ brand page that executed this curated news strategy with success, I decided to post this question. Our goal is to get high ranks for our Google+ brand page for searches to our brand name and for the name of the Collections. BTW, our curated news posts will be automated.
Intermediate & Advanced SEO | | grinseo0 -
Mass Product Page Upload - SEO Issue?
Hi We will be adding a lot of products to our site, in a mass referencing exercise, not all in one go, but 10,000 split into a few loads. This product content won't be duplicate, but the quality of the information may be sparse and not very high. My question is, whether adding a bulk of these pages will reduce the pverall domain authority on our site? Thank you
Intermediate & Advanced SEO | | BeckyKey0 -
Can I duplicate my websites content on Ebay Store?
Our company is setting up a store on Ebay. Is it okay to duplicate our content descriptions on our ebay store with a link going back to our website? Or would this potentially hurt us in Search?
Intermediate & Advanced SEO | | hfranz0 -
If other websites implement our RSS feed sidewide on there website, can that hurt our own website?
Think about the switching anchors from the backlinks and the 100s of sidewide inlinks... I gues Google will understand that it's just a RSS feed right?
Intermediate & Advanced SEO | | Zanox0 -
SEO friendly way to redirect users based on IP address
Hi There I have an issue where I need to redirect all visitors from a specific country to a sub-domain, which has content explaining to those users that our service is not offered in that country. I would like to know the most SEO friendly way to do this? Thanks Sadie
Intermediate & Advanced SEO | | dancape0 -
SEO-Friendly Method to Load XML Content onto Page
I have a client who has about 100 portfolio entries, each with its own HTML page. Those pages aren't getting indexed because of the way the main portfolio menu page works: It uses javascript to load the list of portfolio entries from an XML file along with metadata about each entry. Because it uses javascript, crawlers aren't seeing anything on the portfolio menu page. Here's a sample of the javascript used, this is one of many more lines of code: // load project xml try{ var req = new Request({ method: 'get', url: '/data/projects.xml', Normally I'd have them just manually add entries to the portfolio menu page, but part of the metadata that's getting loaded is project characteristics that are used to filter which portfolio entries are shown on page, such as client type (government, education, industrial, residential, industrial, etc.) and project type (depending on type of service that was provided). It's similar to filtering you'd see on an e-commerce site. This has to stay, so the page needs to remain dynamic. I'm trying to summarize the alternate methods they could use to load that content onto the page instead of javascript (I assume that server side solutions are the only ones I'd want, unless there's another option I'm unaware of). I'm aware that PHP could probably load all of their portfolio entries in the XML file on the server side. I'd like to get some recommendations on other possible solutions. Please feel free to ask any clarifying questions. Thanks!
Intermediate & Advanced SEO | | KaneJamison0 -
Can obfuscated Javascript be used for too many links on a page?
Hi mozzers Just looking for opinions/answers on if it is ever appropriate to use obfuscated Javascript on links when a page has many links but they need to be there for usability? It seems grey/black hat to me as it shows users something different to Google (alarm bells are sounding already!) BUT if the page has many links it's losing juice which could be saved....... Any thoughts appreciated, thanks.
Intermediate & Advanced SEO | | TrevorJones0