Core Web Vitals overview in SEO Fundamentals - Mini Project: Build & Apply

Core Web Vitals Overview

📖 Scenario: You are a website owner who wants to understand the key metrics that affect how users experience your site. These metrics help you improve your website's speed, responsiveness, and visual stability.

🎯 Goal: Build a simple summary of the three main Core Web Vitals metrics with their definitions and what they measure.

📋 What You'll Learn

Create a dictionary called core_web_vitals with the three metrics as keys

Add a configuration variable called importance_level with the value 'high'

Use a for loop with variables metric and description to iterate over core_web_vitals.items()

Add a final key-value pair to core_web_vitals for 'importance' with the value from importance_level

💡 Why This Matters

🌍 Real World

Core Web Vitals are essential metrics used by website owners and developers to improve user experience by optimizing loading speed, interactivity, and visual stability.

💼 Career

Understanding Core Web Vitals is important for SEO specialists, web developers, and digital marketers to ensure websites rank well in search engines and provide a smooth user experience.

1

Create the Core Web Vitals dictionary

Create a dictionary called core_web_vitals with these exact entries: 'LCP' with value 'Largest Contentful Paint measures loading performance', 'FID' with value 'First Input Delay measures interactivity', and 'CLS' with value 'Cumulative Layout Shift measures visual stability'.

SEO Fundamentals

# Create the core_web_vitals dictionary with the three metrics and their descriptions
# Your code here

Need a hint?

Use curly braces {} to create a dictionary with keys and values as strings.

2

Add importance level configuration

Create a variable called importance_level and set it to the string 'high'.

SEO Fundamentals

core_web_vitals = {
    'LCP': 'Largest Contentful Paint measures loading performance',
    'FID': 'First Input Delay measures interactivity',
    'CLS': 'Cumulative Layout Shift measures visual stability'
}
# Create the importance_level variable and set it to 'high'
# Your code here

Need a hint?

Use a simple assignment to create the variable.

3

Iterate over the Core Web Vitals dictionary

Use a for loop with variables metric and description to iterate over core_web_vitals.items(). Inside the loop, add a comment line describing that you would process each metric and description here.

SEO Fundamentals

core_web_vitals = {
    'LCP': 'Largest Contentful Paint measures loading performance',
    'FID': 'First Input Delay measures interactivity',
    'CLS': 'Cumulative Layout Shift measures visual stability'
}
importance_level = 'high'

# Use a for loop to iterate over core_web_vitals.items()
# Your code here

Need a hint?

Use for metric, description in core_web_vitals.items(): to loop through the dictionary.

4

Add importance key to the dictionary

Add a new key-value pair to the core_web_vitals dictionary with the key 'importance' and the value from the variable importance_level.

SEO Fundamentals

core_web_vitals = {
    'LCP': 'Largest Contentful Paint measures loading performance',
    'FID': 'First Input Delay measures interactivity',
    'CLS': 'Cumulative Layout Shift measures visual stability'
}
importance_level = 'high'

for metric, description in core_web_vitals.items():
    # Process each metric and its description here
    pass

# Add the 'importance' key to core_web_vitals with the value from importance_level
# Your code here

Need a hint?

Use core_web_vitals['importance'] = importance_level to add the new key-value pair.