torsten/trainingstagebuch
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(Home): enhance SEO content and layout for improved user engagement

Browse Source 
- Added a new SEO-focused section introducing the Vereinssoftware for Tischtennisvereine, detailing its features and benefits.
- Included multiple search topic articles to highlight key functionalities such as member management, training planning, and tournament organization.
- Updated styles for the new sections to ensure a responsive and visually appealing layout.
- Enhanced the SEO copy to clarify the software's relevance in search results, targeting specific user queries.
This commit is contained in:
Torsten Schulz (local)
2026-03-18 18:16:11 +01:00
parent f94914703a
commit c441d4a049
1 changed files with 154 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
frontend/src/views/Home.vue
View File

@@ -34,6 +34,74 @@
</ul>
</section>
<section class="seo-intro card">
<div class="seo-intro-copy">
<h2>Vereinssoftware für Tischtennisvereine</h2>
<p>
Trainingstagebuch ist eine spezialisierte Vereinssoftware für Tischtennisvereine,
Trainerteams und Abteilungen. Die Anwendung bündelt Mitgliederverwaltung,
Trainingsplanung, Trainingstagebuch, Gruppensteuerung, Team-Management und
Turnierorganisation in einer Oberfläche.
</p>
<p>
Statt Insellösungen für Teilnehmerlisten, Trainingsgruppen, Anwesenheit,
Mannschaften und Turniere zu pflegen, arbeitet der Verein mit einem zentralen
System. Das spart Zeit in der Organisation und macht Abläufe für Trainer,
Jugendwarte, Mannschaftsführer und Vorstände transparenter.
</p>
</div>
<div class="seo-intro-points">
<div class="seo-point">
<strong>Mitgliederverwaltung Verein</strong>
<span>Mit Status, Kontakten, Gruppen, Historien und Rollen.</span>
</div>
<div class="seo-point">
<strong>Trainingsplanung Tischtennis</strong>
<span>Mit Gruppen, Teilnehmern, Aktivitäten und Trainingstagen.</span>
</div>
<div class="seo-point">
<strong>Turnierorganisation</strong>
<span>Für interne, offene und offizielle Wettbewerbe.</span>
</div>
</div>
</section>
<section class="search-topic-grid">
<article class="search-topic card">
<h2>Mitgliederverwaltung für Vereine</h2>
<p>
Die Mitgliederverwaltung bildet aktive Mitglieder, Probemitglieder, Kontaktdaten,
Altersklassen, Gruppen, Status und Vereinsrollen sauber ab. So lassen sich
Trainingsgruppen, Teilnahmen und Team-Zuordnungen direkt mit den Mitgliedsdaten
verknüpfen.
</p>
</article>
<article class="search-topic card">
<h2>Trainingsplanung und Trainingstagebuch</h2>
<p>
Trainer planen Einheiten, dokumentieren Anwesenheiten, ordnen Gruppen zu und
halten Aktivitäten im Trainingstagebuch fest. Das eignet sich besonders für
Tischtennistraining mit wechselnden Gruppen, Anwesenheiten und Stationsformen.
</p>
</article>
<article class="search-topic card">
<h2>Turniersoftware für Vereinswettbewerbe</h2>
<p>
Das System unterstützt Turniere im Verein ebenso wie offene und offizielle
Wettbewerbe. Teilnehmer, Gruppen, Auslosungen, Ergebnisse und Übersichten lassen
sich in einer Anwendung verwalten.
</p>
</article>
<article class="search-topic card">
<h2>Team-Management und Statistiken</h2>
<p>
Mannschaften, Einsätze, Dokumente, Statistiken und Auswertungen greifen ineinander.
Damit eignet sich Trainingstagebuch nicht nur für die Trainingsorganisation, sondern
auch für die laufende Vereinsarbeit über die ganze Saison.
</p>
</article>
</section>
<section class="features-section">
<h3 class="section-title">{{ $t('home.whatCanYouDo') }}</h3>
<div class="features-grid">
@@ -171,6 +239,18 @@
</p>
</section>
<section class="seo-copy seo-copy-secondary">
<h3 class="section-title">Warum die Software in Suchergebnissen relevant sein soll</h3>
<p class="long-text">
Wer nach Vereinssoftware für Tischtennis, einer Lösung für Mitgliederverwaltung im
Verein oder nach einer Software für Trainingsplanung und Turnierorganisation sucht,
sucht in der Regel kein generisches Tool. Gesucht wird eine Anwendung, die die
Abläufe im Sportverein wirklich versteht: Trainingsgruppen, Anwesenheiten,
Mannschaftsbetrieb, Jugend- und Erwachsenentraining, Auswertungen und die Verbindung
zu bestehenden Tischtennis-Datenquellen. Genau dafür ist Trainingstagebuch ausgelegt.
</p>
</section>
<section class="faq">
<h3 class="section-title">{{ $t('home.faq') }}</h3>
<details>
@@ -387,6 +467,70 @@ export default {
color: var(--text-secondary);
}
.seo-intro {
display: grid;
grid-template-columns: minmax(0, 1.7fr) minmax(240px, 1fr);
gap: 1.25rem;
padding: 1.5rem;
border: 1px solid rgba(47, 122, 95, 0.18);
background: linear-gradient(180deg, rgba(47, 122, 95, 0.05), rgba(255, 255, 255, 0.96));
}
.seo-intro-copy h2,
.search-topic h2 {
margin: 0 0 0.75rem 0;
color: var(--text-primary);
font-size: 1.35rem;
}
.seo-intro-copy p,
.search-topic p {
margin: 0 0 0.9rem 0;
color: var(--text-secondary);
line-height: 1.65;
}
.seo-intro-copy p:last-child,
.search-topic p:last-child {
margin-bottom: 0;
}
.seo-intro-points {
display: grid;
gap: 0.85rem;
align-content: start;
}
.seo-point {
display: flex;
flex-direction: column;
gap: 0.3rem;
padding: 0.9rem 1rem;
border-radius: 14px;
background: rgba(255, 255, 255, 0.92);
border: 1px solid var(--border-color);
}
.seo-point strong {
color: var(--primary-strong);
}
.seo-point span {
color: var(--text-secondary);
line-height: 1.45;
}
.search-topic-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.25rem;
}
.search-topic {
padding: 1.35rem 1.25rem;
border: 1px solid var(--border-color);
}
.message-text, .welcome-text {
font-size: 1rem;
color: var(--text-secondary);
@@ -528,6 +672,11 @@ export default {
max-width: 900px;
margin: 0 auto;
color: var(--text-secondary);
line-height: 1.7;
}
.seo-copy-secondary {
margin-top: -0.5rem;
}
.faq details {
@@ -563,6 +712,11 @@ export default {
grid-template-columns: 1fr;
gap: 1.25rem;
}
.seo-intro,
.search-topic-grid {
grid-template-columns: 1fr;
}
.feature-card {
padding: 1.25rem 1rem;