Ajax, SEO and Angular
-
Hi all!
We have a platform which includes a housing area which is created by ajax and angular.
You can see a sample here:
eurasmus.com/en/erasmus-antwerp/student-room-accommodationIt has a static version under which shows the first 18 rooms, the rest are generated by angular.
Also this static version has a dynamic text with around 400 characters.Is this the right procedure?
How would you suggest to do it? -
Great answer.
It makes it clear for us, concerning the tests you made it is useful for us, as we were worried about same issues.We will anyway work in providing every static page which loads first a good dynamic content rather than just a paragraph of 400 characters. But a bit by a bit.
Thank you!
-
When working with angular (or any client side js framework) and ajax you have to stick to one simple rule, load content you want to feed to google bot on first load, without requiring an ajax round trip.
So in your case those first 18 rooms description is content google crawler will eat, digest and index, all the others dynamically loading using ajax won't.
Same goes for the 400 characters, show them on first load, don't retrieve them later through an ajax call.
Keep in mind if you want to show content gradually you can just serve it on first load to the client and show it gradually through javascript with ng-cloak + ng-show/ng-hide.
One word about ng-show/ng-hide, there have been some debate (even here on MOZ Q&A) around css display: none; because John Muller and Matt Cutts stated few times google doesn't like hidden content, meaning they do not index it, and they may penalize websites for hiding content. In my opinion it was clear they were referring to navigation menu or manipulative techniques.
To quote another of Matt Cutts videos "google knows today web is dynamic and content is show and hidden by user interaction", so I didn't expect google to penalize a fari use of ng-cloak (display: none;).
But these kind of things always worries me, so I tested it on few pages with 200/300 words content, which were already indexed and ranking around top20/top10 in SERP, adding some ng-cloak content on some, removing ng-cloak and just showing the content on some other pages. The results was no change at all, they didn't move, not a single a position one way or the other.
One final notice about gradually loading more content, like in your example, additional rooms after the first 18. Of course those are not going to be indexed in that page. But here you have to think about your content strategy for that listing page, and what is important to feed to google crawler for indexing. 100 titles of rooms? Do you really expect people to reach that page searching for one of those titles? I don't think so.
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
-
DoesHurt SEO
Hey guys, I've read mixed reviews on this. Does anyone have an answer to whether or not hiding h1 text ( ) negatively effects SEO in 2018. Thanks for the help!
Technical SEO | | Jason-Reid0 -
What Can I Do To Improve The SEO of My Site?
We have a website that is ranking okay but we can't seem to get past #6 or #7 for a specific national keyword, "self storage software". We are working on a more effective back-linking strategy right now, but we really are having a hard time identifying steps to take besides that. If anyone can help me out and give me some suggestions I would be very appreciative. Maybe even seeing a competitive analysis from someone else would help catch something that I am not seeing. Website is www.storageunitsoftware.com Thanks in advance.
Technical SEO | | kenturley0 -
What's the best way to test Angular JS heavy page for SEO?
Hi Moz community, Our tech team has recently decided to try switching our product pages to be JavaScript dependent, this includes links, product descriptions and things like breadcrumbs in JS. Given my concerns, they will create a proof of concept with a few product pages in a QA environment so I can test the SEO implications of these changes. They are planning to use Angular 5 client side rendering without any prerendering. I suggested universal but they said the lift was too great, so we're testing to see if this works. I've read a lot of the articles in this guide to all things SEO and JS and am fairly confident in understanding when a site uses JS and how to troubleshoot to make sure everything is getting crawled and indexed. https://sitebulb.com/resources/guides/javascript-seo-resources/ However, I am not sure I'll be able to test the QA pages since they aren't indexable and lives behind a login. I will be able to crawl the page using Screaming Frog but that's generally regarded as what a crawler should be able to crawl and not really what Googlebot will actually be able to crawl and index. Any thoughts on this, is this concern valid? Thanks!
Technical SEO | | znotes0 -
Pageflip SEO friendly?
Client of mine utilizes pageflip for their product brochures and would love to have this content be crawl-able by search engines. Is there a way to make them SEO friendly so I may utilize this content?
Technical SEO | | richn330 -
Mobile and hidden content - Any issue for SEO?
In reference to mobile - am I walking a fine SEO line when it comes to hidden content on mobile? On the responsive variations of sites we are working on some content is hidden (that displays on the desktop version of the site) so that pages on mobile can display correctly. Is this negative for SEO? Appreciate any feedback Cheers.
Technical SEO | | Oxfordcomma0 -
International Seo - Canada
Our organization is currently only operating in the USA but will soon be entering the Canadian market. We did a lot of research and decided that for our needs it would be best to use a subfolder for Canada. Initially we will be targeting the english speaking community but eventually we will want to expand to the french speaking Canadians as well. The question is - is there a preferred version in setting up the subfolders: www.website.org/ca/ -- default will be english www.website.org/ca/fr/ - french www.website.org/en-ca/ - english www.website.org/fr-ca/ - french www.website.org/ca/en/ -english www.website.org/ca/fr/ - french Thanks
Technical SEO | | Morris770 -
SEO Campign Wont Synch up with facebook
Bonjour.... After enthusiastically telling a client we had a new offering where we could offer more insights into social media activity i enthusiatically dived into SEO Moz's social reporting tab with the ainm of synching the report to the clients facebook page. But after 20 mins of getting an error message it was clear I could not get SEO moz's socail media reporting tab to sunch up with http://www.facebook.com/#!/TennantsAuction or
Technical SEO | | Nightwing
http://www.facebook.com/TennantsAuction Here is a screen shot of my frustration:http://i216.photobucket.com/albums/cc53/zymurgy_bucket/cant-hook-in-facebook-seo-mozcopy.jpg I realise i have to have admin access to the facebook account which the client can give me but i need to know please is the feature broken or am i doing something wrong? Thanks in advance, David0 -
URL content format - Any impact on SEO
I understand that there is a suggested maximum length for a URL so as not to be penalized by search engines. I'm wondering if I should if should optimize our ecommerce categories to be descriptive or use abbreviations to help keep the URL length to a minimum? Our products are segmented into many categories, so many products URL's are pretty long if we go the descriptive route. I've also heard that removing the category component entirely from a product URL can also be considered. I'm fairly new to all this SEO stuff, so I'm hoping the community can share their knowledge on the impact of these options. Cheers, Steve
Technical SEO | | SteveMaguire0