{
  "id": 231102,
  "title": "Fixing your site's metadata: a practical checklist",
  "url": "https://urgent.news/2026/08/06/fixing-your-sites-metadata-a-practical-checklist",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-08-06T18:32:23.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/namingthingsishard/fixing-your-sites-metadata-a-practical-checklist-3ka0"
  },
  "original_language": "en",
  "account": "In the digital realm of websites and applications, metadata plays a crucial role in ensuring proper display and functionality. Metadata is essentially data about data, providing search engines, crawlers, and social platforms with essential information about the content. This article will delve into a practical checklist to help you optimize and troubleshoot your site's metadata.\n\nThe significance of metadata can be categorized into four main areas:\n\n1. Search & Discovery: Meta tags such as title and description guide search engines, crawlers, and AI chatbots in understanding the relevance of your content to a user's query.\n\n2. Social Platforms: Open Graph (OG) and Twitter/X cards enable you to control how your app is presented when shared on social media platforms.\n\n3. Browser: Favicons and apple touch icons contribute to brand identity across browser tabs, notifications, and bookmarks.\n\n4. Web Crawlers: Metadata assists web crawlers in indexing and ranking your content appropriately.\n\nTo ensure your site's metadata is optimized, run an audit on every public-facing page. Here's a comprehensive checklist:\n\n1. Favicons and touch icons:\n- Verify that the browser tab displays clear icons at 16×16 and 32×32 resolutions.\n- Ensure a dedicated Apple touch icon (typically 180×180) exists for \"Add to Home Screen.\"\n- Confirm that the favicon is a simplified mark, not a full photo or illustration.\n- Check that favicon URLs are absolute or resolvable via a consistent base URL.\n- Rationale: Larger images or intricate illustrations may lose detail at tab size. Users with numerous tabs rely on favicons to locate your site, and a blurry or generic icon can make the site appear unfinished, even if the page is polished.\n\n2. Page title and description:\n- Ensure every route has a unique <title> tag.\n- Assess the length of titles for conciseness and readability.\n- Confirm that each page has a description summarizing its content.\n- Rationale: Titles and descriptions appear in Google results and link previews when OG tags are absent, making well-crafted metadata crucial for search engine visibility and spam prevention.\n\n3. Canonical URL:\n- Verify that every page declares one canonical URL using <link rel=\"canonical\">.\n- Establish a consistent URL structure, such as app.com/blog/ for your app or blog routes.\n- Rationale: Search engines treat duplicate URLs (http/https, www/bare, trailing slash variations) as separate pages. A canonical URL helps search engines identify the preferred version and allocate ranking signals accordingly.\n\n4. Open Graph and social link previews:\n- Ensure your page includes og:title, og:description, and og:url, with these tags matching the page content.\n- Confirm that the image dimensions in og:image adhere to 1200×630 (1.91:1) for optimal display.\n- Verify that readable headline and/or CTA text are included in the image, as platforms often display the image without your meta title overlay.\n- Check that twitter:title, twitter:description, and twitter:image tags are defined and aligned with Open Graph tags.\n- Ensure the appropriate card type is used, such as summary_large_image for wide OG art and summary only for small square cards, to avoid inconsistent layouts across platforms.\n- Rationale: These tags significantly impact how your link appears on social media platforms like Slack, LinkedIn, iMessage, and X. Incorrect aspect ratios result in cropping, while missing images lead to a lack of preview. Twitter may fall back to OG tags, but explicit Twitter tags and the correct card type help maintain consistent appearances.\n\n5. Robots and indexing:\n- Confirm that your robots.txt file allows crawling of public pages while blocking private or paywalled content.\n- Ensure the sitemap URL is declared within robots.txt.\n- Rationale: Accidental blocking of the root URL or important pages can hinder search engine indexing, negatively impacting your site's visibility and discoverability.",
  "summary": "You've done it. You're finally done building the website or application you've been working on for quite a while. Proud and elated, you go to share this on your socials or to your buddies — uh oh, what's this now? The preview in WhatsApp shows no headline, your avatar is cropped and dimensions seem wrong. I've been there too. The site looked fine in the browser. The problem was everything outside…",
  "key_points": [
    "Metadata crucial for display and functionality",
    "Four areas: search/discovery, social platforms, browser, web crawlers",
    "Checklist includes favicons, titles, canonical URLs, OG tags"
  ],
  "editors_take": "Optimizing metadata according to this checklist can improve search engine visibility, social media presentation, and overall user experience, ultimately driving more effective content discovery and engagement.",
  "illustration": "https://urgent.news/ill/231102.png",
  "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."
}