Skip to content

bug: Missing Open Graph and Twitter Card meta tags β€” blank link previews when sharingΒ #1024

@sureshsuriya

Description

@sureshsuriya

πŸ› Bug Description

The index.html is missing <meta name="description">, Open Graph
(og:title, og:description, og:type), and Twitter Card meta tags.

When the deployed app URL is shared on WhatsApp, Twitter/X, LinkedIn,
or Discord, it shows a blank preview with no title or description.

πŸ“‹ Steps to Reproduce

  1. Deploy the app or use the live hosted link
  2. Share the URL on WhatsApp or paste it into Twitter/X
  3. Observe: blank link preview, no title, no description, no image

βœ… Expected Behavior

Sharing the URL shows a rich link preview:

  • Title: "StudyPlan β€” AI-Powered Study Planner"
  • Description: "Automatically organize tasks and study plans using AI"
  • A preview thumbnail of the app UI

❌ Actual Behavior

Blank / generic link preview is shown with no metadata.

πŸ› οΈ Proposed Fix

Add the following tags inside <head> in index.html:

<meta name="description" content="StudyPlan β€” AI-powered study planner that automatically organizes your tasks, schedules, and deadlines.">
<meta property="og:title" content="StudyPlan β€” AI Study Planner">
<meta property="og:description" content="Automatically organize tasks and study plans using AI.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://your-deployed-url.com">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="StudyPlan β€” AI Study Planner">
<meta name="twitter:description" content="Automatically organize tasks and study plans using AI.">

No new dependencies needed. HTML-only change β€” single file edit.


I would like to be assigned to fix this. I can open a PR within 24 hours.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions