SEO optimized
This commit is contained in:
parent
de6a911cbf
commit
b1a2626c8d
|
|
@ -1,6 +1,6 @@
|
|||
import { Button } from "@/components/ui/button";
|
||||
import { Input } from "@/components/ui/input";
|
||||
import { Search, MapPin, Zap, ArrowRight } from "lucide-react";
|
||||
import { Search, MapPin, Zap, ArrowRight, Calculator, Award, Shield } from "lucide-react";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const HeroSection = () => {
|
||||
|
|
@ -10,7 +10,7 @@ const HeroSection = () => {
|
|||
<div className="absolute inset-0">
|
||||
<img
|
||||
src="/sun_flow_banner.png"
|
||||
alt="Sun Flow Banner - Renewable Energy Solutions in Germany"
|
||||
alt="Sun Flow Banner - Renewable Energy Solutions in Germany - Solar und Wind Installateure finden"
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
{/* Subtle overlay for text readability */}
|
||||
|
|
@ -110,6 +110,29 @@ const HeroSection = () => {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* SEO: Additional content section for better indexing */}
|
||||
<div className="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent py-8 hidden lg:block">
|
||||
<div className="container mx-auto px-4">
|
||||
<div className="grid grid-cols-3 gap-8 text-white/90">
|
||||
<div className="text-center">
|
||||
<Calculator className="w-8 h-8 mx-auto mb-2 text-yellow-300" />
|
||||
<h3 className="font-semibold mb-1">Kostenlose Rechner</h3>
|
||||
<p className="text-sm">Solar- und Windenergie berechnen</p>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<Award className="w-8 h-8 mx-auto mb-2 text-cyan-300" />
|
||||
<h3 className="font-semibold mb-1">Förderprogramme</h3>
|
||||
<p className="text-sm">BAFA, KfW & kommunale Zuschüsse</p>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<Shield className="w-8 h-8 mx-auto mb-2 text-green-300" />
|
||||
<h3 className="font-semibold mb-1">Verifizierte Experten</h3>
|
||||
<p className="text-sm">Zertifizierte Fachbetriebe</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1,19 +1,340 @@
|
|||
import { useEffect } from "react";
|
||||
import Header from "@/components/Header";
|
||||
import HeroSection from "@/components/HeroSection";
|
||||
import EnergyTypesSection from "@/components/EnergyTypesSection";
|
||||
import CalculatorNavigation from "@/components/CalculatorNavigation";
|
||||
import WhyChooseUsSection from "@/components/WhyChooseUsSection";
|
||||
import Footer from "@/components/Footer";
|
||||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Calculator, Award, Shield, TrendingUp, Map, Users, CheckCircle, ArrowRight, Search, MapPin, Zap } from "lucide-react";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const Index = () => {
|
||||
// SEO: Update page title and meta description
|
||||
useEffect(() => {
|
||||
const title = "EnergieProfis - Solar- und Wind-Installateure finden & vergleichen";
|
||||
const description = "Finden Sie qualifizierte Fachbetriebe für erneuerbare Energien in Ihrer Region. Solar- und Wind-Installateure vergleichen, Angebote einholen & Kosten sparen. Kostenlos & unverbindlich.";
|
||||
|
||||
document.title = title;
|
||||
|
||||
// Update or create meta description
|
||||
let metaDesc = document.querySelector('meta[name="description"]');
|
||||
if (!metaDesc) {
|
||||
metaDesc = document.createElement('meta');
|
||||
metaDesc.setAttribute('name', 'description');
|
||||
document.head.appendChild(metaDesc);
|
||||
}
|
||||
metaDesc.setAttribute('content', description);
|
||||
|
||||
// Add canonical URL
|
||||
let canonical = document.querySelector('link[rel="canonical"]');
|
||||
if (!canonical) {
|
||||
canonical = document.createElement('link');
|
||||
canonical.setAttribute('rel', 'canonical');
|
||||
document.head.appendChild(canonical);
|
||||
}
|
||||
canonical.setAttribute('href', window.location.href);
|
||||
|
||||
// Add Open Graph tags
|
||||
const ogTags = [
|
||||
{ property: 'og:title', content: title },
|
||||
{ property: 'og:description', content: description },
|
||||
{ property: 'og:type', content: 'website' },
|
||||
{ property: 'og:url', content: window.location.href },
|
||||
{ property: 'og:site_name', content: 'EnergieProfis' },
|
||||
{ property: 'og:image', content: `${window.location.origin}/sun_flow_banner.png` }
|
||||
];
|
||||
|
||||
ogTags.forEach(tag => {
|
||||
let meta = document.querySelector(`meta[property="${tag.property}"]`);
|
||||
if (!meta) {
|
||||
meta = document.createElement('meta');
|
||||
meta.setAttribute('property', tag.property);
|
||||
document.head.appendChild(meta);
|
||||
}
|
||||
meta.setAttribute('content', tag.content);
|
||||
});
|
||||
|
||||
// Add Twitter Card tags
|
||||
const twitterTags = [
|
||||
{ name: 'twitter:card', content: 'summary_large_image' },
|
||||
{ name: 'twitter:title', content: title },
|
||||
{ name: 'twitter:description', content: description },
|
||||
{ name: 'twitter:image', content: `${window.location.origin}/sun_flow_banner.png` }
|
||||
];
|
||||
|
||||
twitterTags.forEach(tag => {
|
||||
let meta = document.querySelector(`meta[name="${tag.name}"]`);
|
||||
if (!meta) {
|
||||
meta = document.createElement('meta');
|
||||
meta.setAttribute('name', tag.name);
|
||||
document.head.appendChild(meta);
|
||||
}
|
||||
meta.setAttribute('content', tag.content);
|
||||
});
|
||||
|
||||
// Add structured data for the homepage
|
||||
const structuredData = {
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebSite",
|
||||
"name": "EnergieProfis",
|
||||
"description": "Führendes Verzeichnis für Solar- und Wind-Installateure in Deutschland",
|
||||
"url": window.location.origin,
|
||||
"potentialAction": {
|
||||
"@type": "SearchAction",
|
||||
"target": {
|
||||
"@type": "EntryPoint",
|
||||
"urlTemplate": `${window.location.origin}/installateur-finden?search={search_term_string}&type={energy_type}&location={location}`
|
||||
},
|
||||
"query-input": "required name=search_term_string name=energy_type name=location"
|
||||
},
|
||||
"publisher": {
|
||||
"@type": "Organization",
|
||||
"name": "EnergieProfis",
|
||||
"description": "Fachverzeichnis für erneuerbare Energien",
|
||||
"url": window.location.origin,
|
||||
"logo": {
|
||||
"@type": "ImageObject",
|
||||
"url": `${window.location.origin}/favicon.ico`
|
||||
}
|
||||
},
|
||||
"mainEntity": {
|
||||
"@type": "ItemList",
|
||||
"name": "Solar- und Wind-Installateure",
|
||||
"description": "Qualifizierte Fachbetriebe für erneuerbare Energien",
|
||||
"numberOfItems": 500,
|
||||
"itemListElement": [
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 1,
|
||||
"item": {
|
||||
"@type": "Service",
|
||||
"name": "Solar-Installation",
|
||||
"description": "Photovoltaik-Anlagen, Solarthermie und komplette Energiesysteme",
|
||||
"url": `${window.location.origin}/solar`
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 2,
|
||||
"item": {
|
||||
"@type": "Service",
|
||||
"name": "Wind-Installation",
|
||||
"description": "Kleinwindanlagen und Windkraftanlagen für private und gewerbliche Nutzung",
|
||||
"url": `${window.location.origin}/wind`
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 3,
|
||||
"item": {
|
||||
"@type": "Service",
|
||||
"name": "Installateur-Vergleich",
|
||||
"description": "Fachbetriebe finden, Angebote vergleichen und Kosten sparen",
|
||||
"url": `${window.location.origin}/installateur-finden`
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
};
|
||||
|
||||
// Insert structured data into the page
|
||||
const script = document.createElement('script');
|
||||
script.type = 'application/ld+json';
|
||||
script.text = JSON.stringify(structuredData);
|
||||
document.head.appendChild(script);
|
||||
|
||||
// Cleanup function
|
||||
return () => {
|
||||
if (script.parentNode) script.parentNode.removeChild(script);
|
||||
};
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="min-h-screen">
|
||||
<Header />
|
||||
<main>
|
||||
<HeroSection />
|
||||
|
||||
{/* SEO: Rich content section for better indexing */}
|
||||
<section className="py-16 bg-gradient-to-b from-background to-secondary/10">
|
||||
<div className="container mx-auto px-4">
|
||||
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-12">
|
||||
{/* SEO Content Block 1: Installateur finden */}
|
||||
<Card className="border-l-4 border-l-orange-500">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-orange-700">
|
||||
<Search className="w-5 h-5" />
|
||||
Installateur finden
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Qualifizierte Fachbetriebe für Solar- und Windenergie in Ihrer Region finden.
|
||||
Kostenlos vergleichen und Angebote einholen.
|
||||
</p>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>500+ verifizierte Installateure</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Kostenlose Angebote</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Direkter Vergleich</span>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* SEO Content Block 2: Förderprogramme */}
|
||||
<Card className="border-l-4 border-l-green-500">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-green-700">
|
||||
<Award className="w-5 h-5" />
|
||||
Förderprogramme 2025
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Aktuelle Förderungen für erneuerbare Energien: BAFA, KfW und kommunale
|
||||
Zuschüsse je nach Bundesland und Projektgröße.
|
||||
</p>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>BAFA bis 500€ für Balkonkraftwerke</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>KfW-Kredite mit Tilgungszuschuss</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Kommunale Förderprogramme</span>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* SEO Content Block 3: Regionale Expertise */}
|
||||
<Card className="border-l-4 border-l-blue-500">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-blue-700">
|
||||
<Map className="w-5 h-5" />
|
||||
Regionale Expertise
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Lokale Installateure kennen die regionalen Gegebenheiten, Förderprogramme
|
||||
und Genehmigungsverfahren in Ihrem Bundesland.
|
||||
</p>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Lokale Genehmigungsrichtlinien</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Regionale Preisvergleiche</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Persönliche Beratung vor Ort</span>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<EnergyTypesSection />
|
||||
<CalculatorNavigation />
|
||||
<WhyChooseUsSection />
|
||||
|
||||
{/* SEO: FAQ Section for better content depth */}
|
||||
<section className="py-16 bg-gray-50">
|
||||
<div className="container mx-auto px-4">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<h2 className="text-3xl font-bold text-center mb-12">Häufige Fragen zu erneuerbaren Energien</h2>
|
||||
<div className="space-y-6">
|
||||
<div className="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 className="font-semibold mb-3 text-lg">Wie finde ich den besten Installateur in meiner Region?</h3>
|
||||
<p className="text-muted-foreground">
|
||||
Nutzen Sie unseren Vergleich: Bewertungen, Erfahrung, Zertifizierungen und
|
||||
regionale Expertise vergleichen. Lokale Installateure kennen die regionalen Vorgaben.
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 className="font-semibold mb-3 text-lg">Welche Förderungen gibt es 2025?</h3>
|
||||
<p className="text-muted-foreground">
|
||||
BAFA-Förderung für Balkonkraftwerke (bis 500€), KfW-Kredite mit Tilgungszuschuss,
|
||||
EEG-Vergütung für Überschussstrom und kommunale Zuschüsse je nach Bundesland.
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 className="font-semibold mb-3 text-lg">Was kostet eine Solar- oder Windanlage?</h3>
|
||||
<p className="text-muted-foreground">
|
||||
Balkonkraftwerk: 400-800€, Komplette Dachanlage: 8.000-15.000€ je kWp,
|
||||
Kleinwindanlage: 3.000-15.000€. Preise variieren je nach Region und Ausstattung.
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 className="font-semibold mb-3 text-lg">Brauche ich eine Genehmigung?</h3>
|
||||
<p className="text-muted-foreground">
|
||||
Solaranlagen sind meist genehmigungsfrei. Windanlagen unter 15m Mast sind in den
|
||||
meisten Bundesländern genehmigungsfrei. Ab 15m ist ein Bauantrag erforderlich.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* SEO: Internal linking section */}
|
||||
<section className="py-16 bg-background">
|
||||
<div className="container mx-auto px-4">
|
||||
<h2 className="text-3xl font-bold text-center mb-12">Weitere nützliche Tools</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<Card className="text-center p-8 hover:shadow-lg transition-shadow">
|
||||
<Calculator className="w-16 h-16 mx-auto mb-4 text-orange-600" />
|
||||
<h3 className="text-xl font-semibold mb-2">Solar-Einsparungsrechner</h3>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Berechnen Sie Ihre Solareinsparungen und vergleichen Sie Angebote
|
||||
</p>
|
||||
<Button variant="outline" className="w-full" asChild>
|
||||
<Link to="/solar">Zum Solarrechner</Link>
|
||||
</Button>
|
||||
</Card>
|
||||
<Card className="text-center p-8 hover:shadow-lg transition-shadow">
|
||||
<TrendingUp className="w-16 h-16 mx-auto mb-4 text-blue-600" />
|
||||
<h3 className="text-xl font-semibold mb-2">Windenergie-Rechner</h3>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Windenergie berechnen: Ertrag, Kosten & Angebote vergleichen
|
||||
</p>
|
||||
<Button variant="outline" className="w-full" asChild>
|
||||
<Link to="/wind">Zum Windrechner</Link>
|
||||
</Button>
|
||||
</Card>
|
||||
<Card className="text-center p-8 hover:shadow-lg transition-shadow">
|
||||
<Search className="w-16 h-16 mx-auto mb-4 text-green-600" />
|
||||
<h3 className="text-xl font-semibold mb-2">Installateur finden</h3>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Qualifizierte Fachbetriebe in Ihrer Region finden und vergleichen
|
||||
</p>
|
||||
<Button variant="outline" className="w-full" asChild>
|
||||
<Link to="/installateur-finden">Installateure suchen</Link>
|
||||
</Button>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<Footer />
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ import { Button } from "@/components/ui/button";
|
|||
import { Input } from "@/components/ui/input";
|
||||
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
|
||||
import { Badge } from "@/components/ui/badge";
|
||||
import { Search, MapPin, Star, Phone, Mail, Globe, Filter, AlertCircle } from "lucide-react";
|
||||
import { Search, MapPin, Star, Phone, Mail, Globe, Filter, AlertCircle, Calculator, Award, Shield, TrendingUp, Map, Users, Clock, CheckCircle } from "lucide-react";
|
||||
import Header from "@/components/Header";
|
||||
import { installerService, analyticsService } from "@/lib/database";
|
||||
import { cleanAndReseedDatabase } from "@/lib/cleanDatabase";
|
||||
|
|
@ -24,6 +24,133 @@ const InstallateurFinden = () => {
|
|||
const [energyType, setEnergyType] = useState(searchParams.get("type") || "all");
|
||||
const [location, setLocation] = useState(searchParams.get("location") || "");
|
||||
|
||||
// SEO: Add structured data for the page
|
||||
useEffect(() => {
|
||||
// Add structured data for the installer directory
|
||||
const structuredData = {
|
||||
"@context": "https://schema.org",
|
||||
"@type": "ItemList",
|
||||
"name": "Solar- und Wind-Installateure in Deutschland",
|
||||
"description": "Qualifizierte Fachbetriebe für Photovoltaik und Windenergie finden und vergleichen",
|
||||
"url": window.location.href,
|
||||
"numberOfItems": installers.length,
|
||||
"itemListElement": installers.map((installer, index) => ({
|
||||
"@type": "ListItem",
|
||||
"position": index + 1,
|
||||
"item": {
|
||||
"@type": "LocalBusiness",
|
||||
"name": installer.name,
|
||||
"description": installer.description,
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"addressLocality": installer.location
|
||||
},
|
||||
"telephone": installer.phone,
|
||||
"email": installer.email,
|
||||
"url": installer.website ? `https://${installer.website}` : undefined,
|
||||
"aggregateRating": {
|
||||
"@type": "AggregateRating",
|
||||
"ratingValue": installer.rating,
|
||||
"reviewCount": installer.review_count || 0
|
||||
},
|
||||
"hasOfferCatalog": {
|
||||
"@type": "OfferCatalog",
|
||||
"name": `${installer.energy_type === 'solar' ? 'Solar' : 'Wind'}-Installation`,
|
||||
"itemListElement": installer.specialties?.map(specialty => ({
|
||||
"@type": "Offer",
|
||||
"itemOffered": {
|
||||
"@type": "Service",
|
||||
"name": specialty
|
||||
}
|
||||
})) || []
|
||||
}
|
||||
}
|
||||
}))
|
||||
};
|
||||
|
||||
// Add breadcrumb structured data
|
||||
const breadcrumbData = {
|
||||
"@context": "https://schema.org",
|
||||
"@type": "BreadcrumbList",
|
||||
"itemListElement": [
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 1,
|
||||
"name": "Startseite",
|
||||
"item": window.location.origin
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 2,
|
||||
"name": "Installateur finden",
|
||||
"item": window.location.href
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
// Insert structured data into the page
|
||||
const script1 = document.createElement('script');
|
||||
script1.type = 'application/ld+json';
|
||||
script1.text = JSON.stringify(structuredData);
|
||||
document.head.appendChild(script1);
|
||||
|
||||
const script2 = document.createElement('script');
|
||||
script2.type = 'application/ld+json';
|
||||
script2.text = JSON.stringify(breadcrumbData);
|
||||
document.head.appendChild(script2);
|
||||
|
||||
// Cleanup function
|
||||
return () => {
|
||||
if (script1.parentNode) script1.parentNode.removeChild(script1);
|
||||
if (script2.parentNode) script2.parentNode.removeChild(script2);
|
||||
};
|
||||
}, [installers]);
|
||||
|
||||
// SEO: Update page title and meta description
|
||||
useEffect(() => {
|
||||
const title = "Solar- und Wind-Installateur finden – EnergieProfis Vergleich";
|
||||
const description = "Qualifizierte Solar- und Windbetriebe direkt vergleichen. Jetzt Anfrage starten! Fachbetriebe finden, Angebote vergleichen & Kosten sparen – Echtzeit-Vergleich online.";
|
||||
|
||||
document.title = title;
|
||||
|
||||
// Update or create meta description
|
||||
let metaDesc = document.querySelector('meta[name="description"]');
|
||||
if (!metaDesc) {
|
||||
metaDesc = document.createElement('meta');
|
||||
metaDesc.setAttribute('name', 'description');
|
||||
document.head.appendChild(metaDesc);
|
||||
}
|
||||
metaDesc.setAttribute('content', description);
|
||||
|
||||
// Add canonical URL
|
||||
let canonical = document.querySelector('link[rel="canonical"]');
|
||||
if (!canonical) {
|
||||
canonical = document.createElement('link');
|
||||
canonical.setAttribute('rel', 'canonical');
|
||||
document.head.appendChild(canonical);
|
||||
}
|
||||
canonical.setAttribute('href', window.location.href);
|
||||
|
||||
// Add Open Graph tags
|
||||
const ogTags = [
|
||||
{ property: 'og:title', content: title },
|
||||
{ property: 'og:description', content: description },
|
||||
{ property: 'og:type', content: 'website' },
|
||||
{ property: 'og:url', content: window.location.href },
|
||||
{ property: 'og:site_name', content: 'EnergieProfis' }
|
||||
];
|
||||
|
||||
ogTags.forEach(tag => {
|
||||
let meta = document.querySelector(`meta[property="${tag.property}"]`);
|
||||
if (!meta) {
|
||||
meta = document.createElement('meta');
|
||||
meta.setAttribute('property', tag.property);
|
||||
document.head.appendChild(meta);
|
||||
}
|
||||
meta.setAttribute('content', tag.content);
|
||||
});
|
||||
}, []);
|
||||
|
||||
// Load installers from database
|
||||
const loadInstallers = async () => {
|
||||
try {
|
||||
|
|
@ -198,20 +325,133 @@ const InstallateurFinden = () => {
|
|||
{/* Header Navigation */}
|
||||
<Header />
|
||||
|
||||
{/* Page Header */}
|
||||
{/* SEO-Optimized Page Header */}
|
||||
<div className="bg-gradient-to-r from-primary to-primary/80 text-white py-16 mt-16">
|
||||
<div className="container mx-auto px-4">
|
||||
{/* H1: Primary SEO heading */}
|
||||
<h1 className="text-4xl md:text-5xl font-bold mb-4">
|
||||
Installateure Finden
|
||||
Finden Sie den besten Solar- oder Wind-Installateur in Ihrer Region
|
||||
</h1>
|
||||
<p className="text-xl text-white/90 max-w-3xl">
|
||||
Entdecken Sie qualifizierte Fachbetriebe für erneuerbare Energien in Ihrer Region
|
||||
<p className="text-xl text-white/90 max-w-3xl mb-6">
|
||||
Qualifizierte Fachbetriebe für erneuerbare Energien in Ihrer Nähe finden und vergleichen
|
||||
</p>
|
||||
|
||||
{/* SEO: Key benefits and CTAs */}
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-4 mt-8">
|
||||
<div className="text-center p-4 bg-white/10 rounded-lg">
|
||||
<Calculator className="w-8 h-8 mx-auto mb-2" />
|
||||
<h3 className="font-semibold">Angebote vergleichen</h3>
|
||||
<p className="text-sm text-white/80">Kostenlos & unverbindlich</p>
|
||||
</div>
|
||||
<div className="text-center p-4 bg-white/10 rounded-lg">
|
||||
<Award className="w-8 h-8 mx-auto mb-2" />
|
||||
<h3 className="font-semibold">Fördermöglichkeiten</h3>
|
||||
<p className="text-sm text-white/80">BAFA, KfW & kommunale Zuschüsse</p>
|
||||
</div>
|
||||
<div className="text-center p-4 bg-white/10 rounded-lg">
|
||||
<Shield className="w-8 h-8 mx-auto mb-2" />
|
||||
<h3 className="font-semibold">Verifizierte Experten</h3>
|
||||
<p className="text-sm text-white/80">Zertifizierte Fachbetriebe</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Search and Filters */}
|
||||
{/* SEO: Rich content section for better indexing */}
|
||||
<div className="container mx-auto px-4 py-8">
|
||||
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-8">
|
||||
{/* SEO Content Block 1: Solar Installation */}
|
||||
<Card className="border-l-4 border-l-orange-500">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-orange-700">
|
||||
<TrendingUp className="w-5 h-5" />
|
||||
Solar-Installation
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Photovoltaik-Anlagen für Ihr Zuhause: Von Balkonkraftwerken bis zur kompletten Dachanlage.
|
||||
Aktuelle Förderungen 2025, Kostenvergleich und qualifizierte Installateure in Ihrer Region.
|
||||
</p>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>BAFA-Förderung bis 500€</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>KfW-Kredite mit Tilgungszuschuss</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>EEG-Vergütung für Überschuss</span>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* SEO Content Block 2: Wind Energy */}
|
||||
<Card className="border-l-4 border-l-blue-500">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-blue-700">
|
||||
<Map className="w-5 h-5" />
|
||||
Windenergie
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Kleinwindanlagen für Privatgrundstücke: Genehmigungsverfahren, Schallemission,
|
||||
Mast-Höhen und aktuelle Förderprogramme. Fachbetriebe mit Windenergie-Expertise.
|
||||
</p>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Genehmigung unter 15m Mast</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Bundesland-spezifische Vorgaben</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Schallemissions-Gutachten</span>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* SEO Content Block 3: Regional Benefits */}
|
||||
<Card className="border-l-4 border-l-green-500">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-green-700">
|
||||
<Users className="w-5 h-5" />
|
||||
Regionale Vorteile
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Lokale Installateure kennen die regionalen Gegebenheiten, Förderprogramme und
|
||||
Genehmigungsverfahren in Ihrem Bundesland. Persönliche Beratung vor Ort.
|
||||
</p>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Kommunale Förderprogramme</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Lokale Genehmigungsrichtlinien</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Regionale Preisvergleiche</span>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
{/* Search and Filters */}
|
||||
<Card className="mb-8">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2">
|
||||
|
|
@ -255,7 +495,48 @@ const InstallateurFinden = () => {
|
|||
<Button onClick={handleReset} variant="outline" className="w-full">
|
||||
Filter zurücksetzen
|
||||
</Button>
|
||||
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* SEO: FAQ Section for better content depth */}
|
||||
<Card className="mb-8">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2">
|
||||
<Clock className="w-5 h-5" />
|
||||
Häufige Fragen zu Solar- und Wind-Installation
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="space-y-4">
|
||||
<div className="border-b pb-4">
|
||||
<h3 className="font-semibold mb-2">Welche Förderungen gibt es 2025 für Solaranlagen?</h3>
|
||||
<p className="text-muted-foreground text-sm">
|
||||
BAFA-Förderung für Balkonkraftwerke (bis 500€), KfW-Kredite mit Tilgungszuschuss,
|
||||
EEG-Vergütung für Überschussstrom und kommunale Zuschüsse je nach Bundesland.
|
||||
</p>
|
||||
</div>
|
||||
<div className="border-b pb-4">
|
||||
<h3 className="font-semibold mb-2">Brauche ich eine Genehmigung für eine Kleinwindanlage?</h3>
|
||||
<p className="text-muted-foreground text-sm">
|
||||
Mast-Höhen unter 15m sind in den meisten Bundesländern genehmigungsfrei.
|
||||
Ab 15m ist ein Bauantrag erforderlich. Schallemissions-Gutachten können nötig sein.
|
||||
</p>
|
||||
</div>
|
||||
<div className="border-b pb-4">
|
||||
<h3 className="font-semibold mb-2">Wie finde ich den besten Installateur in meiner Region?</h3>
|
||||
<p className="text-muted-foreground text-sm">
|
||||
Nutzen Sie unseren Vergleich: Bewertungen, Erfahrung, Zertifizierungen und
|
||||
regionale Expertise vergleichen. Lokale Installateure kennen die regionalen Vorgaben.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold mb-2">Was kostet eine Solaranlage 2025?</h3>
|
||||
<p className="text-muted-foreground text-sm">
|
||||
Balkonkraftwerk: 400-800€, Komplette Dachanlage: 8.000-15.000€ je kWp.
|
||||
Preise variieren je nach Region, Anbieter und Ausstattung. Nutzen Sie unseren Kostenrechner.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
|
@ -449,6 +730,33 @@ const InstallateurFinden = () => {
|
|||
</CardContent>
|
||||
</Card>
|
||||
)}
|
||||
|
||||
{/* SEO: Internal linking section */}
|
||||
<div className="mt-12 p-6 bg-gray-50 rounded-lg">
|
||||
<h2 className="text-2xl font-bold mb-4 text-center">Weitere nützliche Tools</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<Card className="text-center p-6 hover:shadow-md transition-shadow">
|
||||
<Calculator className="w-12 h-12 mx-auto mb-4 text-orange-600" />
|
||||
<h3 className="text-xl font-semibold mb-2">Solar-Einsparungsrechner</h3>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Berechnen Sie Ihre Solareinsparungen und vergleichen Sie Angebote
|
||||
</p>
|
||||
<Button variant="outline" className="w-full">
|
||||
Zum Solarrechner
|
||||
</Button>
|
||||
</Card>
|
||||
<Card className="text-center p-6 hover:shadow-md transition-shadow">
|
||||
<TrendingUp className="w-12 h-12 mx-auto mb-4 text-blue-600" />
|
||||
<h3 className="text-xl font-semibold mb-2">Windenergie-Rechner</h3>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Windenergie berechnen: Ertrag, Kosten & Angebote vergleichen
|
||||
</p>
|
||||
<Button variant="outline" className="w-full">
|
||||
Zum Windrechner
|
||||
</Button>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -1,9 +1,10 @@
|
|||
import { useEffect } from "react";
|
||||
import Header from "@/components/Header";
|
||||
import Footer from "@/components/Footer";
|
||||
import SolarCalculator from "@/components/SolarCalculator";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Card, CardContent } from "@/components/ui/card";
|
||||
import { Sun, Zap, TrendingUp, Shield, ArrowRight } from "lucide-react";
|
||||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
|
||||
import { Sun, Zap, TrendingUp, Shield, ArrowRight, Calculator, Award, CheckCircle, MapPin, Users, Clock, Star } from "lucide-react";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const Solar = () => {
|
||||
|
|
@ -30,16 +31,118 @@ const Solar = () => {
|
|||
}
|
||||
];
|
||||
|
||||
// SEO: Update page title and meta description
|
||||
useEffect(() => {
|
||||
const title = "Solar-Einsparungen berechnen – EnergieProfis Rechner";
|
||||
const description = "Berechnen Sie Ihre Solareinsparungen und vergleichen Sie Angebote – jetzt online! Förderungen, Kosten & Potenziale im Solarrechner entdecken – gratis & unverbindlich.";
|
||||
|
||||
document.title = title;
|
||||
|
||||
// Update or create meta description
|
||||
let metaDesc = document.querySelector('meta[name="description"]');
|
||||
if (!metaDesc) {
|
||||
metaDesc = document.createElement('meta');
|
||||
metaDesc.setAttribute('name', 'description');
|
||||
document.head.appendChild(metaDesc);
|
||||
}
|
||||
metaDesc.setAttribute('content', description);
|
||||
|
||||
// Add canonical URL
|
||||
let canonical = document.querySelector('link[rel="canonical"]');
|
||||
if (!canonical) {
|
||||
canonical = document.createElement('link');
|
||||
canonical.setAttribute('rel', 'canonical');
|
||||
document.head.appendChild(canonical);
|
||||
}
|
||||
canonical.setAttribute('href', window.location.href);
|
||||
|
||||
// Add Open Graph tags
|
||||
const ogTags = [
|
||||
{ property: 'og:title', content: title },
|
||||
{ property: 'og:description', content: description },
|
||||
{ property: 'og:type', content: 'website' },
|
||||
{ property: 'og:url', content: window.location.href },
|
||||
{ property: 'og:site_name', content: 'EnergieProfis' },
|
||||
{ property: 'og:image', content: `${window.location.origin}/solar_banner.png` }
|
||||
];
|
||||
|
||||
ogTags.forEach(tag => {
|
||||
let meta = document.querySelector(`meta[property="${tag.property}"]`);
|
||||
if (!meta) {
|
||||
meta = document.createElement('meta');
|
||||
meta.setAttribute('property', tag.property);
|
||||
document.head.appendChild(meta);
|
||||
}
|
||||
meta.setAttribute('content', tag.content);
|
||||
});
|
||||
|
||||
// Add structured data for the Solar page
|
||||
const structuredData = {
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebPage",
|
||||
"name": "Solar-Einsparungen berechnen",
|
||||
"description": "Solarrechner für Photovoltaik-Anlagen: Kosten, Förderungen und Ertrag berechnen",
|
||||
"url": window.location.href,
|
||||
"breadcrumb": {
|
||||
"@type": "BreadcrumbList",
|
||||
"itemListElement": [
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 1,
|
||||
"name": "Startseite",
|
||||
"item": window.location.origin
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 2,
|
||||
"name": "Solar",
|
||||
"item": window.location.href
|
||||
}
|
||||
]
|
||||
},
|
||||
"mainEntity": {
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "Solar-Einsparungsrechner",
|
||||
"description": "Berechnen Sie Ihre Solareinsparungen und vergleichen Sie Angebote",
|
||||
"applicationCategory": "BusinessApplication",
|
||||
"operatingSystem": "Web Browser",
|
||||
"url": window.location.href,
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "EUR",
|
||||
"description": "Kostenloser Solarrechner"
|
||||
}
|
||||
},
|
||||
"publisher": {
|
||||
"@type": "Organization",
|
||||
"name": "EnergieProfis",
|
||||
"url": window.location.origin
|
||||
}
|
||||
};
|
||||
|
||||
// Insert structured data into the page
|
||||
const script = document.createElement('script');
|
||||
script.type = 'application/ld+json';
|
||||
script.text = JSON.stringify(structuredData);
|
||||
document.head.appendChild(script);
|
||||
|
||||
// Cleanup function
|
||||
return () => {
|
||||
if (script.parentNode) script.parentNode.removeChild(script);
|
||||
};
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="min-h-screen">
|
||||
<Header />
|
||||
|
||||
{/* Hero Section */}
|
||||
{/* SEO-Optimized Hero Section */}
|
||||
<section className="relative min-h-[500px] flex items-center overflow-hidden">
|
||||
<div className="absolute inset-0">
|
||||
<img
|
||||
src="/solar_banner.png"
|
||||
alt="Solar Banner"
|
||||
alt="Solar Banner - Photovoltaik Installation und Solartechnik"
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
<div className="absolute inset-0 bg-gradient-to-r from-solar/80 via-solar/60 to-transparent"></div>
|
||||
|
|
@ -47,13 +150,14 @@ const Solar = () => {
|
|||
|
||||
<div className="container mx-auto px-4 relative z-10">
|
||||
<div className="max-w-2xl text-white">
|
||||
{/* H1: Primary SEO heading */}
|
||||
<h1 className="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight">
|
||||
Solar-Installateure in Ihrer Nähe
|
||||
Solar-Einsparungen und Angebote berechnen
|
||||
</h1>
|
||||
|
||||
<p className="text-xl md:text-2xl text-white/90 mb-8 leading-relaxed">
|
||||
Finden Sie qualifizierte Solartechnik-Experten für Photovoltaik-Anlagen,
|
||||
Solarthermie und komplette Energiesysteme.
|
||||
Solarthermie und komplette Energiesysteme. Kostenlos vergleichen & sparen.
|
||||
</p>
|
||||
|
||||
<div className="flex flex-col sm:flex-row gap-4">
|
||||
|
|
@ -67,6 +171,103 @@ const Solar = () => {
|
|||
</div>
|
||||
</section>
|
||||
|
||||
{/* SEO: Rich content section for better indexing */}
|
||||
<section className="py-16 bg-gradient-to-b from-background to-solar-light/10">
|
||||
<div className="container mx-auto px-4">
|
||||
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-12">
|
||||
{/* SEO Content Block 1: Förderoptionen */}
|
||||
<Card className="border-l-4 border-l-orange-500">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-orange-700">
|
||||
<Award className="w-5 h-5" />
|
||||
Förderoptionen im Bundesland
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Aktuelle Förderprogramme 2025: BAFA-Zuschüsse für Balkonkraftwerke,
|
||||
KfW-Kredite mit Tilgungszuschuss und kommunale Förderungen.
|
||||
</p>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>BAFA bis 500€ für Balkonkraftwerke</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>KfW 270 mit 10% Tilgungszuschuss</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>EEG-Vergütung für Überschussstrom</span>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* SEO Content Block 2: Kosten und Wirtschaftlichkeit */}
|
||||
<Card className="border-l-4 border-l-green-500">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-green-700">
|
||||
<TrendingUp className="w-5 h-5" />
|
||||
Kosten und Wirtschaftlichkeit
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Transparente Kostenaufstellung: Von Balkonkraftwerken bis zur kompletten
|
||||
Dachanlage. Amortisation in 7-12 Jahren möglich.
|
||||
</p>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Balkonkraftwerk: 400-800€</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Dachanlage: 8.000-15.000€/kWp</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Speicher: 1.200-1.800€/kWh</span>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* SEO Content Block 3: Ertragsprognose */}
|
||||
<Card className="border-l-4 border-l-blue-500">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-blue-700">
|
||||
<Calculator className="w-5 h-5" />
|
||||
Ertragsprognose für Ihre Region
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Standort-spezifische Ertragsberechnung: Sonneneinstrahlung, Dachneigung,
|
||||
Ausrichtung und lokale Wetterdaten berücksichtigt.
|
||||
</p>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Dachneigung 30-35° optimal</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Süd-Ausrichtung bevorzugt</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>800-1.200 kWh/kWp pro Jahr</span>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Benefits Section */}
|
||||
<section className="py-20 bg-gradient-to-b from-background to-solar-light/10">
|
||||
<div className="container mx-auto px-4">
|
||||
|
|
@ -104,6 +305,45 @@ const Solar = () => {
|
|||
{/* Solar Calculator Section */}
|
||||
<SolarCalculator />
|
||||
|
||||
{/* SEO: FAQ Section for better content depth */}
|
||||
<section className="py-16 bg-gray-50">
|
||||
<div className="container mx-auto px-4">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<h2 className="text-3xl font-bold text-center mb-12">Häufige Fragen zu Solar-Installationen</h2>
|
||||
<div className="space-y-6">
|
||||
<div className="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 className="font-semibold mb-3 text-lg">Welche Förderungen gibt es 2025 für Solaranlagen?</h3>
|
||||
<p className="text-muted-foreground">
|
||||
BAFA-Förderung für Balkonkraftwerke (bis 500€), KfW-Kredite mit Tilgungszuschuss,
|
||||
EEG-Vergütung für Überschussstrom und kommunale Zuschüsse je nach Bundesland.
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 className="font-semibold mb-3 text-lg">Was kostet eine Solaranlage 2025?</h3>
|
||||
<p className="text-muted-foreground">
|
||||
Balkonkraftwerk: 400-800€, Komplette Dachanlage: 8.000-15.000€ je kWp.
|
||||
Preise variieren je nach Region, Anbieter und Ausstattung.
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 className="font-semibold mb-3 text-lg">Wie lange dauert die Amortisation?</h3>
|
||||
<p className="text-muted-foreground">
|
||||
Bei aktuellen Strompreisen amortisiert sich eine Solaranlage in 7-12 Jahren.
|
||||
Mit Förderungen und steigenden Energiekosten kann sich die Zeit verkürzen.
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 className="font-semibold mb-3 text-lg">Brauche ich einen Stromspeicher?</h3>
|
||||
<p className="text-muted-foreground">
|
||||
Ein Speicher ist nicht zwingend erforderlich, erhöht aber den Eigenverbrauch
|
||||
von 30% auf 60-80%. Die Wirtschaftlichkeit hängt von Ihrem Verbrauchsprofil ab.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* CTA Section */}
|
||||
<section className="py-20 bg-gradient-solar text-white">
|
||||
<div className="container mx-auto px-4 text-center">
|
||||
|
|
|
|||
|
|
@ -1,9 +1,10 @@
|
|||
import { useEffect } from "react";
|
||||
import Header from "@/components/Header";
|
||||
import Footer from "@/components/Footer";
|
||||
import WindCalculator from "@/components/WindCalculator";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Card, CardContent } from "@/components/ui/card";
|
||||
import { Wind, Zap, TrendingUp, Shield, ArrowRight } from "lucide-react";
|
||||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
|
||||
import { Wind, Zap, TrendingUp, Shield, ArrowRight, Calculator, Award, CheckCircle, MapPin, Users, Clock, Star, Map } from "lucide-react";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const WindPage = () => {
|
||||
|
|
@ -30,16 +31,118 @@ const WindPage = () => {
|
|||
}
|
||||
];
|
||||
|
||||
// SEO: Update page title and meta description
|
||||
useEffect(() => {
|
||||
const title = "Windenergie-Ertrag berechnen – EnergieProfis Rechner";
|
||||
const description = "Windenergie berechnen: Ertrag, Kosten & Angebote vergleichen – jetzt kostenlos! Förderungen und Potenzial für Ihre Windanlage im Rechner entdecken.";
|
||||
|
||||
document.title = title;
|
||||
|
||||
// Update or create meta description
|
||||
let metaDesc = document.querySelector('meta[name="description"]');
|
||||
if (!metaDesc) {
|
||||
metaDesc = document.createElement('meta');
|
||||
metaDesc.setAttribute('name', 'description');
|
||||
document.head.appendChild(metaDesc);
|
||||
}
|
||||
metaDesc.setAttribute('content', description);
|
||||
|
||||
// Add canonical URL
|
||||
let canonical = document.querySelector('link[rel="canonical"]');
|
||||
if (!canonical) {
|
||||
canonical = document.createElement('link');
|
||||
canonical.setAttribute('rel', 'canonical');
|
||||
document.head.appendChild(canonical);
|
||||
}
|
||||
canonical.setAttribute('href', window.location.href);
|
||||
|
||||
// Add Open Graph tags
|
||||
const ogTags = [
|
||||
{ property: 'og:title', content: title },
|
||||
{ property: 'og:description', content: description },
|
||||
{ property: 'og:type', content: 'website' },
|
||||
{ property: 'og:url', content: window.location.href },
|
||||
{ property: 'og:site_name', content: 'EnergieProfis' },
|
||||
{ property: 'og:image', content: `${window.location.origin}/wind_banner.png` }
|
||||
];
|
||||
|
||||
ogTags.forEach(tag => {
|
||||
let meta = document.querySelector(`meta[property="${tag.property}"]`);
|
||||
if (!meta) {
|
||||
meta = document.createElement('meta');
|
||||
meta.setAttribute('property', tag.property);
|
||||
document.head.appendChild(meta);
|
||||
}
|
||||
meta.setAttribute('content', tag.content);
|
||||
});
|
||||
|
||||
// Add structured data for the Wind page
|
||||
const structuredData = {
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebPage",
|
||||
"name": "Windenergie-Ertrag berechnen",
|
||||
"description": "Windenergie-Rechner für Kleinwindanlagen: Ertrag, Kosten und Genehmigungen berechnen",
|
||||
"url": window.location.href,
|
||||
"breadcrumb": {
|
||||
"@type": "BreadcrumbList",
|
||||
"itemListElement": [
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 1,
|
||||
"name": "Startseite",
|
||||
"item": window.location.origin
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 2,
|
||||
"name": "Windenergie",
|
||||
"item": window.location.href
|
||||
}
|
||||
]
|
||||
},
|
||||
"mainEntity": {
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "Windenergie-Rechner",
|
||||
"description": "Windenergie berechnen: Ertrag, Kosten & Angebote vergleichen",
|
||||
"applicationCategory": "BusinessApplication",
|
||||
"operatingSystem": "Web Browser",
|
||||
"url": window.location.href,
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "EUR",
|
||||
"description": "Kostenloser Windenergie-Rechner"
|
||||
}
|
||||
},
|
||||
"publisher": {
|
||||
"@type": "Organization",
|
||||
"name": "EnergieProfis",
|
||||
"url": window.location.origin
|
||||
}
|
||||
};
|
||||
|
||||
// Insert structured data into the page
|
||||
const script = document.createElement('script');
|
||||
script.type = 'application/ld+json';
|
||||
script.text = JSON.stringify(structuredData);
|
||||
document.head.appendChild(script);
|
||||
|
||||
// Cleanup function
|
||||
return () => {
|
||||
if (script.parentNode) script.parentNode.removeChild(script);
|
||||
};
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="min-h-screen">
|
||||
<Header />
|
||||
|
||||
{/* Hero Section */}
|
||||
{/* SEO-Optimized Hero Section */}
|
||||
<section className="relative min-h-[500px] flex items-center overflow-hidden">
|
||||
<div className="absolute inset-0">
|
||||
<img
|
||||
src="/wind_banner.png"
|
||||
alt="Wind Banner"
|
||||
alt="Wind Banner - Windkraftanlagen und Kleinwindanlagen Installation"
|
||||
className="w-full h-full object-cover object-bottom"
|
||||
/>
|
||||
<div className="absolute inset-0 bg-gradient-to-r from-wind/80 via-wind/60 to-transparent"></div>
|
||||
|
|
@ -47,13 +150,14 @@ const WindPage = () => {
|
|||
|
||||
<div className="container mx-auto px-4 relative z-10">
|
||||
<div className="max-w-2xl text-white">
|
||||
{/* H1: Primary SEO heading */}
|
||||
<h1 className="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight">
|
||||
Wind-Installateure für Ihre Region
|
||||
Windkraft-Ertrag und Angebote berechnen
|
||||
</h1>
|
||||
|
||||
<p className="text-xl md:text-2xl text-white/90 mb-8 leading-relaxed">
|
||||
Entdecken Sie die Kraft des Windes mit modernen Windkraftanlagen
|
||||
für private und gewerbliche Nutzung.
|
||||
für private und gewerbliche Nutzung. Kostenlos vergleichen & sparen.
|
||||
</p>
|
||||
|
||||
<div className="flex flex-col sm:flex-row gap-4">
|
||||
|
|
@ -67,6 +171,103 @@ const WindPage = () => {
|
|||
</div>
|
||||
</section>
|
||||
|
||||
{/* SEO: Rich content section for better indexing */}
|
||||
<section className="py-16 bg-gradient-to-b from-background to-wind-light/10">
|
||||
<div className="container mx-auto px-4">
|
||||
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-12">
|
||||
{/* SEO Content Block 1: Fördermittel und Genehmigungen */}
|
||||
<Card className="border-l-4 border-l-blue-500">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-blue-700">
|
||||
<Award className="w-5 h-5" />
|
||||
Fördermittel und Genehmigungen
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Bundesland-spezifische Förderprogramme und Genehmigungsverfahren:
|
||||
Mast-Höhen unter 15m sind in den meisten Bundesländern genehmigungsfrei.
|
||||
</p>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Genehmigung unter 15m Mast</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Bundesland-spezifische Vorgaben</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Schallemissions-Gutachten</span>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* SEO Content Block 2: Kosten und Rendite */}
|
||||
<Card className="border-l-4 border-l-green-500">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-green-700">
|
||||
<TrendingUp className="w-5 h-5" />
|
||||
Kosten und Rendite hier kalkulieren
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Transparente Kostenaufstellung: Von Kleinwindanlagen bis zu größeren
|
||||
Systemen. Amortisation in 8-15 Jahren möglich.
|
||||
</p>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Kleinwindanlage: 3.000-15.000€</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Mast und Fundament: 1.500-5.000€</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Installation: 2.000-8.000€</span>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* SEO Content Block 3: Angebote vergleichen */}
|
||||
<Card className="border-l-4 border-l-purple-500">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-purple-700">
|
||||
<Map className="w-5 h-5" />
|
||||
Angebote für Windanlagen vergleichen
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-muted-foreground mb-4">
|
||||
Qualifizierte Wind-Installateure in Ihrer Region finden und
|
||||
Angebote direkt vergleichen. Kostenlos und unverbindlich.
|
||||
</p>
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Lokale Fachbetriebe</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Kostenlose Angebote</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<CheckCircle className="w-4 h-4 text-green-600" />
|
||||
<span>Direkter Vergleich</span>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Benefits Section */}
|
||||
<section className="py-20 bg-gradient-to-b from-background to-wind-light/10">
|
||||
<div className="container mx-auto px-4">
|
||||
|
|
@ -104,6 +305,45 @@ const WindPage = () => {
|
|||
{/* Wind Calculator Section */}
|
||||
<WindCalculator />
|
||||
|
||||
{/* SEO: FAQ Section for better content depth */}
|
||||
<section className="py-16 bg-gray-50">
|
||||
<div className="container mx-auto px-4">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<h2 className="text-3xl font-bold text-center mb-12">Häufige Fragen zu Windkraft-Installationen</h2>
|
||||
<div className="space-y-6">
|
||||
<div className="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 className="font-semibold mb-3 text-lg">Brauche ich eine Genehmigung für eine Kleinwindanlage?</h3>
|
||||
<p className="text-muted-foreground">
|
||||
Mast-Höhen unter 15m sind in den meisten Bundesländern genehmigungsfrei.
|
||||
Ab 15m ist ein Bauantrag erforderlich. Schallemissions-Gutachten können nötig sein.
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 className="font-semibold mb-3 text-lg">Was kostet eine Windkraftanlage 2025?</h3>
|
||||
<p className="text-muted-foreground">
|
||||
Kleinwindanlage: 3.000-15.000€, Mast und Fundament: 1.500-5.000€,
|
||||
Installation: 2.000-8.000€. Preise variieren je nach Größe und Region.
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 className="font-semibold mb-3 text-lg">Welche Windgeschwindigkeit ist optimal?</h3>
|
||||
<p className="text-muted-foreground">
|
||||
Moderne Anlagen starten bereits bei 2-3 m/s Windgeschwindigkeit.
|
||||
Optimal sind 5-8 m/s. Ab 12 m/s wird die Leistung begrenzt.
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 className="font-semibold mb-3 text-lg">Wie laut ist eine Kleinwindanlage?</h3>
|
||||
<p className="text-muted-foreground">
|
||||
Moderne Anlagen sind sehr leise. Bei 50m Entfernung liegt der Schallpegel
|
||||
bei 35-45 dB(A), vergleichbar mit leisen Gesprächen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* CTA Section */}
|
||||
<section className="py-20 bg-gradient-wind text-white">
|
||||
<div className="container mx-auto px-4 text-center">
|
||||
|
|
|
|||
Loading…
Reference in New Issue