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.