takeone-youtube-clone/TODO_open_graph.md
2026-03-11 11:21:33 +03:00

1.1 KiB

Open Graph Implementation Plan

Task: Video sharing preview (thumbnail + info) on all platforms

Steps to complete:

  1. 1. Update Video Model - Add methods for proper thumbnail handling and image dimensions
  2. 2. Update videos/show.blade.php - Add comprehensive Open Graph meta tags
  3. 3. Add video-specific Open Graph tags (og:video, og:video:url, etc.)
  4. 4. Add enhanced Twitter Card meta tags
  5. 5. Add Schema.org VideoObject markup
  6. 6. Ensure thumbnail is publicly accessible

Platform Support:

  • WhatsApp
  • Facebook
  • Twitter/X
  • LinkedIn
  • Telegram
  • Pinterest
  • All other social platforms

Meta Tags Implemented:

  • Basic: og:title, og:description, og:image, og:url, og:type, og:site_name
  • Image: og:image:width, og:image:height, og:image:alt
  • Video-specific: og:video, og:video:url, og:video:secure_url, og:video:type, og:video:width, og:video:height, video:duration, video:release_date
  • Twitter: twitter:card, twitter:site, twitter:creator, twitter:player, twitter:player:stream
  • LinkedIn: linkedin:owner
  • Pinterest: pinterest-rich-pin
  • Schema.org: VideoObject with full video metadata