URL structure and slug optimization in SEO Fundamentals - Mini Project: Build & Apply

URL Structure and Slug Optimization

📖 Scenario: You are managing a website that sells different types of fruits. You want to create clear and SEO-friendly URLs for each fruit page so visitors and search engines can easily understand what the page is about.

🎯 Goal: Build a simple URL structure with optimized slugs for fruit pages that are easy to read, consistent, and good for search engines.

📋 What You'll Learn

Create a dictionary with fruit names and their original URLs

Add a configuration variable for the base URL of the website

Generate optimized slugs by converting fruit names to lowercase and replacing spaces with hyphens

Combine the base URL and slugs to form full SEO-friendly URLs

💡 Why This Matters

🌍 Real World

Clear and optimized URLs help users understand page content and improve search engine rankings.

💼 Career

SEO specialists and web developers use URL structure and slug optimization to enhance website visibility and user experience.

1

Create the initial fruit URLs dictionary

Create a dictionary called fruit_urls with these exact entries: 'Apple': '/Fruits/Apple', 'Banana': '/Fruits/Banana', 'Dragon Fruit': '/Fruits/Dragon Fruit', 'Elderberry': '/Fruits/Elderberry'

SEO Fundamentals

# Create the fruit_urls dictionary with the given entries
# Your code here

Hint

Use curly braces to create a dictionary with the exact fruit names as keys and their URLs as values.

2

Add the base URL configuration

Create a variable called base_url and set it to the string 'https://www.fruitstore.com'

SEO Fundamentals

fruit_urls = {
    'Apple': '/Fruits/Apple',
    'Banana': '/Fruits/Banana',
    'Dragon Fruit': '/Fruits/Dragon Fruit',
    'Elderberry': '/Fruits/Elderberry'
}
# Create the base_url variable
# Your code here

Hint

Assign the website's main address to the variable base_url.

3

Generate optimized slugs for each fruit

Create a new dictionary called optimized_slugs that maps each fruit name to a slug. The slug should be the fruit name in lowercase with spaces replaced by hyphens. Use a dictionary comprehension with for fruit in fruit_urls.keys().

SEO Fundamentals

fruit_urls = {
    'Apple': '/Fruits/Apple',
    'Banana': '/Fruits/Banana',
    'Dragon Fruit': '/Fruits/Dragon Fruit',
    'Elderberry': '/Fruits/Elderberry'
}

base_url = 'https://www.fruitstore.com'
# Create optimized_slugs dictionary using a comprehension
# Your code here

Hint

Use fruit.lower().replace(' ', '-') inside a dictionary comprehension to create slugs.

4

Combine base URL and slugs to form full URLs

Create a dictionary called full_urls that maps each fruit name to its full SEO-friendly URL. Combine base_url, the string '/fruits/', and the slug from optimized_slugs for each fruit using a dictionary comprehension with for fruit in optimized_slugs.

SEO Fundamentals

fruit_urls = {
    'Apple': '/Fruits/Apple',
    'Banana': '/Fruits/Banana',
    'Dragon Fruit': '/Fruits/Dragon Fruit',
    'Elderberry': '/Fruits/Elderberry'
}

base_url = 'https://www.fruitstore.com'

optimized_slugs = {fruit: fruit.lower().replace(' ', '-') for fruit in fruit_urls.keys()}
# Create full_urls dictionary combining base_url, '/fruits/', and slugs
# Your code here

Hint

Use an f-string inside a dictionary comprehension to combine the parts into full URLs.

Practice

1. What is the main purpose of using a slug in a URL?

easy

A. To hide the website's domain name

B. To describe the page content clearly and improve SEO

C. To make URLs longer and complex

D. To add random characters for security

Solution

1. Step 1: Understand what a slug is

   A slug is the part of a URL that identifies a specific page in a readable way.

2. Step 2: Identify the purpose of a slug

   Slugs help describe the page content clearly, making it easier for users and search engines to understand.

3. Final Answer:

   To describe the page content clearly and improve SEO -> Option B

4. Quick Check:

   Slug = clear description + SEO benefit [OK]

Hint: Slugs explain page content simply for SEO [OK]

Common Mistakes:

• Thinking slugs are for security
• Believing slugs make URLs complex
• Confusing slugs with domain names

2. Which of the following is the correct way to write a URL slug?

easy

A. my-new-article

B. My New Article

C. my_new_article!

D. my new article

Solution

1. Step 1: Identify valid slug characters

   Slugs should use lowercase letters and hyphens to separate words for readability and SEO.

2. Step 2: Check each option

   my-new-article uses lowercase letters and hyphens correctly; others have spaces, uppercase letters, or special characters.

3. Final Answer:

   my-new-article -> Option A

4. Quick Check:

   Slug format = lowercase + hyphens [OK]

Hint: Use lowercase and hyphens for slugs [OK]

Common Mistakes:

• Using spaces instead of hyphens
• Including uppercase letters
• Adding special characters

3. Given the URL https://example.com/blog/how-to-cook-pasta, what does the slug how-to-cook-pasta indicate?

medium

A. A blog post about cooking pasta

B. The website's homepage

C. A product page for pasta

D. An error page

Solution

1. Step 1: Analyze the URL structure

   The URL contains /blog/ indicating a blog section, followed by the slug how-to-cook-pasta.

2. Step 2: Interpret the slug meaning

   The slug clearly describes a topic about cooking pasta, so it likely points to a blog post on that subject.

3. Final Answer:

   A blog post about cooking pasta -> Option A

4. Quick Check:

   Slug meaning = blog post topic [OK]

Hint: Slug describes page content clearly [OK]

Common Mistakes:

• Confusing slug with homepage
• Assuming it's a product page
• Thinking it's an error page

4. Identify the error in this URL slug: https://example.com/products/Best!Shoes2024

medium

A. Slug uses only lowercase letters

B. Slug is too short

C. Slug uses uppercase letters and special characters

D. Slug contains spaces

Solution

1. Step 1: Examine the slug characters

   The slug Best!Shoes2024 contains uppercase letters and an exclamation mark, which are not recommended.

2. Step 2: Understand slug best practices

   Slugs should be lowercase and avoid special characters for better SEO and readability.

3. Final Answer:

   Slug uses uppercase letters and special characters -> Option C

4. Quick Check:

   Slug must be lowercase and clean [OK]

Hint: Avoid uppercase and special characters in slugs [OK]

Common Mistakes:

• Ignoring uppercase letters
• Allowing special characters
• Thinking slug length is the issue

5. You want to optimize URLs for an e-commerce site selling shoes. Which URL structure is best for SEO and user clarity?

hard

A. https://shop.com/shoes?category=mens&style=running

B. https://shop.com/item?id=12345

C. https://shop.com/products/12345

D. https://shop.com/shoes/mens-running-shoes

Solution

1. Step 1: Evaluate URL clarity and descriptiveness

   https://shop.com/shoes/mens-running-shoes uses clear, descriptive slugs that tell users and search engines exactly what the page is about.

2. Step 2: Compare with other options

   The other options use IDs or query parameters which are less readable and less SEO-friendly.

3. Final Answer:

   https://shop.com/shoes/mens-running-shoes -> Option D

4. Quick Check:

   Descriptive slugs improve SEO and user experience [OK]

Hint: Use descriptive, readable slugs for SEO-friendly URLs [OK]

Common Mistakes:

• Using numeric IDs instead of words
• Relying on query parameters
• Ignoring URL readability