Skip to content

Add Open Graph and Twitter meta tags - #118

Closed
jaygaikar-09 wants to merge 5 commits into
komalharshita:mainfrom
jaygaikar-09:fix/rich-social-preview-tags-clean2
Closed

Add Open Graph and Twitter meta tags#118
jaygaikar-09 wants to merge 5 commits into
komalharshita:mainfrom
jaygaikar-09:fix/rich-social-preview-tags-clean2

Conversation

@jaygaikar-09

Copy link
Copy Markdown
Contributor

Summary

Added Open Graph and Twitter Card meta tags to templates/index.html to improve social sharing previews for the DevPath homepage. These tags provide proper titles and descriptions when links are shared on platforms like Twitter, LinkedIn, Slack, and WhatsApp without affecting layout or functionality.

Closes #78


Type of Change

  • Bug fix
  • Feature
  • Data
  • Documentation
  • Style
  • Refactor
  • Test

What Was Changed

File Change made
templates/index.html Added Open Graph and Twitter Card meta tags inside the <head> section

How to Test

  1. Run the app:
python app.py

@vercel

vercel Bot commented May 15, 2026

Copy link
Copy Markdown

@jaygaikar-09 is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot added gssoc-2026 type:bug Something isn't working type:accessibility ui and removed type:bug Something isn't working gssoc-2026 labels May 15, 2026
@jaygaikar-09
jaygaikar-09 deleted the fix/rich-social-preview-tags-clean2 branch May 15, 2026 18:09
@jaygaikar-09
jaygaikar-09 restored the fix/rich-social-preview-tags-clean2 branch May 15, 2026 18:09
@jaygaikar-09
jaygaikar-09 deleted the fix/rich-social-preview-tags-clean2 branch May 15, 2026 18:12
@jaygaikar-09
jaygaikar-09 restored the fix/rich-social-preview-tags-clean2 branch May 15, 2026 18:13
@jaygaikar-09 jaygaikar-09 reopened this May 15, 2026
@github-actions github-actions Bot added gssoc-2026 type:bug Something isn't working labels May 15, 2026
@komalharshita

Copy link
Copy Markdown
Owner

@jaygaikar-09 do resolve the merge conflicts

@komalharshita komalharshita added the need review Further information is requested label May 18, 2026
@jaygaikar-09

Copy link
Copy Markdown
Contributor Author

@komalharshita Done!

@komalharshita

Copy link
Copy Markdown
Owner

@jaygaikar-09 ensure that all checks pass

@jaygaikar-09

Copy link
Copy Markdown
Contributor Author

@komalharshita Done!

@komalharshita komalharshita left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for the contribution. Adding Open Graph and Twitter metadata is a valuable improvement for SEO and social sharing, and the PR is heading in a good direction.

However, the implementation is currently incomplete and should not be merged yet.

Main concerns:

  • og:image and twitter:image tags are missing, which are important for proper rich preview rendering on social platforms.
  • The OG/Twitter metadata was only added to the homepage, while project detail pages still lack equivalent social metadata support.
  • The deployment URL is hardcoded directly into the template, which may become problematic for staging/custom domain setups.
  • The PR adds tests/conftest.py, but no actual metadata validation tests were included.

Before this can be approved, please:

  • add image metadata tags
  • add OG/Twitter metadata support for project pages as well
  • consider canonical metadata support
  • either document or improve handling of the production URL
  • include actual tests validating rendered metadata output

Once the metadata implementation is more complete and consistent across shareable pages, this can be re-reviewed.

@komalharshita komalharshita removed type:bug Something isn't working need review Further information is requested labels May 30, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add Open Graph and Twitter Card meta tags to index.html for rich social previews

2 participants