Merge branch 'main' of https://git.tsschulz.de/torsten/singlechat
This commit is contained in:
Torsten Schulz (notebook)
1
client/public/ads.txt
Normal file
1
client/public/ads.txt
Normal file
@@ -0,0 +1 @@
|
||||
google.com, pub-1104166651501135, DIRECT, f08c47fec0942fa0
|
||||
@@ -3,11 +3,9 @@
|
||||
<ins
|
||||
ref="adElement"
|
||||
class="adsbygoogle"
|
||||
style="display:block"
|
||||
style="display:inline-block;width:320px;height:50px"
|
||||
:data-ad-client="adClient"
|
||||
:data-ad-slot="adSlot"
|
||||
data-ad-format="auto"
|
||||
data-full-width-responsive="true"
|
||||
></ins>
|
||||
</div>
|
||||
</template>
|
||||
@@ -53,11 +51,16 @@ onMounted(async () => {
|
||||
|
||||
<style scoped>
|
||||
.header-ad-banner {
|
||||
flex: 1;
|
||||
min-width: 280px;
|
||||
max-width: 728px;
|
||||
flex: 0 0 auto;
|
||||
width: 320px;
|
||||
min-width: 320px;
|
||||
max-width: 320px;
|
||||
height: 50px;
|
||||
margin: 0 16px;
|
||||
padding: 4px 0;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.header-ad-banner :deep(ins) {
|
||||
@@ -66,9 +69,16 @@ onMounted(async () => {
|
||||
|
||||
@media (max-width: 960px) {
|
||||
.header-ad-banner {
|
||||
min-width: 220px;
|
||||
max-width: 468px;
|
||||
margin: 0 10px;
|
||||
width: 300px;
|
||||
min-width: 300px;
|
||||
max-width: 300px;
|
||||
height: 50px;
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
.header-ad-banner :deep(ins) {
|
||||
width: 300px !important;
|
||||
height: 50px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<template>
|
||||
<div class="imprint-container">
|
||||
<a href="/partners">Partner</a>
|
||||
<a href="/ratgeber">Ratgeber</a>
|
||||
<a href="/faq">FAQ</a>
|
||||
<a href="/regeln">Regeln</a>
|
||||
<a href="/sicherheit">Sicherheit</a>
|
||||
|
||||
@@ -7,6 +7,11 @@ import FaqView from '../views/FaqView.vue';
|
||||
import PrivacyView from '../views/PrivacyView.vue';
|
||||
import RulesView from '../views/RulesView.vue';
|
||||
import SafetyView from '../views/SafetyView.vue';
|
||||
import GuideHubView from '../views/GuideHubView.vue';
|
||||
import GuideFirstMessageView from '../views/GuideFirstMessageView.vue';
|
||||
import GuideProfileView from '../views/GuideProfileView.vue';
|
||||
import GuideSafetyView from '../views/GuideSafetyView.vue';
|
||||
import GuideRedFlagsView from '../views/GuideRedFlagsView.vue';
|
||||
|
||||
const SITE_URL = 'https://www.ypchat.net';
|
||||
const DEFAULT_IMAGE = `${SITE_URL}/static/favicon.png`;
|
||||
@@ -152,6 +157,15 @@ const privacySchema = {
|
||||
inLanguage: 'de-DE'
|
||||
};
|
||||
|
||||
const guideHubSchema = {
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'CollectionPage',
|
||||
name: 'Ratgeber - SingleChat',
|
||||
url: `${SITE_URL}/ratgeber`,
|
||||
description: 'Ratgeber mit Tipps zu erster Nachricht, Profilgestaltung, Datenschutz und sicheren Gespraechen im Single Chat.',
|
||||
inLanguage: 'de-DE'
|
||||
};
|
||||
|
||||
const routes = [
|
||||
{
|
||||
path: '/',
|
||||
@@ -265,6 +279,86 @@ const routes = [
|
||||
schema: privacySchema
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/ratgeber',
|
||||
name: 'ratgeber',
|
||||
component: GuideHubView,
|
||||
meta: {
|
||||
title: 'Ratgeber fuer privaten Single Chat - SingleChat',
|
||||
description: 'Praxisnahe Ratgeberartikel zu Chat-Einstieg, Profiloptimierung, Sicherheit und Red Flags im Online-Chat.',
|
||||
keywords: 'chat ratgeber, single chat tipps, profil tipps, sicher chatten, online chat red flags',
|
||||
ogTitle: 'Ratgeber fuer privaten Single Chat - SingleChat',
|
||||
ogDescription: 'Hilfreiche Leitfaeden fuer bessere Gespraeche und mehr Sicherheit im Chat.',
|
||||
ogType: 'website',
|
||||
image: DEFAULT_IMAGE,
|
||||
robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
|
||||
schema: guideHubSchema
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/ratgeber/erste-nachricht',
|
||||
name: 'ratgeber-erste-nachricht',
|
||||
component: GuideFirstMessageView,
|
||||
meta: {
|
||||
title: 'Die erste Nachricht im Chat - Tipps & Beispiele',
|
||||
description: 'So gelingt die erste Nachricht im Single Chat: konkrete Beispiele, typische Fehler und einfache Vorlagen.',
|
||||
keywords: 'erste nachricht chat, anschreiben tipps, chat beispiele, single chat einstieg',
|
||||
ogTitle: 'Die erste Nachricht im Chat - Tipps & Beispiele',
|
||||
ogDescription: 'Konkrete Beispiele fuer einen natuerlichen und respektvollen Chat-Einstieg.',
|
||||
ogType: 'article',
|
||||
image: DEFAULT_IMAGE,
|
||||
robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
|
||||
schema: null
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/ratgeber/profil-tipps',
|
||||
name: 'ratgeber-profil-tipps',
|
||||
component: GuideProfileView,
|
||||
meta: {
|
||||
title: 'Profil verbessern fuer bessere Chats - SingleChat',
|
||||
description: 'Verbessere dein Chat-Profil mit klaren, ehrlichen Angaben und starte leichter passende Gespraeche.',
|
||||
keywords: 'profil tipps chat, online profil verbessern, single chat profil',
|
||||
ogTitle: 'Profil verbessern fuer bessere Chats - SingleChat',
|
||||
ogDescription: 'Einfache Schritte fuer ein besseres Profil und passendere Unterhaltungen.',
|
||||
ogType: 'article',
|
||||
image: DEFAULT_IMAGE,
|
||||
robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
|
||||
schema: null
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/ratgeber/sicher-chatten',
|
||||
name: 'ratgeber-sicher-chatten',
|
||||
component: GuideSafetyView,
|
||||
meta: {
|
||||
title: 'Sicher chatten und Daten schuetzen - SingleChat',
|
||||
description: 'Datenschutz-Tipps fuer anonymes Chatten: Welche Informationen du teilen kannst und welche nicht.',
|
||||
keywords: 'sicher chatten, datenschutz chat, anonym chat tipps',
|
||||
ogTitle: 'Sicher chatten und Daten schuetzen - SingleChat',
|
||||
ogDescription: 'Praktische Regeln fuer mehr Sicherheit und Privatsphaere im Online-Chat.',
|
||||
ogType: 'article',
|
||||
image: DEFAULT_IMAGE,
|
||||
robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
|
||||
schema: null
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/ratgeber/red-flags',
|
||||
name: 'ratgeber-red-flags',
|
||||
component: GuideRedFlagsView,
|
||||
meta: {
|
||||
title: 'Red Flags im Online-Chat erkennen - SingleChat',
|
||||
description: 'Warnzeichen bei Spam und Manipulation im Chat erkennen und richtig reagieren.',
|
||||
keywords: 'red flags chat, online chat sicherheit, betrug chat erkennen',
|
||||
ogTitle: 'Red Flags im Online-Chat erkennen - SingleChat',
|
||||
ogDescription: 'Fruehe Warnsignale im Chat erkennen und sich wirksam schuetzen.',
|
||||
ogType: 'article',
|
||||
image: DEFAULT_IMAGE,
|
||||
robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
|
||||
schema: null
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/mockup-redesign',
|
||||
name: 'mockup-redesign',
|
||||
|
||||
@@ -129,6 +129,7 @@
|
||||
<h1>Chat</h1>
|
||||
</div>
|
||||
</div>
|
||||
<HeaderAdBanner />
|
||||
</header>
|
||||
<div class="horizontal-box horizontal-box-login">
|
||||
<div class="content login-content-shell">
|
||||
@@ -154,6 +155,7 @@ import SearchView from '../components/SearchView.vue';
|
||||
import InboxView from '../components/InboxView.vue';
|
||||
import HistoryView from '../components/HistoryView.vue';
|
||||
import ImprintContainer from '../components/ImprintContainer.vue';
|
||||
import HeaderAdBanner from '../components/HeaderAdBanner.vue';
|
||||
|
||||
const chatStore = useChatStore();
|
||||
|
||||
|
||||
120
client/src/views/GuideFirstMessageView.vue
Normal file
120
client/src/views/GuideFirstMessageView.vue
Normal file
@@ -0,0 +1,120 @@
|
||||
<template>
|
||||
<div class="chat-container">
|
||||
<header class="header">
|
||||
<router-link to="/" class="app-brand app-brand-link">
|
||||
<span class="app-brand-mark">S</span>
|
||||
<div class="app-brand-copy">
|
||||
<span class="app-brand-eyebrow">SingleChat</span>
|
||||
<h1>Ratgeber</h1>
|
||||
</div>
|
||||
</router-link>
|
||||
<HeaderAdBanner />
|
||||
</header>
|
||||
|
||||
<main class="content-page">
|
||||
<h2>Die erste Nachricht im Chat: einfach und wirksam</h2>
|
||||
<p>
|
||||
Der Einstieg entscheidet oft, ob aus einem Match wirklich ein Gespraech wird. Gute erste Nachrichten sind kurz,
|
||||
freundlich und konkret. Vermeide austauschbare Einzeiler und beziehe dich auf ein Detail aus dem Profil.
|
||||
</p>
|
||||
<p>
|
||||
Viele Nutzer scheitern nicht an fehlender Sympathie, sondern an unklarem Einstieg. Wer den ersten Kontakt als
|
||||
kleine Einladung statt als Test versteht, bekommt haeufiger eine echte Antwort.
|
||||
</p>
|
||||
|
||||
<h3>Ein guter Aufbau in drei Schritten</h3>
|
||||
<ol>
|
||||
<li>Begruessung mit Namen oder Nickname.</li>
|
||||
<li>Eine konkrete Beobachtung oder Frage, die nicht kopiert wirkt.</li>
|
||||
<li>Ein lockerer Abschluss, der eine Antwort leicht macht.</li>
|
||||
</ol>
|
||||
|
||||
<h3>Wann eine Nachricht zu lang ist</h3>
|
||||
<p>
|
||||
Als Faustregel gilt: 1 bis 3 Saetze reichen am Anfang. Lange Monologe wirken schnell wie Copy-Paste. Besser ist
|
||||
eine kurze Frage mit echtem Bezug und Raum fuer die Antwort.
|
||||
</p>
|
||||
|
||||
<h3>Beispiele fuer bessere erste Nachrichten</h3>
|
||||
<p>
|
||||
Statt „Hi, wie gehts?“ besser: „Hi Lara, du schreibst, dass du gerne reist - was war dein schoenster Ort in den
|
||||
letzten zwei Jahren?“
|
||||
</p>
|
||||
<p>
|
||||
Statt „Na?“ besser: „Hey Ben, dein Musikgeschmack klingt spannend. Eher ruhige Playlists oder energiegeladene
|
||||
Tracks beim Arbeiten?“
|
||||
</p>
|
||||
<p>
|
||||
Statt „Bist du echt?“ besser: „Hi, ich bin neu hier und mag klare Gespraeche. Worueber schreibst du gerne zuerst:
|
||||
Alltag, Freizeit oder Musik?“
|
||||
</p>
|
||||
|
||||
<h3>Typische Fehler vermeiden</h3>
|
||||
<ul>
|
||||
<li>Zu lange Texte direkt am Anfang.</li>
|
||||
<li>Zu persoenliche Fragen in der ersten Nachricht.</li>
|
||||
<li>Mehrfaches Nachfassen ohne Antwort.</li>
|
||||
<li>Ironie ohne Kontext, die schnell falsch verstanden wird.</li>
|
||||
</ul>
|
||||
|
||||
<h3>Wenn keine Antwort kommt</h3>
|
||||
<p>
|
||||
Nicht jede Nachricht fuehrt zu einem Gespraech. Das ist normal. Warte mit einem zweiten Kontakt mindestens etwas
|
||||
Zeit und formuliere freundlich und kurz. Danach gilt: respektvoll weiterziehen statt Druck aufbauen.
|
||||
</p>
|
||||
|
||||
<h3>Kurzcheck vor dem Absenden</h3>
|
||||
<ul>
|
||||
<li>Ist die Nachricht konkret statt austauschbar?</li>
|
||||
<li>Ist sie freundlich und ohne Druck formuliert?</li>
|
||||
<li>Enthaelt sie eine Frage, auf die man leicht antworten kann?</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
Mehr Tipps findest du auch in unserem
|
||||
<router-link to="/ratgeber/profil-tipps">Profil-Ratgeber</router-link> und auf der Seite
|
||||
<router-link to="/ratgeber/sicher-chatten">Sicher chatten</router-link>.
|
||||
</p>
|
||||
|
||||
<p class="content-meta">
|
||||
Redaktion: SingleChat Team · Zuletzt aktualisiert: 07.05.2026
|
||||
</p>
|
||||
</main>
|
||||
|
||||
<ImprintContainer />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import HeaderAdBanner from '../components/HeaderAdBanner.vue';
|
||||
import ImprintContainer from '../components/ImprintContainer.vue';
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.content-page {
|
||||
max-width: 980px;
|
||||
margin: 0 auto;
|
||||
padding: 20px 14px 36px;
|
||||
line-height: 1.6;
|
||||
color: #344038;
|
||||
}
|
||||
|
||||
.content-page h2,
|
||||
.content-page h3 {
|
||||
color: #18201b;
|
||||
}
|
||||
|
||||
.content-page a {
|
||||
color: #245c3a;
|
||||
}
|
||||
|
||||
.content-meta {
|
||||
margin-top: 18px;
|
||||
font-size: 12px;
|
||||
color: #637067;
|
||||
}
|
||||
|
||||
.app-brand-link {
|
||||
text-decoration: none;
|
||||
}
|
||||
</style>
|
||||
168
client/src/views/GuideHubView.vue
Normal file
168
client/src/views/GuideHubView.vue
Normal file
@@ -0,0 +1,168 @@
|
||||
<template>
|
||||
<div class="chat-container">
|
||||
<header class="header">
|
||||
<router-link to="/" class="app-brand app-brand-link">
|
||||
<span class="app-brand-mark">S</span>
|
||||
<div class="app-brand-copy">
|
||||
<span class="app-brand-eyebrow">SingleChat</span>
|
||||
<h1>Ratgeber</h1>
|
||||
</div>
|
||||
</router-link>
|
||||
<HeaderAdBanner />
|
||||
</header>
|
||||
|
||||
<main class="content-page">
|
||||
<h2>Ratgeber: Sicher und entspannt chatten</h2>
|
||||
<p>
|
||||
In unserem Ratgeber findest du praxisnahe Tipps rund um privaten Chat, Profilgestaltung und digitale Sicherheit.
|
||||
Alle Inhalte sind speziell fuer SingleChat-Nutzer geschrieben und werden laufend erweitert.
|
||||
</p>
|
||||
<p>
|
||||
Wenn du neu im Chat bist, starte am besten mit dem Leitfaden zur ersten Unterhaltung und arbeite dich dann zu
|
||||
den Themen Datenschutz, Profilqualitaet und respektvolle Kommunikation vor.
|
||||
</p>
|
||||
<p>
|
||||
Ziel dieser Artikel ist nicht, moeglichst viele Nachrichten zu erzeugen, sondern bessere Gespraeche mit
|
||||
gegenseitigem Respekt. Deshalb kombinieren wir konkrete Formulierungsbeispiele mit Sicherheitsregeln und klaren
|
||||
Handlungsempfehlungen fuer schwierige Situationen.
|
||||
</p>
|
||||
|
||||
<section class="editor-note">
|
||||
<h3>Wie dieser Ratgeber aufgebaut ist</h3>
|
||||
<ul>
|
||||
<li>Praxisnahe Schritt-fuer-Schritt-Anleitungen statt allgemeiner Floskeln.</li>
|
||||
<li>Konkrete Beispiele fuer gute und schlechte Chat-Situationen.</li>
|
||||
<li>Sicherheitsfokus: Datenschutz, Grenzsetzung und Verhalten bei Red Flags.</li>
|
||||
<li>Regelmaessige Aktualisierung bei neuen Funktionen oder Moderationsregeln.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="guide-grid">
|
||||
<article class="guide-card">
|
||||
<h3><router-link to="/ratgeber/erste-nachricht">Die erste Nachricht im Chat</router-link></h3>
|
||||
<p>
|
||||
Konkrete Formulierungen, typische Fehler und ein einfacher Aufbau, mit dem du natuerlich ins Gespraech
|
||||
kommst.
|
||||
</p>
|
||||
</article>
|
||||
<article class="guide-card">
|
||||
<h3><router-link to="/ratgeber/profil-tipps">Profil verbessern in 10 Minuten</router-link></h3>
|
||||
<p>
|
||||
So waehlen Nutzer Nickname, Alter und Selbstbeschreibung so, dass sie passende Kontakte statt Zufallstreffer
|
||||
erhalten.
|
||||
</p>
|
||||
</article>
|
||||
<article class="guide-card">
|
||||
<h3><router-link to="/ratgeber/sicher-chatten">Sicher chatten und Daten schuetzen</router-link></h3>
|
||||
<p>
|
||||
Datenschutz im Alltag: welche Informationen du teilen kannst und was du besser nie im Chat schreiben solltest.
|
||||
</p>
|
||||
</article>
|
||||
<article class="guide-card">
|
||||
<h3><router-link to="/ratgeber/red-flags">Red Flags im Online-Chat erkennen</router-link></h3>
|
||||
<p>
|
||||
Fruehe Warnzeichen bei Spam, Manipulation und Betrugsversuchen inklusive klarer Reaktionsempfehlungen.
|
||||
</p>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section class="next-steps">
|
||||
<h3>Empfohlene Lesereihenfolge</h3>
|
||||
<ol>
|
||||
<li><router-link to="/ratgeber/erste-nachricht">Die erste Nachricht im Chat</router-link></li>
|
||||
<li><router-link to="/ratgeber/profil-tipps">Profil verbessern in 10 Minuten</router-link></li>
|
||||
<li><router-link to="/ratgeber/sicher-chatten">Sicher chatten und Daten schuetzen</router-link></li>
|
||||
<li><router-link to="/ratgeber/red-flags">Red Flags im Online-Chat erkennen</router-link></li>
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
<p class="content-meta">
|
||||
Redaktion: SingleChat Team · Zuletzt aktualisiert: 07.05.2026
|
||||
</p>
|
||||
</main>
|
||||
|
||||
<ImprintContainer />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import HeaderAdBanner from '../components/HeaderAdBanner.vue';
|
||||
import ImprintContainer from '../components/ImprintContainer.vue';
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.content-page {
|
||||
max-width: 1020px;
|
||||
margin: 0 auto;
|
||||
padding: 20px 14px 36px;
|
||||
line-height: 1.6;
|
||||
color: #344038;
|
||||
}
|
||||
|
||||
.content-page h2 {
|
||||
margin: 0 0 10px;
|
||||
color: #18201b;
|
||||
}
|
||||
|
||||
.guide-grid {
|
||||
margin-top: 16px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.editor-note,
|
||||
.next-steps {
|
||||
margin-top: 18px;
|
||||
border: 1px solid #d7dfd9;
|
||||
border-radius: 12px;
|
||||
background: #ffffff;
|
||||
padding: 14px;
|
||||
}
|
||||
|
||||
.editor-note h3,
|
||||
.next-steps h3 {
|
||||
margin: 0 0 8px;
|
||||
color: #18201b;
|
||||
}
|
||||
|
||||
.guide-card {
|
||||
border: 1px solid #d7dfd9;
|
||||
border-radius: 12px;
|
||||
background: #ffffff;
|
||||
padding: 14px;
|
||||
}
|
||||
|
||||
.guide-card h3 {
|
||||
margin: 0 0 6px;
|
||||
}
|
||||
|
||||
.guide-card p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.guide-card a {
|
||||
color: #1f6e43;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.guide-card a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.content-meta {
|
||||
margin-top: 18px;
|
||||
font-size: 12px;
|
||||
color: #637067;
|
||||
}
|
||||
|
||||
.app-brand-link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media (max-width: 760px) {
|
||||
.guide-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
119
client/src/views/GuideProfileView.vue
Normal file
119
client/src/views/GuideProfileView.vue
Normal file
@@ -0,0 +1,119 @@
|
||||
<template>
|
||||
<div class="chat-container">
|
||||
<header class="header">
|
||||
<router-link to="/" class="app-brand app-brand-link">
|
||||
<span class="app-brand-mark">S</span>
|
||||
<div class="app-brand-copy">
|
||||
<span class="app-brand-eyebrow">SingleChat</span>
|
||||
<h1>Ratgeber</h1>
|
||||
</div>
|
||||
</router-link>
|
||||
<HeaderAdBanner />
|
||||
</header>
|
||||
|
||||
<main class="content-page">
|
||||
<h2>Profil verbessern in 10 Minuten</h2>
|
||||
<p>
|
||||
Ein gutes Profil muss nicht lang sein. Entscheidend ist, dass andere Nutzer schnell erkennen, wer du bist und
|
||||
wie man mit dir ins Gespraech kommt. Schon kleine Anpassungen helfen, passendere Unterhaltungen zu starten.
|
||||
</p>
|
||||
<p>
|
||||
Gute Profile reduzieren Missverstaendnisse: Erwartungen werden klarer, Gespraeche starten einfacher und der
|
||||
Umgangston bleibt meist respektvoller.
|
||||
</p>
|
||||
|
||||
<h3>1) Klarer, neutraler Nickname</h3>
|
||||
<p>
|
||||
Vermeide beleidigende Begriffe, reine Zahlencodes oder provozierende Namen. Ein klarer Nickname wirkt
|
||||
vertrauenswuerdig und erleichtert den Einstieg.
|
||||
</p>
|
||||
|
||||
<h3>2) Realistische Angaben zu Alter und Interessen</h3>
|
||||
<p>
|
||||
Ehrliche Angaben verbessern die Treffer in der Suche. Wer Alter, Interessen und Gespraechsthemen sauber angibt,
|
||||
bekommt haeufiger Antworten mit echtem Bezug.
|
||||
</p>
|
||||
<ul>
|
||||
<li>Nenne 2 bis 4 Interessen, die tatsaechlich zu deinem Alltag passen.</li>
|
||||
<li>Vermeide ueberladene Listen ohne Prioritaeten.</li>
|
||||
<li>Bleibe bei Angaben, die du im Chat auch glaubwuerdig erzaehlen kannst.</li>
|
||||
</ul>
|
||||
|
||||
<h3>3) Einladende erste Formulierung</h3>
|
||||
<p>
|
||||
Eine kurze Profilzeile wie „Mag Musik, Spaziergaenge und gute Gespraeche ueber Alltag und Reisen“ gibt direkt
|
||||
einen Anknuepfungspunkt.
|
||||
</p>
|
||||
<p>
|
||||
Schreibe lieber konkret als perfekt. Ein Satz mit persoenlicher Note funktioniert besser als allgemeine
|
||||
Standardtexte.
|
||||
</p>
|
||||
|
||||
<h3>4) Sicherheit immer mitdenken</h3>
|
||||
<p>
|
||||
Keine privaten Kontaktdaten im Profil und keine Hinweise auf Adresse, Arbeitgeber oder eindeutige Tagesroutinen.
|
||||
Details zur Privatsphaere findest du unter
|
||||
<router-link to="/ratgeber/sicher-chatten">Sicher chatten</router-link>.
|
||||
</p>
|
||||
|
||||
<h3>5) Haeufige Profilfehler</h3>
|
||||
<ul>
|
||||
<li>Leeres Profil oder nur ein Emoji.</li>
|
||||
<li>Widerspruechliche Angaben zwischen Profiltext und Suchfilter.</li>
|
||||
<li>Abwertende Formulierungen gegen andere Nutzergruppen.</li>
|
||||
</ul>
|
||||
|
||||
<h3>Mini-Checkliste in 60 Sekunden</h3>
|
||||
<ol>
|
||||
<li>Ist dein Nickname neutral und gut lesbar?</li>
|
||||
<li>Sind Alter und Interessen aktuell?</li>
|
||||
<li>Gibt es mindestens einen klaren Gespraechsanlass im Profiltext?</li>
|
||||
</ol>
|
||||
|
||||
<p>
|
||||
Fuer konkrete Einstiegsbeispiele lohnt sich unser Leitfaden
|
||||
<router-link to="/ratgeber/erste-nachricht">Die erste Nachricht im Chat</router-link>.
|
||||
</p>
|
||||
|
||||
<p class="content-meta">
|
||||
Redaktion: SingleChat Team · Zuletzt aktualisiert: 07.05.2026
|
||||
</p>
|
||||
</main>
|
||||
|
||||
<ImprintContainer />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import HeaderAdBanner from '../components/HeaderAdBanner.vue';
|
||||
import ImprintContainer from '../components/ImprintContainer.vue';
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.content-page {
|
||||
max-width: 980px;
|
||||
margin: 0 auto;
|
||||
padding: 20px 14px 36px;
|
||||
line-height: 1.6;
|
||||
color: #344038;
|
||||
}
|
||||
|
||||
.content-page h2,
|
||||
.content-page h3 {
|
||||
color: #18201b;
|
||||
}
|
||||
|
||||
.content-page a {
|
||||
color: #245c3a;
|
||||
}
|
||||
|
||||
.content-meta {
|
||||
margin-top: 18px;
|
||||
font-size: 12px;
|
||||
color: #637067;
|
||||
}
|
||||
|
||||
.app-brand-link {
|
||||
text-decoration: none;
|
||||
}
|
||||
</style>
|
||||
106
client/src/views/GuideRedFlagsView.vue
Normal file
106
client/src/views/GuideRedFlagsView.vue
Normal file
@@ -0,0 +1,106 @@
|
||||
<template>
|
||||
<div class="chat-container">
|
||||
<header class="header">
|
||||
<router-link to="/" class="app-brand app-brand-link">
|
||||
<span class="app-brand-mark">S</span>
|
||||
<div class="app-brand-copy">
|
||||
<span class="app-brand-eyebrow">SingleChat</span>
|
||||
<h1>Ratgeber</h1>
|
||||
</div>
|
||||
</router-link>
|
||||
<HeaderAdBanner />
|
||||
</header>
|
||||
|
||||
<main class="content-page">
|
||||
<h2>Red Flags im Online-Chat erkennen</h2>
|
||||
<p>
|
||||
Nicht jede ungewoehnliche Nachricht ist automatisch ein Problem. Es gibt aber klare Warnsignale, die du ernst
|
||||
nehmen solltest. Je frueher du sie erkennst, desto besser schuetzt du dich.
|
||||
</p>
|
||||
<p>
|
||||
Red Flags sind besonders aussagekraeftig, wenn mehrere Punkte gleichzeitig auftreten. Achte deshalb weniger auf
|
||||
eine einzelne Formulierung und mehr auf wiederkehrende Muster.
|
||||
</p>
|
||||
|
||||
<h3>Hauefige Red Flags</h3>
|
||||
<ul>
|
||||
<li>Sehr schnelle emotionale Naehe ohne echten Austausch.</li>
|
||||
<li>Widerspruechliche Angaben zu Alter, Wohnort oder Alltag.</li>
|
||||
<li>Drang, den Chat sofort auf externe Messenger zu verlagern.</li>
|
||||
<li>Anfragen zu Geld, Gutscheinen oder Zahlungsdiensten.</li>
|
||||
<li>Druck durch Schuldgefuehle („Wenn du mich magst, dann ...“).</li>
|
||||
</ul>
|
||||
|
||||
<h3>Risikostufen einschaetzen</h3>
|
||||
<ul>
|
||||
<li>Niedrig: einzelne unklare Aussagen, aber kooperativer Ton.</li>
|
||||
<li>Mittel: wiederholte Ausweichantworten und Druck zu externen Kanaelen.</li>
|
||||
<li>Hoch: Geldforderungen, Drohungen oder klare Manipulationsversuche.</li>
|
||||
</ul>
|
||||
|
||||
<h3>Was du konkret tun kannst</h3>
|
||||
<p>
|
||||
Stelle Rueckfragen zu unklaren Aussagen. Bleiben Antworten ausweichend oder aggressiv, beende das Gespraech.
|
||||
Blockieren ist kein unfreundlicher Akt, sondern ein legitimer Selbstschutz.
|
||||
</p>
|
||||
<ol>
|
||||
<li>Bleibe sachlich und vermeide Rechtfertigungsdiskussionen.</li>
|
||||
<li>Teile keine persoenlichen Daten und keinen externen Kontakt.</li>
|
||||
<li>Breche ab, sobald Grenzen nicht respektiert werden.</li>
|
||||
</ol>
|
||||
|
||||
<h3>Bei Unsicherheit</h3>
|
||||
<p>
|
||||
Wenn du unsicher bist, teile keine persoenlichen Daten und warte mit weiterem Vertrauen. Nutze unsere Hinweise zu
|
||||
<router-link to="/ratgeber/sicher-chatten">Sicher chatten</router-link> und melde auffaellige Profile ueber
|
||||
<router-link to="/feedback">Feedback</router-link>.
|
||||
</p>
|
||||
|
||||
<h3>Kurzformel fuer den Alltag</h3>
|
||||
<p>
|
||||
Zweifel + Zeitdruck + Datenwunsch = Abbruch. Diese einfache Regel hilft, spontane Fehlentscheidungen in
|
||||
kritischen Situationen zu vermeiden.
|
||||
</p>
|
||||
|
||||
<p class="content-meta">
|
||||
Redaktion: SingleChat Team · Zuletzt aktualisiert: 07.05.2026
|
||||
</p>
|
||||
</main>
|
||||
|
||||
<ImprintContainer />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import HeaderAdBanner from '../components/HeaderAdBanner.vue';
|
||||
import ImprintContainer from '../components/ImprintContainer.vue';
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.content-page {
|
||||
max-width: 980px;
|
||||
margin: 0 auto;
|
||||
padding: 20px 14px 36px;
|
||||
line-height: 1.6;
|
||||
color: #344038;
|
||||
}
|
||||
|
||||
.content-page h2,
|
||||
.content-page h3 {
|
||||
color: #18201b;
|
||||
}
|
||||
|
||||
.content-page a {
|
||||
color: #245c3a;
|
||||
}
|
||||
|
||||
.content-meta {
|
||||
margin-top: 18px;
|
||||
font-size: 12px;
|
||||
color: #637067;
|
||||
}
|
||||
|
||||
.app-brand-link {
|
||||
text-decoration: none;
|
||||
}
|
||||
</style>
|
||||
106
client/src/views/GuideSafetyView.vue
Normal file
106
client/src/views/GuideSafetyView.vue
Normal file
@@ -0,0 +1,106 @@
|
||||
<template>
|
||||
<div class="chat-container">
|
||||
<header class="header">
|
||||
<router-link to="/" class="app-brand app-brand-link">
|
||||
<span class="app-brand-mark">S</span>
|
||||
<div class="app-brand-copy">
|
||||
<span class="app-brand-eyebrow">SingleChat</span>
|
||||
<h1>Ratgeber</h1>
|
||||
</div>
|
||||
</router-link>
|
||||
<HeaderAdBanner />
|
||||
</header>
|
||||
|
||||
<main class="content-page">
|
||||
<h2>Sicher chatten: Datenschutz im Alltag</h2>
|
||||
<p>
|
||||
Privater Chat funktioniert am besten, wenn du bewusst entscheidest, welche Informationen du teilst. Viele
|
||||
Risiken lassen sich mit wenigen Regeln vermeiden, ohne dass der Chat unpersoenlich wird.
|
||||
</p>
|
||||
<p>
|
||||
Sicherheit ist kein einmaliger Schritt, sondern ein Verhalten ueber den gesamten Kontakt hinweg. Je klarer deine
|
||||
Grenzen von Beginn an sind, desto entspannter bleibt das Gespraech.
|
||||
</p>
|
||||
|
||||
<h3>Was du nicht teilen solltest</h3>
|
||||
<ul>
|
||||
<li>Telefonnummer, private E-Mail und Social-Media-Handles beim ersten Kontakt.</li>
|
||||
<li>Adresse, Arbeitgeber, Schule oder feste Tagesroutinen.</li>
|
||||
<li>Dokumente, Ticket-Screenshots oder Fotos mit sichtbaren sensiblen Daten.</li>
|
||||
</ul>
|
||||
|
||||
<h3>Was du stattdessen teilen kannst</h3>
|
||||
<ul>
|
||||
<li>Allgemeine Interessen und Hobbys ohne Ortsbezug.</li>
|
||||
<li>Unkritische Alltagsthemen wie Musik, Serien oder Sport.</li>
|
||||
<li>Persoenliche Meinungen, solange keine sensiblen Daten enthalten sind.</li>
|
||||
</ul>
|
||||
|
||||
<h3>Warnzeichen bei Gespraechen</h3>
|
||||
<p>
|
||||
Sei vorsichtig, wenn dein Gegenueber schnell Druck aufbaut, Geldthemen anspricht oder versucht, dich auf externe
|
||||
Plattformen zu ziehen. Das sind haeufige Muster bei Spam und Betrug.
|
||||
</p>
|
||||
|
||||
<h3>Schrittfolge bei einem Vorfall</h3>
|
||||
<ol>
|
||||
<li>Keine weiteren Daten senden und den Verlauf ruhig halten.</li>
|
||||
<li>Kontakt sofort blockieren, wenn Druck oder Manipulation entsteht.</li>
|
||||
<li>Auffaellige Nachrichten per Screenshot sichern.</li>
|
||||
<li>Vorfall ueber <router-link to="/feedback">Feedback</router-link> melden.</li>
|
||||
</ol>
|
||||
|
||||
<h3>So reagierst du richtig</h3>
|
||||
<ol>
|
||||
<li>Gespraech beenden, wenn es sich unwohl anfuehlt.</li>
|
||||
<li>Nutzer blockieren und problematische Inhalte nicht weiterverbreiten.</li>
|
||||
<li>Vorfall kurz dokumentieren und ueber Feedback melden.</li>
|
||||
</ol>
|
||||
|
||||
<p>
|
||||
Ergaenzend empfehlen wir die Seite <router-link to="/sicherheit">Sicherheit</router-link> und den Artikel
|
||||
<router-link to="/ratgeber/red-flags">Red Flags im Online-Chat</router-link>.
|
||||
</p>
|
||||
|
||||
<p class="content-meta">
|
||||
Redaktion: SingleChat Team · Zuletzt aktualisiert: 07.05.2026
|
||||
</p>
|
||||
</main>
|
||||
|
||||
<ImprintContainer />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import HeaderAdBanner from '../components/HeaderAdBanner.vue';
|
||||
import ImprintContainer from '../components/ImprintContainer.vue';
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.content-page {
|
||||
max-width: 980px;
|
||||
margin: 0 auto;
|
||||
padding: 20px 14px 36px;
|
||||
line-height: 1.6;
|
||||
color: #344038;
|
||||
}
|
||||
|
||||
.content-page h2,
|
||||
.content-page h3 {
|
||||
color: #18201b;
|
||||
}
|
||||
|
||||
.content-page a {
|
||||
color: #245c3a;
|
||||
}
|
||||
|
||||
.content-meta {
|
||||
margin-top: 18px;
|
||||
font-size: 12px;
|
||||
color: #637067;
|
||||
}
|
||||
|
||||
.app-brand-link {
|
||||
text-decoration: none;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user