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
-
SEO QA automation of large websites
Can you share your experiences in managing SEO QA automation of large websites with millions of pages?
Intermediate & Advanced SEO | | terentyev
what are the things you are regularly testing for, besides the most obvious - hreflangs/canonicals, robots.txt, sitemap, non-200 status codes, redirect rules?
do you use in-house developed tools or external tools?
if external - which ones?
how do you run your QA automation scripts? external server or some online tools? upon every release or hourly/daily/monthly?0 -
How to index your website pages on Google 2020 ?
Hey! Hopefully, everyone is fine here I tell you some step how you are index your all website pages on Google 2020. I'm already implementing these same steps for my site Boxes Maker. Now Below I'm giving you some steps for indexing your website pages. These are the most important ways to help Google find your pages: Add a sitemap. ... Make sure people know your site. ... Ensure full navigation on your site. ... Apply the indexing application to your homepage. ... Sites that use URL parameters other than URLs or page names may be more difficult to broadcast.
Intermediate & Advanced SEO | | fbowable0 -
Can noindexed pages accrue page authority?
My company's site has a large set of pages (tens of thousands) that have very thin or no content. They typically target a single low-competition keyword (and typically rank very well), but the pages have a very high bounce rate and are definitely hurting our domain's overall rankings via Panda (quality ranking). I'm planning on recommending we noindexed these pages temporarily, and reindex each page as resources are able to fill in content. My question is whether an individual page will be able to accrue any page authority for that target term while noindexed. We DO want to rank for all those terms, just not until we have the content to back it up. However, we're in a pretty competitive space up against domains that have been around a lot longer and have higher domain authorities. Like I said, these pages rank well right now, even with thin content. The worry is if we noindex them while we slowly build out content, will our competitors get the edge on those terms (with their subpar but continually available content)? Do you think Google will give us any credit for having had the page all along, just not always indexed?
Intermediate & Advanced SEO | | THandorf0 -
Forum generating automatically extra pages. Can I solve it with canonical?
Hey there Webmasters of the Universe. So i have this problem with my forum. The platform I am using it automatically creates extra pages for every page. For exampleIf my forum had one page called forum.com/examplethe same page you can find at forum.com/example?page=1If I set rel canonical into the second one pointing to the first one will that cause a problem for me?Thanks in advance!
Intermediate & Advanced SEO | | Angelos_Savvaidis0 -
Is this link SEO-Friendly?
Hi Mozzers, Was wondering if someone could tell me if this link is SEO-friendly? class = "sl">name="sc" type="checkbox" value="1449"><a <span="">href</a> <a <span="">="</a>http://www.example.com/" onclick = "Javascript: return dosc(2);">src="imsd/coff.gif" id="cbsc2"/>Keyword It has some Javascript that makes the link work like a filter. Cheers, Carlos
Intermediate & Advanced SEO | | Carlos-R0 -
SEO Landing Page Fail
We have a PPC landing page template that I've used to aggregate blog post collections thematically. http://www.ietravel.com/machu-picchu-travel http://www.ietravel.com/kenya-and-tanzania-safari The hope was that they would start ranking. After 5 months, it has yet to happen.Thought it was a good idea at the time because these pages have a nice prominent call-to-action area. It now occurs to me that the pages are probably under-performing because they are not incorporated into the main site navigation. Do you think that if I move these under their appropriate categories in the main site I'll see some lift? (Of course, I will add 301 redirects as well.) Thanks
Intermediate & Advanced SEO | | csmithal0 -
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 -
Can anyone recommend solid directories (paid) to submit websites to?
can anyone recommend solid directories (paid) to submit websites to? maybe a directory you've already submitted to and have gotten results. Thanks
Intermediate & Advanced SEO | | PaulDylan0