Skip to content

9jaDevo/scholarship-resources

Repository files navigation

Scholarships World Hub - GitHub Pages Site

A production-ready scholarship satellite site designed to drive traffic to scholarshipworld.uk through high-quality resource content and lead capture.

🎯 Site Purpose

  • Primary Goal: Drive qualified traffic to the main WordPress blog
  • Content Strategy: Unique resource checklists and downloadable guides
  • Lead Generation: Email capture forms linking to main site
  • SEO Strategy: Leverage GitHub Pages authority for fast ranking

🚀 Quick Start

  1. Clone/Fork this repository
  2. Enable GitHub Pages in repository settings
  3. Configure variables in the files below
  4. Add your analytics tracking ID
  5. Deploy - site goes live automatically

⚙️ Configuration

1. Main Site URL Configuration

Update the main site URL in these files:

<!-- Replace this URL throughout all HTML files -->
https://scholarshipworld.uk/

Files to update:

  • index.html
  • scholarships.html
  • resources.html
  • about.html
  • All resource article files

2. Analytics Setup

Google Analytics 4:

// Replace 'GA_MEASUREMENT_ID' with your actual tracking ID
gtag('config', 'GA_MEASUREMENT_ID');

Alternative - Plausible Analytics:

<script defer data-domain="yourdomain.com" src="https://plausible.io/js/plausible.js"></script>

3. UTM Parameters

Default UTM parameters are configured as:

  • utm_source=hub
  • utm_medium=referral
  • utm_campaign=satellite
  • utm_content=[page-specific]

Customize these in all external links pointing to your main site.

📝 Content Management

Adding New Resource Articles

  1. Create new HTML file in /resources/ folder
  2. Use existing articles as templates
  3. Follow the naming convention: topic-resource-type.html
  4. Update navigation and sitemaps

Article Template Structure

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- SEO meta tags -->
    <!-- JSON-LD structured data -->
    <!-- Open Graph tags -->
</head>
<body>
    <!-- Header navigation -->
    <article class="article">
        <!-- Article header with meta info -->
        <!-- Sticky CTA section -->
        <!-- Article content with H2/H3 structure -->
        <!-- FAQ section with schema -->
        <!-- Related posts -->
    </article>
    <!-- Footer -->
</body>
</html>

Content Guidelines

SEO Requirements:

  • Title tags under 60 characters
  • Meta descriptions 140-160 characters
  • H1-H6 hierarchy with target keywords
  • Internal linking between related articles
  • External links to main site with UTM parameters

Content Requirements:

  • 600-800 words per article
  • Include 1-2 callout boxes with tips
  • Add FAQ section with 3-4 questions
  • Include downloadable resource CTAs
  • Related posts section at bottom

🗂️ File Structure

├── index.html                 # Homepage
├── scholarships.html         # Scholarship listings
├── resources.html           # Resource directory  
├── about.html              # About page
├── assets/
│   ├── styles.css         # All CSS styles
│   └── scripts.js        # JavaScript functionality
├── resources/
│   ├── reach-oxford-docs-checklist.html
│   ├── masters-economics-application-template.html
│   └── phd-statement-of-purpose-outline.html
├── sitemap.xml           # SEO sitemap
├── rss.xml              # RSS feed
├── robots.txt          # Search engine directives  
└── README.md          # This file

📊 Performance Optimization

Built-in Optimizations

  • Lightweight CSS: Single file, minimal framework
  • Compressed images: All images optimized and lazy-loaded
  • Clean HTML: Semantic markup, proper heading structure
  • Fast loading: Minimal JavaScript, optimized assets
  • Mobile-first: Responsive design, touch-friendly

Analytics & Tracking

Email Capture Tracking:

  • Newsletter signups tracked with UTM parameters
  • Form submissions logged to analytics
  • Source attribution maintained

Outbound Link Tracking:

  • All links to main site include UTM parameters
  • Click tracking via Google Analytics events
  • Conversion funnel analysis enabled

🔧 Customization

Design Customization

Color Scheme:

:root {
    --primary: #2563eb;    /* Blue */
    --secondary: #059669;   /* Green */  
    --accent: #dc2626;     /* Red */
    --neutral: #64748b;    /* Gray */
}

Typography:

  • Primary font: Inter (Google Fonts)
  • Heading weights: 600, 700
  • Body weight: 400, 500

Adding New Sections

  1. Update navigation in header
  2. Create new HTML file
  3. Add to sitemap.xml
  4. Update internal linking
  5. Test responsive design

📈 SEO Features

Technical SEO

  • ✅ XML Sitemap (/sitemap.xml)
  • ✅ RSS Feed (/rss.xml)
  • ✅ Robots.txt configuration
  • ✅ Canonical URLs
  • ✅ Meta tags optimization

Structured Data

  • ✅ Article schema for blog posts
  • ✅ Breadcrumb schema for navigation
  • ✅ FAQ schema for Q&A sections
  • ✅ Organization schema for branding

Performance

  • ✅ Fast loading times (<3 seconds)
  • ✅ Mobile-friendly design
  • ✅ Optimized images
  • ✅ Clean URL structure

🚀 Deployment

GitHub Pages Deployment

  1. Push code to main branch
  2. Enable Pages in repository settings
  3. Select source: Deploy from branch
  4. Choose branch: main
  5. Site goes live at https://9jadevo.github.io/scholarship-resources

Custom Domain (Optional)

  1. Add CNAME file with your domain
  2. Configure DNS settings
  3. Enable HTTPS in repository settings