I am working on the development of a news website where the front page has a very basic design which shows the latest 3 news and latest 3 featured posts of the website's main categories(six in all) in a format similar to the below:
Category #1 Name Category #1 Name Category #1 Latest Post #1 Category #1 Featured Post #1 Category #1 Latest Post #2 Category #1 Featured Post #2 Category #1 Latest Post #3 Category #1 Featured Post #3
My concern is that the client wants the above information to also be available in the header via a mega menu(same, exact logic as http://www.ebay.com when you hover on Motors at the top).
Now to keep the number of internal links to a minimum and knowing that all links in the mega menu are already available elsewhere in the website, I was thinking of opting for a lazy loading approach for the mega menu's links, a total of 60 links.
Meaning that that the links are not available inside the HTML when the page loads but are requested via an Ajax call with the html injected in a DIV element after the mega menu html is retrieved.
As I of course don't want Google to crawl the mega menu links, is this a clever approach to solve my problem?