(Entry was posted by Andres Felipe Echavarria on this post in the Dumb SEO Questions community on Facebook, 03/28/2019).

I created the menu after the page is loaded

Our company just implemented hamburger dropdown menu JavaScript in desktop, and we are not able to get the menu links in GoogleÂ´s cache, we are not loading the menu on user click but on the page load. But still it could be that menu is loaded after DOM load where google might have already crawled the page before even menu is loaded.To mitigate this, apart from that menu we are loading all the menu links in the page source on the server side in a hidden div. So it cannot be that links are not available to google. see our page source attached, is this a good approach to get the links on GoogleÂ´s cache?

This question begins at 00:28:39 into the clip. Did this video clip play correctly? Watch this question on YouTube commencing at 00:28:39

Share on Twitter

Share on Facebook

YOUR ANSWERS

Selected answers from the Dumb SEO Questions Facebook & G+ community.

Michael Martinez: Google does not like hidden divs and may penalize you for stuffing content there. It depends on how you hid it. In my experience it`s better to rely on CSS for collapsible/expandable menu styling. Others may be able to provide you with some tips on how to get the Javascript to work with the cache. But the cache isn`t a reliable indicator for what Google is indexing. Also, if you have a mobile version of the site Google will probably be preferring that for indexing (and maybe caching) as well.
Jason Mun: Bot a good idea to gave the main menu of the website in JS. This is due to how google crawls and renders JS. They do a 2 wave crawl and index which may delay discovery if content and links.
Stockbridge Truslow: The biggest problem there is that if you want your "nav" to show up in Google when someone does a company name search for you - you want it all wrapped in a tag and not a tag.