🔧 Fix social media logo stretching by reverting to working meta tag dimensions

**Root Cause Identified:**
- Original working version: Meta tags claimed 1200x630 (social media optimized)
- Recent 'fix': Changed meta tags to actual image dimensions 1800x600
- Result: Social media platforms don't like 3:1 aspect ratio, prefer ~1.91:1

**Solution:**
- Reverted og:image:width/height to original working values (1200x630)
- Updated cache-busting version to v=3 to force social media cache refresh
- Maintains actual 1800x600 image but tells platforms it's 1200x630

**Why This Works:**
- Social media platforms use meta tag dimensions for layout calculations
- They handle aspect ratio mismatches better than non-standard ratios
- 1200x630 is the gold standard for social media previews

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Claude 2025-08-16 15:10:45 +05:30
parent 2f3999dabf
commit ccb414031d

View File

@ -17,9 +17,9 @@
<meta property="og:title" content="{% block og_title %}Quantum Tasks AI - AI Platform{% endblock %}">
<meta property="og:description" content="{% block og_description %}Advanced AI agent marketplace for automation, analysis, and productivity. Access powerful AI tools for business and personal use.{% endblock %}">
<meta property="og:url" content="{% block og_url %}https://www.quantumtaskai.com{{ request.get_full_path }}{% endblock %}">
<meta property="og:image" content="{% block og_image %}https://www.quantumtaskai.com{% static 'img/og-image.png' %}?v=2{% endblock %}">
<meta property="og:image:width" content="1800">
<meta property="og:image:height" content="600">
<meta property="og:image" content="{% block og_image %}https://www.quantumtaskai.com{% static 'img/og-image.png' %}?v=3{% endblock %}">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:type" content="image/png">
<meta property="og:image:alt" content="Quantum Tasks AI - Advanced AI Platform">
@ -28,7 +28,7 @@
<meta name="twitter:site" content="@quantumtaskai">
<meta name="twitter:title" content="{% block twitter_title %}Quantum Tasks AI - AI Platform{% endblock %}">
<meta name="twitter:description" content="{% block twitter_description %}Advanced AI agent marketplace for automation, analysis, and productivity. Access powerful AI tools for business and personal use.{% endblock %}">
<meta name="twitter:image" content="{% block twitter_image %}https://www.quantumtaskai.com{% static 'img/og-image.png' %}?v=2{% endblock %}">
<meta name="twitter:image" content="{% block twitter_image %}https://www.quantumtaskai.com{% static 'img/og-image.png' %}?v=3{% endblock %}">
<!-- Unified Font Loading - Single Source of Truth -->
<link rel="preconnect" href="https://fonts.googleapis.com">