AngularJS - What To Consider?
-
Hi all,
I have a website which is going to be rebuild in AngularJS. It's a massive website that recieves a lot of traffic. As I am new to AngularJS and with less programming knowledge, I am not 100% confident about how to go about it.
I am requesting MOZers to please point me in the right direction to get the SEO right. What are the things to take care of? How it will impact the search engine rankings etc.
-
While developing that new website with angularjs you need to keep in mind SEO and what crawlers do.
Put it in a simple way, you should always render the page server side at first load in a crawler friendly way, and use angular client side for UX.
To use AJAX to load content is bad for seo no matter what js framework/library you use, from old jquery to angular or react it's always the same story, don't load SEO valuable content through ajax, or crawlers will likely totally ignore it.
So, secure you are giving visitors and crawlers valuable SEO content right away on first load, server side, and use angular to manipulate it according to user actions.
And while doing that, don't be tempted to cloak, or google axe will hit you.
I have been developing websites using angularjs for years now, and always got great SEO results.
Good luck.
-
A few things:
- One way to aid you in ensuring search engines can actually properly index your angular website would be to use a service such as https://prerender.io/ - like many have before you.
- Another good resource with some examples of the roadblocks you might face: https://builtvisible.com/javascript-framework-seo/ - this will also outline some recommendations of how to tackle these issues.
- Compared to the typical HTML site, it will certainly be far more difficult. It will be doable, as long as one thing is done: test, test......and test.
-
Rebuilding in Angular will effective nuke all search visibility of this site. I'm not kidding. You can see similar question here:
https://moz.com/community/q/index-problemand answers there. Just open site in this question and see it's source (not DOM! Just HTML source that bot get). And you also will be shocked.
PS: I'm not saying that site with Angular can't rank and index. But it's relative harder comparing with pure HTML site.
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
-
Does Javascript links pass equity? (AngularJS)
Hi Moz Community, I am starting a link building campaign for one of my customers and I'm wondering if Google is able to pass link equity between javascript links. When I'm looking at my crawl report with Screaming Frog, I can see the number of links each page has so I can conclude that Google is able to see all the links. I've read that if my CSS & JS files are available for Google crawlers, ultimately, Google can crawl those URLs, but what about passing link equity? Before I start the link building campaign, Do you have any recommendations, case studies? Is it possible to include natural href links that pass link equity in a website that is entirely made with AngularJS? Thanks for all your inputs!
Intermediate & Advanced SEO | | alexrbrg0 -
SPA (angularJS) Ranking Problem
Hello dear experts; I working on SPA website with More than 20,000 indexed pages by Google there is a problem that I involved with: 1- Some pages had a good ranking on google.com but from a week ago, ranks one by one, dropped and homepage Replaced. for example, URL: https://cafegardesh.com/tours-dubai removes and https://cafegardesh.com replaced. Google still see the page when I use Fetch as Google tool. I can't understand what happens Is there anyone can find my site problems?
Intermediate & Advanced SEO | | cafegardesh0 -
Pages are being dropped from index after a few days - AngularJS site serving "_escaped_fragment_"
My URL is: https://plentific.com/ Hi guys, About us: We are running an AngularJS SPA for property search.
Intermediate & Advanced SEO | | emre.kazan
Being an SPA and an entirely JavaScript application has proven to be an SEO nightmare, as you can imagine.
We are currently implementing the approach and serving an "escaped_fragment" version using PhantomJS.
Unfortunately, pre-rendering of the pages takes some time and even worse, on separate occasions the pre-rendering fails and the page appears to be empty. The problem: When I manually submit pages to Google, using the Fetch as Google tool, they get indexed and actually rank quite well for a few days and after that they just get dropped from the index.
Not getting lower in the rankings but totally dropped.
Even the Google cache returns a 404. The question: 1.) Could this be because of the whole serving an "escaped_fragment" version to the bots? (have in mind it is identical to the user visible one)? or 2.) Could this be because we are using an API to get our results leads to be considered "duplicate content" and that's why? And shouldn't this just result in lowering the SERP position instead of a drop? and 3.) Could this be a technical problem with us serving the content, or just Google does not trust sites served this way? Thank you very much! Pavel Velinov
SEO at Plentific.com1 -
Given the new image mismatch penalty, is watermarking considered "cloaking"?
Google has released a new penalty called "Image mismatch". Which actually penalizes sites that show images to Google than are not the same as the ones offered to users when accessing the site. Although I agree with those sites that the image is completely different that the one shown in image search, lately I've seen lots of big sites using some king of watermark or layer that reads something like "To see the high quality of this image, click here" in order to "force" the user to visit the site hosting the image. Considering the latest changes to Google's image search, which made lots of sites lose their "image search traffic", are these techniques considered part of the new penalty Google is applying? Or does it only apply to the first scenario when the image is completely different? You can read more on this new penalty here.
Intermediate & Advanced SEO | | FedeEinhorn0 -
How complex or what to consider when moving from a .aspx webdeveloper to my own wordpress.org website?
Basically my current web developer is not providing me with what a modern website should need to fully utilize online marketing and SEO in terms of blogging, social media widgets, e-commerce and so on. Because of this I have thought of moving to a wordpress.org website run and built by myself. Is this a good idea? What is the best way to migrate and save existing authority (Re-directs etc)? Is there any potential risks or problems that I could encounter that aren't immediate obvious? Many thanks! Tom
Intermediate & Advanced SEO | | CoGri0 -
Essential items to consider when starting a new site in terms of SEO?
I've just launched a new site and have undertaken the following: Keyword friendly page titles Meta description Not a great deal of content on the site yet - but have a blog which we're trying to update as much as we can Analytics and Webmaster tools set up Dmoz submission Facebook, Twitter and Google+ page Google places set-up - waiting for postal pin I've signed up to here to help me to start building a link profile. However, would like to hear any more hints, tips or help on items I should be doing for a new site looking to move up rankings. Thanks
Intermediate & Advanced SEO | | savageseo0 -
Are sub domains considered completely different than the root domain?
We have a project that is going to generate duplicate content. If we move the new content to a sub-domain (E.g. product.domain.com) will it still be considered duplicate content to the root domain? Or is it like having two completely different domains? Thanks!
Intermediate & Advanced SEO | | tripled5110 -
Any experience regarding what % is considered duplicate?
Some sites (including 1 or two I work with) have a legitimate reason to have duplicate content, such as product descriptions. One way to deal with duplicate content is to add other unique content to the page. It would be helpful to have guidelines regarding what percentage of the content on a page should be unique. For example, if you have a page with 1,000 words of duplicate content, how many words of unique content should you add for the page to be considered OK? I realize that a) Google will never reveal this and b) it probably varies a fair bit based on the particular website. However... Does anyone have any experience in this area? (Example: You added 300 words of unique content to all 250 pages on your site, that each had 100 words of duplicate content before, and that worked to improve your rankings.) Any input would be appreciated! Note: Just to be clear, I am NOT talking about "spinning" duplicate content to make it "unique". I am talking about adding unique content to a page that has legitimate duplicate content.
Intermediate & Advanced SEO | | AdamThompson0