ResourcesEverything in One Place
What You Need to Know About Angular JS
October 16, 2015
We're building all of our new sites using Angular JavaScript, Google's own framework for writing website code. While there are many technical benefits to writing a website in Angular, we've noticed a few major benefits that improve your site's SEO and make things easier on both Google and the user. Additionally, Angular has presented some obstacles when it comes to social sharing and third-party apps. Here's what you need to know.
The Benefits of Using Angular
It's no secret that Angular is the future of the web. Eventually all websites will be built in Angular. By using Angular today, we're creating websites on the cutting edge of technology, which is always a good thing.
Angular greatly reduces the amount of code that needs to be written for the site, making it easier for Google to crawl (hence, why Google created it!). Instead of loading each page separately by making individual calls to the server, Angular allows all the content of your website to be called out at once and stored in a cache. Basically, this just means your pages load much faster. Google has announced that page load speed is a factor in where it ranks your website, so this benefits your SEO.
Duplicate content is another rampant issue in the home building industry that Angular is solving. On non-Angular sites, when a user sorts communities, plans, or home inventory, the page URL is appended to account for the sort. All the content on the page is the same, including the title tag and meta description, but Google sees this as a new URL and therefore a new page on the site with--you guessed it--duplicate content.
Angular solves this issue by allowing the items on the page to be rearranged without updating the URL. As a result, Angular sites have less errors, which is also great news for your SEO.
The Pitfalls of Using Angular
When new technology is introduced, there's always a period of time where old technology must adapt and catch up. Such is the case with any third-party app that crawls your website as Google does.
Social media is a great example and probably something most home builders are using at this point. Facebook is unable to read Angular or any other type of javascript code, so the Facebook crawlers can't see the content on an Angular page. This is why many users are having difficulty getting a photo to pull in on a link preview--because Facebook can't find the photos on your Angular web page. Thankfully there are a couple of workarounds while Facebook updates its crawlers: Facebook has provided code for an Open Graph Image that allows you to designate the image you want to display in the link preview. Additionally, the Buffer app allows you to upload your own photo when you post to your page through Buffer.
You may also run into issues if you use any sort of third-party auditing tool for your website. Since these tools are unable to crawl Angular data, you may start seeing inaccurate reports or error messages that only a few of your pages are crawlable. Google Webmaster Tools will show the true inexability of your website in addition to how Google sees each page, just to prove that Google's crawlers are able to find all your content even though your site is in Angular. As for the third-party apps, we may just have to wait for technology to catch up before we can resume using these types of tools.
Despite some frustrations with social media and apps being incompatible with Angular sites, you shouldn't turn down the opportunities Angular provides just because third-party technology is lagging behind Google. As we all know, Google is still King, and we have to play by Google's rules if we want to succeed on the Web.