How to Build a Website — Step-by-Step Guide 2026
Short answer: To build a website in 2026: (1) choose a method — website builder, HTML template, or custom code; (2) get a domain name (~$12/year); (3) customise your design; (4) deploy to free hosting on Cloudflare Pages or Netlify; (5) submit to Google Search Console. Total cost with an HTML template: ~$47 in year one, ~$12/year after.
Method 1 — Which Way to Build a Website?
| Method | Cost | Speed | Technical Skill | Best For |
|---|---|---|---|---|
| HTML Template (UiXDraft) | $35 once + free hosting | 2–8 hrs | Basic HTML/CSS | Devs, freelancers, performance-focused sites |
| Website Builder (Wix/Squarespace) | $16–$49/mo | 4–12 hrs | None needed | Non-technical users, quick launch |
| WordPress | $20–$40/mo | 1–2 days | Moderate | Blogs, content-heavy sites, CMS needs |
| Custom development | $5,000–$50,000 | 4–12 weeks | Hire a developer | Complex apps, unique functionality |
Website Building Costs in 2026
| Item | HTML Template Method | Website Builder | Freelancer |
|---|---|---|---|
| Design / Template | $35 (180+ templates) | Included in plan | $500–$3,000 |
| Hosting (year 1) | Free (Cloudflare Pages) | Included — mandatory subscription | $20–$50/mo |
| Domain name | ~$12/year | ~$12/year or included | ~$12/year |
| SSL certificate | Free (Cloudflare) | Included | Free (Let's Encrypt) |
| Year 1 total | ~$47 | $200–$600 | $2,500–$15,000 |
| Year 2+ total | ~$12/year | $192–$588/year | Maintenance fees |
Step-by-Step: How to Build a Website with an HTML Template
Choose your website type and template
Decide what kind of site you're building: business, portfolio, blog, SaaS landing page, or e-commerce. Browse UiXDraft's 180+ templates and pick the closest match. Look at the layout structure, not just the colours — colours are easy to change, layout structure defines the experience.
Register your domain name
Go to Cloudflare Registrar (cloudflare.com/products/registrar/) — they sell domains at cost, no markup. Search for your ideal domain. A .com costs ~$10.44/year. Avoid hyphens and keep it short. Your domain is your brand online.
Install VS Code and open your template
Download VS Code (code.visualstudio.com — free). Unzip your template folder. Open the folder in VS Code with File → Open Folder. Install the "Live Server" extension to preview changes in real time as you edit.
Customise the content
Replace all placeholder text with your real content. Update: company/brand name in the nav, hero headline and subheading, about/services sections, contact information and social links. Use VS Code's Find & Replace (Ctrl+H / Cmd+H) to update repeated elements quickly.
Change the brand colours
Open the CSS file. At the top you'll find CSS custom properties — typically: --purple, --blue, --bg, --border. Change the hex colour values to match your brand. Save and see the entire site update instantly in Live Server.
Optimise images
Convert your images to WebP format using Squoosh (squoosh.app — free, in-browser). Set quality to 75–80%. Add descriptive filenames (e.g., "web-design-agency-london.webp" not "IMG_4521.jpg"). Add alt text to every image in HTML: alt="descriptive text here".
Update meta tags for SEO
In the <head> section: update <title> to under 60 characters, descriptive, keyword-first. Update <meta name="description"> to under 155 characters, natural-language summary of the page. These appear in Google search results.
Deploy to Cloudflare Pages (free)
Go to pages.cloudflare.com. Sign up free. Click "Create a project" → "Direct upload". Drag your entire project folder in. Cloudflare builds and deploys in seconds. You get a free your-project.pages.dev URL immediately. Connect your custom domain in the Pages settings.
Submit to Google Search Console
Go to search.google.com/search-console. Add your property (your domain). Verify ownership via DNS TXT record (easiest with Cloudflare). Submit your sitemap.xml URL. Google starts crawling and indexing within 1–7 days.
Pro Tip: First Steps After Launch
After your site goes live: (1) Test on mobile — open on your phone. (2) Run a Lighthouse audit in Chrome DevTools. (3) Check all links work. (4) Test the contact form. (5) Verify Google Search Console shows your site indexed.
SEO Basics for Your New Website
Meta Title & Description
Title: 50–60 chars, keyword first. Description: 120–155 chars, natural language with a call to action. These are the two lines Google shows in search results.
Heading Hierarchy
One H1 per page (your main keyword phrase). Multiple H2s for sections. H3s for sub-points. Never skip levels.
Image Alt Text
Every image needs a descriptive alt attribute. Google reads alt text to understand images. Also improves accessibility.
Page Speed
Google uses Core Web Vitals as a ranking factor. Static HTML on Cloudflare CDN scores 90+ Lighthouse by default — no extra optimisation needed.
Internal Links
Link between your pages naturally. A visitor who reads your about page should be able to reach your services page in one click. Helps Google understand site structure.
Google Search Console
Free tool from Google. Submit your sitemap, monitor which queries your pages appear for, fix crawl errors, and track click-through rates.
Frequently Asked Questions
How long does it take to build a website?
HTML template: 2–8 hours for a 5-page site. Website builder: 4–12 hours for beginners. Custom development: 4–12 weeks. HTML templates are the fastest path because design decisions are already made.
How much does it cost to build a website?
HTML template method: ~$47 year one ($35 template + $12 domain + free hosting), ~$12/year after. Website builders: $192–$588/year. Freelancer: $500–$5,000. Agency: $5,000–$50,000+.
Do I need to know coding to build a website?
No for website builders (Wix, Squarespace). Yes (minimal) for HTML templates — edit text in HTML and change colours in CSS. Learnable in 2–3 hours from YouTube tutorials.
What is the best free way to build a website?
Free HTML template (HTML5 UP) + Cloudflare Pages hosting + ~$12/year domain ≈ $12/year total. Or use Wix's free tier with ads and Wix subdomain. For professional quality, $35 for 180+ templates is the best value.
How do I build a website without a website builder?
(1) Download HTML template. (2) Edit files in VS Code. (3) Host on Cloudflare Pages or Netlify — free. Faster loading, cheaper long-term, full code ownership.
Related Resources
Web Design by City
Related: Web Development & E-Commerce