# website-soyo

**Repository Path**: FutureWL/website-soyo

## Basic Information

- **Project Name**: website-soyo
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-02-25
- **Last Updated**: 2025-03-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Soyo Liu - Personal Website

This is the official website for soprano Soyo Liu, featuring her biography, repertoire, media, and gallery.

## Structure

The website is available in three languages:
- English (en/)
- German (de/)
- Chinese (zh/)

### Main Sections
- Biography
- Gallery
- Repertoire
- Media

## Development

This is a static website built with HTML, CSS, and JavaScript. No build process is required.

### File Structure 

```
project/
├── de/             # German version
│   ├── index.html
│   ├── biography.html
│   ├── gallery.html
│   ├── repertoire.html
│   └── media.html
├── en/             # English version
│   ├── index.html
│   ├── biography.html
│   ├── gallery.html
│   ├── repertoire.html
│   └── media.html
├── zh/             # Chinese version
│   ├── index.html
│   ├── biography.html
│   ├── gallery.html
│   ├── repertoire.html
│   └── media.html
├── resource/
│   ├── css/        # Stylesheets
│   │   ├── style.css
│   │   └── common.css
│   ├── js/         # JavaScript files
│   │   └── common.js
│   ├── images/     # Image assets
│   │   ├── portrait/
│   │   ├── performance/
│   │   └── stage/
│   └── pdf/        # PDF documents
├── sitemap.xml     # XML Sitemap for search engines
├── robots.txt      # Instructions for search engine crawlers
├── .gitignore
├── .editorconfig
└── README.md
```


### Running Locally

Simply open any of the index.html files in your browser, or use a local server:

```bash
# Using Python 3
python -m http.server 8000

# Using PHP
php -S localhost:8000

# Using Node.js (with http-server package)
npx http-server
```

## Features

- Responsive design for all screen sizes
- Trilingual support (English, German, Chinese)
- Image gallery with lightbox functionality
- Video integration
- Downloadable repertoire PDF
- Mobile-friendly navigation

## Browser Support

- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)

## SEO Optimization Guide

The website has been optimized for search engines to improve visibility and ranking. Here are the key SEO features implemented:

### Meta Tags
Each page includes:
- Title tags with relevant keywords
- Meta descriptions summarizing page content
- Meta keywords related to Soyo Liu and opera
- Proper language attributes
- Canonical URLs to prevent duplicate content issues

### Structured Data
- Schema.org markup for person information
- Event markup for performances
- Rich snippets for better search results display

### Multilingual SEO
- Proper hreflang tags for language variants
- Language-specific meta descriptions and keywords
- Consistent URL structure across languages

### Technical SEO
- XML Sitemap (sitemap.xml) listing all pages with priorities
- Robots.txt file with crawler instructions
- Mobile-friendly responsive design
- Fast loading pages with compressed resources

### SEO Maintenance Guidelines
When updating the website:
1. Always update meta descriptions and titles for new content
2. Keep structured data current, especially for upcoming performances
3. Update the sitemap.xml when adding new pages
4. Optimize new images with descriptive filenames and alt text
5. Maintain consistent internal linking between pages
6. Update lastmod dates in the sitemap for changed pages

### SEO Monitoring
Consider implementing:
- Google Search Console for performance tracking
- Google Analytics for visitor analytics
- Regular SEO audits to identify improvement opportunities

## License

All rights reserved © 2025 Soyo Liu