Assume the role of a skilled SEO content writer who can create engaging content fluently in [LANGUAGE]. Begin by developing two distinct tables: the first will contain the article's structure, while the second will house the complete article. Format the heading of the second table with bold and italic styling using Markdown.
Before drafting the article, create a comprehensive outline featuring at least 15 headings and subheadings (including H1 through H4 tags). Using this outline as your foundation, craft a 2000-2500 word piece that's entirely original, SEO-optimized, and written in a human-like manner. The content should thoroughly explore the topic specified in [TOPIC].
Express ideas in your own language without copying from external sources. Balance complexity and variation in your writing style while maintaining specificity and context. Develop detailed, engaging paragraphs that capture the reader's interest. Adopt a conversational tone through informal language, personal pronouns, simplicity, reader engagement, active voice, rhetorical questions, and occasional analogies or metaphors.
Avoid repeating the original instructions, making unnecessary references, or using generic filler phrases. Simply deliver your highest-quality work. Conclude with a summary paragraph followed by 5 unique questions and answers. Ensure the article title and all headings are bolded.
Adhere to these SEO guidelines:
- Confirm the article's title and
tags are 1-70 characters and appear only once
- Maintain keyword density between 1%-2% for the main topic
- Apply italic formatting to emphasize important words or phrases related to [TOPIC] in the second table</p>
<p>Finally, create a separate meta title, description, and slug:
- Meta title: 1-70 characters including the topic
- Meta description: 1-160 characters including the topic
- Generate 4 image alt text suggestions related to the topic</p>
<p>Develop a thorough article that addresses all relevant aspects and keywords associated with [TOPIC].</p> </section>
<section class="tab-pane fade" id="pane-tools" role="tabpanel">
Instructions: Replace `[LANGUAGE]` with your target language (e.g., English) and `[TOPIC]` with your article subject (e.g., 'How to Start a Successful Blog'). </section>
</div>
<nav class="mt-4 pt-3 border-top">
<div class="row g-3 align-items-start">
<div class="col-12 col-md-6 small d-flex align-items-center gap-2">
<i class="fa-solid fa-arrow-left-long text-muted"></i>
<span class="pn-item"><a href='/seo/writing/seo-friendly-content.html'>SEO friendly content</a></span>
</div>
<div class="col-12 col-md-6 small d-flex align-items-center justify-content-md-end gap-2">
<span class="pn-item"><a href='/seo/writing/write-content.html'>Write content</a></span>
<i class="fa-solid fa-arrow-right-long text-muted"></i>
</div>
</div>
</nav>
</div>
</article>
</div>
<aside class="col-12 col-lg-4">
<div class="card shadow-sm border-0">
<div class="card-header py-3">
<h5 class="card-title mb-0">Related Providers</h5>
</div>
<div class="list-group list-group-flush">
<a href="/seo/writing/seo-engaging-article-with-faqs-and-emojis.html"
class="list-group-item list-group-item-action d-flex gap-3">
<span class="d-inline-flex align-items-center justify-content-center rounded-3 text-white fw-bold flex-shrink-0"
style="width:36px;height:36px;background:#6c757d;">
S </span>
<div class="flex-grow-1">
<div class="fw-semibold">SEO Engaging article with FAQs and Emojis</div>
<div class="text-muted small text-truncate-2"></div>
</div>
</a>
<a href="/seo/writing/seo-using-the-swot-framework.html"
class="list-group-item list-group-item-action d-flex gap-3">
<span class="d-inline-flex align-items-center justify-content-center rounded-3 text-white fw-bold flex-shrink-0"
style="width:36px;height:36px;background:#6c757d;">
S </span>
<div class="flex-grow-1">
<div class="fw-semibold">SEO || " Using the SWOT framework "</div>
<div class="text-muted small text-truncate-2"></div>
</div>
</a>
<a href="/seo/writing/g4-social-media-recipes-for-bloggers.html"
class="list-group-item list-group-item-action d-flex gap-3">
<span class="d-inline-flex align-items-center justify-content-center rounded-3 text-white fw-bold flex-shrink-0"
style="width:36px;height:36px;background:#6c757d;">
G </span>
<div class="flex-grow-1">
<div class="fw-semibold">G4 Social Media Recipes for bloggers</div>
<div class="text-muted small text-truncate-2"></div>
</div>
</a>
<a href="/seo/writing/5x-seo-meta-title-and-description.html"
class="list-group-item list-group-item-action d-flex gap-3">
<span class="d-inline-flex align-items-center justify-content-center rounded-3 text-white fw-bold flex-shrink-0"
style="width:36px;height:36px;background:#6c757d;">
5 </span>
<div class="flex-grow-1">
<div class="fw-semibold">5x SEO Meta Title & Description</div>
<div class="text-muted small text-truncate-2"></div>
</div>
</a>
<a href="/seo/writing/perfect-instagram-bio-generator.html"
class="list-group-item list-group-item-action d-flex gap-3">
<span class="d-inline-flex align-items-center justify-content-center rounded-3 text-white fw-bold flex-shrink-0"
style="width:36px;height:36px;background:#6c757d;">
P </span>
<div class="flex-grow-1">
<div class="fw-semibold">Perfect Instagram Bio Generator</div>
<div class="text-muted small text-truncate-2"></div>
</div>
</a>
<a href="/seo/writing/viral-linkedin-post-content.html"
class="list-group-item list-group-item-action d-flex gap-3">
<span class="d-inline-flex align-items-center justify-content-center rounded-3 text-white fw-bold flex-shrink-0"
style="width:36px;height:36px;background:#6c757d;">
V </span>
<div class="flex-grow-1">
<div class="fw-semibold">Viral LinkedIn Post Content</div>
<div class="text-muted small text-truncate-2"></div>
</div>
</a>
<a href="/seo/writing/human-written-fully-seo-optimized-article-faqs.html"
class="list-group-item list-group-item-action d-flex gap-3">
<span class="d-inline-flex align-items-center justify-content-center rounded-3 text-white fw-bold flex-shrink-0"
style="width:36px;height:36px;background:#6c757d;">
H </span>
<div class="flex-grow-1">
<div class="fw-semibold">Human Written Fully SEO Optimized Article +FAQs</div>
<div class="text-muted small text-truncate-2"></div>
</div>
</a>
<a href="/seo/writing/youtube-1-click-title-description-tags-hashtags.html"
class="list-group-item list-group-item-action d-flex gap-3">
<span class="d-inline-flex align-items-center justify-content-center rounded-3 text-white fw-bold flex-shrink-0"
style="width:36px;height:36px;background:#6c757d;">
Y </span>
<div class="flex-grow-1">
<div class="fw-semibold">YouTube 1 click Title, Description, Tags, Hashtags</div>
<div class="text-muted small text-truncate-2"></div>
</div>
</a>
</div>
</div>
</aside>
</div>
</div>
</main>
<style>
:root{
--bs-background:#ffffff;
--bs-primary:#0d6efd;
--bs-primary-foreground:#ffffff;
--bs-muted-foreground:#6c757d;
}
.bg-background{background-color:var(--bs-background)!important;}
.text-primary-foreground{color:var(--bs-primary-foreground)!important;}
.text-muted-foreground{color:var(--bs-muted-foreground)!important;}
.h-8{height:2rem}.w-8{width:2rem}
.footer-social-icon{font-size:1rem;transition:color .2s;}
.footer-social-icon:hover{color:#212529!important;}
</style>
<!-- Footer Section (Optimized, with Email) -->
<footer class="border-top bg-background">
<div class="container mx-auto px-4 py-5 py-md-5 py-lg-6">
<div class="border-top mt-5 pt-4 d-flex flex-column flex-md-row justify-content-between align-items-center">
<!-- 左侧版权信息 -->
<p class="text-sm text-muted-foreground mb-3 mb-md-0">
© 2025 Ray Prompt
</p>
<!-- 中间标语 -->
<p class="text-sm text-muted-foreground mb-3 mb-md-0">
Made with ❤️ for the community
</p>
<!-- 右侧 Email -->
<p class="text-sm text-muted-foreground mb-0">
Email:
<a href="mailto:ray@rayprompt.com" class="text-dark">
ray@rayprompt.com </a>
</p>
</div>
</div>
</footer>
<!-- Bootstrap 5 JS Bundle (Popper included) CDN -->
<script src="/skin/default/js/bootstrap.bundle.min.js" defer></script>
<script src="/skin/default/js/nav.js" defer></script>
<!-- Custom JS for mobile menu toggle -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// ===================================================================
// 1. 保留原有导航栏鼠标悬停效果
// ===================================================================
if (window.innerWidth > 992) {
document.querySelectorAll('.navbar .nav-item.dropdown').forEach(function(everyitem) {
everyitem.addEventListener('mouseover', function(e) {
let el_link = this.querySelector('a[data-bs-toggle], button[data-bs-toggle]');
if (el_link) {
let nextEl = el_link.nextElementSibling;
if (nextEl && nextEl.classList.contains('dropdown-menu')) {
el_link.classList.add('show');
nextEl.classList.add('show');
}
}
});
everyitem.addEventListener('mouseleave', function(e) {
let el_link = this.querySelector('a[data-bs-toggle], button[data-bs-toggle]');
if (el_link) {
let nextEl = el_link.nextElementSibling;
if (nextEl && nextEl.classList.contains('dropdown-menu')) {
el_link.classList.remove('show');
nextEl.classList.remove('show');
}
}
})
});
}
// ===================================================================
// 2. 侧边栏导航交互逻辑
// ===================================================================
const sidebarNav = document.querySelector('.sidebar .category-list');
if (sidebarNav) {
const subLinks = sidebarNav.querySelectorAll('.collapse .list-group-item');
subLinks.forEach(function(link) {
link.addEventListener('click', function(event) {
event.stopPropagation();
});
});
const currentLocation = window.location.href.split('?')[0].split('#')[0];
const allLinks = sidebarNav.querySelectorAll('a.category-link, .collapse a.list-group-item');
let bestMatch = null;
let longestMatchLength = 0;
allLinks.forEach(link => {
if (link.href) {
const cleanLinkHref = link.href.split('?')[0].split('#')[0];
if (currentLocation.startsWith(cleanLinkHref) && cleanLinkHref.length > longestMatchLength) {
longestMatchLength = cleanLinkHref.length;
bestMatch = link;
}
}
});
if (bestMatch) {
bestMatch.classList.add('active');
const parentCollapse = bestMatch.closest('.collapse');
if (parentCollapse) {
new bootstrap.Collapse(parentCollapse, { toggle: false }).show();
const parentToggler = document.querySelector(`a.collapse-toggle[href="#${parentCollapse.id}"]`);
if (parentToggler) {
parentToggler.classList.add('active-parent');
parentToggler.setAttribute('aria-expanded', 'true');
const parentCategoryLink = parentToggler.closest('.list-group-item').querySelector('a.category-link');
if(parentCategoryLink) {
parentCategoryLink.classList.add('active-parent');
}
}
}
}
const allCollapseElements = sidebarNav.querySelectorAll('.collapse');
allCollapseElements.forEach(collapseEl => {
collapseEl.addEventListener('show.bs.collapse', event => {
allCollapseElements.forEach(otherCollapseEl => {
if (otherCollapseEl !== event.target) {
const instance = bootstrap.Collapse.getInstance(otherCollapseEl);
if (instance) {
instance.hide();
}
}
});
});
});
}
});
</script>
</body>
</html>