# SEO Optimization > SEO Optimization - Skill: `meraj-uddin-malik/seo-optimization` (Agent Skill) - Install (CLI): `npx skillmds@latest add meraj-uddin-malik/seo-optimization` - Raw SKILL.md: https://api.skillmd.com/api/skills/meraj-uddin-malik/seo-optimization/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Marketing & Growth - Author: Meraj-Uddin-Malik (https://skillmd.com/u/meraj-uddin-malik) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/meraj-uddin-malik/seo-optimization --- # SEO Optimization A skill that helps optimize the portfolio website for search engines, ensuring better visibility, ranking, and performance. ## Trigger Phrases This skill activates when the user wants to optimize for SEO: - "optimize SEO" - "add meta tags" - "improve search ranking" - "check SEO" - "make it SEO friendly" - "optimize for Google" ## Instructions When this skill is invoked, follow these steps to optimize the portfolio website for search engines: ### Step 1: Audit Current SEO Status Before making changes, review the current state: 1. **Check meta tags**: Does the HTML have proper `` and meta descriptions? 2. **Review HTML structure**: Is semantic HTML being used? 3. **Analyze performance**: Are images optimized? Is there lazy loading? 4. **Verify accessibility**: Screen reader friendly = search engine friendly ### Step 2: Optimize Meta Tags Generate and add comprehensive meta tags to the `<head>` section: #### Essential Meta Tags ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Your Name - Web Developer Portfolio ``` #### Guidelines for Meta Tags - **Title**: 50-60 characters, include name and keywords - **Description**: 150-160 characters, compelling and descriptive - **Keywords**: 5-10 relevant keywords (less important now, but still useful) - **Open Graph image**: 1200x630px for best display on social media - **Twitter image**: 1200x675px recommended ### Step 3: Ensure Semantic HTML Structure Use proper HTML5 semantic elements for better crawlability: ```html

Your Name - Web Developer

Crafting beautiful, accessible web experiences

Featured Projects

Project Title

Project description...

About Me

Your bio and skills...

Get In Touch

``` #### Semantic HTML Best Practices - **Use heading hierarchy**: H1 → H2 → H3 (never skip levels) - **One H1 per page**: Should be the main page title - **Semantic elements**: `

`, `