🔍 Search Engine Optimization (SEO)

Complete guide to On-Page and Off-Page SEO techniques

📄

On-page SEO

Optimization done via HTML and page content

  • Meta tags (description, keywords)
  • Title tags & headings
  • Image alt text
  • Content quality & keywords
  • Internal linking
✅ You control this completely
🌐

Off-page SEO

External factors that influence ranking

  • Backlinks from other sites
  • Social media shares
  • Brand mentions
  • Guest posting
  • Domain authority
🔗 Built through relationships
✍️ meta author: Amit Kumar Prasad (as per notes)

On-page SEO using HTML

🔖 Meta Tags (included in this page's <head>)

<meta name="description">
Provides search engines with a page summary (appears in search results)
content="Best portfolio site - Learn about SEO types..."
<meta name="keywords">
Important keywords related to your page (less weight today but still used)
content="web, dev, html, SEO, on-page SEO, off-page SEO"
<meta name="author">
Specifies the author of the webpage
content="Amit Kumar Prasad"

📌 Page Title

<title>My Portfolio</title>

Current page title: "SEO Guide: On-Page & Off-Page Optimization"
(appears in browser tab and search results)

🔝 Most important SEO element

Favicon

🔍
<link rel="icon" href="favicon.ico">

Live example: Look at browser tab — you'll see a magnifying glass icon (🔍)

Helps with brand recognition

🖼️ Image Optimization for SEO

SEO optimization example showing proper image alt text usage

✅ Alt text: "SEO optimization example showing proper image alt text usage"

📝 Best Practices

  • 1. Optimize image size — compress images for faster loading
  • 2. Use alt text in images — describes image for SEO & accessibility
  • 3. Descriptive file names — use keywords (seo-guide.jpg not IMG001.jpg)

⚡ Performance Optimization Tips

1

Optimize image size

Large images slow down your site, hurting SEO. Compress images before uploading.

Tools: TinyPNG, ImageOptim
2

Use alt text in images

Helps search engines understand images and improves accessibility.

<img alt="descriptive text">
3

Minimize unused code

Remove unused CSS/JavaScript to improve page speed and user experience.

CSS/JS minification
📌 From your notes exactly: "Optimize image size • Use alt text in images • Minimize unused code (CSS/JS)"

📋 All On-page HTML SEO elements covered:

meta description meta keywords meta author title tag favicon alt text image size opt. minimize code
⚡ This page itself includes all meta tags in the <head> (view source to see)

🔍 SEO = On-page + Off-page

✓ All notes included exactly: Types of SEO (On-page via HTML, Off-page backlinks/shares)

✓ Meta tags: description, keywords, author — all with examples

✓ Title, favicon, image optimization, alt text, minimize unused code

📝 Created from provided notes | Author: Amit Kumar Prasad