How to Make Your Website SEO-Friendly

Add Unique Title Tags to Every Page

The <title> tag is the single most important on-page SEO element. It appears:

• In the browser tab
• As the blue link in Google search results
• When shared on social media

The rules:

• Between 40 and 60 characters
• Include the main keyword of the page
• Be unique — never duplicate titles across pages
• Put the most important words first

Example:

<title>How to Install Python (Windows, Mac, Linux) | MAK Studio</title>

Write Meta Descriptions for Every Page

The <meta name="description"> tag appears as the grey text under your title in Google results. It doesn't directly affect rankings, but it dramatically affects click-through rate.

The rules:

• Between 120 and 160 characters
• Include the main keyword naturally
• Give the user a reason to click
• Include a benefit or a specific detail

Example:

<meta name="description" content="Step-by-step guide to installing Python on Windows, Mac, or Linux. Includes PATH setup, pip check, and fixes for common errors.">

Use Headings Correctly (H1, H2, H3)

Headings are how Google understands the structure of your content.

The rules:

• One H1 per page — the main topic
• Multiple H2s — sub-topics
• H3s under H2s — never skip levels (don't put H3 under H1)
• Include keywords naturally in headings

Example:

<h1>How to Install Python</h1>
  <h2>Step 1: Download the Installer</h2>
  <h2>Step 2: Run the Installer</h2>
    <h3>On Windows</h3>
    <h3>On Mac</h3>
  <h2>Common Errors</h2>

Add a Canonical URL to Every Page

The canonical tag tells Google which version of a URL is the "official" one. This prevents duplicate content issues.

Example:

<link rel="canonical" href="https://yourdomain.com/page.html">

Common problems this prevents:

• yourdomain.com vs www.yourdomain.com
• http:// vs https://
• yourdomain.com/page; vs yourdomain.com/page/
;
• Old GitHub Pages URLs vs new custom domain URLs

Add Open Graph Tags for Social Sharing

When someone shares your page on Twitter, LinkedIn, Facebook, or WhatsApp, these tags control the preview card.

The minimum set:

<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="Your page description.">
<meta property="og:image" content="https://yourdomain.com/images/social-card.png">
<meta property="og:url" content="https://yourdomain.com/page.html">
<meta property="og:type" content="website">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Your Page Title">
<meta name="twitter:description" content="Your page description.">
<meta name="twitter:image" content="https://yourdomain.com/images/social-card.png">

The og:image should be 1200×630 pixels — the standard size for all major platforms.

Create a sitemap.xml

A sitemap is a file that lists every important page on your site. It's the map you give Google so it can find everything.

Example sitemap.xml:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://yourdomain.com/</loc>
    <lastmod>2026-01-15</lastmod>
    <changefreq>weekly</changefreq>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://yourdomain.com/about.html</loc>
    <lastmod>2026-01-10</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.8</priority>
  </url>
</urlset>

Place this file at yourdomain.com/sitemap.xml; (root of your site).

Create a robots.txt

The robots.txt file tells search engines which pages they may or may not crawl. It also points to your sitemap.

Example robots.txt:

User-agent: *
Allow: /

Sitemap: https://yourdomain.com/sitemap.xml

;

Place this at yourdomain.com/robots.txt.

;

Submit to Google Search Console

Google Search Console (GSC) is a free tool that shows you how Google sees your site. It's the single most valuable SEO tool for beginners.

Setup steps:

1. Go to search.google.com/search-console
;
2. Add your domain as a property
3. Verify ownership (DNS record is easiest)
4. Submit your sitemap under Sitemaps
5. Use URL Inspection to request indexing for key pages

After a few days, GSC will show you:

• How many people see your pages in Google (impressions)
• How many click through to your site (clicks)
• The exact keywords people use to find you
• Any crawl or indexing errors

Add Structured Data (JSON-LD)

Structured data helps Google understand what your page is. In return, Google may show rich snippets — stars, FAQs, step-by-step guides directly in search results.

Types of schema worth adding:

Example HowTo schema:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to Install Python",
  "totalTime": "PT5M",
  "step": [
    {
      "@type": "HowToStep",
      "name": "Download the installer",
      "text": "Go to python.org/downloads"
    }
  ]
}
</script>

📚 Test your structured data with Google's Rich Results Tool →

Optimize Images (Alt Text + Compression)

Images are a hidden SEO factor most beginners ignore.

Add descriptive alt text:

<img src="python-installer.png" alt="Python 3.12 installer window on Windows with 'Add Python to PATH' checkbox highlighted">

Compress your images:

• Use TinyPNG or Squoosh
• Or serve them as WebP format (30% smaller than PNG/JPG)
• Aim for images under 200 KB

Link Internally (A Lot)

Internal links — links between pages on your own site — are one of the most underrated SEO factors.

Why internal links matter:

• Google uses them to discover new pages
• They pass "authority" from popular pages to new ones
• They keep visitors on your site longer
• They help Google understand your site's structure

Practical rules:

• Every page should have at least 3 internal links
• Use descriptive anchor text — not "click here"
• Link to your most important pages from your homepage
• Add "Related Resources" sections at the bottom of every page

Make It Mobile-Friendly

Over 60% of web traffic comes from mobile devices. If your site is broken on phones, Google ranks it lower.

The essentials:

• Add the viewport meta tag: <meta name="viewport" content="width=device-width, initial-scale=1.0">
• Use responsive layouts (Flexbox, Grid, or media queries)
• Make buttons at least 44px tall (thumb-friendly)
• Prevent horizontal scrolling (no elements wider than the screen)
• Use readable font sizes (16px minimum)

Test with Google's Mobile-Friendly Test →

Make It Fast

Google measures your site's loading speed through Core Web Vitals. Slower sites rank lower.

The quickest wins:

• Compress images (TinyPNG)
• Use lazy loading for images below the fold: <img loading="lazy">
• Minify CSS and JavaScript
• Limit external fonts to one family
• Don't use giant libraries when small ones will do

Test with PageSpeed Insights →

Publish Consistently

This is the part nobody can automate for you. Google loves sites that publish fresh, high-quality content regularly.

What "consistent" means:

• 1-2 new pages per week minimum
• Update old pages when information changes
• Focus on topics you can cover deeply
• Don't publish 50 pages in a week then nothing for 3 months