Dynamic SEO for CMS pages in No-Code - Mini Project: Build & Apply

Dynamic SEO for CMS pages

📖 Scenario: You manage a website with many pages created using a Content Management System (CMS). Each page needs unique SEO information like title, description, and keywords to help search engines understand and rank the page better.Instead of manually adding SEO details to every page, you want to set up a system that automatically generates SEO tags based on the page content and settings.

🎯 Goal: Build a simple plan to dynamically generate SEO tags for CMS pages so that each page has a unique and relevant title, description, and keywords without manual editing.

📋 What You'll Learn

Create a data structure to hold page information including title and content

Add a configuration setting for the default SEO description length

Write a logic step to generate SEO description by trimming page content to the configured length

Complete the setup by defining the final SEO tags structure for each page

💡 Why This Matters

🌍 Real World

Websites with many pages need unique SEO tags to improve search engine ranking and user experience. Automating SEO tag creation saves time and ensures consistency.

💼 Career

Web developers, content managers, and SEO specialists often work together to optimize websites. Understanding dynamic SEO helps in building scalable and maintainable web projects.

1

DATA SETUP: Create page data structure

Create a dictionary called pages with two entries: 'home' and 'about'. Each entry should be another dictionary with keys 'title' and 'content'. Use these exact values:
'home': {'title': 'Welcome to Our Site', 'content': 'Discover amazing products and services tailored for you.'}
'about': {'title': 'About Us', 'content': 'Learn about our mission, vision, and team dedicated to excellence.'}

No-Code

# Create the pages dictionary with 'home' and 'about' entries
# Your code here

Need a hint?

Use a dictionary with keys 'home' and 'about'. Each key maps to another dictionary with keys 'title' and 'content'.

2

CONFIGURATION: Add SEO description length setting

Create a variable called description_length and set it to 50. This will control how many characters of the page content are used for the SEO description.

No-Code

pages = {
    'home': {'title': 'Welcome to Our Site', 'content': 'Discover amazing products and services tailored for you.'},
    'about': {'title': 'About Us', 'content': 'Learn about our mission, vision, and team dedicated to excellence.'}
}
# Set the description length for SEO
# Your code here

Need a hint?

Just create a variable named description_length and assign it the number 50.

3

CORE LOGIC: Generate SEO descriptions dynamically

Create a new dictionary called seo_descriptions. Use a for loop with variables page and info to iterate over pages.items(). For each page, set seo_descriptions[page] to the first description_length characters of info['content'].

No-Code

pages = {
    'home': {'title': 'Welcome to Our Site', 'content': 'Discover amazing products and services tailored for you.'},
    'about': {'title': 'About Us', 'content': 'Learn about our mission, vision, and team dedicated to excellence.'}
}
description_length = 50

# Create seo_descriptions dictionary with trimmed content
# Your code here

Need a hint?

Use a for loop to go through each page and take a slice of the content up to description_length.

4

COMPLETION: Define final SEO tags structure

Create a dictionary called seo_tags. Use a for loop with variables page and info to iterate over pages.items(). For each page, set seo_tags[page] to a dictionary with keys 'title', 'description', and 'keywords'. Use info['title'] for 'title', seo_descriptions[page] for 'description', and an empty string '' for 'keywords'.

No-Code

pages = {
    'home': {'title': 'Welcome to Our Site', 'content': 'Discover amazing products and services tailored for you.'},
    'about': {'title': 'About Us', 'content': 'Learn about our mission, vision, and team dedicated to excellence.'}
}
description_length = 50

seo_descriptions = {}
for page, info in pages.items():
    seo_descriptions[page] = info['content'][:description_length]

# Create seo_tags dictionary with title, description, and keywords
# Your code here

Need a hint?

Build a dictionary for each page with the required SEO keys and values.