How to Write SEO Meta Tags for AI-Generated Websites
Your AI-generated website can look stunning and load fast — but if the meta tags are missing or generic, Google will not rank it and searchers will not click it. Meta tags are the interface between your site and every search result page, and they require deliberate human input to work correctly.
What Are Meta Tags?
Meta tags are HTML elements in the `
` of your page that describe the page to search engines and social media platforms. The two that matter most for SEO are:
Title tag (`
`) — displayed as the blue headline in Google search results. This is the single most important on-page SEO element.</p>
<p class="text-white/55 leading-relaxed mb-4"><strong class="text-white font-semibold">Meta description</strong> — displayed as the grey summary text below the title in search results. It does not directly affect rankings but has a significant effect on click-through rate.</p>
<h2 class="text-2xl font-bold text-white mt-10 mb-4">Writing an Effective Title Tag</h2>
<p class="text-white/55 leading-relaxed mb-4">A well-written title tag:</p>
<ul class="my-4 space-y-1"><li class="ml-5 list-disc text-white/60 mb-1"><strong class="text-white font-semibold">Leads with the primary keyword</strong> — the phrase your target audience actually types into Google</li>
<li class="ml-5 list-disc text-white/60 mb-1"><strong class="text-white font-semibold">Includes your brand name at the end</strong> — separated by a pipe or dash (e.g. "Coffee Roastery in Delhi | Ember & Ash")</li>
<li class="ml-5 list-disc text-white/60 mb-1"><strong class="text-white font-semibold">Is under 60 characters</strong> — Google truncates titles longer than approximately 600 pixels (roughly 60 characters)</li>
<li class="ml-5 list-disc text-white/60 mb-1"><strong class="text-white font-semibold">Is unique for every page</strong> — duplicate titles signal that pages have duplicate content</li>
</ul>
Example:
<ul class="my-4 space-y-1"><li class="ml-5 list-disc text-white/60 mb-1">❌ "Home | Ember & Ash Coffee"</li>
<li class="ml-5 list-disc text-white/60 mb-1">✅ "Specialty Coffee Roastery in Delhi | Ember & Ash"</li>
</ul>
<h2 class="text-2xl font-bold text-white mt-10 mb-4">Writing an Effective Meta Description</h2>
<p class="text-white/55 leading-relaxed mb-4">A good meta description:</p>
<ul class="my-4 space-y-1"><li class="ml-5 list-disc text-white/60 mb-1"><strong class="text-white font-semibold">States clearly what the page is about and why it matters</strong> — treat it as ad copy for the page</li>
<li class="ml-5 list-disc text-white/60 mb-1"><strong class="text-white font-semibold">Includes a natural mention of the primary keyword</strong> — Google bolds matching terms in search results, improving visual prominence</li>
<li class="ml-5 list-disc text-white/60 mb-1"><strong class="text-white font-semibold">Has a soft CTA</strong> — "Book a free consultation", "Explore the collection", "See our packages"</li>
<li class="ml-5 list-disc text-white/60 mb-1"><strong class="text-white font-semibold">Is under 160 characters</strong> — Google truncates longer descriptions</li>
</ul>
Example:
<ul class="my-4 space-y-1"><li class="ml-5 list-disc text-white/60 mb-1">❌ "We are a coffee roastery based in Delhi offering the best coffee."</li>
<li class="ml-5 list-disc text-white/60 mb-1">✅ "Specialty-grade coffee roasted in small batches in Delhi. Direct-trade beans from Colombia and Ethiopia. Order online or visit our Hauz Khas café."</li>
</ul>
<h2 class="text-2xl font-bold text-white mt-10 mb-4">Setting Meta Tags in Draftly</h2>
<p class="text-white/55 leading-relaxed mb-4">Draftly generates default meta tags from your brand name and site description. To customise them:</p>
<ul class="my-4 space-y-1"><li class="ml-5 list-decimal text-white/60 mb-1">Open the builder and click <strong class="text-white font-semibold">Site Settings → SEO</strong></li>
<li class="ml-5 list-decimal text-white/60 mb-1">Edit the <strong class="text-white font-semibold">Page title</strong> and <strong class="text-white font-semibold">Meta description</strong> fields for each page</li>
<li class="ml-5 list-decimal text-white/60 mb-1">Upload a <strong class="text-white font-semibold">Social sharing image</strong> (1200×630px) for WhatsApp, LinkedIn, and Twitter previews</li>
</ul>
For a full guide to Draftly's SEO panel, read <a href="/blog/product/draftly-seo-panel-guide" class="text-brand-tertiary hover:text-brand-tertiary/80 underline underline-offset-2 transition-colors">How to Use Draftly's Built-In SEO Panel</a>.
<h2 class="text-2xl font-bold text-white mt-10 mb-4">Page-Level vs. Site-Level Meta Tags</h2>
<p class="text-white/55 leading-relaxed mb-4">Every page needs its own unique title and description. A blog post, a services page, and a pricing page each serve different search intents and should target different keywords. Reusing the same meta tags across pages is one of the most common SEO mistakes on AI-generated sites.</p>
<h2 class="text-2xl font-bold text-white mt-10 mb-4">Open Graph Tags for Social Sharing</h2>
<p class="text-white/55 leading-relaxed mb-4">When your pages are shared on social platforms, Open Graph tags control what title, description, and image appears in the preview card. Draftly automatically generates Open Graph tags from your SEO settings — but make sure you have uploaded a social sharing image, as pages without one will show a blank card.</p>
<h2 class="text-2xl font-bold text-white mt-10 mb-4">Checking Your Meta Tags</h2>
<p class="text-white/55 leading-relaxed mb-4">After publishing, use a free tool like Screaming Frog, Ahrefs' SEO toolbar, or simply view the page source (Ctrl+U) to verify your meta tags are rendering correctly. For ongoing monitoring, Google Search Console shows you when titles or descriptions are being overridden by Google's own rewrites — a signal that your tags need improvement.</p></article><div class="mt-12 pt-6 border-t border-white/[0.06] flex flex-wrap gap-2" style="opacity:0"><span class="text-xs text-white/25 self-center mr-1">Tagged:</span><a href="/blog?tag=Meta%20Tags"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold border-transparent bg-white/[0.08] text-white/70 text-[11px] cursor-pointer hover:bg-white/15 transition-colors">Meta Tags</div></a><a href="/blog?tag=SEO"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold border-transparent bg-white/[0.08] text-white/70 text-[11px] cursor-pointer hover:bg-white/15 transition-colors">SEO</div></a><a href="/blog?tag=AI%20Websites"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold border-transparent bg-white/[0.08] text-white/70 text-[11px] cursor-pointer hover:bg-white/15 transition-colors">AI Websites</div></a></div><section class="mt-16" style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="flex items-center justify-between mb-6"><h2 class="text-xl font-bold text-white">Related Articles</h2><a class="text-xs text-white/35 hover:text-white/60 transition-colors" href="/blog/seo">More in <!-- -->SEO & Performance<!-- --> →</a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5"><div class="w-full" style="cursor:pointer;opacity:0;transform:translateY(20px) translateZ(0)"><div class="border text-white shadow group relative h-full overflow-hidden rounded-2xl border-white/[0.08] bg-white/[0.04] backdrop-blur-md transition-all duration-300 hover:border-white/[0.18] hover:bg-white/[0.07] hover:shadow-xl hover:shadow-white/[0.04]"><div class="relative aspect-[16/9] overflow-hidden"><div class="absolute inset-0 animate-pulse bg-white/[0.03]"></div><img src="https://draftly.space/api/media/blog?key=blog-images%2Fcontent-calendar-seo-strategy-cover.webp" alt="How to Build a 6-Month Content Calendar for SEO" loading="lazy" decoding="async" class="h-full w-full object-cover transition-all duration-500 group-hover:scale-110 opacity-0"/><div class="absolute inset-0 bg-gradient-to-t from-[#050508]/80 to-transparent opacity-60 transition-opacity duration-300 group-hover:opacity-40"></div><div class="absolute bottom-3 left-3 flex flex-wrap gap-2"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors bg-black/40 backdrop-blur-sm border-white/20 text-white/80 hover:bg-black/60">content calendar</div><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors bg-black/40 backdrop-blur-sm border-white/20 text-white/80 hover:bg-black/60">SEO strategy</div><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors bg-black/40 backdrop-blur-sm border-white/20 text-white/80 hover:bg-black/60">content marketing</div></div><div class="absolute inset-0 flex items-center justify-center bg-black/20 backdrop-blur-[2px] opacity-0 transition-opacity duration-300 group-hover:opacity-100"><span class="flex items-center gap-2 rounded-full bg-white px-6 py-2.5 text-sm font-semibold text-[#0a0d14] shadow-lg" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-4 w-4"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>Read Article</span></div></div><div class="flex flex-col gap-4 p-5"><div class="space-y-2"><h3 class="text-lg font-semibold leading-tight tracking-tight text-white/90 transition-colors group-hover:text-white line-clamp-2">How to Build a 6-Month Content Calendar for SEO</h3><p class="line-clamp-2 text-sm text-white/45">Random blog publishing doesn't build rankings. A structured content calendar does. Here's how to build one that compounds over time.</p></div><div class="flex items-center gap-2.5 border-t border-white/[0.06] pt-4"><div class="relative flex shrink-0 overflow-hidden rounded-full h-7 w-7 flex-shrink-0 border border-white/[0.12]"><div class="flex h-full w-full items-center justify-center rounded-full bg-white/10 text-white/70 text-sm font-medium">D</div></div><div class="min-w-0 flex-1"><span class="block truncate text-xs font-medium text-white/80">Draftly Team</span><div class="flex items-center gap-2 text-[11px] text-white/35"><span class="truncate">February 22, 2026</span><span class="flex-shrink-0">·</span><span class="flex-shrink-0 flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock h-3 w-3"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>6</span></div></div></div></div></div></div><div class="w-full" style="cursor:pointer;opacity:0;transform:translateY(20px) translateZ(0)"><div class="border text-white shadow group relative h-full overflow-hidden rounded-2xl border-white/[0.08] bg-white/[0.04] backdrop-blur-md transition-all duration-300 hover:border-white/[0.18] hover:bg-white/[0.07] hover:shadow-xl hover:shadow-white/[0.04]"><div class="relative aspect-[16/9] overflow-hidden"><div class="absolute inset-0 animate-pulse bg-white/[0.03]"></div><img src="https://draftly.space/api/media/blog?key=blog-images%2Fhow-google-ranks-websites-2026-cover.webp" alt="How Google Actually Ranks Websites in 2026" loading="lazy" decoding="async" class="h-full w-full object-cover transition-all duration-500 group-hover:scale-110 opacity-0"/><div class="absolute inset-0 bg-gradient-to-t from-[#050508]/80 to-transparent opacity-60 transition-opacity duration-300 group-hover:opacity-40"></div><div class="absolute bottom-3 left-3 flex flex-wrap gap-2"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors bg-black/40 backdrop-blur-sm border-white/20 text-white/80 hover:bg-black/60">Google ranking</div><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors bg-black/40 backdrop-blur-sm border-white/20 text-white/80 hover:bg-black/60">SEO 2026</div><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors bg-black/40 backdrop-blur-sm border-white/20 text-white/80 hover:bg-black/60">E-E-A-T</div></div><div class="absolute inset-0 flex items-center justify-center bg-black/20 backdrop-blur-[2px] opacity-0 transition-opacity duration-300 group-hover:opacity-100"><span class="flex items-center gap-2 rounded-full bg-white px-6 py-2.5 text-sm font-semibold text-[#0a0d14] shadow-lg" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-4 w-4"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>Read Article</span></div></div><div class="flex flex-col gap-4 p-5"><div class="space-y-2"><h3 class="text-lg font-semibold leading-tight tracking-tight text-white/90 transition-colors group-hover:text-white line-clamp-2">How Google Actually Ranks Websites in 2026</h3><p class="line-clamp-2 text-sm text-white/45">The algorithm has changed. AI Overviews, E-E-A-T, and helpfulness signals now matter more than keyword density. Here's what to focus on.</p></div><div class="flex items-center gap-2.5 border-t border-white/[0.06] pt-4"><div class="relative flex shrink-0 overflow-hidden rounded-full h-7 w-7 flex-shrink-0 border border-white/[0.12]"><div class="flex h-full w-full items-center justify-center rounded-full bg-white/10 text-white/70 text-sm font-medium">D</div></div><div class="min-w-0 flex-1"><span class="block truncate text-xs font-medium text-white/80">Draftly Team</span><div class="flex items-center gap-2 text-[11px] text-white/35"><span class="truncate">February 21, 2026</span><span class="flex-shrink-0">·</span><span class="flex-shrink-0 flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock h-3 w-3"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>8</span></div></div></div></div></div></div><div class="w-full" style="cursor:pointer;opacity:0;transform:translateY(20px) translateZ(0)"><div class="border text-white shadow group relative h-full overflow-hidden rounded-2xl border-white/[0.08] bg-white/[0.04] backdrop-blur-md transition-all duration-300 hover:border-white/[0.18] hover:bg-white/[0.07] hover:shadow-xl hover:shadow-white/[0.04]"><div class="relative aspect-[16/9] overflow-hidden"><div class="absolute inset-0 animate-pulse bg-white/[0.03]"></div><img src="https://draftly.space/api/media/blog?key=blog-images%2F3d-annual-report-pages-indian-corporates-cover.webp" alt="How 3D Annual Report Pages Elevate Transparency for Indian Corporates" loading="lazy" decoding="async" class="h-full w-full object-cover transition-all duration-500 group-hover:scale-110 opacity-0"/><div class="absolute inset-0 bg-gradient-to-t from-[#050508]/80 to-transparent opacity-60 transition-opacity duration-300 group-hover:opacity-40"></div><div class="absolute bottom-3 left-3 flex flex-wrap gap-2"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors bg-black/40 backdrop-blur-sm border-white/20 text-white/80 hover:bg-black/60">3D annual report</div><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors bg-black/40 backdrop-blur-sm border-white/20 text-white/80 hover:bg-black/60">Indian corporates</div><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors bg-black/40 backdrop-blur-sm border-white/20 text-white/80 hover:bg-black/60">transparency</div></div><div class="absolute inset-0 flex items-center justify-center bg-black/20 backdrop-blur-[2px] opacity-0 transition-opacity duration-300 group-hover:opacity-100"><span class="flex items-center gap-2 rounded-full bg-white px-6 py-2.5 text-sm font-semibold text-[#0a0d14] shadow-lg" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-4 w-4"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>Read Article</span></div></div><div class="flex flex-col gap-4 p-5"><div class="space-y-2"><h3 class="text-lg font-semibold leading-tight tracking-tight text-white/90 transition-colors group-hover:text-white line-clamp-2">How 3D Annual Report Pages Elevate Transparency for Indian Corporates</h3><p class="line-clamp-2 text-sm text-white/45">3D annual report pages are redefining corporate transparency for Indian companies. Learn how immersive visuals, interactive features, and real-time data elevate stakeholder trust.</p></div><div class="flex items-center gap-2.5 border-t border-white/[0.06] pt-4"><div class="relative flex shrink-0 overflow-hidden rounded-full h-7 w-7 flex-shrink-0 border border-white/[0.12]"><div class="flex h-full w-full items-center justify-center rounded-full bg-white/10 text-white/70 text-sm font-medium">D</div></div><div class="min-w-0 flex-1"><span class="block truncate text-xs font-medium text-white/80">Draftly Team</span><div class="flex items-center gap-2 text-[11px] text-white/35"><span class="truncate">June 19, 2026</span><span class="flex-shrink-0">·</span><span class="flex-shrink-0 flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock h-3 w-3"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>8 min read</span></div></div></div></div></div></div></div></section><div class="mt-16 flex items-center justify-between gap-4"><button class="inline-flex items-center gap-2 px-4 py-2 rounded-full border border-white/[0.1] text-sm text-white/40 hover:text-white/70 hover:border-white/25 transition-all"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left w-4 h-4"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg>SEO & Performance</button><a class="inline-flex items-center gap-2 px-5 py-2 rounded-full border border-white/[0.1] text-sm text-white/40 hover:text-white/70 hover:border-white/25 transition-all" href="/blog">All Articles</a></div></main><footer id="contact" class="relative border-t border-white/[0.04] bg-[rgba(5,5,8,0.80)] backdrop-blur-2xl pt-[72px] pb-8"><div class="max-w-6xl mx-auto px-6"><div class="grid grid-cols-1 md:grid-cols-[1.4fr_repeat(4,1fr)] gap-12"><div><a class="flex items-center gap-2.5 mb-3.5" href="/"><div class="w-7 h-7 rounded-[8px] bg-white/[0.10] border border-white/[0.15] flex items-center justify-center"><div class="w-2 h-2 rounded-[2px] bg-white"></div></div><span class="font-display font-extrabold text-[17px] tracking-tight uppercase text-white/90">DRAFTLY</span></a><p class="text-[13px] text-white/40 leading-relaxed max-w-[300px] mb-5">3D Website Builder für kinoreife Scroll-Erlebnisse – generiert aus einer einzigen Eingabeaufforderung.</p><div class="flex gap-2"><a href="https://x.com/Piyush_Sxt" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-[10px] bg-white/[0.04] border border-white/[0.08] flex items-center justify-center text-white/40 hover:text-white/80 hover:bg-white/[0.08] transition-colors"><i class="fa-brands fa-twitter text-[13px]" aria-hidden="true"></i><span class="sr-only">Twitter</span></a><a href="https://www.linkedin.com/in/piyush-singh-023507359" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-[10px] bg-white/[0.04] border border-white/[0.08] flex items-center justify-center text-white/40 hover:text-white/80 hover:bg-white/[0.08] transition-colors"><i class="fa-brands fa-linkedin text-[13px]" aria-hidden="true"></i><span class="sr-only">LinkedIn</span></a><a href="https://www.instagram.com/piyush.glitch" target="_blank" rel="noopener noreferrer" class="w-9 h-9 rounded-[10px] bg-white/[0.04] border border-white/[0.08] flex items-center justify-center text-white/40 hover:text-white/80 hover:bg-white/[0.08] transition-colors"><i class="fa-brands fa-instagram text-[13px]" aria-hidden="true"></i><span class="sr-only">Instagram</span></a><a href="mailto:support@draftly.business" class="w-9 h-9 rounded-[10px] bg-white/[0.04] border border-white/[0.08] flex items-center justify-center text-white/40 hover:text-white/80 hover:bg-white/[0.08] transition-colors"><i class="fa-solid fa-envelope text-[13px]" aria-hidden="true"></i><span class="sr-only">Email</span></a></div></div><div><h4 class="text-[11px] font-bold text-white/90 uppercase tracking-[0.18em] mb-3.5 font-mono">Produkt</h4><ul class="flex flex-col gap-2.5"><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/features">Funktionen</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/agent">3D Builder</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/presets">Vorlagen</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/pricing">Preise</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/changelog">Changelog</a></li></ul></div><div><h4 class="text-[11px] font-bold text-white/90 uppercase tracking-[0.18em] mb-3.5 font-mono">Unternehmen</h4><ul class="flex flex-col gap-2.5"><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/about">Über uns</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/blog">Blog</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/affiliate">Affiliate</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/contact">Kontakt</a></li></ul></div><div><h4 class="text-[11px] font-bold text-white/90 uppercase tracking-[0.18em] mb-3.5 font-mono">Ressourcen</h4><ul class="flex flex-col gap-2.5"><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/docs">Dokumentation</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/docs/customization-guide">Anpassungsleitfaden</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/docs/seo-guide">SEO Best Practices</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/api-reference">API-Referenz</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/help">Hilfe-Center</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/engine">Draftly Engine</a></li></ul></div><div><h4 class="text-[11px] font-bold text-white/90 uppercase tracking-[0.18em] mb-3.5 font-mono">Rechtliches</h4><ul class="flex flex-col gap-2.5"><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/legal/privacy">Datenschutz</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/legal/terms">Nutzungsbedingungen</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/legal/cancellation">Cancellation & Refund</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/legal/cookies">Cookies</a></li><li><a class="text-[13px] text-white/40 hover:text-white/70 transition-colors" href="/legal/dpa">AVV</a></li></ul></div></div><div class="mt-16 pt-6 border-t border-white/[0.04] flex items-center justify-between flex-wrap gap-4"><span class="font-mono text-[11px] text-white/30">© 2026 Draftly. Alle Rechte vorbehalten.<!-- --> · support@draftly.business</span><div class="flex flex-wrap items-center gap-x-4 gap-y-2 font-mono text-[11px] text-white/30"><a class="hover:text-white/60 transition-colors" href="/legal/privacy">Datenschutz</a><a class="hover:text-white/60 transition-colors" href="/legal/terms">Nutzungsbedingungen</a><a class="hover:text-white/60 transition-colors" href="/legal/cancellation">Cancellation & Refund</a><span class="hidden sm:inline text-white/15">|</span><span class="flex items-center gap-1.5"><span>Entwickelt in Indien</span><span class="inline-block relative w-[18px] h-[12px] rounded-[2px] overflow-hidden" aria-hidden="true"><span class="absolute inset-x-0 top-0 h-[4px] bg-orange-500"></span><span class="absolute inset-x-0 top-[4px] h-[4px] bg-white"></span><span class="absolute inset-x-0 bottom-0 h-[4px] bg-green-600"></span><span class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[5px] h-[5px] rounded-full border border-blue-800"></span></span></span></div></div></div></footer></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:1","P:1")</script><script>$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("B:0","S:0")</script></body></html>
