I have a a big problem that I'm only considering after I have finished development of a webpage. My page is written with only a skeleton HTML. All the actual content of my site is sent through websockets. The client-side JavaScript then captures this information and dynamically builds the page.
I did this for the purpose of having everything being able to be changed quickly and in real time via my websocket instructions.
All the code functions without errors. However I have just found out that when I fetch with Google crawler, all that the bot sees is the base HTML with no content.
I'm not sure what ways I can use to get around this? Am I stuffed because of this approach I used? Changing this will mean a whole overhaul of my architecture. Can anyone please give me some suggestions as to how I can get the Google cralwer to pick up on this dynamic content? Is there a way I can tell when Google crawls my site and render things on the get request rather than websocket?