Most developers treat SEO as a checklist of meta tags that the marketing team asks for. We add a title, a description, and maybe some Open Graph tags, then we assume the job is done. But modern SEO is less about keywords and more about engineering performance and accessibility.
If you want your site to rank, you need to stop thinking like a writer and start thinking like a browser.
The Performance Trap
Google uses Core Web Vitals as a ranking signal. This means your choice of framework and how you load assets directly affects your position in search results. The biggest culprit is usually Cumulative Layout Shift (CLS).
CLS happens when elements jump around while the page is loading. This often occurs because images do not have defined dimensions or fonts swap after the initial render. To fix this, always set width and height attributes on images. If you are using a framework like Next.js or Nuxt, use their optimized image components to prevent layout shifts.
