{
  "id": 675247,
  "title": "HTML Meta Tags: My Reference Notes",
  "url": "https://urgent.news/2026/08/12/html-meta-tags-my-reference-notes",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-08-12T15:30:50.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/sanudin-dev/html-meta-tags-my-reference-notes-35l7"
  },
  "original_language": "en",
  "account": "HTML meta tags are essential for defining various aspects of a web page. The following are some commonly used meta tags and their purposes:\n\nDocument core and responsive setup:\n- meta charset=\"UTF-8\": Specifies the character encoding for the document.\n- meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\": Ensures proper rendering on mobile devices.\n\nBasic SEO and indexing:\n- meta name=\"description\" content=\"...\": Provides a brief summary of the page, influencing click-through rates.\n- meta name=\"robots\" content=\"index, follow\": Instructs search engines to index the page and follow its links.\n\nSocial cards (Open Graph and Twitter):\n- Open Graph meta tags (e.g., meta property=\"og:type\" content=\"website\"): Generate previews for social media shares, especially on Facebook and LinkedIn.\n- Twitter meta tags (e.g., meta name=\"twitter:image\" content=\"...\"): Similarly, create previews for Twitter shares.\n\nGEO and AI crawlers:\n- meta name=\"robots\" content=\"noai, noimageai\": Instructs AI crawlers to ignore the page.\n- robots.txt: Controls access for specific agents like GPTBot and ClaudeBot.\n\nJSON-LD for structured data:\n- script type=\"application/ld+json\": Defines structured data about the page's content, such as the author's name, job title, and expertise. This helps search engines better understand the page's context.\n\nSecurity headers:\n- Content Security Policy (CSP) meta tag: Controls the sources from which content can be loaded, reducing the risk of cross-site scripting (XSS) attacks.",
  "summary": "I keep re-looking these up every time I start a new project, so this is where I'm dumping them all in one place — with a short note on why each one matters, so future-me doesn't have to re-derive it from scratch. Jump to: Document Core & Responsive Setup Basic SEO & Indexing Social Cards (OG + X) GEO / AI Crawlers Security Headers PWA / Browser Quick Table What I Actually Use Document Core &…",
  "key_points": [
    "meta charset= UTF-8 specifies character encoding for document",
    "meta name= viewport ensures proper rendering on mobile devices",
    "meta name= robots content= index, follow instructs search engines to index page and follow its links"
  ],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}