NEW
Font size
WorksheetsHTML Meta Tags Research
Total questions: 30
Worksheet time: 15mins
What is the main purpose of the <meta> tag in HTML?
To display images
To add links
To provide information about the webpage
To create a paragraph
Where are meta tags placed in an HTML document?
Inside the <body> tag
Inside the <head> tag
At the bottom of the page
Between <html> and </html>
What does the charset attribute define?
The font size
The character encoding of the page
The color scheme
The title of the page
Which of the following is the correct meta tag for UTF-8 encoding?
<meta type="UTF-8">
<meta charset="UTF-8">
<meta encoding="UTF-8">
<meta text="UTF-8">
What does the name attribute in a meta tag specify?
The value of a variable
The type of meta information
The author’s name
The browser language
The content attribute in a meta tag:
Holds the actual value or description
Adds images to the site
Links to other pages
Defines CSS rules
What is the main purpose of the viewport meta tag?
To control how a webpage looks on mobile devices
To store cookies
To load videos
To change font colors
Which of the following is a correct example of a viewport meta tag?
<meta viewport="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="device" content="mobile">
<meta mobile="true">
What meta tag gives search engines a short summary of your webpage?
<meta name="keywords">
<meta name="viewport">
<meta name="description">
<meta name="robots">
Which meta tag is used to list important words for a page?
<meta name="keywords">
<meta name="author">
<meta name="language">
<meta name="theme-color">
Why is the keywords meta tag less important today?
Browsers ignore it
It causes errors
Search engines no longer use it heavily for ranking
It slows down websites
What does the robots meta tag control?
How web crawlers index or follow your page
How videos load
How ads appear
How images display
Which example tells search engines not to index the page?
<meta name="robots" content="index, follow">
<meta name="robots" content="noindex, nofollow">
<meta name="robots" content="follow">
<meta name="robots" content="index">
What does the author meta tag do?
Names the person who wrote the page
Adds the author’s picture
Creates a signature
Sends an email to the author
Which meta tag refreshes or redirects the page after a certain time?
<meta name="refresh">
<meta http-equiv="refresh" content="30">
<meta name="timer" content="30">
<meta refresh="true">
What does “SEO” stand for?
Search Engine Optimization
Secure Engine Operation
Site Element Order
Simple Edit Output
How do meta tags help with SEO?
They change text color
They tell search engines what the page is about
They upload images
They create hyperlinks
What meta tag sets the language of the page?
<meta name="language" content="en">
<meta lang="english">
<meta http-equiv="language" content="en">
<meta name="charset" content="en">
What does the http-equiv attribute do?
It creates HTTP headers for the document
It changes the HTML version
It adds comments
It changes the page layout
What meta tag can be used to set the theme color in mobile browsers?
<meta name="theme-color" content="#000000">
<meta name="mobile-color" content="#000000">
<meta color="#000000">
<meta background="#000000">
What’s the difference between <meta> and <link> tags?
<meta> adds images, <link> adds videos
<meta> gives info about the page, <link> connects to external files
<meta> controls layout, <link> controls text
They are the same
What is Open Graph used for?
For displaying web previews on social media
For writing HTML comments
For linking style sheets
For tracking visitors
What attribute is used in Open Graph meta tags?
property
og
type
title
Which example correctly defines an Open Graph tag for a title?
<meta og:title="My Page">
<meta property="og:title" content="My Page">
<meta name="og:title" content="My Page">
<meta property="open:title" content="My Page">
Which meta tag can help social media show your website image in previews?
<meta property="og:image" content="image.jpg">
<meta name="social" content="image.jpg">
<meta property="image" content="og:image.jpg">
<meta name="thumbnail" content="true">
What does <meta name="description"> mainly affect?
How the site title appears in search results
The short summary shown in search engine results
The color scheme
The page speed
What is the best reason to include <meta charset="UTF-8"> ?
To display special characters and symbols correctly
To change font color
To load faster
To make it mobile-friendly
Which tag would you use to set a page to refresh every 10 seconds?
<meta http-equiv="refresh" content="10">
<meta refresh="10">
<meta name="reload" content="10">
<meta page="refresh(10)">
What does the term “meta” mean in HTML?
Behind or about something
Image-related
Colorful
Style-based
Why are meta tags important for developers?
They make code easier to read
They help browsers and search engines understand a page
They increase font size
They add background music
