๐๐ผ๐ ๐ ๐ฆ๐ต๐ถ๐ฝ๐ฝ๐ฒ๐ฑ ๐ ๐๐น๐ผ๐ด ๐๐ผ๐ผ๐ด๐น๐ฒ ๐๐ผ๐๐น๐ฑ๐ป'๐ ๐ฆ๐ฒ๐ฒ
My blog looked perfect in the browser. I could read every word.
Then I ran a simple curl command to check the raw HTML.
The result was shocking. The body text was missing. The HTML contained only a title and an empty div. My content did not exist on the server.
For months, I shipped empty pages to search engines.
Here is why this happened and how you can prevent it.
๐ง๐ต๐ฒ ๐๐ถ๐ฑ๐ฑ๐ฒ๐ป ๐๐๐ด
I used SvelteKit with prerendering enabled. I thought the site was static.
The mistake was in my code. I used the onMount lifecycle hook to parse my Markdown content.
onMount only runs in the browser. It does not run during the build process.
When the crawler or a search engine visited my site, they received a skeleton page with no text. The content only appeared after JavaScript ran.
Why did I not catch this?
โข Browsers run JavaScript. My manual tests always looked fine. โข Uptime monitors check for a 200 OK status. My site returned 200 OK. โข Lighthouse runs JavaScript. Its scores stayed high.
I was testing the hydrated version, not the indexed version.
๐ง๐ต๐ฒ ๐๐ถ๐
I had to move the Markdown parsing out of the lifecycle hook and into the module scope.
I changed the code so the parsing happens during the render pass. This ensures the text is part of the actual HTML file on the disk.
After the fix, my page size grew from 32 KB to 45 KB. That 13 KB difference was my actual content.
๐ง๐ต๐ฟ๐ฒ๐ฒ ๐ช๐ฎ๐๐ ๐๐ผ ๐๐๐ผ๐ถ๐ฑ ๐ง๐ต๐ถ๐
Use "View Source," not DevTools. DevTools shows the DOM after JavaScript runs. View Source shows what actually arrived on the wire. Always check the raw source for critical content.
Use curl to verify content. Pick a unique phrase from your article. Run a grep command against your live URL. If the count is zero, your SEO is dying.
Test with JavaScript disabled. Turn off JS in your browser settings. If your content disappears, your search engines cannot see it.
Do not trust your eyes. Trust the raw data.
Source: https://dev.to/ferhatatagun/how-i-shipped-a-blog-google-couldnt-see-2nlc