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
-
Is this considered Black Hat?
So here is the website I’m looking at, it ranks #1 in keywords like used cars for sale billings mt, etc. I was trying to figure out how, because there is no content on the page! I am working on one of our sites to get it to rank better when I found this in my research. #1 http://prntscr.com/aoy0ho So I did a “view page source” to see how many times they’re using keywords and what they’re title and description tags are. #2 http://prntscr.com/aoy0w1 WAIT WHAT…. WHERE IS THIS CONTENT?! #3 http://prntscr.com/aoy13o Then I found it… #4 http://prntscr.com/aoy1e8 #5 http://prntscr.com/aoy1o8 #6 http://prntscr.com/aoy1u1 It doesn’t even read like real content. This has to be considered poor form. I'm not sure why it makes me so angry. What do you guys think?
Intermediate & Advanced SEO | | rachaelpracht1 -
Would you consider this thin content?
Just wondering what the community thinks about the following URLS and whether they are essentially thin content that should be handled through a canonical, noindex or a parameter filtering system: https://www.adversetdisplay.co.uk/products/3x1-popup-exhibition-stand https://www.adversetdisplay.co.uk/products/3x2-popup-exhibition-stand https://www.adversetdisplay.co.uk/products/3x3-popup-exhibition-stand https://www.adversetdisplay.co.uk/products/3x4-popup-exhibition-stand https://www.adversetdisplay.co.uk/products/3x5-popup-exhibition-stand
Intermediate & Advanced SEO | | ColinDocherty0 -
Progressive JPEGs. Wondering if I should consider it OR not?
Hi all, I am pretty new to the concept of progressive jpegs so don't know much about it. I believe for a webpage with small images (under 10Kbs) I probably shouldnt worry about progressive jpegs but i do have some images for the size 250+ KBs. Should I go ahead and turn it into progressive from baseline?
Intermediate & Advanced SEO | | Malika10 -
AngularJS - How does Google go?
We're rebuilding our entire website in angularJS. We've got it rendering fine in WMT, but does that mean that it's content is detectable? I've looked into prerender.io and that seems like a great solution to the problem of not seeing any static HTML, but is it really necessary? I'm looking into this as I'm having the argument currently with my devs, and they're all certain that Google renders angularJS fine.
Intermediate & Advanced SEO | | localdirectories0 -
Is This Considered Duplicate Content?
My site has entered SEO hell and I am not sure how to fix it. Up until 18 months ago I had tremendous success on Google and Bing and now my website appears below my Facebook page for the term "Direct Mail Raleigh." What makes it even more frustrating is my competitors have done no SEO and they are dominating this keyword. I thought that the issue was due to harmful inbound links and two months ago I disavowed ones that were clearly spam. Somehow my site has actually gone down! I have a blog that I have updated infrequently and I do not know if it I am getting punished for duplicate content. On Google Webmaster Tools it says I have 279 crawled and indexed pages. Yesterday when I ran the MOZ crawl check I was amazed to find 1150 different webpages on my site. Despite the fact that it does not appear on the webmaster tools I have three different webpages due to the format that the Wordpress blog was created: "http://www.marketplace-solutions.com/report/part2leadershi/", "http://www.marketplace-solutions.com/report/page/91/" and "http://www.marketplace-solutions.com/report/category/competent-leadership/page/3/" What does not make sense to me is why Google only indexed 279 webpages AND why MOZ did not identify these three webpages as duplicate content with the Crawl Test Tool. Does anyone have any ideas? Would it be as easy as creating a massive robot.txt file and just putting 2 of the 3 URLs in that file? Thank you for your help.
Intermediate & Advanced SEO | | DR700950 -
Can videos be considered duplicate content?
I have a page that ranks 5 and to get a rich snippet I'm thinking of adding a relevant video to the page. Thing is, the video is already on another page which ranks for this keyword... but only at position 20. As it happens the page the video is on is the more important page for other keywords, so I won't remove it. Will having the same video on two pages be considered a duplicate?
Intermediate & Advanced SEO | | Brocberry0 -
Trying to determine if either of these are considered cloaking
Option 1) In the browser, we use javascript to determine if you meet the redirect conditions (referrer not mydomain.com and no bypassing query-string). If so, then we direct your browser to the subdomain.mydomain.com URL. Googlebot would presumably get the original page. Option 2) In the browser, we use javascript to determine if you meet the redirect conditions. If so, we trigger different CSS that hides certain components of the page and use javascript to load in extra ads. Googlebt would get the unaltered page. In both scenarios the page content does not change. However, the presentation is different. The idea is that under certain conditions users are redirected to a page with more ads. The ads are not too severe on the redirected page and will not cause an above the fold penalty. That said, will either option be considered cloaking by Google?
Intermediate & Advanced SEO | | BostonWright0 -
So what exactly does Google consider a "natural" link profile?
As part of my company's ongoing SEO effort we have been analyzing our link profile. A colleague of mine feels that we should be targeting at least 50% branded anchor text. He claims this is what search engines consider "natural" and we should not go past a threshold of 50% optimized anchor text to make sure we avoid any penalties or decrease in rankings. 50% brand term anchor text seems too high to me. I pointed out that most of our competitors who outrank us have a much greater percentage of optimized links. I've also read other industry experts state that somewhere in the range of 30% branded anchor text would be considered natural. What percent of branded vs. optimized anchor text do you feel looks "natural" and what do you base your opinion on?
Intermediate & Advanced SEO | | DeannaTallman0