The Meta Tags Every HTML Page Should Have

hdply · 2026-07-17

Meta tags are lines in your HTML's <head> that visitors never see but browsers, search engines and social platforms read. You don't need dozens of them. A handful do almost all the useful work, and skipping them is why a page can be invisible in search or ugly when shared.

The two that matter most for search

The title and description are what Google shows in a result — your one chance to earn the click.

<title>How to Bake Sourdough — A Beginner's Guide</title>
<meta name="description" content="A step-by-step sourdough guide for first-timers, from starter to first loaf.">

Keep the title under ~60 characters and the description under ~155, and make each page's pair unique and specific. The title lives in the <title> element (not a meta tag, but it belongs in this list); the description is a meta tag.

The technical basics

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<html lang="en">

charset prevents garbled characters, the viewport tag makes the page mobile-friendly, and the lang attribute on <html> tells browsers and search engines what language the page is in. These three are non-negotiable on any page.

Controlling the search snippet's link: canonical

If the same content is reachable at more than one URL, a canonical tag tells search engines which one counts, so your ranking isn't split:

<link rel="canonical" href="https://your-site.hdply.com/">

For a simple one-page site this just points at itself, which is fine and recommended.

Social sharing

Open Graph tags control how the link looks when shared. They're worth their own short guide — see making your link preview look good — but the summary is a title, a description and an absolute image URL.

What you can usually skip

The keywords meta tag does nothing for Google and has for years. Long lists of author, revisit-after and rating tags mostly don't matter for a small site. Add the essentials above, publish, and don't overthink the rest.

Once the tags are in, deploy the page — on hdply it's live the second you save — and check the result with a search engine's URL inspection tool.