When building a new website, most of the attention usually goes to the visual design and the copy. How the platform looks and what you have to say is, of course, important. Yet many freshly finished websites remain invisible in search engines. The reason for this is almost always the technical foundation of the site.
Technical SEO forms the foundation of your online presence. If search engines struggle to crawl your pages, don't understand the structure, or run into slow load times, your ranking in the search results drops quickly. This isn't about complicated tricks or temporary fixes, but about putting in place a lean, efficient, and well-structured codebase.
Many companies have their site delivered with a heavy template or a slow page builder. The result is a huge amount of superfluous code, dozens of unnecessary JavaScript files, and slow load times. In this article, I'll give you a clear technical SEO checklist for a new website, based on practice.
Clean code and lightweight architecture
The problem of code bloat
When a search engine visits your website, the crawler first has to process the code before it can understand the content. Many traditional content management systems and off-the-shelf themes generate a deep nesting of HTML elements, dozens of CSS files, and heavy JavaScript libraries. Every extra line of code that serves no purpose slows down processing and costs computing power, for both the server and the crawler.
A well-known principle in thoughtful software development is minimizing dependencies and markup bloat. Think of tools like simple syntax highlighters that do exactly what they need to do without heavy classes, complex HTML structures, or bulky JavaScript files. That same philosophy belongs in web development for SEO. The cleaner and more direct the code, the faster search engines understand and index the page.
Why custom development wins on SEO
By choosing custom code instead of heavy off-the-shelf themes, you keep full control over what's sent to the user's browser and to the search engine. With modern technologies such as React, TypeScript, Tailwind CSS, and Vite, you build an application that contains exactly what's needed, without unnecessary baggage. This leads to a low DOM depth and minimal file size. Search engines can read the content directly without first having to process megabytes of unnecessary scripts.
Crawlability, indexing, and site structure
The digital road map for search engines
A search engine can only index pages it can find effortlessly and without errors. The foundation of crawlability starts with two essential files: the robots.txt file and the XML sitemap. The robots.txt file gives clear instructions about which parts of the site may or may not be crawled. Make sure you don't accidentally block important pages or assets from search engines.
The XML sitemap is the up-to-date table of contents for your website. Make sure it's generated automatically and only contains the final, indexable pages. Pages with redirects, error codes, or noindex tags don't belong in the sitemap. Submit the sitemap right after launch using tools like Google Search Console.
Semantic HTML and logical structure
Search engines read a page's structure based on semantic HTML5 elements. Use the right tags for the right parts of your page: `<header>`, `<nav>`, `<main>`, `<article>`, `<section>`, and `<footer>`. This gives the crawler immediate insight into the structure of your information.
Within the content, a tight heading structure is essential. Use exactly one H1 tag per page for the main topic, and structure the rest of the page logically with H2 and H3 headings. Never use headings purely for visual styling, but only to indicate the hierarchy of the content.
Canonical tags and URL structure
Duplicate content is a common problem with new websites, for example due to parameters in URLs or the coexistence of different URL variants. Implement a correct canonical tag on every page that points to the preferred version of the page. This prevents search engines from being unsure about which page should be indexed.
Also make sure you have short, clear, and readable URLs. Use lowercase letters, hyphens between words, and avoid unnecessary folders or complicated IDs. A good URL tells both the user and the search engine exactly what the page is about.
Page speed and Core Web Vitals
Speed as a direct ranking factor
Search engines like Google use the Core Web Vitals to measure a website's user experience. These metrics focus on three crucial aspects: how quickly the main content becomes visible (LCP), how quickly the page responds to interaction (INP), and how much the page shifts unexpectedly while loading (CLS).
A slow website doesn't just lead to lower rankings in search results, but also to a direct loss of visitors and conversions. Optimizing for page speed is therefore not an afterthought, but an essential part of the development process.
Images and media assets
Images often make up the largest part of a web page's total weight. Use modern file formats such as WebP or AVIF to drastically reduce file size without loss of quality. Always give images explicit dimensions (width and height) in the HTML to prevent the layout from shifting while loading.
Apply lazy loading to images below the visible fold, so that only the necessary assets are loaded when the page opens. For icons and simple illustrations, using scalable vector graphics (SVG) is the most efficient choice.
Script management and bundle size
External scripts, such as analytics tools, chat widgets, and marketing pixels, can seriously slow down a site's load time. Limit the number of external scripts to what's strictly necessary. Use a modern bundler like Vite to make JavaScript and CSS files as small as possible and apply code-splitting. This way, only the code needed at that specific moment gets loaded.
Structured data and metadata
Dynamic metadata
Every page on your website needs unique, relevant metadata. The title tag and meta description appear directly in the search results and largely determine whether a user clicks through to your site. Make sure these fields can be managed dynamically and are set specifically for each page.
Also, don't forget Open Graph metadata. These tags make sure your pages look neat and professional when shared on social media or through messaging apps.
Structured data via Schema.org
Structured data helps search engines understand the exact context of your content. By using the Schema.org format in JSON-LD, you explicitly indicate what kind of information is on the page. This can be business information, services, articles, products, or frequently asked questions.
Adding correct structured data also increases the chance that your website is shown with richer search results (rich snippets), which boosts visibility in the search results.
Internal link structure
Search engines use internal links to understand the relationship between different pages and to pass authority throughout the site. Make sure you have a clear, logical navigation structure in which no page becomes isolated. Use descriptive anchor text for internal links instead of generic text like "click here" or "read more."
From delivery to lasting results
Thorough testing before going live
Before a new website goes live, a thorough technical audit is necessary. Check the site with technical analysis tools, test how pages render, and verify that all redirects work correctly. Also check that the mobile view works flawlessly, since search engines primarily index websites based on the mobile version.
A structured approach
Building a well-performing website requires a thoughtful approach. My process always starts with a short introductory conversation to get the goals clear. Next, we jointly determine the scope and priorities, after which the design and build happen in short, clear iterations. After delivery, we make adjustments based on measurable goals.
Since 2006, I've been helping SMEs and entrepreneurs in Belgium and the Netherlands build high-quality, fast platforms, websites, and online stores. Besides the technical build and UX/UI design, I also help think through the full SEO and content structure. Please note: business development engagements are currently fully booked due to a full-time project under NDA, but for custom web development and technical SEO architecture, you can of course still come to me.
Want to make sure your new website is technically perfect from day one and ready to rank in the search engines? Schedule a free thirty-minute conversation via ferhat.io/contact to discuss your project and technical requirements.
