594 lines
24 KiB
JavaScript
594 lines
24 KiB
JavaScript
import { createRouter, createWebHistory } from 'vue-router';
|
||
import ChatView from '../views/ChatView.vue';
|
||
import PartnersView from '../views/PartnersView.vue';
|
||
import MockupView from '../views/MockupView.vue';
|
||
import FeedbackView from '../views/FeedbackView.vue';
|
||
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';
|
||
import SeoLandingView from '../views/SeoLandingView.vue';
|
||
|
||
const SITE_URL = 'https://www.ypchat.net';
|
||
const DEFAULT_IMAGE = `${SITE_URL}/static/favicon.png`;
|
||
const SUPPORTED_LOCALES = ['de', 'en', 'fr', 'es', 'it', 'ja', 'zh', 'th', 'tl'];
|
||
const LOCALIZED_HOME_META = {
|
||
de: {
|
||
title: 'SingleChat - Kostenloser Single Chat ohne Anmeldung',
|
||
description: 'Kostenloser Single Chat ohne lange Registrierung: Profil starten, Singles kennenlernen, privat chatten und Bilder sicher austauschen.',
|
||
keywords: 'single chat, kostenloser single chat, single chat ohne anmeldung, single treff chat, chatten für singles, online chat'
|
||
},
|
||
en: {
|
||
title: 'SingleChat: Free Private & Anonymous Single Chat',
|
||
description: 'Free single chat for private and anonymous conversations. Meet new people and share images safely online.',
|
||
keywords: 'single chat, free chat, private chat, anonymous chat, online chat, meet singles'
|
||
},
|
||
fr: {
|
||
title: 'SingleChat: Chat célibataire gratuit, privé et anonyme',
|
||
description: 'Chat célibataire gratuit pour des conversations privées et anonymes. Rencontrez de nouvelles personnes en toute sécurité.',
|
||
keywords: 'chat célibataire, chat gratuit, chat privé, chat anonyme, rencontre en ligne'
|
||
},
|
||
es: {
|
||
title: 'SingleChat: Chat gratis, privado y anónimo',
|
||
description: 'Chat gratis para solteros con conversaciones privadas y anónimas. Conoce gente nueva y comparte imágenes de forma segura.',
|
||
keywords: 'chat gratis, chat privado, chat anónimo, chat para solteros, conocer gente'
|
||
},
|
||
it: {
|
||
title: 'SingleChat: Chat single gratis, privata e anonima',
|
||
description: 'Chat single gratis per conversazioni private e anonime. Conosci nuove persone e condividi immagini in sicurezza.',
|
||
keywords: 'chat single, chat gratis, chat privata, chat anonima, incontri online'
|
||
},
|
||
ja: {
|
||
title: 'SingleChat: 無料・匿名・プライベートのシングルチャット',
|
||
description: '無料で使えるシングルチャット。匿名かつプライベートに会話でき、画像共有も安全です。',
|
||
keywords: 'シングルチャット, 無料チャット, 匿名チャット, プライベートチャット, オンラインチャット'
|
||
},
|
||
zh: {
|
||
title: 'SingleChat：免费、私密、匿名的单身聊天',
|
||
description: '免费单身聊天，支持私密和匿名交流，安全分享图片并结识新朋友。',
|
||
keywords: '单身聊天, 免费聊天, 私密聊天, 匿名聊天, 在线聊天'
|
||
},
|
||
th: {
|
||
title: 'SingleChat: แชตคนโสดฟรี แบบส่วนตัวและไม่ระบุตัวตน',
|
||
description: 'แชตคนโสดฟรี สำหรับการสนทนาแบบส่วนตัวและไม่ระบุตัวตน พบผู้คนใหม่ ๆ และแชร์รูปได้อย่างปลอดภัย',
|
||
keywords: 'แชตคนโสด, แชตฟรี, แชตส่วนตัว, แชตไม่ระบุตัวตน, แชตออนไลน์'
|
||
},
|
||
tl: {
|
||
title: 'SingleChat: Libreng private at anonymous na single chat',
|
||
description: 'Libreng single chat para sa private at anonymous na usapan. Kumilala ng bagong tao at magbahagi ng larawan nang ligtas.',
|
||
keywords: 'single chat, libreng chat, private chat, anonymous chat, online chat'
|
||
}
|
||
};
|
||
|
||
const homeSchema = {
|
||
'@context': 'https://schema.org',
|
||
'@type': 'WebSite',
|
||
name: 'SingleChat',
|
||
alternateName: 'YPChat',
|
||
url: `${SITE_URL}/`,
|
||
description: 'Kostenloser Single Chat ohne lange Registrierung. Lerne Singles kennen, chatte privat und tausche Bilder sicher aus.',
|
||
inLanguage: 'de-DE'
|
||
};
|
||
|
||
const landingPages = [
|
||
{
|
||
path: '/kostenloser-single-chat',
|
||
name: 'kostenloser-single-chat',
|
||
title: 'Kostenloser Single Chat - direkt online chatten',
|
||
description: 'Starte kostenlos im Single Chat: Profil anlegen, Singles finden, privat schreiben und Bilder sicher austauschen.',
|
||
keywords: 'kostenloser single chat, single chat kostenlos, gratis chat singles, kostenlos chatten',
|
||
heading: 'Kostenloser Single Chat',
|
||
intro: 'SingleChat ist fuer alle gedacht, die unkompliziert neue Kontakte finden und direkt online chatten moechten. Du startest mit einem kurzen Profil und kannst danach passende Singles suchen oder in der Lobby ins Gespraech kommen.',
|
||
sections: [
|
||
{
|
||
title: 'Warum kostenlos starten?',
|
||
text: 'Ein Single Chat funktioniert am besten, wenn der Einstieg niedrig bleibt. Deshalb steht der schnelle Start im Mittelpunkt: Nickname waehlen, Alter und Land angeben, Chat oeffnen.'
|
||
},
|
||
{
|
||
title: 'Privat schreiben und Bilder teilen',
|
||
text: 'Neben offenen Kontakten sind private Unterhaltungen moeglich. Bilder lassen sich im Chat austauschen, waehrend Regeln und Blockierfunktionen fuer einen respektvollen Rahmen sorgen.'
|
||
}
|
||
],
|
||
links: [
|
||
{ to: '/', label: 'Jetzt Single Chat starten' },
|
||
{ to: '/sicherheit', label: 'Sicher chatten' },
|
||
{ to: '/faq', label: 'FAQ lesen' }
|
||
]
|
||
},
|
||
{
|
||
path: '/single-chat-ohne-anmeldung',
|
||
name: 'single-chat-ohne-anmeldung',
|
||
title: 'Single Chat ohne Anmeldung - schnell und privat',
|
||
description: 'Single Chat ohne lange Anmeldung: Nickname eingeben, Profil starten und direkt mit Singles online chatten.',
|
||
keywords: 'single chat ohne anmeldung, chat ohne anmeldung, single chat sofort, anonym chatten',
|
||
heading: 'Single Chat ohne Anmeldung',
|
||
intro: 'Wenn du nicht erst ein langes Konto erstellen moechtest, passt SingleChat zu diesem Suchwunsch: wenige Angaben reichen fuer den Einstieg, danach kannst du sofort loslegen.',
|
||
sections: [
|
||
{
|
||
title: 'Schneller Einstieg mit Nickname',
|
||
text: 'Du brauchst keinen langen Registrierungsprozess. Ein Nickname und die noetigen Basisangaben genuegen, damit andere Nutzer dich im Chat einordnen koennen.'
|
||
},
|
||
{
|
||
title: 'Anonym bleiben, respektvoll chatten',
|
||
text: 'Nutze einen Nickname, der keine privaten Daten verraet. Teile Telefonnummer, Adresse oder Zahlungsdaten nicht im Chat und blockiere Kontakte, wenn Grenzen ueberschritten werden.'
|
||
}
|
||
],
|
||
links: [
|
||
{ to: '/', label: 'Ohne lange Anmeldung starten' },
|
||
{ to: '/ratgeber/sicher-chatten', label: 'Datenschutz-Tipps' },
|
||
{ to: '/regeln', label: 'Chat-Regeln' }
|
||
]
|
||
},
|
||
{
|
||
path: '/single-treff-chat',
|
||
name: 'single-treff-chat',
|
||
title: 'Single Treff Chat - neue Kontakte kennenlernen',
|
||
description: 'Single Treff Chat fuer neue Kontakte: finde Singles, starte private Gespraeche und lerne Menschen online kennen.',
|
||
keywords: 'single treff chat, single treff, singles kennenlernen chat, chatten fuer singles',
|
||
heading: 'Single Treff Chat',
|
||
intro: 'Der Single Treff Chat richtet sich an Nutzer, die online neue Menschen kennenlernen und aus ersten Nachrichten echte Gespraeche machen wollen.',
|
||
sections: [
|
||
{
|
||
title: 'Kontakte finden statt endlos suchen',
|
||
text: 'Mit Profilangaben wie Land, Alter und Geschlecht kannst du leichter passende Kontakte einschaetzen und Gespraeche beginnen, die mehr als nur Smalltalk sind.'
|
||
},
|
||
{
|
||
title: 'Gute erste Nachrichten',
|
||
text: 'Persoenliche, kurze Einstiege funktionieren besser als kopierte Standardsaetze. Im Ratgeber findest du Beispiele fuer natuerliche erste Nachrichten.'
|
||
}
|
||
],
|
||
links: [
|
||
{ to: '/', label: 'Single Treff Chat oeffnen' },
|
||
{ to: '/ratgeber/erste-nachricht', label: 'Erste Nachricht verbessern' },
|
||
{ to: '/ratgeber/profil-tipps', label: 'Profil verbessern' }
|
||
]
|
||
}
|
||
];
|
||
|
||
const partnersSchema = {
|
||
'@context': 'https://schema.org',
|
||
'@type': 'CollectionPage',
|
||
name: 'Partner - SingleChat',
|
||
url: `${SITE_URL}/partners`,
|
||
description: 'Partnerseiten rund um Single Chat, Community und Online-Kontakte. Entdecke weitere Angebote und hilfreiche Ressourcen.',
|
||
isPartOf: {
|
||
'@type': 'WebSite',
|
||
name: 'SingleChat',
|
||
url: `${SITE_URL}/`
|
||
},
|
||
inLanguage: 'de-DE'
|
||
};
|
||
|
||
const feedbackSchema = {
|
||
'@context': 'https://schema.org',
|
||
'@type': 'CollectionPage',
|
||
name: 'Feedback - SingleChat',
|
||
url: `${SITE_URL}/feedback`,
|
||
description: 'Öffentliches Feedback zu SingleChat: Meinungen, Vorschläge und Erfahrungsberichte für einen besseren privaten Chat.',
|
||
isPartOf: {
|
||
'@type': 'WebSite',
|
||
name: 'SingleChat',
|
||
url: `${SITE_URL}/`
|
||
},
|
||
inLanguage: 'de-DE'
|
||
};
|
||
|
||
const faqSchema = {
|
||
'@context': 'https://schema.org',
|
||
'@type': 'FAQPage',
|
||
name: 'FAQ - SingleChat',
|
||
url: `${SITE_URL}/faq`,
|
||
description: 'FAQ zum kostenlosen Single Chat: anonym chatten, Privatsphäre schützen, Bilder sicher teilen und Nutzer blockieren.',
|
||
isPartOf: {
|
||
'@type': 'WebSite',
|
||
name: 'SingleChat',
|
||
url: `${SITE_URL}/`
|
||
},
|
||
inLanguage: 'de-DE'
|
||
};
|
||
|
||
const rulesSchema = {
|
||
'@context': 'https://schema.org',
|
||
'@type': 'WebPage',
|
||
name: 'Regeln - SingleChat',
|
||
url: `${SITE_URL}/regeln`,
|
||
description: 'Regeln für respektvollen, privaten und sicheren Single Chat. Hinweise zu Verhalten, Spam und verbotenen Inhalten.',
|
||
isPartOf: {
|
||
'@type': 'WebSite',
|
||
name: 'SingleChat',
|
||
url: `${SITE_URL}/`
|
||
},
|
||
inLanguage: 'de-DE'
|
||
};
|
||
|
||
const safetySchema = {
|
||
'@context': 'https://schema.org',
|
||
'@type': 'WebPage',
|
||
name: 'Sicherheit - SingleChat',
|
||
url: `${SITE_URL}/sicherheit`,
|
||
description: 'Sicherheitsseite für privaten und anonymen Chat: Privatsphäre, Schutz vor Spam, Blockieren und Melden.',
|
||
isPartOf: {
|
||
'@type': 'WebSite',
|
||
name: 'SingleChat',
|
||
url: `${SITE_URL}/`
|
||
},
|
||
inLanguage: 'de-DE'
|
||
};
|
||
|
||
const privacySchema = {
|
||
'@context': 'https://schema.org',
|
||
'@type': 'WebPage',
|
||
name: 'Datenschutz - SingleChat',
|
||
url: `${SITE_URL}/datenschutz`,
|
||
description: 'Datenschutzerklärung für SingleChat und die Android-App mit Informationen zu Profilangaben, Nachrichten, Bildern und Sitzungsdaten.',
|
||
isPartOf: {
|
||
'@type': 'WebSite',
|
||
name: 'SingleChat',
|
||
url: `${SITE_URL}/`
|
||
},
|
||
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: '/',
|
||
name: 'chat',
|
||
component: ChatView,
|
||
meta: {
|
||
title: 'SingleChat - Kostenloser Single Chat ohne Anmeldung',
|
||
description: 'Kostenloser Single Chat ohne lange Registrierung: Profil starten, Singles kennenlernen, privat chatten und Bilder sicher austauschen.',
|
||
keywords: 'single chat, kostenloser single chat, single chat ohne anmeldung, single treff chat, chatten für singles, online chat',
|
||
ogTitle: 'SingleChat - Kostenloser Single Chat ohne Anmeldung',
|
||
ogDescription: 'Kostenlos chatten, Singles kennenlernen und Bilder sicher austauschen.',
|
||
ogType: 'website',
|
||
image: DEFAULT_IMAGE,
|
||
robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
|
||
schema: homeSchema
|
||
}
|
||
},
|
||
{
|
||
path: '/partners',
|
||
name: 'partners',
|
||
component: PartnersView,
|
||
meta: {
|
||
title: 'Partner für Single Chat & Community - SingleChat',
|
||
description: 'Partnerseiten rund um Single Chat, Community und Online-Kontakte. Entdecke weitere Angebote und hilfreiche Ressourcen.',
|
||
keywords: 'single chat partner, chat community, kontaktseiten, single-chat links, online dating chat',
|
||
ogTitle: 'Partner für Single Chat & Community - SingleChat',
|
||
ogDescription: 'Befreundete Seiten und Ressourcen rund um Chat, Kontakte und Community.',
|
||
ogType: 'website',
|
||
image: DEFAULT_IMAGE,
|
||
robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
|
||
schema: partnersSchema
|
||
}
|
||
},
|
||
{
|
||
path: '/feedback',
|
||
name: 'feedback',
|
||
component: FeedbackView,
|
||
meta: {
|
||
title: 'Feedback zur Chat-Plattform - SingleChat',
|
||
description: 'Öffentliches Feedback zu SingleChat: Meinungen, Vorschläge und Erfahrungsberichte für einen besseren privaten Chat.',
|
||
keywords: 'chat feedback, single chat erfahrungen, rückmeldung chat, verbesserungsvorschläge',
|
||
ogTitle: 'Feedback zur Chat-Plattform - SingleChat',
|
||
ogDescription: 'Teile deine Erfahrungen und Verbesserungsvorschläge für SingleChat.',
|
||
ogType: 'website',
|
||
image: DEFAULT_IMAGE,
|
||
robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
|
||
schema: feedbackSchema
|
||
}
|
||
},
|
||
{
|
||
path: '/faq',
|
||
name: 'faq',
|
||
component: FaqView,
|
||
meta: {
|
||
title: 'FAQ: Kostenlos, privat und anonym chatten - SingleChat',
|
||
description: 'FAQ zum kostenlosen Single Chat: anonym chatten, Privatsphäre schützen, Bilder sicher teilen und Nutzer blockieren.',
|
||
keywords: 'single chat faq, kostenlos chatten, anonym chatten, privater chat, safe chat',
|
||
ogTitle: 'FAQ: Kostenlos, privat und anonym chatten - SingleChat',
|
||
ogDescription: 'Antworten auf Fragen zu Sicherheit, Privatsphäre und Funktionen im Single Chat.',
|
||
ogType: 'website',
|
||
image: DEFAULT_IMAGE,
|
||
robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
|
||
schema: faqSchema
|
||
}
|
||
},
|
||
{
|
||
path: '/regeln',
|
||
name: 'regeln',
|
||
component: RulesView,
|
||
meta: {
|
||
title: 'Chat-Regeln für sicheren Single Chat - SingleChat',
|
||
description: 'Regeln für respektvollen, privaten und sicheren Single Chat. Hinweise zu Verhalten, Spam und verbotenen Inhalten.',
|
||
keywords: 'chat regeln, single chat regeln, sicher chatten, spam vermeiden, community richtlinien',
|
||
ogTitle: 'Chat-Regeln für sicheren Single Chat - SingleChat',
|
||
ogDescription: 'Unsere Richtlinien für respektvolle und sichere Gespräche im Chat.',
|
||
ogType: 'website',
|
||
image: DEFAULT_IMAGE,
|
||
robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
|
||
schema: rulesSchema
|
||
}
|
||
},
|
||
{
|
||
path: '/sicherheit',
|
||
name: 'sicherheit',
|
||
component: SafetyView,
|
||
meta: {
|
||
title: 'Sicherheit & Privatsphäre im privaten Chat - SingleChat',
|
||
description: 'Sicherheitsseite für privaten und anonymen Chat: Privatsphäre, Schutz vor Spam, Blockieren und Melden.',
|
||
keywords: 'privatsphäre chat, anonym chat sicherheit, blockieren melden, private chat safety',
|
||
ogTitle: 'Sicherheit & Privatsphäre im privaten Chat - SingleChat',
|
||
ogDescription: 'So schützt du deine Daten und chattest sicher und anonym.',
|
||
ogType: 'website',
|
||
image: DEFAULT_IMAGE,
|
||
robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
|
||
schema: safetySchema
|
||
}
|
||
},
|
||
{
|
||
path: '/datenschutz',
|
||
name: 'datenschutz',
|
||
component: PrivacyView,
|
||
meta: {
|
||
title: 'Datenschutzerklärung für Website und App - SingleChat',
|
||
description: 'Datenschutzerklärung für SingleChat und die Android-App mit Informationen zu Profilangaben, Nachrichten, Bildern und Sitzungsdaten.',
|
||
keywords: 'datenschutz singlechat, privacy policy chat app, chat datenschutz, android app datenschutz',
|
||
ogTitle: 'Datenschutzerklärung für Website und App - SingleChat',
|
||
ogDescription: 'Informationen zur Datenverarbeitung bei SingleChat und in der Android-App.',
|
||
ogType: 'website',
|
||
image: DEFAULT_IMAGE,
|
||
robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
|
||
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',
|
||
component: MockupView,
|
||
meta: {
|
||
title: 'Design Mockup - SingleChat',
|
||
description: 'Visuelle Vorschau des geplanten Design-Refreshs fuer SingleChat.',
|
||
keywords: 'SingleChat, Mockup, Design, Redesign, Vorschau',
|
||
ogTitle: 'Design Mockup - SingleChat',
|
||
ogDescription: 'Interne Vorschau des geplanten Design-Refreshs fuer SingleChat.',
|
||
ogType: 'website',
|
||
image: DEFAULT_IMAGE,
|
||
robots: 'noindex, nofollow, noarchive',
|
||
schema: null
|
||
}
|
||
}
|
||
];
|
||
|
||
for (const page of landingPages) {
|
||
routes.push({
|
||
path: page.path,
|
||
name: page.name,
|
||
component: SeoLandingView,
|
||
meta: {
|
||
title: `${page.title} - SingleChat`,
|
||
description: page.description,
|
||
keywords: page.keywords,
|
||
ogTitle: `${page.title} - SingleChat`,
|
||
ogDescription: page.description,
|
||
ogType: 'website',
|
||
image: DEFAULT_IMAGE,
|
||
robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
|
||
landing: page,
|
||
schema: {
|
||
'@context': 'https://schema.org',
|
||
'@type': 'WebPage',
|
||
name: `${page.title} - SingleChat`,
|
||
url: `${SITE_URL}${page.path}`,
|
||
description: page.description,
|
||
isPartOf: homeSchema,
|
||
inLanguage: 'de-DE'
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
for (const locale of SUPPORTED_LOCALES) {
|
||
const localized = LOCALIZED_HOME_META[locale] || LOCALIZED_HOME_META.de;
|
||
routes.push({
|
||
path: `/${locale}`,
|
||
name: `chat-${locale}`,
|
||
component: ChatView,
|
||
meta: {
|
||
title: localized.title,
|
||
description: localized.description,
|
||
keywords: localized.keywords,
|
||
ogTitle: localized.title,
|
||
ogDescription: localized.description,
|
||
ogType: 'website',
|
||
image: DEFAULT_IMAGE,
|
||
robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
|
||
schema: {
|
||
'@context': 'https://schema.org',
|
||
'@type': 'WebSite',
|
||
name: 'SingleChat',
|
||
url: `${SITE_URL}/${locale}`,
|
||
description: localized.description,
|
||
inLanguage: locale
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
const router = createRouter({
|
||
history: createWebHistory(),
|
||
routes
|
||
});
|
||
|
||
function updateMetaTag(name, content, attribute = 'name') {
|
||
let element = document.querySelector(`meta[${attribute}="${name}"]`);
|
||
if (!element) {
|
||
element = document.createElement('meta');
|
||
element.setAttribute(attribute, name);
|
||
document.head.appendChild(element);
|
||
}
|
||
element.setAttribute('content', content);
|
||
}
|
||
|
||
function updateLinkTag(rel, href) {
|
||
let element = document.querySelector(`link[rel="${rel}"]`);
|
||
if (!element) {
|
||
element = document.createElement('link');
|
||
element.setAttribute('rel', rel);
|
||
document.head.appendChild(element);
|
||
}
|
||
element.setAttribute('href', href);
|
||
}
|
||
|
||
function updateJsonLd(schema) {
|
||
let element = document.querySelector('#seo-json-ld');
|
||
if (!element) {
|
||
element = document.createElement('script');
|
||
element.id = 'seo-json-ld';
|
||
element.type = 'application/ld+json';
|
||
document.head.appendChild(element);
|
||
}
|
||
|
||
element.textContent = schema ? JSON.stringify(schema) : '';
|
||
}
|
||
|
||
router.beforeEach((to, from, next) => {
|
||
const meta = to.meta || {};
|
||
// Immer eine eindeutige kanonische URL (Home explizit mit / am Ende der Origin)
|
||
const path = to.path === '' ? '/' : to.path;
|
||
const pageUrl = path === '/' ? `${SITE_URL}/` : `${SITE_URL}${path}`;
|
||
const title = meta.title || 'SingleChat';
|
||
const description = meta.description || '';
|
||
const keywords = meta.keywords || '';
|
||
const ogTitle = meta.ogTitle || title;
|
||
const ogDescription = meta.ogDescription || description;
|
||
const ogType = meta.ogType || 'website';
|
||
const image = meta.image || DEFAULT_IMAGE;
|
||
const robots = meta.robots || 'index, follow';
|
||
const localeFromPath = SUPPORTED_LOCALES.includes((to.path || '').replace('/', ''))
|
||
? (to.path || '').replace('/', '')
|
||
: 'de';
|
||
|
||
document.title = title;
|
||
document.documentElement.setAttribute('lang', localeFromPath);
|
||
|
||
updateMetaTag('description', description);
|
||
updateMetaTag('keywords', keywords);
|
||
updateMetaTag('robots', robots);
|
||
updateMetaTag('theme-color', '#2f6f46');
|
||
|
||
updateMetaTag('og:title', ogTitle, 'property');
|
||
updateMetaTag('og:description', ogDescription, 'property');
|
||
updateMetaTag('og:type', ogType, 'property');
|
||
updateMetaTag('og:url', pageUrl, 'property');
|
||
updateMetaTag('og:image', image, 'property');
|
||
updateMetaTag('og:site_name', 'SingleChat', 'property');
|
||
updateMetaTag('og:locale', 'de_DE', 'property');
|
||
|
||
updateMetaTag('twitter:card', robots.startsWith('noindex') ? 'summary' : 'summary_large_image');
|
||
updateMetaTag('twitter:title', ogTitle);
|
||
updateMetaTag('twitter:description', ogDescription);
|
||
updateMetaTag('twitter:image', image);
|
||
|
||
updateLinkTag('canonical', pageUrl);
|
||
updateJsonLd(meta.schema || null);
|
||
|
||
next();
|
||
});
|
||
|
||
export default router;
|