Dynamic SEO for CMS pages in No-Code - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set the page title dynamically based on the CMS page name.

No-Code

pageTitle = "[1]" + " - My Website"

Drag options to blanks, or click blank then click option'

AuserInput

BstaticTitle

CpageName

DfixedText

Attempts:

3 left

💡 Hint

Common Mistakes

Using a fixed or static text instead of the dynamic page name.

The page title should use the dynamic pageName variable to reflect the current CMS page.

2fill in blank

medium

Complete the code to generate a meta description using the CMS page's summary.

No-Code

metaDescription = "Learn more about " + [1]

Drag options to blanks, or click blank then click option'

ApageTitle

BsiteName

CauthorName

DpageSummary

Attempts:

3 left

💡 Hint

Common Mistakes

Using the page title or site name instead of the summary.

The meta description should include the pageSummary to describe the content of the CMS page.

3fill in blank

hard

Fix the error in the code that sets the canonical URL for the CMS page.

No-Code

canonicalURL = baseURL + "/" + [1]

Drag options to blanks, or click blank then click option'

ApageName

BpageID

CpageTitle

DsiteURL

Attempts:

3 left

💡 Hint

Common Mistakes

Using page title or site URL which are not suitable for URL paths.

The canonical URL should use the pageName to create a proper link to the current page.

4fill in blank

hard

Fill both blanks to create a dynamic Open Graph title and description for social sharing.

No-Code

ogTitle = [1] + " | " + siteName
ogDescription = [2]

Drag options to blanks, or click blank then click option'

ApageTitle

BpageSummary

CsiteName

DauthorName

Attempts:

3 left

💡 Hint

Common Mistakes

Using author name or site name for description instead of page summary.

The Open Graph title should use the pageTitle combined with the site name, and the description should use the pageSummary for clear social media previews.

5fill in blank

hard

Fill all three blanks to build a dynamic SEO-friendly URL slug, title, and meta keywords.

No-Code

urlSlug = [1].toLowerCase().replace(/\s+/g, '-')
seoTitle = [2] + " - " + siteName
metaKeywords = [3].split(', ')

Drag options to blanks, or click blank then click option'

ApageTitle

BpageName

Ckeywords

DpageSummary

Attempts:

3 left

💡 Hint

Common Mistakes

Using page title for URL slug or not splitting keywords correctly.

The URL slug should be based on the pageName converted to lowercase and hyphenated. The SEO title uses the pageTitle combined with the site name. Meta keywords come from the keywords string split into a list.

Practice

1. What is the main benefit of using dynamic SEO for CMS pages?

easy

A. It automatically updates page titles and descriptions based on templates.

B. It requires manual editing of each page's SEO settings.

C. It disables search engines from indexing the pages.

D. It removes all metadata from the pages.

Solution

1. Step 1: Understand what dynamic SEO does

   Dynamic SEO uses templates to automatically update page titles and descriptions.

2. Step 2: Compare options with this understanding

   Only It automatically updates page titles and descriptions based on templates. describes automatic updating using templates, which is the main benefit.

3. Final Answer:

   It automatically updates page titles and descriptions based on templates. -> Option A

4. Quick Check:

   Dynamic SEO = automatic updates [OK]

Hint: Dynamic SEO means automatic updates using templates [OK]

Common Mistakes:

• Thinking dynamic SEO requires manual edits
• Confusing dynamic SEO with disabling indexing
• Believing it removes metadata

2. Which placeholder syntax is commonly used to insert page-specific information in dynamic SEO templates?

easy

A. {{page_title}}

B. <page_title>

C. [page_title]

D. (page_title)

Solution

1. Step 1: Identify common placeholder formats

   Double curly braces like {{placeholder}} are widely used in templates for dynamic content.

2. Step 2: Match the correct syntax

   {{page_title}} uses {{page_title}}, which is the standard placeholder format for dynamic SEO templates.

3. Final Answer:

   {{page_title}} -> Option A

4. Quick Check:

   Placeholders use double curly braces {{}} [OK]

Hint: Look for double curly braces {{}} for placeholders [OK]

Common Mistakes:

• Using angle brackets instead of curly braces
• Confusing square brackets with placeholders
• Using parentheses which are not standard

3. Given a dynamic SEO template: "Buy {{product_name}} at {{store_name}} - Best Prices", what would be the title for a page where product_name = 'Coffee Maker' and store_name = 'HomeGoods'?

medium

A. Buy Coffee Maker at {{store_name}} - Best Prices

B. Buy {{product_name}} at {{store_name}} - Best Prices

C. Buy Coffee Maker at HomeGoods - Best Prices

D. Buy HomeGoods at Coffee Maker - Best Prices

Solution

1. Step 1: Replace placeholders with given values

   Replace {{product_name}} with 'Coffee Maker' and {{store_name}} with 'HomeGoods'.

2. Step 2: Form the final title

   The title becomes "Buy Coffee Maker at HomeGoods - Best Prices".

3. Final Answer:

   Buy Coffee Maker at HomeGoods - Best Prices -> Option C

4. Quick Check:

   Replace placeholders correctly = Buy Coffee Maker at HomeGoods - Best Prices [OK]

Hint: Replace placeholders with actual page info [OK]

Common Mistakes:

• Not replacing placeholders at all
• Swapping values incorrectly
• Leaving some placeholders unreplaced

4. A CMS page's SEO title template is set as "{{title}} - {{site_name}}", but the page shows the title literally as {{title}} - {{site_name}}. What is the likely cause?

medium

A. The CMS automatically replaces placeholders with values.

B. The placeholders are case-insensitive and should be lowercase.

C. The page has no title or site name set, so placeholders remain.

D. Placeholders are not recognized because the template syntax is incorrect.

Solution

1. Step 1: Understand why placeholders show literally

   If placeholders appear as text, the system likely does not recognize the syntax.

2. Step 2: Identify the cause

   Incorrect or unsupported template syntax causes placeholders to not be replaced.

3. Final Answer:

   Placeholders are not recognized because the template syntax is incorrect. -> Option D

4. Quick Check:

   Unrecognized syntax = placeholders show literally [OK]

Hint: Check if template syntax matches CMS requirements [OK]

Common Mistakes:

• Assuming missing data causes literal placeholders
• Thinking CMS always replaces placeholders automatically
• Ignoring case sensitivity issues

5. You want to create a dynamic SEO description for blog posts that includes the post title and author name. Which template below correctly uses placeholders to achieve this?

hard

A. "Read '[post_title]' by [author_name] - Insights and tips"

B. "Read '{{post_title}}' by {{author_name}} - Insights and tips"

C. "Read '<post_title>' by <author_name> - Insights and tips"

D. "Read '(post_title)' by (author_name) - Insights and tips"

Solution

1. Step 1: Identify correct placeholder syntax

   Dynamic SEO templates use double curly braces {{}} for placeholders.

2. Step 2: Check each option for correct syntax

   Only "Read '{{post_title}}' by {{author_name}} - Insights and tips" uses {{post_title}} and {{author_name}} correctly inside the string.

3. Final Answer:

   "Read '{{post_title}}' by {{author_name}} - Insights and tips" -> Option B

4. Quick Check:

   Correct placeholders use {{}} brackets [OK]

Hint: Use double curly braces {{}} for placeholders in templates [OK]

Common Mistakes:

• Using angle, square, or round brackets instead of curly braces
• Forgetting to include placeholders inside quotes
• Mixing placeholder syntax styles