Bird
Raised Fist0
No-Codeknowledge~10 mins

Meta tags and page titles in No-Code - Interactive Code Practice

Choose your learning style10 modes available
LearnWhyDeepVisualPracticeChallengeProjectRecallTime

Start learning this pattern below

Jump into concepts and practice - no test required

or
Recommended
Test this pattern10 questions across easy, medium, and hard to know if this pattern is strong
Practice - 5 Tasks
Answer the questions below
1fill in blank
easy

Complete the code to add a page title in HTML.

No-Code
<title>[1]</title>
Drag options to blanks, or click blank then click option'
AMy Website
B<head>
C<meta>
D<body>
Attempts:
3 left
💡 Hint
Common Mistakes
Putting HTML tags inside the tag instead of plain text.</div><div class="mistake-item">Confusing <title> with <meta> or <head> tags.</div></div></div><div class="feedback-box incorrect d-none"><div class="feedback-title">✗ Incorrect</div><div class="feedback-text"><p>The <title> tag sets the page title shown in the browser tab. You put the title text inside it.</p></div></div></div></div><div class="puzzle-container " id="puzzle-fill_in_blank-1"><div class="task-card " id="try-t2" data-blank-count="1"><div class="task-header"><div class="task-badge"><span class="task-number">2</span><span class="task-type">fill in blank</span></div><span class="task-difficulty medium">medium</span></div><p class="task-instruction text-pre-wrap ">Complete the meta tag to set the page description.</p><div class="code-block"><div class="code-header"><span class="code-title">No-Code</span></div><pre class="code-content" id="code-t2"><meta name=<span class="hl-str">"description"</span> content=<span class="hl-str">"</span><span class="code-blank" data-blank="1" data-task="t2">[1]</span><span class="hl-str">"></span></pre></div><div class="blank-selection-hint" id="hint-select-t2"><span class="d-flex align-items-center justify-content-center flex-wrap gap-1 line-height-normal"><span class="new-material-symbols icon-hw-22"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="#EF4444"><path d="M480-240q-76.33 0-138.83-43.5-62.5-43.5-87.5-115.83-4-12 2-23.34 6-11.33 19-15.33 13-4.33 25.83 2.17 12.83 6.5 18.83 20.83 19.67 49 63.34 78.67 43.66 29.66 97.33 29.66 72 0 122.67-50.66Q653.33-408 653.33-480q0-53-29.83-96.83-29.83-43.84-78.83-63.5-14.67-6-20.67-18.84-6-12.83-1.67-25.83 4.34-13 15.5-19 11.17-6 23.17-2 71 25 115 87.17 44 62.16 44 138.83 0 100-70 170t-170 70Zm0 160q-161.33 0-277.33-110.67-116-110.66-123-271.33-.34-13.33 8.83-23t22.83-10.67q13.67-1 24.5 8.84 10.84 9.83 12.17 24.5 12.67 138 106.17 226.83 93.5 88.83 225.83 88.83 139.33 0 236.33-97t97-236.33q0-133.67-90-228.17T496.67-812q-14.67-1.33-23.84-11.67-9.16-10.33-8.83-24.66.33-13.67 10-22.67 9.67-9 23-8.67 80 3 149.83 36 69.84 33 121.5 87.17Q820-702.33 850-631.17 880-560 880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-97.33-420-132-131-33.34 101Q213-518 201-518.5q-12-.5-15.67-12.5L89.67-850q-2.67-9.33 4.5-16.5 7.16-7.17 16.5-4.5l319 95.67q12 3.66 12.5 15.66t-11.5 16.34l-101 33.33 132 132q17 17 17 39t-17 39q-17 17-39.5 17t-39.5-17Z"></path></svg></span> Drag options to blanks, or click blank then click option'</span></div><div class="fill-options" id="fillOptions-t2"><div class="fill-option " draggable="true" data-key="A" data-task="t2"><span class="option-key">A</span>author=John</div><div class="fill-option " draggable="true" data-key="B" data-task="t2"><span class="option-key">B</span>This is my website</div><div class="fill-option " draggable="true" data-key="C" data-task="t2"><span class="option-key">C</span>viewport=device-width</div><div class="fill-option " draggable="true" data-key="D" data-task="t2"><span class="option-key">D</span>charset=UTF-8</div></div><button class="verify-btn" id="verifyBtn-t2" disabled=""><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 13l4 4L19 7"></path></svg>Verify Answer</button><div class="attempts-counter" id="attempts-t2"><span>Attempts:</span><div class="attempts-dots"><span class="attempt-dot "></span><span class="attempt-dot "></span><span class="attempt-dot "></span></div><span id="attemptsLeft-t2">3<!-- --> left</span></div><div class="hint-box d-none" id="hint-t2"><div class="hint-box-title">💡 Hint</div><div class="hint-box-text" id="hintText-t2"></div></div><div class="mistakes-box d-none" id="mistakes-t2"><div class="mistakes-box-title">Common Mistakes</div><div class="mistakes-list"><div class="mistake-item">Using charset or viewport values inside the description meta tag.</div><div class="mistake-item">Leaving the content attribute empty.</div></div></div><div class="feedback-box incorrect d-none"><div class="feedback-title">✗ Incorrect</div><div class="feedback-text"><p>The description meta tag provides a summary of the page content for search engines.</p></div></div></div></div><div class="puzzle-container " id="puzzle-fill_in_blank-2"><div class="task-card " id="try-t3" data-blank-count="1"><div class="task-header"><div class="task-badge"><span class="task-number">3</span><span class="task-type">fill in blank</span></div><span class="task-difficulty hard">hard</span></div><p class="task-instruction text-pre-wrap ">Fix the error in the meta charset tag.</p><div class="code-block"><div class="code-header"><span class="code-title">No-Code</span></div><pre class="code-content" id="code-t3"><meta charset=<span class="code-blank" data-blank="1" data-task="t3">[1]</span>></pre></div><div class="blank-selection-hint" id="hint-select-t3"><span class="d-flex align-items-center justify-content-center flex-wrap gap-1 line-height-normal"><span class="new-material-symbols icon-hw-22"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="#EF4444"><path d="M480-240q-76.33 0-138.83-43.5-62.5-43.5-87.5-115.83-4-12 2-23.34 6-11.33 19-15.33 13-4.33 25.83 2.17 12.83 6.5 18.83 20.83 19.67 49 63.34 78.67 43.66 29.66 97.33 29.66 72 0 122.67-50.66Q653.33-408 653.33-480q0-53-29.83-96.83-29.83-43.84-78.83-63.5-14.67-6-20.67-18.84-6-12.83-1.67-25.83 4.34-13 15.5-19 11.17-6 23.17-2 71 25 115 87.17 44 62.16 44 138.83 0 100-70 170t-170 70Zm0 160q-161.33 0-277.33-110.67-116-110.66-123-271.33-.34-13.33 8.83-23t22.83-10.67q13.67-1 24.5 8.84 10.84 9.83 12.17 24.5 12.67 138 106.17 226.83 93.5 88.83 225.83 88.83 139.33 0 236.33-97t97-236.33q0-133.67-90-228.17T496.67-812q-14.67-1.33-23.84-11.67-9.16-10.33-8.83-24.66.33-13.67 10-22.67 9.67-9 23-8.67 80 3 149.83 36 69.84 33 121.5 87.17Q820-702.33 850-631.17 880-560 880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-97.33-420-132-131-33.34 101Q213-518 201-518.5q-12-.5-15.67-12.5L89.67-850q-2.67-9.33 4.5-16.5 7.16-7.17 16.5-4.5l319 95.67q12 3.66 12.5 15.66t-11.5 16.34l-101 33.33 132 132q17 17 17 39t-17 39q-17 17-39.5 17t-39.5-17Z"></path></svg></span> Drag options to blanks, or click blank then click option'</span></div><div class="fill-options" id="fillOptions-t3"><div class="fill-option " draggable="true" data-key="A" data-task="t3"><span class="option-key">A</span>"UTF-8"</div><div class="fill-option " draggable="true" data-key="B" data-task="t3"><span class="option-key">B</span>UTF-8</div><div class="fill-option " draggable="true" data-key="C" data-task="t3"><span class="option-key">C</span>utf8</div><div class="fill-option " draggable="true" data-key="D" data-task="t3"><span class="option-key">D</span>'UTF-8'</div></div><button class="verify-btn" id="verifyBtn-t3" disabled=""><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 13l4 4L19 7"></path></svg>Verify Answer</button><div class="attempts-counter" id="attempts-t3"><span>Attempts:</span><div class="attempts-dots"><span class="attempt-dot "></span><span class="attempt-dot "></span><span class="attempt-dot "></span></div><span id="attemptsLeft-t3">3<!-- --> left</span></div><div class="hint-box d-none" id="hint-t3"><div class="hint-box-title">💡 Hint</div><div class="hint-box-text" id="hintText-t3"></div></div><div class="mistakes-box d-none" id="mistakes-t3"><div class="mistakes-box-title">Common Mistakes</div><div class="mistakes-list"><div class="mistake-item">Not using quotes around the charset value.</div><div class="mistake-item">Using single quotes instead of double quotes.</div></div></div><div class="feedback-box incorrect d-none"><div class="feedback-title">✗ Incorrect</div><div class="feedback-text"><p>The charset value must be inside double quotes for valid HTML syntax.</p></div></div></div></div><div class="puzzle-container " id="puzzle-fill_in_blank-3"><div class="task-card " id="try-t4" data-blank-count="2"><div class="task-header"><div class="task-badge"><span class="task-number">4</span><span class="task-type">fill in blank</span></div><span class="task-difficulty hard">hard</span></div><p class="task-instruction text-pre-wrap ">Fill both blanks to set the viewport for responsive design.</p><div class="code-block"><div class="code-header"><span class="code-title">No-Code</span></div><pre class="code-content" id="code-t4"><meta name=<span class="hl-str">"</span><span class="code-blank" data-blank="1" data-task="t4">[1]</span><span class="hl-str">" content="</span><span class="code-blank" data-blank="2" data-task="t4">[2]</span><span class="hl-str">"></span></pre></div><div class="blank-selection-hint" id="hint-select-t4"><span class="d-flex align-items-center justify-content-center flex-wrap gap-1 line-height-normal"><span class="new-material-symbols icon-hw-22"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="#EF4444"><path d="M480-240q-76.33 0-138.83-43.5-62.5-43.5-87.5-115.83-4-12 2-23.34 6-11.33 19-15.33 13-4.33 25.83 2.17 12.83 6.5 18.83 20.83 19.67 49 63.34 78.67 43.66 29.66 97.33 29.66 72 0 122.67-50.66Q653.33-408 653.33-480q0-53-29.83-96.83-29.83-43.84-78.83-63.5-14.67-6-20.67-18.84-6-12.83-1.67-25.83 4.34-13 15.5-19 11.17-6 23.17-2 71 25 115 87.17 44 62.16 44 138.83 0 100-70 170t-170 70Zm0 160q-161.33 0-277.33-110.67-116-110.66-123-271.33-.34-13.33 8.83-23t22.83-10.67q13.67-1 24.5 8.84 10.84 9.83 12.17 24.5 12.67 138 106.17 226.83 93.5 88.83 225.83 88.83 139.33 0 236.33-97t97-236.33q0-133.67-90-228.17T496.67-812q-14.67-1.33-23.84-11.67-9.16-10.33-8.83-24.66.33-13.67 10-22.67 9.67-9 23-8.67 80 3 149.83 36 69.84 33 121.5 87.17Q820-702.33 850-631.17 880-560 880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-97.33-420-132-131-33.34 101Q213-518 201-518.5q-12-.5-15.67-12.5L89.67-850q-2.67-9.33 4.5-16.5 7.16-7.17 16.5-4.5l319 95.67q12 3.66 12.5 15.66t-11.5 16.34l-101 33.33 132 132q17 17 17 39t-17 39q-17 17-39.5 17t-39.5-17Z"></path></svg></span> Drag options to blanks, or click blank then click option'</span></div><div class="fill-options" id="fillOptions-t4"><div class="fill-option " draggable="true" data-key="A" data-task="t4"><span class="option-key">A</span>viewport</div><div class="fill-option " draggable="true" data-key="B" data-task="t4"><span class="option-key">B</span>width=device-width, initial-scale=1</div><div class="fill-option " draggable="true" data-key="C" data-task="t4"><span class="option-key">C</span>description</div><div class="fill-option " draggable="true" data-key="D" data-task="t4"><span class="option-key">D</span>charset=UTF-8</div></div><button class="verify-btn" id="verifyBtn-t4" disabled=""><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 13l4 4L19 7"></path></svg>Verify Answer</button><div class="attempts-counter" id="attempts-t4"><span>Attempts:</span><div class="attempts-dots"><span class="attempt-dot "></span><span class="attempt-dot "></span><span class="attempt-dot "></span></div><span id="attemptsLeft-t4">3<!-- --> left</span></div><div class="hint-box d-none" id="hint-t4"><div class="hint-box-title">💡 Hint</div><div class="hint-box-text" id="hintText-t4"></div></div><div class="mistakes-box d-none" id="mistakes-t4"><div class="mistakes-box-title">Common Mistakes</div><div class="mistakes-list"><div class="mistake-item">Using 'description' or 'charset' as the name for viewport settings.</div><div class="mistake-item">Leaving out width=device-width in content.</div></div></div><div class="feedback-box incorrect d-none"><div class="feedback-title">✗ Incorrect</div><div class="feedback-text"><p>The viewport meta tag controls layout on mobile devices. The name is "viewport" and content sets width and scale.</p></div></div></div></div><div class="puzzle-container " id="puzzle-fill_in_blank-4"><div class="task-card " id="try-t5" data-blank-count="3"><div class="task-header"><div class="task-badge"><span class="task-number">5</span><span class="task-type">fill in blank</span></div><span class="task-difficulty hard">hard</span></div><p class="task-instruction text-pre-wrap ">Fill all three blanks to create a meta tag for author information.</p><div class="code-block"><div class="code-header"><span class="code-title">No-Code</span></div><pre class="code-content" id="code-t5"><meta name=<span class="hl-str">"</span><span class="code-blank" data-blank="1" data-task="t5">[1]</span><span class="hl-str">" content="</span><span class="code-blank" data-blank="2" data-task="t5">[2]</span> <span class="code-blank" data-blank="3" data-task="t5">[3]</span><span class="hl-str">"></span></pre></div><div class="blank-selection-hint" id="hint-select-t5"><span class="d-flex align-items-center justify-content-center flex-wrap gap-1 line-height-normal"><span class="new-material-symbols icon-hw-22"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="#EF4444"><path d="M480-240q-76.33 0-138.83-43.5-62.5-43.5-87.5-115.83-4-12 2-23.34 6-11.33 19-15.33 13-4.33 25.83 2.17 12.83 6.5 18.83 20.83 19.67 49 63.34 78.67 43.66 29.66 97.33 29.66 72 0 122.67-50.66Q653.33-408 653.33-480q0-53-29.83-96.83-29.83-43.84-78.83-63.5-14.67-6-20.67-18.84-6-12.83-1.67-25.83 4.34-13 15.5-19 11.17-6 23.17-2 71 25 115 87.17 44 62.16 44 138.83 0 100-70 170t-170 70Zm0 160q-161.33 0-277.33-110.67-116-110.66-123-271.33-.34-13.33 8.83-23t22.83-10.67q13.67-1 24.5 8.84 10.84 9.83 12.17 24.5 12.67 138 106.17 226.83 93.5 88.83 225.83 88.83 139.33 0 236.33-97t97-236.33q0-133.67-90-228.17T496.67-812q-14.67-1.33-23.84-11.67-9.16-10.33-8.83-24.66.33-13.67 10-22.67 9.67-9 23-8.67 80 3 149.83 36 69.84 33 121.5 87.17Q820-702.33 850-631.17 880-560 880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-97.33-420-132-131-33.34 101Q213-518 201-518.5q-12-.5-15.67-12.5L89.67-850q-2.67-9.33 4.5-16.5 7.16-7.17 16.5-4.5l319 95.67q12 3.66 12.5 15.66t-11.5 16.34l-101 33.33 132 132q17 17 17 39t-17 39q-17 17-39.5 17t-39.5-17Z"></path></svg></span> Drag options to blanks, or click blank then click option'</span></div><div class="fill-options" id="fillOptions-t5"><div class="fill-option " draggable="true" data-key="A" data-task="t5"><span class="option-key">A</span>author</div><div class="fill-option " draggable="true" data-key="B" data-task="t5"><span class="option-key">B</span>John</div><div class="fill-option " draggable="true" data-key="C" data-task="t5"><span class="option-key">C</span>Doe</div><div class="fill-option " draggable="true" data-key="D" data-task="t5"><span class="option-key">D</span>description</div></div><button class="verify-btn" id="verifyBtn-t5" disabled=""><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 13l4 4L19 7"></path></svg>Verify Answer</button><div class="attempts-counter" id="attempts-t5"><span>Attempts:</span><div class="attempts-dots"><span class="attempt-dot "></span><span class="attempt-dot "></span><span class="attempt-dot "></span></div><span id="attemptsLeft-t5">3<!-- --> left</span></div><div class="hint-box d-none" id="hint-t5"><div class="hint-box-title">💡 Hint</div><div class="hint-box-text" id="hintText-t5"></div></div><div class="mistakes-box d-none" id="mistakes-t5"><div class="mistakes-box-title">Common Mistakes</div><div class="mistakes-list"><div class="mistake-item">Using 'description' instead of 'author' for the name attribute.</div><div class="mistake-item">Putting only first or last name instead of full name.</div></div></div><div class="feedback-box incorrect d-none"><div class="feedback-title">✗ Incorrect</div><div class="feedback-text"><p>The author meta tag uses name="author" and content with the author's full name.</p></div></div></div></div></div></div></article></div><div><article class="content-card" id="practice"><div class="code-articles-card-header justify-content-between"><div class="d-flex align-items-center" style="gap:12px"><span class="card-icon nofill intro"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="blue-icon-color site-fs-20" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M12 7a5 5 0 1 0 5 5"></path><path d="M13 3.055a9 9 0 1 0 7.941 7.945"></path><path d="M15 6v3h3l3 -3h-3v-3z"></path><path d="M15 9l-3 3"></path></svg></span><h2 class="codefly-card-title mb-0 pb-0">Practice</h2></div><span class="site-fs-15">(<!-- -->1<!-- -->/<!-- -->5<!-- -->)</span></div><div class="code-articles-card-body" data-theme="light"><div class=""><div class="mb-4"><div class="practice-content"><div class="text-pre-wrap dbd-txt-theme-intense pb-3">1<!-- -->. <!-- -->What is the main purpose of a page title in a webpage?</div></div><div class="question-pills-container " style="padding-top:unset"><span class="level-badge">easy</span></div></div><div class=""><div class="practice-options"><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>A<!-- -->. <!-- -->To name the webpage and show it in browser tabs and search results</span></div><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>B<!-- -->. <!-- -->To add images to the webpage</span></div><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>C<!-- -->. <!-- -->To create links to other websites</span></div><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>D<!-- -->. <!-- -->To change the background color of the page</span></div></div><div class="py-3"><button class="site-btn" style="width:200px" disabled="">Verify</button></div></div><div class="py-2 d-none"><div class="practice-helper-btns-wrapper"></div><div class="practice-expanation-div "><div class="practice-expanation-div-body"><div class="practice-helper-content helper-solution-box"><h4 class="helper-solution-box-title">Solution</h4><div class="practice-helper-body"><ol><li><h4>Step 1: Understand what a page title does</h4>The page title is the name shown on browser tabs and search results.</li><li><h4>Step 2: Identify the correct purpose</h4>It helps users know what the page is about by naming it clearly.</li><li><h4>Final Answer:</h4><strong>To name the webpage and show it in browser tabs and search results</strong> -> Option A</li><li><h4>Quick Check:</h4>Page title = webpage name [OK]</li></ol></div></div></div></div><div class="practice-expanation-div "><div class="practice-expanation-div-body"><div class="practice-helper-content helper-hint-box"><div class="practice-helper-body"><strong class="helper-hint-box-title">Hint: </strong>Page titles name your page for browsers and search [OK]</div></div></div></div><div class="practice-expanation-div "><div class="practice-expanation-div-body"><div class="practice-helper-content helper-mistakes-box"><div class="practice-helper-body"><strong class="helper-mistakes-box-title">Common Mistakes: </strong><ul class="ph-mistakes-list"><li class="ph-mistake-item mb-0">Thinking page titles add images</li><li class="ph-mistake-item mb-0">Confusing titles with page design</li><li class="ph-mistake-item mb-0">Believing titles create links</li></ul></div></div></div></div></div></div><div class="d-none"><div class="mb-4"><div class="practice-content"><div class="text-pre-wrap dbd-txt-theme-intense pb-3">2<!-- -->. <!-- -->Which HTML tag is used to set the page title that appears in the browser tab?</div></div><div class="question-pills-container " style="padding-top:unset"><span class="level-badge">easy</span></div></div><div class=""><div class="practice-options"><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>A<!-- -->. <!-- --><meta></span></div><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>B<!-- -->. <!-- --><header></span></div><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>C<!-- -->. <!-- --><title></span></div><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>D<!-- -->. <!-- --><body></span></div></div><div class="py-3"><button class="site-btn" style="width:200px" disabled="">Verify</button></div></div><div class="py-2 d-none"><div class="practice-helper-btns-wrapper"></div><div class="practice-expanation-div "><div class="practice-expanation-div-body"><div class="practice-helper-content helper-solution-box"><h4 class="helper-solution-box-title">Solution</h4><div class="practice-helper-body"><ol><li><h4>Step 1: Identify the tag for page title</h4>The <title> tag is used inside the <head> section to set the page title.</li><li><h4>Step 2: Differentiate from other tags</h4><meta> is for metadata, <header> is for page header content, and <body> is for main content.</li><li><h4>Final Answer:</h4><strong><title></strong> -> Option C</li><li><h4>Quick Check:</h4>Page title tag = <title> [OK]</li></ol></div></div></div></div><div class="practice-expanation-div "><div class="practice-expanation-div-body"><div class="practice-helper-content helper-hint-box"><div class="practice-helper-body"><strong class="helper-hint-box-title">Hint: </strong>Page title uses <title> tag inside <head> [OK]</div></div></div></div><div class="practice-expanation-div "><div class="practice-expanation-div-body"><div class="practice-helper-content helper-mistakes-box"><div class="practice-helper-body"><strong class="helper-mistakes-box-title">Common Mistakes: </strong><ul class="ph-mistakes-list"><li class="ph-mistake-item mb-0">Using <meta> tag for title</li><li class="ph-mistake-item mb-0">Confusing <header> with title</li><li class="ph-mistake-item mb-0">Placing title outside <head></li></ul></div></div></div></div></div></div><div class="d-none"><div class="mb-4"><div class="practice-content"><div class="text-pre-wrap dbd-txt-theme-intense pb-3">3<!-- -->. <!-- -->What will happen if a webpage has no meta description tag?</div></div><div class="question-pills-container " style="padding-top:unset"><span class="level-badge">medium</span></div></div><div class=""><div class="practice-options"><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>A<!-- -->. <!-- -->The page background will turn white</span></div><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>B<!-- -->. <!-- -->The page title will not appear in the browser tab</span></div><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>C<!-- -->. <!-- -->The webpage will not load in browsers</span></div><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>D<!-- -->. <!-- -->Search engines will show no description or guess content for search results</span></div></div><div class="py-3"><button class="site-btn" style="width:200px" disabled="">Verify</button></div></div><div class="py-2 d-none"><div class="practice-helper-btns-wrapper"></div><div class="practice-expanation-div "><div class="practice-expanation-div-body"><div class="practice-helper-content helper-solution-box"><h4 class="helper-solution-box-title">Solution</h4><div class="practice-helper-body"><ol><li><h4>Step 1: Understand meta description role</h4>The meta description tag gives search engines a summary to show in search results.</li><li><h4>Step 2: Effect of missing meta description</h4>If missing, search engines try to guess content or show no description, but the page still loads and title shows.</li><li><h4>Final Answer:</h4><strong>Search engines will show no description or guess content for search results</strong> -> Option D</li><li><h4>Quick Check:</h4>Missing meta description = no summary shown [OK]</li></ol></div></div></div></div><div class="practice-expanation-div "><div class="practice-expanation-div-body"><div class="practice-helper-content helper-hint-box"><div class="practice-helper-body"><strong class="helper-hint-box-title">Hint: </strong>No meta description means search engines guess summary [OK]</div></div></div></div><div class="practice-expanation-div "><div class="practice-expanation-div-body"><div class="practice-helper-content helper-mistakes-box"><div class="practice-helper-body"><strong class="helper-mistakes-box-title">Common Mistakes: </strong><ul class="ph-mistakes-list"><li class="ph-mistake-item mb-0">Thinking page won't load</li><li class="ph-mistake-item mb-0">Confusing meta description with page title</li><li class="ph-mistake-item mb-0">Believing background color changes</li></ul></div></div></div></div></div></div><div class="d-none"><div class="mb-4"><div class="practice-content"><div class="text-pre-wrap dbd-txt-theme-intense pb-3">4<!-- -->. <!-- -->A webpage has this meta tag: <code><meta name="description" content=""></code>. What is the problem here?</div></div><div class="question-pills-container " style="padding-top:unset"><span class="level-badge">medium</span></div></div><div class=""><div class="practice-options"><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>A<!-- -->. <!-- -->The meta tag is missing the name attribute</span></div><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>B<!-- -->. <!-- -->The content attribute is empty, so no description is provided</span></div><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>C<!-- -->. <!-- -->The meta tag should be inside the <body> tag</span></div><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>D<!-- -->. <!-- -->The meta tag is missing the charset attribute</span></div></div><div class="py-3"><button class="site-btn" style="width:200px" disabled="">Verify</button></div></div><div class="py-2 d-none"><div class="practice-helper-btns-wrapper"></div><div class="practice-expanation-div "><div class="practice-expanation-div-body"><div class="practice-helper-content helper-solution-box"><h4 class="helper-solution-box-title">Solution</h4><div class="practice-helper-body"><ol><li><h4>Step 1: Check the meta tag attributes</h4>The meta tag has name="description" but content="" is empty, so no description text is given.</li><li><h4>Step 2: Identify correct usage</h4>The meta description needs meaningful content inside the content attribute to help search engines.</li><li><h4>Final Answer:</h4><strong>The content attribute is empty, so no description is provided</strong> -> Option B</li><li><h4>Quick Check:</h4>Empty content means no description [OK]</li></ol></div></div></div></div><div class="practice-expanation-div "><div class="practice-expanation-div-body"><div class="practice-helper-content helper-hint-box"><div class="practice-helper-body"><strong class="helper-hint-box-title">Hint: </strong>Meta description needs content filled, not empty [OK]</div></div></div></div><div class="practice-expanation-div "><div class="practice-expanation-div-body"><div class="practice-helper-content helper-mistakes-box"><div class="practice-helper-body"><strong class="helper-mistakes-box-title">Common Mistakes: </strong><ul class="ph-mistakes-list"><li class="ph-mistake-item mb-0">Thinking name attribute is missing</li><li class="ph-mistake-item mb-0">Placing meta tag inside <body></li><li class="ph-mistake-item mb-0">Confusing charset with description</li></ul></div></div></div></div></div></div><div class="d-none"><div class="mb-4"><div class="practice-content"><div class="text-pre-wrap dbd-txt-theme-intense pb-3">5<!-- -->. <!-- -->You want your webpage to appear clearly in search results with a good title and summary. Which combination is best to achieve this?</div></div><div class="question-pills-container " style="padding-top:unset"><span class="level-badge">hard</span></div></div><div class=""><div class="practice-options"><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>A<!-- -->. <!-- -->Use a clear <title> tag and a meaningful tag</span></div><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>B<!-- -->. <!-- -->Use only a tag and no title</span></div><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>C<!-- -->. <!-- -->Use multiple <title> tags with different texts</span></div><div class="practice-option-label" style="cursor:pointer"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="txt-dark-grey-color site-fs-18 me-2 me-md-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path></svg><span>D<!-- -->. <!-- -->Use tag only without a title</span></div></div><div class="py-3"><button class="site-btn" style="width:200px" disabled="">Verify</button></div></div><div class="py-2 d-none"><div class="practice-helper-btns-wrapper"></div><div class="practice-expanation-div "><div class="practice-expanation-div-body"><div class="practice-helper-content helper-solution-box"><h4 class="helper-solution-box-title">Solution</h4><div class="practice-helper-body"><ol><li><h4>Step 1: Understand importance of title and meta description</h4>The <title> tag names the page for browsers and search results. The <meta name="description"> tag provides a summary for search engines.</li><li><h4>Step 2: Evaluate options for best SEO practice</h4>Using a clear title and meaningful description helps the page show well in search results. Multiple titles or missing titles hurt clarity.</li><li><h4>Final Answer:</h4><strong>Use a clear <title> tag and a meaningful <meta name="description"> tag</strong> -> Option A</li><li><h4>Quick Check:</h4>Clear title + description = better search display [OK]</li></ol></div></div></div></div><div class="practice-expanation-div "><div class="practice-expanation-div-body"><div class="practice-helper-content helper-hint-box"><div class="practice-helper-body"><strong class="helper-hint-box-title">Hint: </strong>Combine clear title and meta description for best search results [OK]</div></div></div></div><div class="practice-expanation-div "><div class="practice-expanation-div-body"><div class="practice-helper-content helper-mistakes-box"><div class="practice-helper-body"><strong class="helper-mistakes-box-title">Common Mistakes: </strong><ul class="ph-mistakes-list"><li class="ph-mistake-item mb-0">Using multiple titles causing confusion</li><li class="ph-mistake-item mb-0">Relying only on keywords meta tag</li><li class="ph-mistake-item mb-0">Skipping title tag entirely</li></ul></div></div></div></div></div></div><div class="d-flex align-items-center justify-content-between mt-4"><button class="secondary-site-btn" disabled=""><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path></svg> Previous</button><div class="practice-question-toggles-wrapper"><button class="practice-question-toggle-btn active ">1</button><button class="practice-question-toggle-btn ">2</button><button class="practice-question-toggle-btn ">3</button><button class="practice-question-toggle-btn ">4</button><button class="practice-question-toggle-btn ">5</button></div><button class="secondary-site-btn">Next <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg></button></div></div></article></div></div></main><div style="position:fixed;bottom:24px;right:24px;z-index:50"><button style="background:rgba(255,255,255,0.95);border:1px solid rgba(108,99,255,0.18);border-radius:10px;padding:10px 16px;color:#5f56fe;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:7px;backdrop-filter:blur(12px);box-shadow:0 2px 12px rgba(0,0,0,0.08), 0 0 0 1px rgba(108,99,255,0.06);transition:all 0.2s"><span style="font-size:14px">⚑</span>Report Issue</button></div></div> <script src="/_next/static/chunks/webpack-a78fab6547e962c6.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/css/2e6d7068d643f80d.css\",\"style\"]\n2:HL[\"/_next/static/css/09df87ea90d434dc.css\",\"style\"]\n3:HL[\"/_next/static/css/725c7861d1898ba8.css\",\"style\"]\n4:HL[\"/_next/static/css/ece5dba432cdf9f8.css\",\"style\"]\n5:HL[\"/_next/static/css/5c83f605642f4d65.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"6:I[95751,[],\"\"]\n9:I[39275,[],\"\"]\nf:I[61343,[],\"\"]\n10:I[84080,[\"3004\",\"static/chunks/3004-5bf43e1db3f09cc6.js\",\"3185\",\"static/chunks/app/layout-87a070c7d1ba0850.js\"],\"\"]\n11:I[88726,[\"3004\",\"static/chunks/3004-5bf43e1db3f09cc6.js\",\"3185\",\"static/chunks/app/layout-87a070c7d1ba0850.js\"],\"Toaster\"]\n12:I[20154,[\"8422\",\"static/chunks/66ec4792-ad6841ff2b867b21.js\",\"6648\",\"static/chunks/6648-fff0cf0e0a1f8d25.js\",\"9160\",\"static/chunks/app/not-found-6d4fb925d99341d7.js\"],\"default\"]\n13:I[70548,[\"3004\",\"static/chunks/3004-5bf43e1db3f09cc6.js\",\"3185\",\"static/chunks/app/layout-87a070c7d1ba0850.js\"],\"default\"]\n14:I[29600,[\"3004\",\"static/chunks/3004-5bf43e1db3f09cc6.js\",\"3185\",\"static/chunks/app/layout-87a070c7d1ba0850.js\"],\"default\"]\n16:I[76130,[],\"\"]\na:[\"lang\",\"en\",\"d\"]\nb:[\"subject\",\"nocode\",\"d\"]\nc:[\"part\",\"part-3\",\"d\"]\nd:[\"pattern\",\"nocode-meta-tags-and-page-titles\",\"d\"]\ne:[\"mode\",\"try\",\"oc\"]\n17:[]\n"])</script><script>self.__next_f.push([1,"0:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2e6d7068d643f80d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"buildId\":\"leyaa-prod-build-id\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/en/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles/try\",\"initialTree\":[\"\",{\"children\":[[\"lang\",\"en\",\"d\"],{\"children\":[\"codefly\",{\"children\":[\"learn\",{\"children\":[[\"subject\",\"nocode\",\"d\"],{\"children\":[[\"part\",\"part-3\",\"d\"],{\"children\":[[\"pattern\",\"nocode-meta-tags-and-page-titles\",\"d\"],{\"children\":[[\"mode\",\"try\",\"oc\"],{\"children\":[\"__PAGE__\",{}]}]}]}]}]}]}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[[\"lang\",\"en\",\"d\"],{\"children\":[\"codefly\",{\"children\":[\"learn\",{\"children\":[[\"subject\",\"nocode\",\"d\"],{\"children\":[[\"part\",\"part-3\",\"d\"],{\"children\":[[\"pattern\",\"nocode-meta-tags-and-page-titles\",\"d\"],{\"children\":[[\"mode\",\"try\",\"oc\"],{\"children\":[\"__PAGE__\",{},[[\"$L7\",\"$L8\"],null],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\",\"codefly\",\"children\",\"learn\",\"children\",\"$b\",\"children\",\"$c\",\"children\",\"$d\",\"children\",\"$e\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/09df87ea90d434dc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/725c7861d1898ba8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ece5dba432cdf9f8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5c83f605642f4d65.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]}],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\",\"codefly\",\"children\",\"learn\",\"children\",\"$b\",\"children\",\"$c\",\"children\",\"$d\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\",\"codefly\",\"children\",\"learn\",\"children\",\"$b\",\"children\",\"$c\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\",\"codefly\",\"children\",\"learn\",\"children\",\"$b\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\",\"codefly\",\"children\",\"learn\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\",\"codefly\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}],null]},[[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"content\":\"#5f56fe\"}],[\"$\",\"meta\",null,{\"name\":\"msapplication-TileColor\",\"content\":\"#5f56fe\"}],[\"$\",\"$L10\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-N2NY2DMMDW\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L10\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'G-N2NY2DMMDW', {\\n page_path: window.location.pathname,\\n });\\n \"}],[\"$\",\"script\",null,{\"async\":true,\"src\":\"https://www.googletagmanager.com/gtag/js?id=AW-17928224938\"}],[\"$\",\"$L10\",null,{\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag() {\\n dataLayer.push(arguments);\\n }\\n gtag('js', new Date());\\n gtag('config', 'AW-17928224938');\\n \"}],[\"$\",\"script\",null,{\"data-grow-initializer\":\"\",\"suppressHydrationWarning\":true,\"dangerouslySetInnerHTML\":{\"__html\":\"!(function(){window.growMe||((window.growMe=function(e){window.growMe._.push(e);}),(window.growMe._=[]));var e=document.createElement(\\\"script\\\");(e.type=\\\"text/javascript\\\"),(e.src=\\\"https://faves.grow.me/main.js\\\"),(e.defer=!0),e.setAttribute(\\\"data-grow-faves-site-id\\\",\\\"U2l0ZTo0MGIxZDBlZC0wNzdlLTQ0NjgtOThmOC1kNDYyZGMwM2IwMWY=\\\");var t=document.getElementsByTagName(\\\"script\\\")[0];t.parentNode.insertBefore(e,t);})();\"}}],[\"$\",\"$L10\",null,{\"src\":\"//scripts.scriptwrapper.com/tags/40b1d0ed-077e-4468-98f8-d462dc03b01f.js\",\"strategy\":\"afterInteractive\",\"data-noptimize\":\"1\",\"data-cfasync\":\"false\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"suppressHydrationWarning\":true,\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebApplication\\\",\\\"name\\\":\\\"Leyaa.ai\\\",\\\"description\\\":\\\"Leyaa.ai builds learning intelligence that understands how you learn - guiding what to study, how to practice, and when to move forward.\\\",\\\"url\\\":\\\"https://leyaa.ai\\\",\\\"applicationCategory\\\":\\\"EducationalApplication\\\",\\\"operatingSystem\\\":\\\"Web\\\",\\\"offers\\\":{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"0\\\",\\\"priceCurrency\\\":\\\"USD\\\"},\\\"creator\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Leyaa.ai\\\"}}\"}}],[\"$\",\"link\",null,{\"href\":\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css\",\"rel\":\"stylesheet\",\"integrity\":\"sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"$L10\",null,{\"id\":\"clarity-script\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n (function(c,l,a,r,i,t,y){\\n c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\\n t=l.createElement(r);t.async=1;t.src=\\\"https://www.clarity.ms/tag/\\\"+i;\\n y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\\n })(window, document, \\\"clarity\\\", \\\"script\\\", \\\"w4gxh6rdmh\\\");\\n \"}}]]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L11\",null,{\"containerStyle\":{\"top\":70}}],[\"$\",\"div\",null,{\"className\":\"bg-grid\"}],[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"$L12\",null,{}],\"notFoundStyles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/84ffd282173b4fa0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"styles\":null}],[\"$\",\"$L13\",null,{}],\" \",[\"$\",\"$L14\",null,{}]]}]]}],null],null],\"couldBeIntercepted\":false,\"initialHead\":[false,\"$L15\"],\"globalErrorComponent\":\"$16\",\"missingSlots\":\"$W17\"}]]\n"])</script><script>self.__next_f.push([1,"19:I[51766,[\"8422\",\"static/chunks/66ec4792-ad6841ff2b867b21.js\",\"522\",\"static/chunks/94730671-fd9628eddbd5107b.js\",\"7699\",\"static/chunks/8e1d74a4-a085c2fbc868135a.js\",\"5706\",\"static/chunks/9c4e2130-11ecd4bfc78e4568.js\",\"6950\",\"static/chunks/f8025e75-53f3750188786842.js\",\"6051\",\"static/chunks/795d4814-5699b6141ea07e62.js\",\"7240\",\"static/chunks/53c13509-a3e4ac0640ae03f2.js\",\"2516\",\"static/chunks/f7333993-31ab72eb9b202e3d.js\",\"1779\",\"static/chunks/0e762574-cee3ec2351d97ca0.js\",\"6648\",\"static/chunks/6648-fff0cf0e0a1f8d25.js\",\"3463\",\"static/chunks/3463-09ee572e3d7819a2.js\",\"5904\",\"static/chunks/5904-422e8371eaef46eb.js\",\"4889\",\"static/chunks/4889-956a916919971629.js\",\"3004\",\"static/chunks/3004-5bf43e1db3f09cc6.js\",\"857\",\"static/chunks/857-87fa0b14dfeb526c.js\",\"4481\",\"static/chunks/4481-8e6fb711750cf950.js\",\"7562\",\"static/chunks/7562-a9aa60ea2f3f14f8.js\",\"1269\",\"static/chunks/1269-10aeb9901b732cc0.js\",\"6857\",\"static/chunks/6857-f9121be732678b30.js\",\"2209\",\"static/chunks/2209-d14d92962f8c81f0.js\",\"2599\",\"static/chunks/2599-c733c3cb9131ad38.js\",\"7029\",\"static/chunks/app/%5Blang%5D/codefly/learn/%5Bsubject%5D/%5Bpart%5D/%5Bpattern%5D/%5B%5B...mode%5D%5D/page-8ec7f84923e946d0.js\"],\"default\"]\n18:T4a0,{\"@context\":\"https://schema.org\",\"@type\":\"LearningResource\",\"name\":\"Meta tags and page titles in No-Code - Interactive Code Practice\",\"description\":\"Practice Meta tags and page titles in No-Code with interactive drag-and-drop exercises. Complete code by filling in the blanks. Instant feedback, hints \u0026 explanations. Free.\",\"url\":\"https://leyaa.ai/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles/try\",\"learningResourceType\":\"Practice Exercise\",\"programmingLanguage\":\"No-Code\",\"inLanguage\":\"en\",\"isAccessibleForFree\":true,\"teaches\":\"Meta tags and page titles in No-Code - Interactive Code Practice\",\"provider\":{\"@type\":\"Organization\",\"url\":\"https://leyaa.ai\"},\"educationalLevel\":\"Beginner to Advanced\",\"breadcrumb\":{\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://leya"])</script><script>self.__next_f.push([1,"a.ai\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Meta tags and page titles in No-Code - Interactive Code Practice\",\"item\":\"https://leyaa.ai/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Try It\",\"item\":\"https://leyaa.ai/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles/try\"}]}}"])</script><script>self.__next_f.push([1,"8:[[[\"$\",\"script\",\"0\",{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$18\"}}]],[\"$\",\"$L19\",null,{\"subject\":\"nocode\",\"dbSubject\":\"nocode\",\"part\":\"part-3\",\"pattern\":\"nocode_meta_tags_and_page_titles\",\"modeSlug\":\"try\",\"lang\":\"en\",\"internalLinks\":[{\"code\":\"LMC\",\"slug\":\"\",\"label\":\"📖 Learn\",\"href\":\"/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles\",\"active\":false},{\"code\":\"LMCWHY\",\"slug\":\"why\",\"label\":\"💡 Why Learn This\",\"href\":\"/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles/why\",\"active\":false},{\"code\":\"DLM\",\"slug\":\"deep\",\"label\":\"💡 Deep Learn Mode\",\"href\":\"/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles/deep\",\"active\":false},{\"code\":\"TMC\",\"slug\":\"try\",\"label\":\"✏️ Try It\",\"href\":\"/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles/try\",\"active\":true},{\"code\":\"VMC\",\"slug\":\"visualize\",\"label\":\"👁 Visualize\",\"href\":\"/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles/visualize\",\"active\":false},{\"code\":\"TCM\",\"slug\":\"complexity\",\"label\":\"⏱ Complexity\",\"href\":\"/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles/complexity\",\"active\":false},{\"code\":\"CMC\",\"slug\":\"challenge\",\"label\":\"🏆 Challenge\",\"href\":\"/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles/challenge\",\"active\":false},{\"code\":\"PMC\",\"slug\":\"project\",\"label\":\"📁 Project\",\"href\":\"/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles/project\",\"active\":false},{\"code\":\"RMC\",\"slug\":\"review\",\"label\":\"🧠 Quick Review\",\"href\":\"/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles/review\",\"active\":false}],\"isLoggedIn\":false,\"seoH1\":\"Meta tags and page titles in No-Code - Interactive Code Practice\",\"contentData\":{\"pattern_id\":\"nocode_meta_tags_and_page_titles\",\"metadata\":{\"slot_map\":{\"LMCWHY\":\"LMCWHY\",\"TMC\":\"TMC\",\"CMC\":\"CMC\",\"RMC\":\"RMC\",\"VMC\":\"VMC\",\"TCM\":\"TCM\",\"PMC\":\"PMC\",\"DLM\":\"DLM\",\"ELM\":\"ELM\"}},\"modes\":{\"TMC\":{\"topic\":\"Meta tags and page titles\",\"mode\":\"TMC_v5\",\"language\":\"nocode\",\"content_type\":\"General Knowledge\",\"tasks\":[{\"id\":\"t1\",\"type\":\"fill_in_blank\",\"difficulty\":\"easy\",\"instruction\":\"Complete the code to add a page title in HTML.\",\"code\":\"\u003ctitle\u003e{{BLANK_1}}\u003c/title\u003e\",\"options\":{\"A\":\"My Website\",\"B\":\"\u003chead\u003e\",\"C\":\"\u003cmeta\u003e\",\"D\":\"\u003cbody\u003e\"},\"correct_answer\":[\"A\"],\"answer_explanation\":\"\u003cp\u003eThe \u003ctitle\u003e tag sets the page title shown in the browser tab. You put the title text inside it.\u003c/p\u003e\",\"hints\":[{\"level\":1,\"hint\":\"The title tag contains the text shown on the browser tab.\"},{\"level\":2,\"hint\":\"You write the page title as plain text inside the \u0026lt;title\u0026gt; tag.\"}],\"common_mistakes\":[\"Putting HTML tags inside the \u003ctitle\u003e tag instead of plain text.\",\"Confusing \u003ctitle\u003e with \u003cmeta\u003e or \u003chead\u003e tags.\"],\"max_attempts\":3,\"time_limit_seconds\":120},{\"id\":\"t2\",\"type\":\"fill_in_blank\",\"difficulty\":\"medium\",\"instruction\":\"Complete the meta tag to set the page description.\",\"code\":\"\u003cmeta name=\\\"description\\\" content=\\\"{{BLANK_1}}\\\"\u003e\",\"options\":{\"A\":\"author=John\",\"B\":\"This is my website\",\"C\":\"viewport=device-width\",\"D\":\"charset=UTF-8\"},\"correct_answer\":[\"B\"],\"answer_explanation\":\"\u003cp\u003eThe description meta tag provides a summary of the page content for search engines.\u003c/p\u003e\",\"hints\":[{\"level\":1,\"hint\":\"The content attribute holds the description text.\"},{\"level\":2,\"hint\":\"The name attribute should be \\\"description\\\" for page summaries.\"}],\"common_mistakes\":[\"Using charset or viewport values inside the description meta tag.\",\"Leaving the content attribute empty.\"],\"max_attempts\":3,\"time_limit_seconds\":120},{\"id\":\"t3\",\"type\":\"fill_in_blank\",\"difficulty\":\"hard\",\"instruction\":\"Fix the error in the meta charset tag.\",\"code\":\"\u003cmeta charset={{BLANK_1}}\u003e\",\"options\":{\"A\":\"\\\"UTF-8\\\"\",\"B\":\"UTF-8\",\"C\":\"utf8\",\"D\":\"'UTF-8'\"},\"correct_answer\":[\"A\"],\"answer_explanation\":\"\u003cp\u003eThe charset value must be inside double quotes for valid HTML syntax.\u003c/p\u003e\",\"hints\":[{\"level\":1,\"hint\":\"Attribute values should be quoted in HTML.\"},{\"level\":2,\"hint\":\"Use double quotes around UTF-8 in the charset attribute.\"}],\"common_mistakes\":[\"Not using quotes around the charset value.\",\"Using single quotes instead of double quotes.\"],\"max_attempts\":3,\"time_limit_seconds\":120},{\"id\":\"t4\",\"type\":\"fill_in_blank\",\"difficulty\":\"hard\",\"instruction\":\"Fill both blanks to set the viewport for responsive design.\",\"code\":\"\u003cmeta name=\\\"{{BLANK_1}}\\\" content=\\\"{{BLANK_2}}\\\"\u003e\",\"options\":{\"A\":\"viewport\",\"B\":\"width=device-width, initial-scale=1\",\"C\":\"description\",\"D\":\"charset=UTF-8\"},\"correct_answer\":[\"A\",\"B\"],\"answer_explanation\":\"\u003cp\u003eThe viewport meta tag controls layout on mobile devices. The name is \\\"viewport\\\" and content sets width and scale.\u003c/p\u003e\",\"hints\":[{\"level\":1,\"hint\":\"The name attribute should be 'viewport' for responsive settings.\"},{\"level\":2,\"hint\":\"The content attribute usually includes width=device-width and initial-scale=1.\"}],\"common_mistakes\":[\"Using 'description' or 'charset' as the name for viewport settings.\",\"Leaving out width=device-width in content.\"],\"max_attempts\":3,\"time_limit_seconds\":120},{\"id\":\"t5\",\"type\":\"fill_in_blank\",\"difficulty\":\"hard\",\"instruction\":\"Fill all three blanks to create a meta tag for author information.\",\"code\":\"\u003cmeta name=\\\"{{BLANK_1}}\\\" content=\\\"{{BLANK_2}} {{BLANK_3}}\\\"\u003e\",\"options\":{\"A\":\"author\",\"B\":\"John\",\"C\":\"Doe\",\"D\":\"description\"},\"correct_answer\":[\"A\",\"B\",\"C\"],\"answer_explanation\":\"\u003cp\u003eThe author meta tag uses name=\\\"author\\\" and content with the author's full name.\u003c/p\u003e\",\"hints\":[{\"level\":1,\"hint\":\"The name attribute should be 'author' for author info.\"},{\"level\":2,\"hint\":\"The content attribute holds the author's full name as text.\"}],\"common_mistakes\":[\"Using 'description' instead of 'author' for the name attribute.\",\"Putting only first or last name instead of full name.\"],\"max_attempts\":3,\"time_limit_seconds\":120}],\"learning_checkpoint\":{\"after_task\":3,\"micro_summary\":\"\u003cp\u003eYou have learned how to write basic meta tags and page titles in HTML. These tags help browsers and search engines understand your page.\u003c/p\u003e\"},\"metadata\":{\"version\":\"5.0\",\"content_type\":\"knowledge\",\"total_tasks\":5,\"estimated_time_minutes\":10},\"_bundled_flags\":[{\"task_index\":4,\"task_type\":\"fill_in_blank\",\"option\":\"B\",\"value\":\"width=device-width, initial-scale=1\"}]}},\"subject\":\"nocode\",\"title\":\"Meta tags and page titles\",\"puzzleDetails\":[{\"_id\":\"69b1786645baa2b58548480c\",\"question_number\":1,\"question\":\"What is the main purpose of a page title in a webpage?\",\"options\":{\"A\":\"To name the webpage and show it in browser tabs and search results\",\"B\":\"To add images to the webpage\",\"C\":\"To create links to other websites\",\"D\":\"To change the background color of the page\"},\"correct_answer\":[\"A\"],\"solution_explanation\":\"\u003cdiv class='solution-box'\u003e\u003cspan class='solution-label'\u003e\u003cstrong\u003eSolution:\u003c/strong\u003e\u003c/span\u003e\u003col\u003e\u003cli\u003e\u003ch4\u003eStep 1: Understand what a page title does\u003c/h4\u003eThe page title is the name shown on browser tabs and search results.\u003c/li\u003e\u003cli\u003e\u003ch4\u003eStep 2: Identify the correct purpose\u003c/h4\u003eIt helps users know what the page is about by naming it clearly.\u003c/li\u003e\u003cli\u003e\u003ch4\u003eFinal Answer:\u003c/h4\u003e\u003cstrong\u003eTo name the webpage and show it in browser tabs and search results\u003c/strong\u003e -\u003e Option A\u003c/li\u003e\u003cli\u003e\u003ch4\u003eQuick Check:\u003c/h4\u003ePage title = webpage name [OK]\u003c/li\u003e\u003c/ol\u003e\u003c/div\u003e\",\"quick_trick\":\"Page titles name your page for browsers and search [OK]\",\"common_mistakes\":[\"Thinking page titles add images\",\"Confusing titles with page design\",\"Believing titles create links\"],\"subject\":\"nocode\",\"pattern\":\"Meta tags and page titles\",\"category\":\"General Knowledge\",\"question_format\":\"MCQ\",\"question_mode\":\"conceptual\",\"difficulty\":\"easy\",\"topic\":\"SEO for No-Code Apps\",\"type\":\"General Knowledge\",\"question_type\":\"conceptual\",\"level\":\"easy\",\"test_type\":\"puzzle\",\"pattern_id\":\"nocode_meta_tags_and_page_titles\",\"subjectTitle\":\"No-Code\",\"part\":\"part-3\",\"set_no\":1,\"usage_count\":0},{\"_id\":\"69b1786645baa2b58548480d\",\"question_number\":2,\"question\":\"Which HTML tag is used to set the page title that appears in the browser tab?\",\"options\":{\"A\":\"\u003cmeta\u003e\",\"B\":\"\u003cheader\u003e\",\"C\":\"\u003ctitle\u003e\",\"D\":\"\u003cbody\u003e\"},\"correct_answer\":[\"C\"],\"solution_explanation\":\"\u003cdiv class='solution-box'\u003e\u003cspan class='solution-label'\u003e\u003cstrong\u003eSolution:\u003c/strong\u003e\u003c/span\u003e\u003col\u003e\u003cli\u003e\u003ch4\u003eStep 1: Identify the tag for page title\u003c/h4\u003eThe \u0026lt;title\u0026gt; tag is used inside the \u0026lt;head\u0026gt; section to set the page title.\u003c/li\u003e\u003cli\u003e\u003ch4\u003eStep 2: Differentiate from other tags\u003c/h4\u003e\u0026lt;meta\u0026gt; is for metadata, \u0026lt;header\u0026gt; is for page header content, and \u0026lt;body\u0026gt; is for main content.\u003c/li\u003e\u003cli\u003e\u003ch4\u003eFinal Answer:\u003c/h4\u003e\u003cstrong\u003e\u0026lt;title\u0026gt;\u003c/strong\u003e -\u003e Option C\u003c/li\u003e\u003cli\u003e\u003ch4\u003eQuick Check:\u003c/h4\u003ePage title tag = \u0026lt;title\u0026gt; [OK]\u003c/li\u003e\u003c/ol\u003e\u003c/div\u003e\",\"quick_trick\":\"Page title uses \u003ctitle\u003e tag inside \u003chead\u003e [OK]\",\"common_mistakes\":[\"Using \u003cmeta\u003e tag for title\",\"Confusing \u003cheader\u003e with title\",\"Placing title outside \u003chead\u003e\"],\"subject\":\"nocode\",\"pattern\":\"Meta tags and page titles\",\"category\":\"General Knowledge\",\"question_format\":\"MCQ\",\"question_mode\":\"factual\",\"difficulty\":\"easy\",\"topic\":\"SEO for No-Code Apps\",\"type\":\"General Knowledge\",\"question_type\":\"factual\",\"level\":\"easy\",\"test_type\":\"puzzle\",\"pattern_id\":\"nocode_meta_tags_and_page_titles\",\"subjectTitle\":\"No-Code\",\"part\":\"part-3\",\"set_no\":1,\"usage_count\":0},{\"_id\":\"69b1786645baa2b58548480e\",\"question_number\":3,\"question\":\"What will happen if a webpage has no meta description tag?\",\"options\":{\"A\":\"The page background will turn white\",\"B\":\"The page title will not appear in the browser tab\",\"C\":\"The webpage will not load in browsers\",\"D\":\"Search engines will show no description or guess content for search results\"},\"correct_answer\":[\"D\"],\"solution_explanation\":\"\u003cdiv class='solution-box'\u003e\u003cspan class='solution-label'\u003e\u003cstrong\u003eSolution:\u003c/strong\u003e\u003c/span\u003e\u003col\u003e\u003cli\u003e\u003ch4\u003eStep 1: Understand meta description role\u003c/h4\u003eThe meta description tag gives search engines a summary to show in search results.\u003c/li\u003e\u003cli\u003e\u003ch4\u003eStep 2: Effect of missing meta description\u003c/h4\u003eIf missing, search engines try to guess content or show no description, but the page still loads and title shows.\u003c/li\u003e\u003cli\u003e\u003ch4\u003eFinal Answer:\u003c/h4\u003e\u003cstrong\u003eSearch engines will show no description or guess content for search results\u003c/strong\u003e -\u003e Option D\u003c/li\u003e\u003cli\u003e\u003ch4\u003eQuick Check:\u003c/h4\u003eMissing meta description = no summary shown [OK]\u003c/li\u003e\u003c/ol\u003e\u003c/div\u003e\",\"quick_trick\":\"No meta description means search engines guess summary [OK]\",\"common_mistakes\":[\"Thinking page won't load\",\"Confusing meta description with page title\",\"Believing background color changes\"],\"subject\":\"nocode\",\"pattern\":\"Meta tags and page titles\",\"category\":\"General Knowledge\",\"question_format\":\"MCQ\",\"question_mode\":\"code_output\",\"difficulty\":\"medium\",\"topic\":\"SEO for No-Code Apps\",\"type\":\"General Knowledge\",\"question_type\":\"code_output\",\"level\":\"medium\",\"test_type\":\"puzzle\",\"pattern_id\":\"nocode_meta_tags_and_page_titles\",\"subjectTitle\":\"No-Code\",\"part\":\"part-3\",\"set_no\":1,\"usage_count\":0},{\"_id\":\"69b1786645baa2b58548480f\",\"question_number\":4,\"question\":\"A webpage has this meta tag: \u003ccode\u003e\u0026lt;meta name=\\\"description\\\" content=\\\"\\\"\u0026gt;\u003c/code\u003e. What is the problem here?\",\"options\":{\"A\":\"The meta tag is missing the name attribute\",\"B\":\"The content attribute is empty, so no description is provided\",\"C\":\"The meta tag should be inside the \u003cbody\u003e tag\",\"D\":\"The meta tag is missing the charset attribute\"},\"correct_answer\":[\"B\"],\"solution_explanation\":\"\u003cdiv class='solution-box'\u003e\u003cspan class='solution-label'\u003e\u003cstrong\u003eSolution:\u003c/strong\u003e\u003c/span\u003e\u003col\u003e\u003cli\u003e\u003ch4\u003eStep 1: Check the meta tag attributes\u003c/h4\u003eThe meta tag has name=\\\"description\\\" but content=\\\"\\\" is empty, so no description text is given.\u003c/li\u003e\u003cli\u003e\u003ch4\u003eStep 2: Identify correct usage\u003c/h4\u003eThe meta description needs meaningful content inside the content attribute to help search engines.\u003c/li\u003e\u003cli\u003e\u003ch4\u003eFinal Answer:\u003c/h4\u003e\u003cstrong\u003eThe content attribute is empty, so no description is provided\u003c/strong\u003e -\u003e Option B\u003c/li\u003e\u003cli\u003e\u003ch4\u003eQuick Check:\u003c/h4\u003eEmpty content means no description [OK]\u003c/li\u003e\u003c/ol\u003e\u003c/div\u003e\",\"quick_trick\":\"Meta description needs content filled, not empty [OK]\",\"common_mistakes\":[\"Thinking name attribute is missing\",\"Placing meta tag inside \u003cbody\u003e\",\"Confusing charset with description\"],\"subject\":\"nocode\",\"pattern\":\"Meta tags and page titles\",\"category\":\"General Knowledge\",\"question_format\":\"MCQ\",\"question_mode\":\"debug\",\"difficulty\":\"medium\",\"topic\":\"SEO for No-Code Apps\",\"type\":\"General Knowledge\",\"question_type\":\"debug\",\"level\":\"medium\",\"test_type\":\"puzzle\",\"pattern_id\":\"nocode_meta_tags_and_page_titles\",\"subjectTitle\":\"No-Code\",\"part\":\"part-3\",\"set_no\":1,\"usage_count\":0},{\"_id\":\"69b1786645baa2b585484810\",\"question_number\":5,\"question\":\"You want your webpage to appear clearly in search results with a good title and summary. Which combination is best to achieve this?\",\"options\":{\"A\":\"Use a clear \u003ctitle\u003e tag and a meaningful \u003cmeta name=\\\"description\\\"\u003e tag\",\"B\":\"Use only a \u003cmeta charset\u003e tag and no title\",\"C\":\"Use multiple \u003ctitle\u003e tags with different texts\",\"D\":\"Use \u003cmeta keywords\u003e tag only without a title\"},\"correct_answer\":[\"A\"],\"solution_explanation\":\"\u003cdiv class='solution-box'\u003e\u003cspan class='solution-label'\u003e\u003cstrong\u003eSolution:\u003c/strong\u003e\u003c/span\u003e\u003col\u003e\u003cli\u003e\u003ch4\u003eStep 1: Understand importance of title and meta description\u003c/h4\u003eThe \u0026lt;title\u0026gt; tag names the page for browsers and search results. The \u0026lt;meta name=\\\"description\\\"\u0026gt; tag provides a summary for search engines.\u003c/li\u003e\u003cli\u003e\u003ch4\u003eStep 2: Evaluate options for best SEO practice\u003c/h4\u003eUsing a clear title and meaningful description helps the page show well in search results. Multiple titles or missing titles hurt clarity.\u003c/li\u003e\u003cli\u003e\u003ch4\u003eFinal Answer:\u003c/h4\u003e\u003cstrong\u003eUse a clear \u0026lt;title\u0026gt; tag and a meaningful \u0026lt;meta name=\\\"description\\\"\u0026gt; tag\u003c/strong\u003e -\u003e Option A\u003c/li\u003e\u003cli\u003e\u003ch4\u003eQuick Check:\u003c/h4\u003eClear title + description = better search display [OK]\u003c/li\u003e\u003c/ol\u003e\u003c/div\u003e\",\"quick_trick\":\"Combine clear title and meta description for best search results [OK]\",\"common_mistakes\":[\"Using multiple titles causing confusion\",\"Relying only on keywords meta tag\",\"Skipping title tag entirely\"],\"subject\":\"nocode\",\"pattern\":\"Meta tags and page titles\",\"category\":\"General Knowledge\",\"question_format\":\"MCQ\",\"question_mode\":\"application\",\"difficulty\":\"hard\",\"topic\":\"SEO for No-Code Apps\",\"type\":\"General Knowledge\",\"question_type\":\"application\",\"level\":\"hard\",\"test_type\":\"puzzle\",\"pattern_id\":\"nocode_meta_tags_and_page_titles\",\"subjectTitle\":\"No-Code\",\"part\":\"part-3\",\"set_no\":1,\"usage_count\":0}]},\"syllabusData\":{\"subject\":\"nocode\",\"part\":\"part-3\",\"difficulty\":\"advanced\",\"metadata\":{\"total_topics\":4,\"total_patterns\":24,\"patterns_with_content\":24,\"created_at\":\"2026-03-03T13:58:39.467825Z\",\"version\":\"4.2\",\"upload_tool\":\"upload_to_mongo.py v2.0\"},\"part_title\":\"Launch and Scale\",\"subjectTitle\":\"No-Code\",\"topics\":[{\"topic_id\":\"nocode_p3_t1\",\"title\":\"Performance Optimization\",\"order\":1,\"pattern_count\":6,\"patterns\":[{\"pattern_id\":\"nocode_why_performance_affects_user_retention\",\"title\":\"Why performance affects user retention\",\"order\":1,\"has_content\":true},{\"pattern_id\":\"nocode_page_load_optimization\",\"title\":\"Page load optimization\",\"order\":2,\"has_content\":true},{\"pattern_id\":\"nocode_database_query_optimization\",\"title\":\"Database query optimization\",\"order\":3,\"has_content\":true},{\"pattern_id\":\"nocode_image_and_asset_optimization\",\"title\":\"Image and asset optimization\",\"order\":4,\"has_content\":true},{\"pattern_id\":\"nocode_conditional_element_loading\",\"title\":\"Conditional element loading\",\"order\":5,\"has_content\":true},{\"pattern_id\":\"nocode_caching_strategies_in_nocode\",\"title\":\"Caching strategies in no-code\",\"order\":6,\"has_content\":true}]},{\"topic_id\":\"nocode_p3_t2\",\"title\":\"SEO for No-Code Apps\",\"order\":2,\"pattern_count\":6,\"patterns\":[{\"pattern_id\":\"nocode_why_seo_drives_organic_growth\",\"title\":\"Why SEO drives organic growth\",\"order\":1,\"has_content\":true},{\"pattern_id\":\"nocode_meta_tags_and_page_titles\",\"title\":\"Meta tags and page titles\",\"order\":2,\"has_content\":true},{\"pattern_id\":\"nocode_dynamic_seo_for_cms_pages\",\"title\":\"Dynamic SEO for CMS pages\",\"order\":3,\"has_content\":true},{\"pattern_id\":\"nocode_sitemap_generation\",\"title\":\"Sitemap generation\",\"order\":4,\"has_content\":true},{\"pattern_id\":\"nocode_url_structure_optimization\",\"title\":\"URL structure optimization\",\"order\":5,\"has_content\":true},{\"pattern_id\":\"nocode_blog_setup_for_content_marketing\",\"title\":\"Blog setup for content marketing\",\"order\":6,\"has_content\":true}]},{\"topic_id\":\"nocode_p3_t3\",\"title\":\"Launching Your App\",\"order\":3,\"pattern_count\":6,\"patterns\":[{\"pattern_id\":\"nocode_why_launch_strategy_determines_initial_traction\",\"title\":\"Why launch strategy determines initial traction\",\"order\":1,\"has_content\":true},{\"pattern_id\":\"nocode_custom_domain_setup\",\"title\":\"Custom domain setup\",\"order\":2,\"has_content\":true},{\"pattern_id\":\"nocode_analytics_integration_ga4_mixpanel\",\"title\":\"Analytics integration (GA4, Mixpanel)\",\"order\":3,\"has_content\":true},{\"pattern_id\":\"nocode_error_monitoring_and_logging\",\"title\":\"Error monitoring and logging\",\"order\":4,\"has_content\":true},{\"pattern_id\":\"nocode_user_feedback_collection\",\"title\":\"User feedback collection\",\"order\":5,\"has_content\":true},{\"pattern_id\":\"nocode_product_hunt_and_launch_platforms\",\"title\":\"Product Hunt and launch platforms\",\"order\":6,\"has_content\":true}]},{\"topic_id\":\"nocode_p3_t4\",\"title\":\"Scaling No-Code\",\"order\":4,\"pattern_count\":6,\"patterns\":[{\"pattern_id\":\"nocode_why_scaling_nocode_has_different_challenges\",\"title\":\"Why scaling no-code has different challenges\",\"order\":1,\"has_content\":true},{\"pattern_id\":\"nocode_when_to_migrate_from_nocode_to_code\",\"title\":\"When to migrate from no-code to code\",\"order\":2,\"has_content\":true},{\"pattern_id\":\"nocode_capacity_planning_and_pricing_tiers\",\"title\":\"Capacity planning and pricing tiers\",\"order\":3,\"has_content\":true},{\"pattern_id\":\"nocode_multipage_app_architecture\",\"title\":\"Multi-page app architecture\",\"order\":4,\"has_content\":true},{\"pattern_id\":\"nocode_team_collaboration_on_nocode_projects\",\"title\":\"Team collaboration on no-code projects\",\"order\":5,\"has_content\":true},{\"pattern_id\":\"nocode_hybrid_nocode_and_code_approach\",\"title\":\"Hybrid no-code and code approach\",\"order\":6,\"has_content\":true}]}]},\"modeCode\":\"TMC\",\"productId\":\"codefly\"}]]\n"])</script><script>self.__next_f.push([1,"15:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Meta tags and page titles in No-Code - Interactive Code Practice | Leyaa.ai\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Practice Meta tags and page titles in No-Code with interactive drag-and-drop exercises. Complete code by filling in the blanks. Instant feedback, hints \u0026 explanations. Free.\"}],[\"$\",\"meta\",\"4\",{\"name\":\"author\",\"content\":\"Leyaa.ai\"}],[\"$\",\"link\",\"5\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"use-credentials\"}],[\"$\",\"meta\",\"6\",{\"name\":\"keywords\",\"content\":\"learning intelligence,AI learning,personalized learning,adaptive learning,study guide,exam preparation,learning platform,education technology,edtech,smart learning\"}],[\"$\",\"meta\",\"7\",{\"name\":\"creator\",\"content\":\"Leyaa.ai\"}],[\"$\",\"meta\",\"8\",{\"name\":\"publisher\",\"content\":\"Leyaa.ai\"}],[\"$\",\"meta\",\"9\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"10\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"11\",{\"name\":\"content-language\",\"content\":\"en\"}],[\"$\",\"link\",\"12\",{\"rel\":\"canonical\",\"href\":\"https://leyaa.ai/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles/try\"}],[\"$\",\"link\",\"13\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://leyaa.ai/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles/try\"}],[\"$\",\"link\",\"14\",{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://leyaa.ai/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles/try\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:title\",\"content\":\"Meta tags and page titles in No-Code - Interactive Code Practice | Leyaa.ai\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:description\",\"content\":\"Practice Meta tags and page titles in No-Code with interactive drag-and-drop exercises. Complete code by filling in the blanks. Instant feedback, hints \u0026 explanations. Free.\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:url\",\"content\":\"https://leyaa.ai/codefly/learn/nocode/part-3/nocode-meta-tags-and-page-titles/try\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image\",\"content\":\"https://leyaa.ai/Assets/metaImages/leyaa-preview-image.png\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:image:alt\",\"content\":\"Meta tags and page titles in No-Code - Interactive Code Practice\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:site\",\"content\":\"@leyaaai\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:creator\",\"content\":\"@leyaaai\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:title\",\"content\":\"Meta tags and page titles in No-Code - Interactive Code Practice | Leyaa.ai\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:description\",\"content\":\"Practice Meta tags and page titles in No-Code with interactive drag-and-drop exercises. Complete code by filling in the blanks. Instant feedback, hints \u0026 explanations. Free.\"}],[\"$\",\"meta\",\"29\",{\"name\":\"twitter:image\",\"content\":\"https://leyaa.ai/Assets/metaImages/leyaa-preview-image.png\"}],[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/leyaa-logo.png\"}],[\"$\",\"link\",\"31\",{\"rel\":\"apple-touch-icon\",\"href\":\"/leyaa-logo.png\"}],[\"$\",\"meta\",\"32\",{\"name\":\"next-size-adjust\"}]]\n"])</script><script>self.__next_f.push([1,"7:null\n"])</script></body></html>