Hi guys! I'm currently finishing my app now but I've recently known that it is seen by Google as a blank page. π I need some advice from you guys on what to use or what techniques I can do for it to work. πππ
Thank you for sharing this! ππ
Use SSR... there are some libraries that can help you with this like this one github.com/zeit/next.js
and severals articles about this..
blog.eleven-labs.com/en/react-ssr
Simple, don't use React.
Failing that, focus on ACTUALLY bothering to TRY and get it to vomit up SEMANTIC markup with separation of presentation from content.
In terms of on-page SEO there are only TWO factors that really count, CONTENT and semantics.
The former is easy, unique well written content of value will tend to itself. Semantic markup on the other hand SHOULD be simple and is if you bother using numbered headings and horizontal rules to mark sections and subsections, paragraphs to markup actual grammatical paragraphs, lists for short bullet point lists / choices and tables for actual tabular data.
Shame few if any people manage to do ANY of that... and no, HTML 5's idiotically pointlessly REDUNDANT "structural" tags (article, aside, section, nav, header, footer, main) don't do a damned thing to fix that.
Of course, such concepts are utterly lost upon the asshattery that is react; even the first bloody page of the tutorial for it violates the most basic of HTML structural rules and good practices; hardly a shock most of the shlock build with it is a semantic and structural train wreck of how NOT to use HTML.
... a situation made all the worse by the decades of people wedging their craniums up 1997's rectum and slapping the 4 tranny doctype atop their outdated half-assed code. Now they get to wrap 5 lip-service around the same outdated outmoded halfwit practices and slap each-other on the backs over how modern they are.
Atul Sharma
Full Stack Developer | Cloud Native Applications
Use google.com/webmasters/tools/googlebot-fetch to see how google bot renders your website, Fix the Issues .
Here what you can do to boost SEO for React / Angular or any Javascript framework based websites.
Rest all things are common for all websites, like : responsiveness, proper use of title, h1, h2, h3 tags , properly defined alt tags, enough amount of content etc etc .