Files
mealMoodSite/website-share-page.html
claude-code 5a2ede563d SEO/LLM visibility: landing pages, llms.txt, metadatos OG completos
- 2 landing pages keyword-targeted: weekly-meal-planner, meal-planning-for-families (Article + BreadcrumbList + FAQPage JSON-LD)
- llms.txt para descubrimiento por LLMs/AI assistants
- og:site_name/locale/image:alt; hreflang en/x-default
- SoftwareApplication JSON-LD: featureList, inLanguage (6 idiomas), author
- Eliminado pt=123456 (provider token placeholder inválido) de todos los links App Store
- Footer con sección Guides; sitemap actualizado

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WoScpmHdVj1aUf4rAp6hbe
2026-07-07 12:52:41 +02:00

214 lines
7.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MealMood - Plan Your Weekly Meals</title>
<!-- Primary Meta Tags -->
<meta name="title" content="MealMood - Plan Your Weekly Meals">
<meta name="description" content="Plan lunches and dinners in minutes with drag-and-drop and smart auto-complete. Available on the App Store.">
<meta name="keywords" content="meal planner, family meal planning, weekly menu, iOS app, meal schedule">
<meta name="author" content="MealMood">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://mealmood.app/share">
<meta property="og:title" content="MealMood - Plan Your Weekly Meals">
<meta property="og:description" content="Plan lunches and dinners in minutes with drag-and-drop and smart auto-complete. Download now on the App Store.">
<meta property="og:image" content="https://mealmood.app/images/og-share-card.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:site_name" content="MealMood">
<meta property="og:locale" content="en_US">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://mealmood.app/share">
<meta name="twitter:title" content="MealMood - Plan Your Weekly Meals">
<meta name="twitter:description" content="Plan lunches and dinners in minutes with drag-and-drop and smart auto-complete. Download now on the App Store.">
<meta name="twitter:image" content="https://mealmood.app/images/og-share-card.png">
<!-- Apple Smart App Banner -->
<meta name="apple-itunes-app" content="app-id=6759255553">
<!-- Favicon -->
<link rel="icon" type="image/png" href="assets/icons/favicon.png">
<link rel="apple-touch-icon" href="assets/icons/apple-touch-icon.png">
<link rel="preconnect" href="https://apps.apple.com">
<link rel="preconnect" href="https://plausible.io">
<!-- Canonical URL -->
<link rel="canonical" href="https://mealmood.app/share">
<script defer data-domain="mealmood.app" src="https://plausible.io/js/script.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LVB8MLYLL8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LVB8MLYLL8');
</script>
<!-- Schema.org structured data for SEO/AEO -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "MobileApplication",
"name": "MealMood",
"operatingSystem": "iOS",
"applicationCategory": "FoodApplication",
"description": "Plan weekly family lunches and dinners in minutes with drag-and-drop scheduling and smart auto-complete.",
"url": "https://mealmood.app",
"downloadUrl": "https://apps.apple.com/us/app/mealmood/id6759255553?ct=homepage_other&mt=8",
"screenshot": "https://mealmood.app/images/og-share-card.png",
"author": {
"@type": "Organization",
"name": "MealMood"
},
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"ratingCount": "1"
}
}
</script>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
background: linear-gradient(135deg, #ffb4a2 0%, #b8e6d5 100%);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.container {
text-align: center;
color: white;
max-width: 480px;
}
.app-icon {
width: 120px;
height: 120px;
border-radius: 24px;
box-shadow: 0 10px 40px rgba(0,0,0,0.3);
margin-bottom: 24px;
}
h1 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 12px;
}
.tagline {
font-size: 1.1rem;
opacity: 0.9;
margin-bottom: 32px;
line-height: 1.5;
}
.features {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
margin-bottom: 32px;
}
.feature {
background: rgba(255,255,255,0.15);
padding: 8px 16px;
border-radius: 20px;
font-size: 0.9rem;
backdrop-filter: blur(10px);
}
.download-btn {
display: inline-flex;
align-items: center;
gap: 12px;
background: white;
color: #2d2d2d;
padding: 16px 32px;
border-radius: 14px;
text-decoration: none;
font-weight: 600;
font-size: 1.1rem;
box-shadow: 0 4px 20px rgba(0,0,0,0.2);
transition: transform 0.2s, box-shadow 0.2s;
}
.download-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 30px rgba(0,0,0,0.3);
}
.download-btn svg {
width: 24px;
height: 24px;
}
.footer {
margin-top: 40px;
font-size: 0.85rem;
opacity: 0.7;
}
.footer a {
color: white;
text-decoration: underline;
}
</style>
</head>
<body>
<div class="container">
<!-- Replace with your actual app icon -->
<img src="assets/images/app-icon.png" alt="MealMood" class="app-icon">
<h1>MealMood</h1>
<p class="tagline">Plan your weekly family meals with less stress and more variety.</p>
<div class="features">
<span class="feature">Drag & Drop</span>
<span class="feature">Smart Auto-complete</span>
<span class="feature">Calendar Sync</span>
<span class="feature">Privacy Focused</span>
</div>
<a href="https://apps.apple.com/us/app/mealmood/id6759255553?ct=homepage_other&amp;mt=8" class="download-btn">
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/>
</svg>
Download on App Store
</a>
<p class="footer">
<a href="https://mealmood.app">mealmood.app</a>
</p>
</div>
<!-- Auto-redirect to App Store after 3 seconds (optional) -->
<script>
// Uncomment to enable auto-redirect
// setTimeout(function() {
// window.location.href = 'https://apps.apple.com/us/app/mealmood/id6759255553?ct=homepage_other&mt=8';
// }, 3000);
</script>
</body>
</html>