SEO & PWA Customization

Homepage SEO (index.php)

Edit the following variables in index.php:

$metaData = [
    'title' => APP_NAME . ' - Discover Radio Stations Worldwide',
    'description' => 'Explore radio stations from around the world...',
    'url' => BASE_URL
];
                        

• APP_NAME: Set in config/config.php
• Description: Update for better SEO targeting
• BASE_URL: Automatically set during installation

Station Pages SEO (listen.php)

Customize station page metadata in listen.php:

$pageTitle = "Listen to {$station['name']} from {$station['city']}, {$station['country']} live on " . APP_NAME;

$descriptionParts = [
    "Listen to {$station['name']} live online...",
    "Visit their official website...",
    "Stream high-quality live radio...",
    "Discover local radio from {$station['city']}..."
];
                        

• Title format is optimized for search engines
• Description automatically includes:
  • Station name and location
  • Website link if available
  • Streaming information
  • Geographic context

Manifest Customization (manifest.json)

Update the following in manifest.json:

{
    "name": "Radio Explorer",
    "short_name": "Radio",
    "description": "Explore radio stations...",
    "start_url": "/radio/",
    "background_color": "#1F2937",
    "theme_color": "#1F2937"
}
                        

• Application name and branding
• Colors and theme settings
• Start URL and scope
• App shortcuts configuration

Icons and Images

• Update app icon in assets/icons/app-icon.svg
• Icon requirements:
  • SVG format for scalability
  • 512x512 recommended size
  • Supports maskable icons

Shortcuts Configuration

• Edit shortcuts in manifest.json:
  • Explore Stations shortcut
  • Favorite Stations shortcut
  • Custom shortcuts as needed
• Each shortcut needs:
  • Name and description
  • URL and icon
  • Proper scope settings

Title Tags

• Keep titles under 60 characters
• Include main keywords early
• Use station name in station pages
• Include location information

Meta Descriptions

• Optimal length: 150-160 characters
• Include call-to-action
• Use natural, readable text
• Include relevant keywords

URL Structure

• Use clean, readable URLs
• Include station names in URLs
• Maintain consistent structure
• Handle redirects properly