234 lines
14 KiB
HTML
234 lines
14 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
|
</head>
|
|
<body>
|
|
<div class="row position-relative pt-lg-3 px-lg-5 pb-lg-3 p-md-4 p-3 mx-auto d-flex align-items-center" style="color:#333333; font-weight:500; font-size:16px; width:95%">
|
|
<section class="oe_container">
|
|
<!-- Header -->
|
|
<div class="col-md-12 text-center" style="margin-top: 10px;">
|
|
<a target="_blank" href="https://otoolkit.app">
|
|
<h2>O'Toolkit</h2>
|
|
</a>
|
|
<p>
|
|
<a href="https://otoolkit.app" target="_blank">Website: otoolkit.app</a><br>
|
|
Email: <a href="mailto:contact@otoolkit.app">contact@otoolkit.app</a>
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Product Title -->
|
|
<div class="col-md-12 text-center" style="margin-top: 30px;">
|
|
<a target="_blank" href="https://otoolkit.app/application/seo-content">
|
|
<h2>SEO Content Generator</h2>
|
|
</a>
|
|
<p>The <strong>SEO Content Generator</strong> is an AI-powered content creation suite for Odoo that helps you generate, optimize, and manage SEO-friendly blog posts, product descriptions, and marketing content directly within your ERP. Powered by advanced AI models, it creates high-quality content with built-in SEO analysis, generates matching images, and seamlessly publishes to your Odoo website blog.</p>
|
|
<p>Complete documentation available at <a href="https://otoolkit.app/application/seo-content">https://otoolkit.app/application/seo-content</a></p>
|
|
</div>
|
|
|
|
<!-- How it works -->
|
|
<div class="col-md-12 text-center" style="margin-top: 30px;text-align: left !important;">
|
|
<h2 style="text-align: center !important">
|
|
<b>How it works</b>
|
|
</h2>
|
|
<div class="row text-dark">
|
|
<div class="col-lg-8 col-sm-12 mt-5 mb-5">
|
|
<img src="assets/generate-wizard.webp" class="shadow" style="width: 100%; border-radius: 15px;" alt="SEO Content generation wizard in Odoo">
|
|
</div>
|
|
<div class="col-lg-4 col-sm-12 mt-5 mb-5" style="display: flex; align-items: center;">
|
|
<div>
|
|
<h3>
|
|
<b>Generate in one click</b>
|
|
</h3>
|
|
<p class="mt-4">Enter your keywords or topic, select your content type and tone, and let AI generate a complete SEO-optimized article with title, content, meta tags, and teaser.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="d-lg-none">
|
|
|
|
<div class="col-lg-4 col-sm-12 mt-5 mb-5" style="display: flex; align-items: center;">
|
|
<div>
|
|
<h3>
|
|
<b>Real-time SEO analysis</b>
|
|
</h3>
|
|
<p class="mt-4">Get instant feedback on your content's SEO performance with a detailed score breakdown and actionable improvement suggestions.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8 col-sm-12 mt-5 mb-5">
|
|
<img src="assets/seo-analysis.webp" class="shadow" style="width: 100%; border-radius: 15px;" alt="SEO analysis with score and recommendations">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- AI Image Generation -->
|
|
<div class="col-md-12 text-center" style="margin-top: 30px;text-align: left !important;">
|
|
<h2 style="text-align: center !important">
|
|
<b>AI-Powered Image Generation</b>
|
|
</h2>
|
|
<div class="row text-dark">
|
|
<div class="col-lg-8 col-sm-12 mt-5 mb-5">
|
|
<img src="assets/image-generation.gif" class="shadow" style="width: 100%; border-radius: 15px;" alt="AI image generation with multiple styles">
|
|
</div>
|
|
<div class="col-lg-4 col-sm-12 mt-5 mb-5" style="display: flex; align-items: center;">
|
|
<div>
|
|
<h3>
|
|
<b>Matching visuals</b>
|
|
</h3>
|
|
<p class="mt-4">Automatically generate images that match your content. Choose from multiple styles: photorealistic, illustration, digital art, watercolor, sketch, or 3D render.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="d-lg-none">
|
|
|
|
<div class="col-lg-4 col-sm-12 mt-5 mb-5" style="display: flex; align-items: center;">
|
|
<div>
|
|
<h3>
|
|
<b>Content-aware prompts</b>
|
|
</h3>
|
|
<p class="mt-4">Images are generated based on your content's title, sections, and keywords, ensuring they perfectly complement your article.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8 col-sm-12 mt-5 mb-5">
|
|
<img src="assets/image-styles.gif" class="shadow" style="width: 100%; border-radius: 15px;" alt="Different image generation styles">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Features -->
|
|
<div class="col-md-12 text-center" style="margin-top: 30px;text-align: left !important;">
|
|
<h2 style="text-align: center !important">
|
|
<b>Powerful Features</b>
|
|
</h2>
|
|
<div class="row text-dark">
|
|
<div class="col-lg-8 col-sm-12 mt-5 mb-5">
|
|
<img src="assets/batch-processing.gif" class="shadow" style="width: 100%; border-radius: 15px;" alt="Batch content generation">
|
|
</div>
|
|
<div class="col-lg-4 col-sm-12 mt-5 mb-5" style="display: flex; align-items: center;">
|
|
<div>
|
|
<h3>
|
|
<b>Batch generation</b>
|
|
</h3>
|
|
<p class="mt-4">Generate hundreds of product descriptions or blog posts at once. Import from CSV, product categories, or keyword lists.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="d-lg-none">
|
|
|
|
<div class="col-lg-4 col-sm-12 mt-5 mb-5" style="display: flex; align-items: center;">
|
|
<div>
|
|
<h3>
|
|
<b>Ideas Queue & Scheduling</b>
|
|
</h3>
|
|
<p class="mt-4">Plan your content calendar with the Ideas Queue. Schedule content for future generation and even auto-publish to your blog.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8 col-sm-12 mt-5 mb-5">
|
|
<img src="assets/ideas-queue.webp" class="shadow" style="width: 100%; border-radius: 15px;" alt="Ideas queue and content scheduling">
|
|
</div>
|
|
|
|
<hr class="d-lg-none">
|
|
|
|
<div class="col-lg-8 col-sm-12 mt-5 mb-5">
|
|
<img src="assets/blog-integration.gif" class="shadow" style="width: 100%; border-radius: 15px;" alt="Blog post creation from SEO content">
|
|
</div>
|
|
<div class="col-lg-4 col-sm-12 mt-5 mb-5" style="display: flex; align-items: center;">
|
|
<div>
|
|
<h3>
|
|
<b>One-click blog publishing</b>
|
|
</h3>
|
|
<p class="mt-4">Create blog posts directly from your generated content with cover images, meta tags, and SEO-friendly URLs already configured.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="d-lg-none">
|
|
|
|
<div class="col-lg-4 col-sm-12 mt-5 mb-5" style="display: flex; align-items: center;">
|
|
<div>
|
|
<h3>
|
|
<b>Templates & Brand Voice</b>
|
|
</h3>
|
|
<p class="mt-4">Create reusable templates with custom prompts and brand voice guidelines to maintain consistency across all your content.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8 col-sm-12 mt-5 mb-5">
|
|
<img src="assets/templates.gif" class="shadow" style="width: 100%; border-radius: 15px;" alt="Content templates and brand voice">
|
|
</div>
|
|
|
|
<hr class="d-lg-none">
|
|
|
|
<div class="col-lg-8 col-sm-12 mt-5 mb-5">
|
|
<img src="assets/references.gif" class="shadow" style="width: 100%; border-radius: 15px;" alt="URL reference fetching">
|
|
</div>
|
|
<div class="col-lg-4 col-sm-12 mt-5 mb-5" style="display: flex; align-items: center;">
|
|
<div>
|
|
<h3>
|
|
<b>Reference materials</b>
|
|
</h3>
|
|
<p class="mt-4">Add URLs as references and the AI will fetch and analyze their content to create more informed, accurate articles.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Multi-language -->
|
|
<div class="col-md-12 text-center" style="margin-top: 30px;text-align: left !important;">
|
|
<h2 style="text-align: center !important">
|
|
<b>Multi-Language Support</b>
|
|
</h2>
|
|
<div class="row text-dark">
|
|
<div class="col-lg-4 col-sm-12 mt-5 mb-5" style="display: flex; align-items: center;">
|
|
<div>
|
|
<h3>
|
|
<b>Generate in any language</b>
|
|
</h3>
|
|
<p class="mt-4">Create content in any language activated in your Odoo instance. Combined with O'Toolkit Auto Translate, automatically translate to all your website languages.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8 col-sm-12 mt-5 mb-5">
|
|
<img src="assets/multi-language.webp" class="shadow" style="width: 100%; border-radius: 15px;" alt="Multi-language content generation">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Content Types -->
|
|
<div class="col-md-12 text-center" style="margin-top: 30px;">
|
|
<h2><b>Content Types</b></h2>
|
|
<div class="row mt-4">
|
|
<div class="col-md-4 mb-4">
|
|
<div class="p-4" style="background-color: #f8f9fa; border-radius: 15px; height: 100%;">
|
|
<h4 style="color: rgb(124, 58, 237);">Blog Posts</h4>
|
|
<p>Full-length articles optimized for search engines with proper heading structure, meta tags, and engaging content.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="p-4" style="background-color: #f8f9fa; border-radius: 15px; height: 100%;">
|
|
<h4 style="color: rgb(124, 58, 237);">Product Descriptions</h4>
|
|
<p>Compelling product descriptions that highlight features, benefits, and SEO keywords. Apply directly to products.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="p-4" style="background-color: #f8f9fa; border-radius: 15px; height: 100%;">
|
|
<h4 style="color: rgb(124, 58, 237);">Landing Pages</h4>
|
|
<p>Conversion-focused content for landing pages, category descriptions, and marketing campaigns.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CTA Footer -->
|
|
<div class="col-md-12 text-center mt-5 p-4" style="background-color: #f8f9fa; border-radius: 15px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);">
|
|
<h3 style="color: rgb(124, 58, 237);">Ready to supercharge your content creation?</h3>
|
|
<p class="mt-3" style="color: #333;">Start generating SEO-optimized content in minutes. Visit our website or contact us for more information.</p>
|
|
<p>
|
|
<span href="https://otoolkit.app" class="btn otoolkit-open-site" style="background-color: rgb(124, 58, 237); color: #fff; border-radius: 5px; padding: 10px 20px; text-decoration: none;">Visit Our Website</span>
|
|
<a href="mailto:contact@otoolkit.app" class="btn" style="background-color: #fff; color: rgb(124, 58, 237); border: 2px solid rgb(124, 58, 237); border-radius: 5px; padding: 10px 20px; text-decoration: none;">Email Us</a>
|
|
</p>
|
|
<a href="https://otoolkit.app">https://otoolkit.app</a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html>
|