1ecf7b6ba7
- Introduced a new "Ratgeber" link in ImprintContainer.vue for better user navigation. - Added multiple routes for the Ratgeber section, including GuideHubView, GuideFirstMessageView, GuideProfileView, GuideSafetyView, and GuideRedFlagsView, enhancing content accessibility. - Implemented SEO metadata for the new routes to improve search engine visibility and user engagement. These changes collectively enhance the site's informational resources and improve navigation for users seeking guidance on chat-related topics.
458 lines
18 KiB
JavaScript
458 lines
18 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 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`;
|
||
const SUPPORTED_LOCALES = ['de', 'en', 'fr', 'es', 'it', 'ja', 'zh', 'th', 'tl'];
|
||
const LOCALIZED_HOME_META = {
|
||
de: {
|
||
title: 'SingleChat: Kostenloser Single Chat, privat & anonym',
|
||
description: 'Kostenloser Single Chat für private und anonyme Gespräche. Lerne neue Kontakte kennen und teile Bilder sicher online.',
|
||
keywords: 'single chat, kostenloser chat, privat chatten, anonym chat, free chat, private chat, anonymous chat, 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',
|
||
url: `${SITE_URL}/`,
|
||
description: 'Kostenloser Single Chat für private und anonyme Gespräche. Lerne neue Kontakte kennen und tausche Bilder sicher aus.',
|
||
inLanguage: 'de-DE'
|
||
};
|
||
|
||
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 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, privat & anonym',
|
||
description: 'Kostenloser Single Chat für private und anonyme Gespräche. Lerne neue Kontakte kennen und teile Bilder sicher online.',
|
||
keywords: 'single chat, kostenloser chat, privat chatten, anonym chat, free chat, private chat, anonymous chat, online chat',
|
||
ogTitle: 'SingleChat: Kostenloser Single Chat, privat & anonym',
|
||
ogDescription: 'Kostenlos chatten, privat bleiben und neue Kontakte kennenlernen - mit sicherem Bildaustausch.',
|
||
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: '/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 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;
|