Best practices
• Keep under 60 characters
• Include primary keyword near beginning
• Make it unique for each page
• Include brand name at end
• Make it compelling and clickable

HTML example


Good examples
"React Hooks Guide - Complete Tutorial | DevDocs"
"Buy Running Shoes - Free Shipping | Nike"

Best practices
• Keep between 150-160 characters
• Include target keyword naturally
• Write compelling copy with CTA
• Unique for each page
• Accurately describe page content

HTML example
 name="description"
  content="Learn React Hooks with practical examples. Master useState, useEffect, and custom hooks in this comprehensive guide."
/>

H1 tag
• Only one H1 per page
• Include main keyword
• Make it descriptive and clear
• Usually matches or relates to title tag

Structure
Main Page Title with Keyword
Section Heading
  
Subsection
  
Subsection
Another Section

Best practices
• Use hierarchical order (H1 → H2 → H3)
• Include keywords naturally
• Make headers descriptive

Keyword usage
• Use primary keyword in first 100 words
• Include variations and synonyms
• Maintain 1-2% keyword density
• Avoid keyword stuffing

Content quality
• Write for humans first, search engines second
• Aim for 1000+ words for important pages
• Make content unique and valuable
• Update content regularly
• Use short paragraphs (2-3 sentences)

Formatting
• Use bullet points and lists
• Bold important terms
• Add images and videos
• Include internal links

Image optimization
• Use descriptive filenames (not IMG_001.jpg)
• Add ALT text with keywords
• Compress images for fast loading
• Use WebP format when possible
• Specify width and height attributes

ALT text example
 src="react-hooks-diagram.webp"
  alt="React Hooks lifecycle diagram showing useState and useEffect"
  width="800" height="600"
/>

Video SEO
• Add video transcripts
• Use schema markup for videos
• Create video sitemaps

Best practices
• Keep URLs short and descriptive
• Use hyphens (not underscores)
• Include target keyword
• Use lowercase letters
• Avoid special characters

Good examples
✓ example.com/react-hooks-guide
✓ example.com/blog/seo-tips

Bad examples
✗ example.com/page.php?id=123
✗ example.com/React_Hooks_Guide
✗ example.com/category/blog/2024/01/15/post-title

Best practices
• Link to relevant pages
• Use descriptive anchor text
• Avoid click here links
• Link deep into site structure
• Fix broken internal links

Good anchor text
✓ Learn more about React Hooks
✓ Complete SEO guide

Bad anchor text
✗ Click here
✗ Read more
✗ This page

Page speed
• Optimize images
• Minify CSS, JS, HTML
• Enable browser caching
• Use CDN
• Lazy load images

Mobile optimization
• Responsive design
• Mobile-friendly navigation
• Fast mobile loading
 name="viewport" content="width=device-width, initial-scale=1"/>

Schema markup
• Add structured data
• Use JSON-LD format
• Test with Google Rich Results Test