Get the Preplance app for a seamless learning experience. Practice offline, get daily streaks, and stay ahead with real-time interview updates.
Get it on
Google Play
4.9/5 Rating on Store
HTML · Question Set
Meta Tags & SEO (Advanced) interview questions for placements and exams.
Questions
16
Included in this set
Subject
HTML
Explore more sets
Difficulty
Mixed
Level of this set
Go through each question and its explanation. Use this set as a focused practice pack for HTML.
The canonical tag prevents duplicate content issues by telling search engines which version of a page should be considered the original. It consolidates ranking signals and avoids SEO penalties for duplicate pages.
<link rel="canonical" href="https://example.com/original-page">
For complete preparation, combine this set with full subject-wise practice for HTML. You can also explore other subjects and sets from the links below.
A favicon is a small image associated with a website. It helps brand recognition and user experience. It is typically linked in the head section using a link tag.
<link rel="icon" type="image/png" href="/favicon.png">
The author and content-language meta tags specify the creator of the content and the language used on the page. This helps browsers and search engines interpret the content correctly.
<meta name="author" content="Jane Developer"> <meta http-equiv="content-language" content="en">
Open Graph and Twitter Card tags define how your page appears when shared on social media platforms. They improve visual presentation, brand identity, and click-through rates from social networks.
<meta property="og:image" content="preview.jpg"> <meta name="twitter:card" content="summary_large_image">
The viewport meta tag controls how a webpage scales and displays on different devices. By setting width=device-width and an appropriate initial-scale, the layout adapts to the screen size, ensuring readable text and proper element proportions. Without it, pages may appear zoomed out or broken on mobile. It is essential for responsive and mobile-friendly design.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Open Graph tags define how a web page appears when shared on social platforms like Facebook, LinkedIn, or WhatsApp. They specify properties such as og:title, og:description, og:image, and og:url. These tags improve social previews, ensure accurate branding, and increase click-through rates. They are critical for content marketing and social SEO.
<meta property="og:title" content="Learn Meta Tags"> <meta property="og:description" content="Boost SEO with Open Graph."> <meta property="og:image" content="/images/og-preview.png">
The robots meta tag gives instructions to search engines about indexing and crawling. Common values are index, noindex, follow, and nofollow. It’s essential for managing what pages appear in search results.
<meta name="robots" content="noindex, nofollow">
Meta tags help search engines understand the content, relevance, and structure of a web page. The title and description influence how results appear and impact click-through rates. Canonical tags prevent duplicate content issues, robots tags control indexing, and Open Graph or Twitter Card tags improve social visibility. Proper use of meta tags contributes to better SEO performance, accessibility, and user experience.
<head> <title>Meta Tags and SEO</title> <meta name="description" content="Learn how meta tags improve SEO and ranking."> <link rel="canonical" href="https://example.com/meta-seo"> </head>
Open Graph meta tags were introduced by Facebook to control how web pages appear when shared on social media. They define the title, description, and image shown in previews, improving social engagement and branding consistency.
<meta property="og:title" content="Learn Meta Tags"> <meta property="og:description" content="A complete guide to HTML meta tags and SEO."> <meta property="og:image" content="https://example.com/preview.jpg">
Twitter Cards allow developers to attach rich media like images, videos, and summaries to tweets that link to their pages. Proper Twitter Card tags improve engagement and brand visibility on social media.
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Meta Tags Guide"> <meta name="twitter:description" content="Understand SEO and social tags."> <meta name="twitter:image" content="https://example.com/preview.jpg">
Meta tags provide metadata such as page description, keywords, author, and viewport settings. They are placed in the head section and are used by browsers, search engines, and social networks to understand the content and behavior of the page.
<head> <meta name="description" content="Learn HTML meta tags and SEO optimization"> <meta name="author" content="Web Dev Academy"> </head>
The charset meta tag defines which character encoding the browser should use to display text correctly. UTF-8 is the standard encoding used for modern web pages, as it supports nearly all characters from different languages.
<meta charset="UTF-8">
The viewport meta tag ensures that the web page scales properly on different devices. Without it, mobile browsers may zoom out or render the desktop view. It is essential for responsive design and mobile-first development.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
The meta description provides a brief summary of a page’s content. Search engines often display it as the snippet below the page title in search results. A well-written description improves click-through rates but doesn’t directly affect ranking.
<meta name="description" content="Comprehensive guide to meta tags and SEO.">
Meta keywords were used in the early days of SEO to list relevant keywords. However, due to keyword stuffing and abuse, major search engines like Google no longer use them for ranking. They can still be used for internal search or documentation.
<meta name="keywords" content="HTML, meta tags, SEO, web development">
The http-equiv="refresh" meta tag can be used to automatically reload or redirect a page after a given number of seconds. It’s often used for simple timed redirects, though server-side redirects are generally preferred for SEO.
<meta http-equiv="refresh" content="5; url=https://example.com/new-page">