og:image, other SEO and favicons

DEPLOYMENT.md

@@ -22,6 +22,7 @@ The application supports the following environment variables:
 | `STREET` | `Voorstraat 123` | Street address |
 | `POSTAL_CODE` | `9967 AA` | Postal code |
 | `VILLAGE` | `Eenrum` | Village/city name |
+| `DOMAIN` | `hogelandlinux.nl` | Your website domain (used for SEO and social media meta tags) |
 | `TELEGRAM_BOT_TOKEN` | *(empty)* | Telegram bot token for contact form notifications |
 | `TELEGRAM_CHAT_ID` | *(empty)* | Telegram chat ID where notifications will be sent |
 
@@ -90,6 +91,7 @@ PHONE=+31 6 12345678
 STREET=Voorstraat 123
 POSTAL_CODE=9967 AA
 VILLAGE=Eenrum
+DOMAIN=hogelandlinux.nl
 TELEGRAM_BOT_TOKEN=your_bot_token_here
 TELEGRAM_CHAT_ID=your_chat_id_here
 ```

docker-compose.yml

@@ -14,6 +14,7 @@ services:
       - STREET=Voorstraat 123
       - POSTAL_CODE=9967 AA
       - VILLAGE=Eenrum
+      - DOMAIN=hogelandlinux.nl         # Set your actual domain here
       - TELEGRAM_BOT_TOKEN=  # Set your Telegram bot token here
       - TELEGRAM_CHAT_ID=    # Set your Telegram chat ID here
     restart: unless-stopped 

main.go

@@ -23,6 +23,7 @@ type Config struct {
 	Street           string
 	PostalCode       string
 	Village          string
+	Domain           string
 	Port             string
 	TelegramBotToken string
 	TelegramChatID   string
@@ -81,6 +82,7 @@ func NewServer() *Server {
 		Street:           getEnv("STREET", "Voorstraat 123"),
 		PostalCode:       getEnv("POSTAL_CODE", "9967 AA"),
 		Village:          getEnv("VILLAGE", "Eenrum"),
+		Domain:           getEnv("DOMAIN", "hogelandlinux.nl"), // Replace with actual domain
 		Port:             ":" + getEnv("PORT", "8080"),
 		TelegramBotToken: getEnv("TELEGRAM_BOT_TOKEN", ""), // Set this in environment
 		TelegramChatID:   getEnv("TELEGRAM_CHAT_ID", ""),   // Set this in environment

static/manifest.json

@@ -0,0 +1,21 @@
+{
+    "name": "Hogeland Linux - Linux Migratie Service",
+    "short_name": "Hogeland Linux",
+    "description": "Linux migratie service voor Windows 10 end-of-life. Geef uw computer nieuw leven met Linux!",
+    "start_url": "/",
+    "display": "standalone",
+    "background_color": "#ffffff",
+    "theme_color": "#059669",
+    "icons": [
+        {
+            "src": "/static/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/static/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ]
+} 

static/style.css

@@ -597,9 +597,17 @@ p {
     bottom: 0;
     left: 0;
     right: 0;
-    background: rgba(0, 0, 0, 0.8);
+    background: rgba(0, 0, 0, 0.9);
     padding: 0.4rem 1rem;
     border-radius: 0 0 12px 12px;
+    opacity: 0;
+    transform: translateY(100%);
+    transition: all 0.3s ease;
+}
+
+.feature-image:hover .image-caption {
+    opacity: 1;
+    transform: translateY(0);
 }
 
 .image-caption small {

templates/contact.html

@@ -4,6 +4,50 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{.Title}}</title>
+    
+    <!-- Basic SEO Meta Tags -->
+    <meta name="description" content="Neem contact op met {{.CompanyName}} voor Linux migratie service. Gratis advies, installatie, data migratie en ondersteuning in gemeente Het Hogeland.">
+    <meta name="keywords" content="contact, Linux service, Windows 10 migratie, Het Hogeland, Eenrum, gratis advies, installatie">
+    <meta name="author" content="{{.CompanyName}}">
+    <meta name="robots" content="index, follow">
+    <meta name="language" content="nl">
+    
+    <!-- Open Graph Meta Tags for Social Media -->
+    <meta property="og:title" content="{{.Title}}">
+    <meta property="og:description" content="Neem contact op met {{.CompanyName}} voor Linux migratie service. Gratis advies, installatie, data migratie en ondersteuning in gemeente Het Hogeland.">
+    <meta property="og:image" content="https://{{.Domain}}/static/TuxAinrom.webp">
+    <meta property="og:image:alt" content="Tux Linux mascotte banner voor Hogeland Linux service">
+    <meta property="og:url" content="https://{{.Domain}}/contact">
+    <meta property="og:type" content="website">
+    <meta property="og:site_name" content="{{.CompanyName}}">
+    <meta property="og:locale" content="nl_NL">
+    
+    <!-- Twitter Card Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="{{.Title}}">
+    <meta name="twitter:description" content="Neem contact op met {{.CompanyName}} voor Linux migratie service. Gratis advies en ondersteuning.">
+    <meta name="twitter:image" content="https://{{.Domain}}/static/TuxAinrom.webp">
+    <meta name="twitter:image:alt" content="Tux Linux mascotte banner voor Hogeland Linux service">
+    
+    <!-- Favicon Links -->
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
+    <link rel="manifest" href="/static/manifest.json">
+    
+    <!-- Theme Color for Mobile Browsers -->
+    <meta name="theme-color" content="#059669">
+    <meta name="msapplication-TileColor" content="#059669">
+    
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://{{.Domain}}/contact">
+    
+    <!-- Preload Critical Resources -->
+    <link rel="preload" href="/static/style.css" as="style">
+    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" as="style">
+    
+    <!-- CSS and Fonts -->
     <link rel="stylesheet" href="/static/style.css">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 </head>

templates/index.html

@@ -4,8 +4,91 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{.Title}}</title>
+    
+    <!-- Basic SEO Meta Tags -->
+    <meta name="description" content="Linux migratie service voor Windows 10 end-of-life. Geef uw computer nieuw leven met Linux! Professionele installatie, data migratie en ondersteuning in gemeente Het Hogeland.">
+    <meta name="keywords" content="Linux, Windows 10, end of life, migratie, Ubuntu, Linux Mint, computer, installatie, Het Hogeland, Eenrum, duurzaam computergebruik">
+    <meta name="author" content="{{.CompanyName}}">
+    <meta name="robots" content="index, follow">
+    <meta name="language" content="nl">
+    <meta name="revisit-after" content="7 days">
+    <meta name="distribution" content="global">
+    <meta name="rating" content="general">
+    
+    <!-- Open Graph Meta Tags for Social Media -->
+    <meta property="og:title" content="{{.Title}}">
+    <meta property="og:description" content="Windows 10 ondersteuning eindigt binnenkort? Geef uw computer nieuw leven met Linux! Professionele Linux migratie service in gemeente Het Hogeland.">
+    <meta property="og:image" content="https://{{.Domain}}/static/TuxAinrom.webp">
+    <meta property="og:image:alt" content="Tux Linux mascotte banner voor Hogeland Linux service">
+    <meta property="og:url" content="https://{{.Domain}}/">
+    <meta property="og:type" content="website">
+    <meta property="og:site_name" content="{{.CompanyName}}">
+    <meta property="og:locale" content="nl_NL">
+    
+    <!-- Twitter Card Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="{{.Title}}">
+    <meta name="twitter:description" content="Windows 10 ondersteuning eindigt binnenkort? Geef uw computer nieuw leven met Linux! Professionele Linux migratie service.">
+    <meta name="twitter:image" content="https://{{.Domain}}/static/TuxAinrom.webp">
+    <meta name="twitter:image:alt" content="Tux Linux mascotte banner voor Hogeland Linux service">
+    
+    <!-- Favicon Links -->
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
+    <link rel="manifest" href="/static/manifest.json">
+    
+    <!-- Theme Color for Mobile Browsers -->
+    <meta name="theme-color" content="#059669">
+    <meta name="msapplication-TileColor" content="#059669">
+    
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://{{.Domain}}/">
+    
+    <!-- Preload Critical Resources -->
+    <link rel="preload" href="/static/style.css" as="style">
+    <link rel="preload" href="/static/TuxAinrom.webp" as="image">
+    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" as="style">
+    
+    <!-- CSS and Fonts -->
     <link rel="stylesheet" href="/static/style.css">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    
+    <!-- Structured Data for Search Engines -->
+    <script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "LocalBusiness",
+        "name": "{{.CompanyName}}",
+        "description": "Linux migratie service voor Windows 10 end-of-life. Professionele installatie, data migratie en ondersteuning.",
+        "url": "https://{{.Domain}}",
+        "telephone": "{{.Phone}}",
+        "email": "{{.Email}}",
+        "address": {
+            "@type": "PostalAddress",
+            "streetAddress": "{{.Street}}",
+            "postalCode": "{{.PostalCode}}",
+            "addressLocality": "{{.Village}}",
+            "addressCountry": "NL"
+        },
+        "geo": {
+            "@type": "GeoCoordinates",
+            "latitude": "53.4107",
+            "longitude": "6.4684"
+        },
+        "areaServed": {
+            "@type": "Place",
+            "name": "gemeente Het Hogeland"
+        },
+        "serviceType": "Linux migratie service",
+        "priceRange": "€€",
+        "image": "https://{{.Domain}}/static/TuxAinrom.webp",
+        "sameAs": [
+            "https://endof10.org"
+        ]
+    }
+    </script>
 </head>
 <body>
     {{template "header" .}}
@@ -260,6 +343,9 @@
                     <div class="feature-showcase">
                         <div class="feature-image">
                             <img src="/static/Zorin-17-desktop.webp" alt="Zorin OS 17 Desktop Interface" loading="lazy">
+                            <div class="image-caption">
+                                <small>Bron: <a href="https://www.debugpoint.com/wp-content/uploads/2023/12/Zorin-17-desktop.jpg" target="_blank" rel="noopener">DebugPoint.com</a></small>
+                            </div>
                         </div>
                         <h3>Moderne Desktop Interface</h3>
                         <p>Linux ziet er vertrouwd en professioneel uit. Deze Zorin OS desktop lijkt op Windows maar is veel sneller en veiliger.</p>
@@ -268,6 +354,9 @@
                     <div class="feature-showcase">
                         <div class="feature-image">
                             <img src="/static/LinuxMintCinnamonSoftwareManager.webp" alt="Linux Mint Software Manager" loading="lazy">
+                            <div class="image-caption">
+                                <small>Bron: <a href="https://linuxmint.com" target="_blank" rel="noopener">LinuxMint.com</a></small>
+                            </div>
                         </div>
                         <h3>Eenvoudig Software Installeren</h3>
                         <p>Duizenden gratis programma's met één klik installeren via de Software Manager. Net zo makkelijk als een app store.</p>