Issue #518 - Subscription not updating after checkout: - Fix stale closure in SubscriptionContext checkout polling (use subscriptionRef) - Move checkout success polling from InitialRouteHandler into SubscriptionContext - Remove redundant polling code from InitialRouteHandler - Fix plan label: 'Free' instead of 'No Plan', proper capitalization - Add plan refresh button in UserBadge - Add 'View Costing Details' to UserBadge dropdown - Rename 'ALwrity Podcast Maker' to 'Podcast Creator' across UI - Clean subscription=success URL param after verification Blog Writer WYSIWYG Editor enhancements: - Per-section preview toggle (view/edit icons) - Enhanced hover-based toolbar - Circular SVG progress stats bar with detailed tooltip - Research tool chips in stats bar footer - Per-section TTS with useTextToSpeech hook (browser native) - Full blog preview modal with print/PDF support - PlayAllTTSButton: sequential playback with progress bar - OnThisPageNav: floating sidebar with scroll tracking - Section data attributes for scroll anchoring GSC Brainstorm Topics feature: - Backend: gsc_brainstorm_service.py (rule-based + LLM recommendations) - Backend: POST /gsc/brainstorm endpoint with 3-word minimum validation - Frontend: gscBrainstorm.ts API client - Frontend: useGSCBrainstormConnection hook (popup OAuth, no /onboarding redirect) - Frontend: useGSCBrainstorm hook (connect check + brainstorm call) - Frontend: GSCBrainstormModal (3-tab results: Opportunities, Gaps, AI Recs) - Frontend: BrainstormButton (visible at 3+ words, GSC connect overlay) - Wire BrainstormButton into ManualResearchForm and ResearchAction - Add blog_writer to gsc_auth router features for ALWRITY_ENABLED_FEATURES
413 lines
16 KiB
Markdown
413 lines
16 KiB
Markdown
# SEO Metadata & Optimization Tools
|
|
|
|
ALwrity's SEO Dashboard includes comprehensive metadata generation and SEO optimization capabilities. This guide covers all metadata and optimization tools available.
|
|
|
|
## 🎯 Available Tools Overview
|
|
|
|
### Individual Metadata Tools
|
|
|
|
#### 1. 📝 Meta Description Generator
|
|
- **Purpose**: Generate SEO-optimized meta descriptions
|
|
- **API**: `POST /api/seo/meta-description`
|
|
- **Inputs**: Keywords, tone, search intent, language
|
|
- **Output**: Multiple meta descriptions with SEO scoring
|
|
|
|
#### 2. 🖼️ Image Alt Text Generator
|
|
- **Purpose**: AI-powered alt text for images
|
|
- **API**: `POST /api/seo/image-alt-text`
|
|
- **Input Methods**: File upload or URL reference
|
|
- **Output**: Optimized alt text with accessibility score
|
|
|
|
#### 3. 📱 OpenGraph Generator
|
|
- **Purpose**: Social media optimization tags
|
|
- **API**: `POST /api/seo/opengraph-tags`
|
|
- **Platforms**: Facebook, Twitter, LinkedIn, Pinterest
|
|
- **Output**: Platform-specific tags, HTML ready to use
|
|
|
|
#### 4. 📄 On-Page SEO Analyzer
|
|
- **Purpose**: Complete page metadata analysis
|
|
- **API**: `POST /api/seo/on-page-analysis`
|
|
- **Analyzes**: Meta tags, content quality, keywords, links
|
|
- **Output**: Overall score, detailed breakdown, recommendations
|
|
|
|
---
|
|
|
|
## What is Metadata?
|
|
|
|
Metadata is information about your content that search engines and social media platforms use to understand your pages. Proper metadata improves:
|
|
- **Search Engine Rankings**: Better visibility in search results
|
|
- **Click-Through Rates**: More clicks from search results
|
|
- **Social Sharing**: Better appearance when shared
|
|
- **User Experience**: Clearer information for users
|
|
|
|
---
|
|
|
|
## Metadata Types
|
|
|
|
### Title Tags
|
|
|
|
#### Optimization Features
|
|
- **Length Optimization**: Optimize title length (50-60 characters)
|
|
- **Keyword Integration**: Naturally integrate target keywords
|
|
- **Brand Consistency**: Include brand name when appropriate
|
|
- **Click-Worthy**: Create compelling, click-worthy titles
|
|
- **Uniqueness**: Ensure unique titles for each page
|
|
|
|
#### Title Tag Examples
|
|
```html
|
|
<!-- Optimized Title Tag -->
|
|
<title>AI in Digital Marketing: Complete Guide for 2024 | ALwrity</title>
|
|
|
|
<!-- Branded Title -->
|
|
<title>Content Strategy: How to Build Your Brand | ALwrity</title>
|
|
|
|
<!-- Question-Based Title -->
|
|
<title>How to Create SEO-Optimized Content? | ALwrity Guide</title>
|
|
```
|
|
|
|
### Meta Descriptions
|
|
|
|
#### Optimization Features
|
|
- **Length Optimization**: Optimize description length (150-160 characters)
|
|
- **Keyword Integration**: Include target keywords naturally
|
|
- **Call-to-Action**: Include compelling call-to-action
|
|
- **Value Proposition**: Highlight content value and benefits
|
|
- **Uniqueness**: Create unique descriptions for each page
|
|
|
|
#### Meta Description Examples
|
|
```html
|
|
<!-- Optimized Meta Description -->
|
|
<meta name="description" content="Learn how AI is transforming digital marketing in 2024. Get actionable insights, strategies, and tools to boost your marketing ROI with AI technology.">
|
|
|
|
<!-- Benefit-Focused Description -->
|
|
<meta name="description" content="Boost your content strategy with our comprehensive guide. Learn proven techniques to create engaging content that drives traffic and conversions.">
|
|
|
|
<!-- Question-Based Description -->
|
|
<meta name="description" content="Wondering how to create SEO-optimized content? Our complete guide covers everything from keyword research to content optimization techniques.">
|
|
```
|
|
|
|
### Open Graph Tags
|
|
|
|
#### Social Media Optimization
|
|
- **Title**: Optimized title for social sharing
|
|
- **Description**: Compelling description for social platforms
|
|
- **Image**: High-quality, engaging images
|
|
- **URL**: Canonical URL for sharing
|
|
- **Type**: Content type (article, website, etc.)
|
|
|
|
#### Open Graph Examples
|
|
```html
|
|
<!-- Open Graph Tags -->
|
|
<meta property="og:title" content="AI in Digital Marketing: Complete Guide for 2024">
|
|
<meta property="og:description" content="Learn how AI is transforming digital marketing. Get actionable insights and strategies to boost your marketing ROI.">
|
|
<meta property="og:image" content="https://alwrity.com/images/ai-marketing-guide.jpg">
|
|
<meta property="og:url" content="https://alwrity.com/guides/ai-digital-marketing">
|
|
<meta property="og:type" content="article">
|
|
<meta property="og:site_name" content="ALwrity">
|
|
```
|
|
|
|
### Twitter Cards
|
|
|
|
#### Twitter Optimization
|
|
- **Card Type**: Choose appropriate card type (summary, large image, etc.)
|
|
- **Title**: Optimized title for Twitter
|
|
- **Description**: Compelling description for Twitter
|
|
- **Image**: High-quality image for Twitter
|
|
- **Creator**: Twitter handle of content creator
|
|
|
|
#### Twitter Card Examples
|
|
```html
|
|
<!-- Twitter Card Tags -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="AI in Digital Marketing: Complete Guide for 2024">
|
|
<meta name="twitter:description" content="Learn how AI is transforming digital marketing. Get actionable insights and strategies.">
|
|
<meta name="twitter:image" content="https://alwrity.com/images/ai-marketing-guide.jpg">
|
|
<meta name="twitter:creator" content="@alwrity">
|
|
```
|
|
|
|
## AI-Powered Generation
|
|
|
|
### Content Analysis
|
|
|
|
#### Content Understanding
|
|
- **Topic Analysis**: Analyze content topic and main themes
|
|
- **Keyword Extraction**: Extract relevant keywords from content
|
|
- **Content Structure**: Understand content structure and organization
|
|
- **Value Proposition**: Identify content value and benefits
|
|
- **Target Audience**: Determine target audience and intent
|
|
|
|
#### Context Awareness
|
|
- **Industry Context**: Consider industry-specific terminology
|
|
- **Brand Voice**: Maintain consistent brand voice and tone
|
|
- **Competitive Analysis**: Analyze competitor metadata strategies
|
|
- **Search Intent**: Match metadata to user search intent
|
|
- **Content Type**: Adapt metadata to content type and format
|
|
|
|
### Optimization Algorithms
|
|
|
|
#### Keyword Optimization
|
|
- **Primary Keywords**: Optimize for primary target keywords
|
|
- **Secondary Keywords**: Include relevant secondary keywords
|
|
- **Long-Tail Keywords**: Incorporate long-tail keyword variations
|
|
- **Semantic Keywords**: Use semantically related terms
|
|
- **Keyword Density**: Maintain optimal keyword density
|
|
|
|
#### Performance Optimization
|
|
- **Click-Through Rate**: Optimize for higher CTR
|
|
- **Search Rankings**: Improve search engine rankings
|
|
- **Social Engagement**: Enhance social media engagement
|
|
- **Brand Recognition**: Improve brand recognition and recall
|
|
- **User Experience**: Enhance overall user experience
|
|
|
|
## Metadata Templates
|
|
|
|
### Content Type Templates
|
|
|
|
#### Blog Post Template
|
|
```html
|
|
<!-- Blog Post Metadata Template -->
|
|
<title>{Primary Keyword} | {Secondary Keyword} | {Brand Name}</title>
|
|
<meta name="description" content="Learn about {topic} with our comprehensive guide. {Value proposition} {Call-to-action}">
|
|
<meta property="og:title" content="{Primary Keyword} | {Brand Name}">
|
|
<meta property="og:description" content="{Value proposition} {Call-to-action}">
|
|
<meta property="og:type" content="article">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
```
|
|
|
|
#### Product Page Template
|
|
```html
|
|
<!-- Product Page Metadata Template -->
|
|
<title>{Product Name} | {Brand Name} - {Key Benefit}</title>
|
|
<meta name="description" content="{Product description} {Key benefits} {Call-to-action}">
|
|
<meta property="og:title" content="{Product Name} | {Brand Name}">
|
|
<meta property="og:description" content="{Product description} {Key benefits}">
|
|
<meta property="og:type" content="product">
|
|
<meta property="product:price:amount" content="{Price}">
|
|
<meta property="product:price:currency" content="USD">
|
|
```
|
|
|
|
#### Service Page Template
|
|
```html
|
|
<!-- Service Page Metadata Template -->
|
|
<title>{Service Name} | {Brand Name} - {Key Benefit}</title>
|
|
<meta name="description" content="{Service description} {Key benefits} {Call-to-action}">
|
|
<meta property="og:title" content="{Service Name} | {Brand Name}">
|
|
<meta property="og:description" content="{Service description} {Key benefits}">
|
|
<meta property="og:type" content="website">
|
|
<meta name="twitter:card" content="summary">
|
|
```
|
|
|
|
### Industry-Specific Templates
|
|
|
|
#### Technology Industry
|
|
- **Focus**: Innovation, efficiency, cutting-edge solutions
|
|
- **Keywords**: Technology, innovation, digital transformation
|
|
- **Tone**: Professional, forward-thinking, technical
|
|
- **Benefits**: Efficiency, productivity, competitive advantage
|
|
|
|
#### Healthcare Industry
|
|
- **Focus**: Patient care, outcomes, medical advances
|
|
- **Keywords**: Healthcare, medical, patient care, treatment
|
|
- **Tone**: Professional, trustworthy, compassionate
|
|
- **Benefits**: Better outcomes, improved care, patient satisfaction
|
|
|
|
#### Finance Industry
|
|
- **Focus**: Financial growth, security, investment returns
|
|
- **Keywords**: Finance, investment, wealth management, security
|
|
- **Tone**: Professional, trustworthy, authoritative
|
|
- **Benefits**: Financial growth, security, peace of mind
|
|
|
|
## Advanced Features
|
|
|
|
### Structured Data
|
|
|
|
#### Schema Markup
|
|
- **Article Schema**: Mark up article content with structured data
|
|
- **Organization Schema**: Mark up organization information
|
|
- **Product Schema**: Mark up product information
|
|
- **Service Schema**: Mark up service information
|
|
- **FAQ Schema**: Mark up frequently asked questions
|
|
|
|
#### Schema Examples
|
|
```html
|
|
<!-- Article Schema -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "Article",
|
|
"headline": "AI in Digital Marketing: Complete Guide for 2024",
|
|
"description": "Learn how AI is transforming digital marketing...",
|
|
"author": {
|
|
"@type": "Person",
|
|
"name": "ALwrity Team"
|
|
},
|
|
"publisher": {
|
|
"@type": "Organization",
|
|
"name": "ALwrity",
|
|
"logo": {
|
|
"@type": "ImageObject",
|
|
"url": "https://alwrity.com/logo.png"
|
|
}
|
|
},
|
|
"datePublished": "2024-01-15",
|
|
"dateModified": "2024-01-15"
|
|
}
|
|
</script>
|
|
```
|
|
|
|
### Dynamic Metadata
|
|
|
|
#### Personalization
|
|
- **User Preferences**: Customize metadata based on user preferences
|
|
- **Location-Based**: Adapt metadata for different locations
|
|
- **Device-Specific**: Optimize metadata for different devices
|
|
- **Time-Based**: Adjust metadata based on time and season
|
|
- **Behavior-Based**: Personalize based on user behavior
|
|
|
|
#### A/B Testing
|
|
- **Title Testing**: Test different title variations
|
|
- **Description Testing**: Test different description variations
|
|
- **Image Testing**: Test different social media images
|
|
- **CTA Testing**: Test different call-to-action variations
|
|
- **Performance Tracking**: Track performance of different variations
|
|
|
|
## Quality Assurance
|
|
|
|
### Validation and Testing
|
|
|
|
#### Metadata Validation
|
|
- **Length Validation**: Ensure metadata meets length requirements
|
|
- **Keyword Validation**: Validate keyword usage and density
|
|
- **Uniqueness Check**: Ensure metadata uniqueness across pages
|
|
- **Format Validation**: Validate metadata format and structure
|
|
- **Compliance Check**: Ensure compliance with best practices
|
|
|
|
#### Performance Testing
|
|
- **CTR Testing**: Test click-through rates of different metadata
|
|
- **Ranking Testing**: Monitor search engine rankings
|
|
- **Social Testing**: Test social media sharing performance
|
|
- **User Testing**: Conduct user testing for metadata effectiveness
|
|
- **Analytics Tracking**: Track metadata performance in analytics
|
|
|
|
### Continuous Optimization
|
|
|
|
#### Performance Monitoring
|
|
- **Analytics Integration**: Monitor metadata performance in analytics
|
|
- **Search Console**: Track performance in Google Search Console
|
|
- **Social Analytics**: Monitor social media sharing performance
|
|
- **User Feedback**: Collect user feedback on metadata effectiveness
|
|
- **Competitive Analysis**: Analyze competitor metadata strategies
|
|
|
|
#### Optimization Recommendations
|
|
- **Performance Analysis**: Analyze metadata performance data
|
|
- **Improvement Suggestions**: Provide improvement suggestions
|
|
- **Best Practice Recommendations**: Recommend best practices
|
|
- **Trend Analysis**: Analyze trends in metadata performance
|
|
- **ROI Analysis**: Analyze ROI of metadata optimization efforts
|
|
|
|
## Integration Features
|
|
|
|
### Content Management
|
|
|
|
#### CMS Integration
|
|
- **WordPress**: Integrate with WordPress CMS
|
|
- **Drupal**: Integrate with Drupal CMS
|
|
- **Custom CMS**: Integrate with custom CMS systems
|
|
- **Headless CMS**: Integrate with headless CMS solutions
|
|
- **API Integration**: Provide API for metadata management
|
|
|
|
#### Workflow Integration
|
|
- **Content Creation**: Integrate with content creation workflow
|
|
- **Review Process**: Include metadata in content review process
|
|
- **Publishing Workflow**: Integrate with publishing workflow
|
|
- **Approval Process**: Include metadata in approval process
|
|
- **Quality Assurance**: Integrate with quality assurance process
|
|
|
|
### Analytics Integration
|
|
|
|
#### Performance Tracking
|
|
- **Google Analytics**: Track metadata performance in Google Analytics
|
|
- **Search Console**: Monitor performance in Google Search Console
|
|
- **Social Analytics**: Track social media performance
|
|
- **Custom Analytics**: Integrate with custom analytics solutions
|
|
- **Real-Time Monitoring**: Provide real-time performance monitoring
|
|
|
|
#### Reporting
|
|
- **Performance Reports**: Generate metadata performance reports
|
|
- **Trend Analysis**: Analyze trends in metadata performance
|
|
- **Competitive Reports**: Generate competitive analysis reports
|
|
- **ROI Reports**: Generate ROI analysis reports
|
|
- **Custom Reports**: Create custom reports for specific needs
|
|
|
|
## Best Practices
|
|
|
|
### Metadata Creation
|
|
|
|
#### Content Quality
|
|
1. **Relevance**: Ensure metadata is relevant to content
|
|
2. **Accuracy**: Maintain accuracy in metadata descriptions
|
|
3. **Clarity**: Use clear and concise language
|
|
4. **Engagement**: Create engaging and compelling metadata
|
|
5. **Consistency**: Maintain consistency across all metadata
|
|
|
|
#### SEO Optimization
|
|
1. **Keyword Integration**: Naturally integrate target keywords
|
|
2. **Length Optimization**: Optimize metadata length for platforms
|
|
3. **Uniqueness**: Ensure unique metadata for each page
|
|
4. **Value Proposition**: Highlight content value and benefits
|
|
5. **Call-to-Action**: Include compelling call-to-action
|
|
|
|
### Performance Optimization
|
|
|
|
#### Testing and Validation
|
|
1. **A/B Testing**: Test different metadata variations
|
|
2. **Performance Monitoring**: Monitor metadata performance
|
|
3. **User Feedback**: Collect user feedback on metadata
|
|
4. **Analytics Tracking**: Track metadata performance in analytics
|
|
5. **Continuous Improvement**: Continuously improve metadata
|
|
|
|
#### Quality Assurance
|
|
1. **Validation**: Validate metadata quality and accuracy
|
|
2. **Review Process**: Include metadata in review process
|
|
3. **Best Practices**: Follow metadata best practices
|
|
4. **Compliance**: Ensure compliance with platform requirements
|
|
5. **Documentation**: Document metadata standards and guidelines
|
|
|
|
## Troubleshooting
|
|
|
|
### Common Issues
|
|
|
|
#### Metadata Problems
|
|
- **Length Issues**: Fix metadata length problems
|
|
- **Keyword Overuse**: Avoid keyword stuffing in metadata
|
|
- **Duplicate Content**: Resolve duplicate metadata issues
|
|
- **Format Problems**: Fix metadata format and structure issues
|
|
- **Performance Issues**: Address metadata performance problems
|
|
|
|
#### Technical Issues
|
|
- **Integration Problems**: Resolve integration issues
|
|
- **API Issues**: Fix API connectivity and data issues
|
|
- **Validation Errors**: Resolve metadata validation errors
|
|
- **Display Problems**: Fix metadata display issues
|
|
- **Caching Issues**: Resolve metadata caching problems
|
|
|
|
### Getting Help
|
|
|
|
#### Support Resources
|
|
- **Documentation**: Review metadata generation documentation
|
|
- **Tutorials**: Watch metadata generation tutorials
|
|
- **Best Practices**: Follow metadata best practices
|
|
- **Community**: Join user community discussions
|
|
- **Support**: Contact technical support
|
|
|
|
#### Optimization Tips
|
|
- **Regular Review**: Regularly review and update metadata
|
|
- **Performance Monitoring**: Monitor metadata performance continuously
|
|
- **Testing**: Test different metadata variations
|
|
- **Analytics**: Use analytics to guide metadata optimization
|
|
- **Continuous Improvement**: Continuously improve metadata quality
|
|
|
|
---
|
|
|
|
*Ready to optimize your content metadata for better SEO performance? [Start with our First Steps Guide](../../getting-started/first-steps.md) and [Explore SEO Dashboard Features](overview.md) to begin creating compelling, optimized metadata!*
|