🔒

Expertise

Clean Code & SEO

Code that stays maintainable, and pages that are actually findable

Why this became its own focus area

This site itself is the clearest example — building it surfaced real problems most tutorials skip. A canonical tag left pointing at an old GitHub Pages URL quietly told Google to ignore the real domain. A sitemap referencing pages that didn't exist yet actively hurt indexing rather than helping it. These aren't exotic edge cases; they're the ordinary failure modes of shipping a real site.

Clean code and SEO end up being the same discipline in practice: both reward being precise about what actually exists versus what you assume exists.

Semantic
HTML structure
Sitemap +
Search Console

Technical SEO, the parts that actually matter

🔗

Canonical tags point to reality

A canonical URL tells search engines "this is the real version of this page." If it points at a staging domain or an old hosting URL, your production domain can lose out on indexing entirely, even while loading perfectly for visitors.

🗺️

A sitemap is a promise

Every URL listed in sitemap.xml should resolve to a real page. Listing pages that don't exist yet doesn't just fail to help — it actively signals broken crawl health to Search Console.

🖼️

Social preview tags need absolute URLs

og:image with a relative path silently fails on most platforms. Link previews on Twitter, Discord, or LinkedIn need the full https:// URL to actually render an image card.

Clean code habits I actually enforce

🎯

Specificity discipline

A plain class loses to a pseudo-class selector like :nth-child() every time, even inside a later media query. I match selector specificity when overriding, rather than reaching for !important as a first move.

🧱

Reusable component classes

Cards, buttons, and grids share a small set of base classes across the whole site, so a palette or spacing change propagates from one place instead of forty.

⚡

Performance as a default, not an afterthought

Lazy-loading below-the-fold images, avoiding layout-shifting fonts, and keeping scroll-driven effects (like parallax) throttled with requestAnimationFrame instead of firing on every scroll event.

Common mistakes I've made and fixed

Mistake

Leftover staging URLs in production meta tags

Canonical and Open Graph URLs copied from an earlier GitHub Pages deployment, never updated after moving to a custom domain.

Mistake

Sitemap ahead of actual content

Submitting a sitemap listing pages that were still in progress, rather than only what was actually deployed.

Fix

A pre-deploy checklist

Now every deploy gets a quick pass: canonical URL, sitemap accuracy, and a Cloudflare cache purge, before considering a page "done."

Need a site that's actually indexable?

I can audit and fix the technical SEO on an existing site, or build cleanly from scratch.

Get In Touch