Skip to content
UniCircle
MediumConceptualHead and metadata

Meta tags for SEO and sharing

Question HTML-META-001

Which tags in the <head> matter most for SEO and for link previews on social apps? Explain the title, meta description, canonical link, robots, and Open Graph tags.

Show the explanation

Model answer.

HTML
<head>
  <title>NIRF 2026 engineering rankings | UniCircle</title>
  <meta name="description" content="Compare the top engineering colleges by NIRF 2026 rank, fees and placements.">
  <link rel="canonical" href="https://example.com/rankings/engineering">
  <meta name="robots" content="index, follow">
  <meta property="og:title" content="NIRF 2026 engineering rankings">
  <meta property="og:description" content="Ranks, fees and placements in one table.">
  <meta property="og:image" content="https://example.com/og/rankings.png">
  <meta property="og:url" content="https://example.com/rankings/engineering">
  <meta name="twitter:card" content="summary_large_image">
</head>
  • `<title>`: the most important on-page signal and the headline in search results. Make it unique per page and descriptive, roughly under 60 characters.
  • Meta description: often used as the snippet under the result. It does not directly improve ranking, but a good one improves clicks. Aim for about 150–160 characters.
  • Canonical link: tells search engines which URL is the main one when the same content is reachable through several URLs (tracking parameters, sorting, http/https), so ranking signals are not split.
  • Robots meta: noindex keeps a page out of search results (useful for search-result pages, drafts, account pages); nofollow asks crawlers not to follow its links.
  • **Open Graph (og:*) and Twitter card tags:** control the title, description and image shown when a link is shared in WhatsApp, LinkedIn, X, etc.

The keywords meta tag is ignored by major search engines.

Original UniCircle question. Last reviewed 22 Oct 2026.