SEO ↔ (Design Pattern) to optimize Web Page max exposure to Search Engine's Web Crawler

aka SEO, Search-Engine-Optimization

Web Crawler bad compat with SPA Client Side Rendering Web Page, worsens SEO

static sites are more SEO Friendly - since Web Crawler can access more easily

sitemap

XML Website map for 🤖 Web Crawler

Google Search Console

SEO Best Practices

SERP

Search Engine Results Page

robots.txt

standard (for voluntary compliance to opt-in) by Web Crawler/bot to access to URL routes

SEO Penalty

List of penalties by Google | Bing

Anchor Text Optimization

SEO Markup

References

1. Pre-render ↔ (feat) to render HTML in advance for perf & SEO

2. keywords ↔ to set list of SEO keywords to search for Module on npmjs

3. renderToString() ↔ ReactDOMServer function to render element to HTML string, for initial page load || SEO

4. URL Slug ↔ (Design Pattern) to name Resource Path as Semantic keywords in kebab-case for better SEO

5. @docusaurus/plugin-sitemap ↔ docu plugin to gen sitemap for site for SEO Web Crawler | pack with classic preset

6. Keyword Stuffing ↔ to spam Web Page with lots of repetitive keywords in attempt to boost SEO rank/relevance to specific search phrases