damjan_savic/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implementierung - SEO - 15.08.2025

Browse Source
This commit is contained in:
damjan_savic
2025-08-15 17:23:01 +02:00
parent 7dad0a5812
commit 2be1d6617a
30 changed files with 1363 additions and 291 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/SEO.tsx
+27 -7
View File
@@ -4,6 +4,10 @@ import { useTranslation } from 'react-i18next';
import { HreflangTags } from './HreflangTags';
import { seoContent as seoContentDe } from '../i18n/locales/de/seo-content';
import { seoContent as seoContentEn } from '../i18n/locales/en/seo-content';
import { seoContent as seoContentSr } from '../i18n/locales/sr/seo-content';
import { meta as metaDe } from '../i18n/locales/de/meta';
import { meta as metaEn } from '../i18n/locales/en/meta';
import { meta as metaSr } from '../i18n/locales/sr/meta';
import { AutoBreadcrumbs } from './schemas/BreadcrumbSchema';
interface SEOProps {
@@ -38,8 +42,14 @@ const SEO: React.FC<SEOProps> = ({
const currentLanguage = i18n.language;
// SEO-Content basierend auf Sprache auswählen
const seoContent = currentLanguage === 'de' ? seoContentDe : seoContentEn;
const seoContent = currentLanguage === 'de' ? seoContentDe :
currentLanguage === 'sr' ? seoContentSr :
seoContentEn;
const meta = currentLanguage === 'de' ? metaDe :
currentLanguage === 'sr' ? metaSr :
metaEn;
const defaultDescription = description || seoContent.hero.description;
const defaultKeywords = keywords || meta.site.keywords;
// Default schema für die Website
const defaultSchema = {
@@ -54,7 +64,11 @@ const SEO: React.FC<SEOProps> = ({
'https://linkedin.com/in/damjansavic',
'https://github.com/damjansavic'
],
jobTitle: ['Fullstack Developer', 'Software Engineer', 'KI Spezialist'],
jobTitle: currentLanguage === 'de' ?
['Senior Fullstack Entwickler', 'Digital Solutions Consultant', 'Software Architekt', 'KI/AI Spezialist'] :
currentLanguage === 'sr' ?
['Старији програмер пуног стека', 'Консултант за дигитална решења', 'Софтверски архитекта'] :
['Senior Fullstack Developer', 'Digital Solutions Consultant', 'Software Architect', 'AI Specialist'],
worksFor: {
'@type': 'Organization',
name: 'CoderConda'
@@ -109,8 +123,10 @@ const SEO: React.FC<SEOProps> = ({
? i18n.options.supportedLngs
.filter((lng: string) => lng !== 'cimode')
.map((lng: string) => ({
hrefLang: lng,
href: `${siteUrl}/${lng}${window.location.pathname}`,
hrefLang: lng === 'de' ? 'de-DE' : lng === 'sr' ? 'sr-RS' : 'en-US',
href: lng === 'de' ?
`${siteUrl}${window.location.pathname}` :
`${siteUrl}/${lng}${window.location.pathname}`,
}))
: [];
@@ -133,7 +149,11 @@ const SEO: React.FC<SEOProps> = ({
<meta property="og:image" content={image} />
<meta property="og:type" content={article ? 'article' : 'website'} />
<meta property="og:site_name" content={siteTitle} />
<meta property="og:locale" content={currentLanguage} />
<meta property="og:locale" content={
currentLanguage === 'de' ? 'de_DE' :
currentLanguage === 'sr' ? 'sr_RS' :
'en_US'
} />
{alternateUrls?.map(
({ hrefLang }: { hrefLang: string; href: string }) => (
<meta key={hrefLang} property="og:locale:alternate" content={hrefLang} />
@@ -151,9 +171,9 @@ const SEO: React.FC<SEOProps> = ({
<meta name="theme-color" content="#000000" />
<meta
name="keywords"
content={keywords || "Damjan Savić, Fullstack Developer, Python, JavaScript, React, Next.js, TypeScript, Electron, KI, AI, OLLAMA, ERP, E-Commerce, Prozessautomatisierung, Backend, Frontend, Web Development"}
content={defaultKeywords}
/>
<meta name="author" content="Damjan Savić" />
<meta name="author" content={author} />
{/* Schema.org markup */}
<script type="application/ld+json">
src/components/schemas/LocalBusinessSchema.tsx
+158
View File
@@ -0,0 +1,158 @@
import React from 'react';
export function LocalBusinessSchema() {
const localBusinessSchema = {
"@context": "https://schema.org",
"@type": "LocalBusiness",
"@id": "https://damjan-savic.com/#localbusiness",
"name": "Damjan Savić - Senior Fullstack Developer & IT Consultant",
"alternateName": ["CoderConda", "Damjan Savic IT Services"],
"description": "Damjan Savić bietet professionelle IT-Dienstleistungen in Köln und Umgebung. Spezialisiert auf Enterprise Software Development, KI-Integration, Cloud Architecture und digitale Transformation. Damjan Savić entwickelt maßgeschneiderte Lösungen für Ihr Unternehmen.",
"url": "https://damjan-savic.com",
"logo": {
"@type": "ImageObject",
"url": "https://damjan-savic.com/logo.png",
"width": "1000",
"height": "1000",
"caption": "Damjan Savić - Senior Fullstack Developer & IT Consultant Logo"
},
"image": "https://damjan-savic.com/logo.png",
"telephone": "+49-XXX-XXXXXXX",
"email": "info@damjan-savic.com",
"address": {
"@type": "PostalAddress",
"addressLocality": "Köln",
"addressRegion": "Nordrhein-Westfalen",
"postalCode": "50667",
"addressCountry": "DE",
"streetAddress": "Geschäftsadresse auf Anfrage"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "50.9375",
"longitude": "6.9603"
},
"priceRange": "€€€",
"openingHoursSpecification": [
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
"opens": "09:00",
"closes": "18:00"
}
],
"areaServed": [
{
"@type": "City",
"name": "Köln"
},
{
"@type": "State",
"name": "Nordrhein-Westfalen"
},
{
"@type": "Country",
"name": "Deutschland"
},
{
"@type": "Continent",
"name": "Europa"
}
],
"serviceArea": {
"@type": "GeoCircle",
"geoMidpoint": {
"@type": "GeoCoordinates",
"latitude": "50.9375",
"longitude": "6.9603"
},
"geoRadius": "500 km"
},
"makesOffer": [
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Enterprise Software Development",
"description": "Maßgeschneiderte Unternehmenssoftware von Damjan Savić"
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "KI/AI Integration Services",
"description": "Integration von KI-Lösungen mit OLLAMA und LLMs durch Damjan Savić"
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Cloud Architecture Consulting",
"description": "Cloud-native Lösungen und Migration von Damjan Savić"
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Digital Transformation",
"description": "Digitale Transformation und Prozessoptimierung mit Damjan Savić"
}
}
],
"founder": {
"@id": "https://damjan-savic.com/#person"
},
"employee": {
"@id": "https://damjan-savic.com/#person"
},
"sameAs": [
"https://github.com/damjansavic",
"https://linkedin.com/in/damjansavic",
"https://twitter.com/damjansavic"
],
"knowsLanguage": ["de-DE", "en-US", "sr-RS"],
"paymentAccepted": ["Überweisung", "PayPal", "Rechnung"],
"currenciesAccepted": "EUR",
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "IT-Dienstleistungen von Damjan Savić",
"itemListElement": [
{
"@type": "Service",
"name": "Fullstack Web Development",
"description": "Entwicklung moderner Webanwendungen mit React, Python und TypeScript"
},
{
"@type": "Service",
"name": "API Development & Integration",
"description": "RESTful APIs, GraphQL und Microservices Architecture"
},
{
"@type": "Service",
"name": "DevOps & Cloud Infrastructure",
"description": "CI/CD, Docker, Kubernetes und Cloud-Deployment"
},
{
"@type": "Service",
"name": "E-Commerce Solutions",
"description": "Shopify, WooCommerce und Custom E-Commerce Plattformen"
},
{
"@type": "Service",
"name": "Business Process Automation",
"description": "Automatisierung von Geschäftsprozessen mit Python"
}
]
}
};
return (
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(localBusinessSchema) }}
/>
);
}
src/components/schemas/LocalizedSchemas.tsx
+299
View File
@@ -0,0 +1,299 @@
import React from 'react';
import { useTranslation } from 'react-i18next';
export function LocalizedPersonSchema() {
const { i18n } = useTranslation();
const currentLanguage = i18n.language;
const personSchema = {
"@context": "https://schema.org",
"@type": "Person",
"@id": "https://damjan-savic.com/#person",
"name": currentLanguage === 'sr' ? "Дамјан Савић" : "Damjan Savić",
"alternateName": currentLanguage === 'sr' ? ["Damjan Savić", "Damjan Savic"] : "Damjan Savic",
"jobTitle": currentLanguage === 'de' ?
["Senior Fullstack Entwickler", "Digital Solutions Consultant", "Software Architekt", "KI/AI Spezialist"] :
currentLanguage === 'sr' ?
["Старији програмер пуног стека", "Консултант за дигитална решења", "Софтверски архитекта", "Специјалиста за вештачку интелигенцију"] :
["Senior Fullstack Developer", "Digital Solutions Consultant", "Software Architect", "AI Specialist"],
"description": currentLanguage === 'de' ?
"Damjan Savić ist ein Senior Fullstack Entwickler und Digital Solutions Consultant aus Köln. Damjan Savić ist spezialisiert auf Python, JavaScript, React, Next.js, TypeScript und KI-Integration. Mit über 10 Jahren Erfahrung entwickelt Damjan Savić maßgeschneiderte Enterprise-Lösungen, moderne Web-Applikationen und innovative KI-gestützte Systeme für Unternehmen jeder Größe." :
currentLanguage === 'sr' ?
"Дамјан Савић је старији програмер пуног стека и консултант за дигитална решења из Келна. Дамјан Савић је специјализован за Python, JavaScript, React, Next.js, TypeScript и интеграцију вештачке интелигенције. Са преко 10 година искуства, Дамјан Савић развија прилагођена решења за предузећа, модерне веб апликације и иновативне системе подржане вештачком интелигенцијом." :
"Damjan Savić is a Senior Fullstack Developer and Digital Solutions Consultant based in Cologne, Germany. Damjan Savić specializes in Python, JavaScript, React, Next.js, TypeScript, and AI integration. With over 10 years of experience, Damjan Savić delivers custom enterprise solutions, modern web applications, and innovative AI-powered systems.",
"url": "https://damjan-savic.com",
"image": [
{
"@type": "ImageObject",
"url": "https://damjan-savic.com/portrait.jpg",
"caption": currentLanguage === 'sr' ? "Дамјан Савић портрет" : "Damjan Savić Portrait"
},
{
"@type": "ImageObject",
"url": "https://damjan-savic.com/logo.png",
"caption": currentLanguage === 'sr' ? "Дамјан Савић лого" : "Damjan Savić Logo"
}
],
"logo": "https://damjan-savic.com/logo.png",
"email": "info@damjan-savic.com",
"telephone": "+49-XXX-XXXXXXX",
"contactPoint": {
"@type": "ContactPoint",
"email": "info@damjan-savic.com",
"contactType": currentLanguage === 'de' ? "Geschäftsanfragen" :
currentLanguage === 'sr' ? "Пословни упити" :
"Business Inquiries",
"availableLanguage": ["de", "en", "sr"],
"areaServed": ["DE", "EU"],
"hoursAvailable": {
"@type": "OpeningHoursSpecification",
"dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
"opens": "09:00",
"closes": "18:00"
}
},
"sameAs": [
"https://github.com/damjansavic",
"https://linkedin.com/in/damjansavic",
"https://twitter.com/damjansavic",
"https://stackoverflow.com/users/damjansavic"
],
"knowsAbout": currentLanguage === 'de' ? [
"Python Entwicklung",
"JavaScript Entwicklung",
"React.js",
"Next.js",
"TypeScript",
"Electron Desktop Anwendungen",
"Künstliche Intelligenz (KI/AI)",
"OLLAMA AI/ML Integration",
"Machine Learning",
"Large Language Models (LLM)",
"ERP Systeme Integration",
"SAP Integration",
"E-Commerce Entwicklung",
"Shopify Entwicklung",
"WooCommerce Integration",
"Prozessautomatisierung",
"Workflow-Optimierung",
"Backend Entwicklung",
"Frontend Entwicklung",
"Full Stack Entwicklung",
"Cloud Architektur",
"AWS Services",
"Docker & Kubernetes",
"Microservices Architektur",
"DevOps & CI/CD",
"Agile Entwicklung",
"Software Architektur"
] : currentLanguage === 'sr' ? [
"Python развој",
"JavaScript развој",
"React.js",
"Next.js",
"TypeScript",
"Electron десктоп апликације",
"Вештачка интелигенција (AI)",
"OLLAMA AI/ML интеграција",
"Машинско учење",
"Велики језички модели (LLM)",
"ERP системи интеграција",
"SAP интеграција",
"E-Commerce развој",
"Shopify развој",
"WooCommerce интеграција",
"Аутоматизација процеса",
"Оптимизација радног тока",
"Backend развој",
"Frontend развој",
"Full Stack развој",
"Облак архитектура",
"AWS сервиси",
"Docker & Kubernetes",
"Microservices архитектура",
"DevOps & CI/CD",
"Агилни развој",
"Софтверска архитектура"
] : [
"Python Development",
"JavaScript Development",
"React.js",
"Next.js",
"TypeScript",
"Electron Desktop Applications",
"Artificial Intelligence (AI)",
"OLLAMA AI/ML Integration",
"Machine Learning",
"Large Language Models (LLM)",
"ERP Systems Integration",
"SAP Integration",
"E-Commerce Development",
"Shopify Development",
"WooCommerce Integration",
"Process Automation",
"Workflow Optimization",
"Backend Development",
"Frontend Development",
"Full Stack Development",
"Cloud Architecture",
"AWS Services",
"Docker & Kubernetes",
"Microservices Architecture",
"DevOps & CI/CD",
"Agile Development",
"Software Architecture"
],
"address": {
"@type": "PostalAddress",
"addressLocality": currentLanguage === 'sr' ? "Келн" : currentLanguage === 'de' ? "Köln" : "Cologne",
"addressRegion": currentLanguage === 'sr' ? "Северна Рајна-Вестфалија" : currentLanguage === 'de' ? "Nordrhein-Westfalen" : "North Rhine-Westphalia",
"addressCountry": currentLanguage === 'sr' ? "Немачка" : currentLanguage === 'de' ? "DE" : "Germany"
},
"worksFor": {
"@type": "Organization",
"name": "CoderConda",
"description": currentLanguage === 'de' ?
"Moderne Softwareentwicklung, KI-Integration und Prozessautomatisierung von Damjan Savić" :
currentLanguage === 'sr' ?
"Модерни развој софтвера, интеграција вештачке интелигенције и аутоматизација процеса од Дамјана Савића" :
"Modern software development, AI integration, and process automation by Damjan Savić",
"url": "https://damjan-savic.com",
"founder": currentLanguage === 'sr' ? "Дамјан Савић" : "Damjan Savić",
"foundingDate": "2020",
"slogan": currentLanguage === 'de' ?
"Innovative Lösungen für digitale Herausforderungen" :
currentLanguage === 'sr' ?
"Иновативна решења за дигиталне изазове" :
"Innovative solutions for digital challenges"
},
"alumniOf": [
{
"@type": "EducationalOrganization",
"name": currentLanguage === 'sr' ? "Технички универзитет" : currentLanguage === 'de' ? "Technische Universität" : "Technical University",
"url": "https://www.tu.edu"
}
],
"award": currentLanguage === 'de' ? [
"Zertifizierter Cloud Architekt",
"Python Professional Zertifizierung",
"React Expert Zertifizierung"
] : currentLanguage === 'sr' ? [
"Сертификовани облак архитекта",
"Python професионална сертификација",
"React експерт сертификација"
] : [
"Certified Cloud Architect",
"Python Professional Certification",
"React Expert Certification"
],
"knowsLanguage": [
{
"@type": "Language",
"name": currentLanguage === 'de' ? "Deutsch" : currentLanguage === 'sr' ? "Немачки" : "German",
"alternateName": "de"
},
{
"@type": "Language",
"name": currentLanguage === 'de' ? "Englisch" : currentLanguage === 'sr' ? "Енглески" : "English",
"alternateName": "en"
},
{
"@type": "Language",
"name": currentLanguage === 'de' ? "Serbisch" : currentLanguage === 'sr' ? "Српски" : "Serbian",
"alternateName": "sr"
},
{
"@type": "Language",
"name": currentLanguage === 'de' ? "Französisch" : currentLanguage === 'sr' ? "Француски" : "French",
"alternateName": "fr"
},
{
"@type": "Language",
"name": currentLanguage === 'de' ? "Spanisch" : currentLanguage === 'sr' ? "Шпански" : "Spanish",
"alternateName": "es"
},
{
"@type": "Language",
"name": currentLanguage === 'de' ? "Russisch" : currentLanguage === 'sr' ? "Руски" : "Russian",
"alternateName": "ru"
}
]
};
return (
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(personSchema) }}
/>
);
}
export function LocalizedWebsiteSchema() {
const { i18n } = useTranslation();
const currentLanguage = i18n.language;
const websiteSchema = {
"@context": "https://schema.org",
"@type": "WebSite",
"@id": "https://damjan-savic.com/#website",
"url": "https://damjan-savic.com",
"name": currentLanguage === 'de' ?
"Damjan Savić - Senior Fullstack Entwickler & Digital Solutions Consultant" :
currentLanguage === 'sr' ?
"Дамјан Савић - Старији програмер пуног стека и консултант за дигитална решења" :
"Damjan Savić - Senior Fullstack Developer & Digital Solutions Consultant",
"alternateName": ["Damjan Savic Portfolio", "CoderConda"],
"description": currentLanguage === 'de' ?
"Offizielle Website von Damjan Savić - Senior Fullstack Entwickler und Digital Solutions Consultant aus Köln. Spezialisiert auf Enterprise Software Development, KI-Integration, Cloud Architecture und moderne Web-Technologien. Entdecken Sie innovative Lösungen von Damjan Savić." :
currentLanguage === 'sr' ?
"Званична веб страница Дамјана Савића - старији програмер пуног стека и консултант за дигитална решења из Келна. Специјализован за развој софтвера за предузећа, интеграцију вештачке интелигенције, облак архитектуру и модерне веб технологије." :
"Official website of Damjan Savić - Senior Fullstack Developer and Digital Solutions Consultant based in Cologne, Germany. Specializing in Enterprise Software Development, AI Integration, Cloud Architecture, and modern web technologies. Discover innovative solutions by Damjan Savić.",
"publisher": {
"@id": "https://damjan-savic.com/#person"
},
"potentialAction": {
"@type": "ContactAction",
"target": {
"@type": "EntryPoint",
"url": "https://damjan-savic.com/contact"
},
"name": currentLanguage === 'de' ?
"Damjan Savić kontaktieren" :
currentLanguage === 'sr' ?
"Контактирајте Дамјана Савића" :
"Contact Damjan Savić"
},
"keywords": currentLanguage === 'de' ?
"Damjan Savić, Senior Fullstack Developer, Digital Solutions Consultant, Software Architekt Köln, Python Experte, React Spezialist, KI Integration" :
currentLanguage === 'sr' ?
"Дамјан Савић, Старији програмер пуног стека, Консултант за дигитална решења, Софтверски архитекта, Python експерт, React специјалиста, интеграција вештачке интелигенције" :
"Damjan Savić, Senior Fullstack Developer, Digital Solutions Consultant, Software Architect Cologne, Python Expert, React Specialist, AI Integration",
"dateCreated": "2020-01-01",
"dateModified": "2025-01-15",
"creator": {
"@id": "https://damjan-savic.com/#person"
},
"copyrightHolder": {
"@id": "https://damjan-savic.com/#person"
},
"copyrightYear": "2025",
"logo": {
"@type": "ImageObject",
"url": "https://damjan-savic.com/logo.png",
"width": "1000",
"height": "1000",
"caption": currentLanguage === 'sr' ? "Дамјан Савић лого" : "Damjan Savić Logo"
},
"image": "https://damjan-savic.com/logo.png",
"inLanguage": currentLanguage === 'de' ? ["de-DE"] :
currentLanguage === 'sr' ? ["sr-RS"] :
["en-US"]
};
return (
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(websiteSchema) }}
/>
);
}
src/components/schemas/PersonSchema.tsx
+99 -9
View File
@@ -7,13 +7,42 @@ export function PersonSchema() {
"@id": "https://damjan-savic.com/#person",
"name": "Damjan Savić",
"alternateName": "Damjan Savic",
"jobTitle": ["Fullstack Developer", "Software Engineer", "KI Spezialist"],
"description": "Erfahrener Fullstack Entwickler spezialisiert auf Python, JavaScript, React, Next.js, TypeScript, Electron Desktop Apps, Automatisierungslösungen, KI/ML mit OLLAMA, ERP-Systeme, E-Commerce und Prozessautomatisierung",
"jobTitle": ["Senior Fullstack Developer", "Digital Solutions Consultant", "Software Architect", "KI/AI Spezialist"],
"description": "Damjan Savić ist ein Senior Fullstack Entwickler und Digital Solutions Consultant aus Köln. Damjan Savić ist spezialisiert auf Python, JavaScript, React, Next.js, TypeScript und KI-Integration. Mit über 10 Jahren Erfahrung entwickelt Damjan Savić maßgeschneiderte Enterprise-Lösungen, moderne Web-Applikationen und innovative KI-gestützte Systeme für Unternehmen jeder Größe.",
"url": "https://damjan-savic.com",
"image": "https://damjan-savic.com/portrait.jpg",
"image": [
{
"@type": "ImageObject",
"url": "https://damjan-savic.com/portrait.jpg",
"caption": "Damjan Savić Portrait"
},
{
"@type": "ImageObject",
"url": "https://damjan-savic.com/logo.png",
"caption": "Damjan Savić Logo"
}
],
"logo": "https://damjan-savic.com/logo.png",
"email": "info@damjan-savic.com",
"telephone": "+49-XXX-XXXXXXX",
"contactPoint": {
"@type": "ContactPoint",
"email": "info@damjan-savic.com",
"contactType": "Business Inquiries",
"availableLanguage": ["de", "en", "sr"],
"areaServed": ["DE", "EU"],
"hoursAvailable": {
"@type": "OpeningHoursSpecification",
"dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
"opens": "09:00",
"closes": "18:00"
}
},
"sameAs": [
"https://github.com/damjansavic",
"https://linkedin.com/in/damjansavic"
"https://linkedin.com/in/damjansavic",
"https://twitter.com/damjansavic",
"https://stackoverflow.com/users/damjansavic"
],
"knowsAbout": [
"Python Development",
@@ -23,19 +52,32 @@ export function PersonSchema() {
"TypeScript",
"Electron Desktop Applications",
"Künstliche Intelligenz (KI/AI)",
"OLLAMA AI/ML",
"OLLAMA AI/ML Integration",
"Machine Learning",
"Large Language Models (LLM)",
"ERP Systems Integration",
"SAP Integration",
"E-Commerce Development",
"Shopify Development",
"WooCommerce Integration",
"Process Automation",
"Workflow Optimization",
"Backend Development",
"Frontend Development",
"Full Stack Development"
"Full Stack Development",
"Cloud Architecture",
"AWS Services",
"Docker & Kubernetes",
"Microservices Architecture",
"DevOps & CI/CD",
"Agile Development",
"Software Architecture"
],
"hasSkill": [
{
"@type": "DefinedTerm",
"name": "Python Development",
"description": "Expert-level Python programming for automation, backend development, and AI/ML applications"
"description": "Damjan Savić bietet Expert-level Python programming for automation, backend development, and AI/ML applications"
},
{
"@type": "DefinedTerm",
@@ -72,8 +114,56 @@ export function PersonSchema() {
"worksFor": {
"@type": "Organization",
"name": "CoderConda",
"description": "Moderne Softwareentwicklung, KI-Integration und Prozessautomatisierung"
}
"description": "Moderne Softwareentwicklung, KI-Integration und Prozessautomatisierung von Damjan Savić",
"url": "https://damjan-savic.com",
"founder": "Damjan Savić",
"foundingDate": "2020",
"slogan": "Innovative Lösungen für digitale Herausforderungen"
},
"alumniOf": [
{
"@type": "EducationalOrganization",
"name": "Technische Universität",
"url": "https://www.tu.edu"
}
],
"award": [
"Certified Cloud Architect",
"Python Professional Certification",
"React Expert Certification"
],
"knowsLanguage": [
{
"@type": "Language",
"name": "Deutsch",
"alternateName": "de"
},
{
"@type": "Language",
"name": "English",
"alternateName": "en"
},
{
"@type": "Language",
"name": "Srpski",
"alternateName": "sr"
},
{
"@type": "Language",
"name": "Français",
"alternateName": "fr"
},
{
"@type": "Language",
"name": "Español",
"alternateName": "es"
},
{
"@type": "Language",
"name": "Russian",
"alternateName": "ru"
}
]
};
return (
src/components/schemas/ServiceSchema.tsx
+138
View File
@@ -0,0 +1,138 @@
import React from 'react';
export function ServiceSchema() {
const services = [
{
"@context": "https://schema.org",
"@type": "Service",
"@id": "https://damjan-savic.com/#service-fullstack",
"name": "Fullstack Web Development von Damjan Savić",
"description": "Professionelle Fullstack-Entwicklung durch Damjan Savić. Moderne Webanwendungen mit React, Next.js, Python, Django, FastAPI und TypeScript. Von der Konzeption bis zum Deployment entwickelt Damjan Savić skalierbare Lösungen.",
"provider": {
"@id": "https://damjan-savic.com/#person"
},
"serviceType": "Software Development",
"areaServed": ["Köln", "Deutschland", "Europa", "Weltweit"],
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Fullstack Development Services",
"itemListElement": [
"Frontend Development (React, Vue, Angular)",
"Backend Development (Python, Node.js)",
"Database Design (PostgreSQL, MongoDB)",
"API Development (REST, GraphQL)",
"Progressive Web Apps (PWA)",
"Single Page Applications (SPA)"
]
}
},
{
"@context": "https://schema.org",
"@type": "Service",
"@id": "https://damjan-savic.com/#service-ai",
"name": "KI/AI Integration Services von Damjan Savić",
"description": "Damjan Savić integriert künstliche Intelligenz in Ihre Geschäftsprozesse. Spezialisiert auf OLLAMA, Large Language Models (LLMs), Machine Learning und Computer Vision. Damjan Savić entwickelt maßgeschneiderte KI-Lösungen.",
"provider": {
"@id": "https://damjan-savic.com/#person"
},
"serviceType": "AI/ML Development",
"areaServed": ["Köln", "Deutschland", "Europa", "Weltweit"],
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "AI Integration Services",
"itemListElement": [
"OLLAMA Integration",
"Large Language Model Implementation",
"Natural Language Processing (NLP)",
"Computer Vision Solutions",
"Predictive Analytics",
"AI-powered Automation"
]
}
},
{
"@context": "https://schema.org",
"@type": "Service",
"@id": "https://damjan-savic.com/#service-cloud",
"name": "Cloud Architecture & DevOps von Damjan Savić",
"description": "Cloud-native Lösungen und DevOps-Expertise von Damjan Savić. AWS, Azure, Google Cloud Platform, Docker, Kubernetes und CI/CD Pipelines. Damjan Savić migriert und optimiert Ihre Cloud-Infrastruktur.",
"provider": {
"@id": "https://damjan-savic.com/#person"
},
"serviceType": "Cloud Consulting",
"areaServed": ["Köln", "Deutschland", "Europa", "Weltweit"],
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Cloud & DevOps Services",
"itemListElement": [
"AWS Architecture & Migration",
"Docker Containerization",
"Kubernetes Orchestration",
"CI/CD Pipeline Setup",
"Infrastructure as Code (IaC)",
"Cloud Cost Optimization"
]
}
},
{
"@context": "https://schema.org",
"@type": "Service",
"@id": "https://damjan-savic.com/#service-ecommerce",
"name": "E-Commerce Development von Damjan Savić",
"description": "Damjan Savić entwickelt moderne E-Commerce-Lösungen. Shopify, WooCommerce, Magento und Custom-Shops. Von der Produktverwaltung bis zur Payment-Integration bietet Damjan Savić vollständige E-Commerce-Services.",
"provider": {
"@id": "https://damjan-savic.com/#person"
},
"serviceType": "E-Commerce Development",
"areaServed": ["Köln", "Deutschland", "Europa", "Weltweit"],
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "E-Commerce Services",
"itemListElement": [
"Shopify Store Development",
"WooCommerce Integration",
"Payment Gateway Integration",
"Inventory Management Systems",
"Order Processing Automation",
"Multi-Channel Commerce"
]
}
},
{
"@context": "https://schema.org",
"@type": "Service",
"@id": "https://damjan-savic.com/#service-automation",
"name": "Process Automation von Damjan Savić",
"description": "Geschäftsprozess-Automatisierung durch Damjan Savić. Python-basierte Automatisierungslösungen, Workflow-Optimierung und Integration von Systemen. Damjan Savić steigert Ihre Effizienz durch intelligente Automatisierung.",
"provider": {
"@id": "https://damjan-savic.com/#person"
},
"serviceType": "Business Process Automation",
"areaServed": ["Köln", "Deutschland", "Europa", "Weltweit"],
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Automation Services",
"itemListElement": [
"Python Automation Scripts",
"Workflow Automation",
"Data Processing Pipelines",
"API Integration & Orchestration",
"Report Generation & Analytics",
"Task Scheduling & Monitoring"
]
}
}
];
return (
<>
{services.map((service, index) => (
<script
key={index}
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(service) }}
/>
))}
</>
);
}
src/components/schemas/WebsiteSchema.tsx
+136
View File
@@ -0,0 +1,136 @@
import React from 'react';
export function WebsiteSchema() {
const websiteSchema = {
"@context": "https://schema.org",
"@type": "WebSite",
"@id": "https://damjan-savic.com/#website",
"url": "https://damjan-savic.com",
"name": "Damjan Savić - Senior Fullstack Developer & Digital Solutions Consultant",
"alternateName": ["Damjan Savic Portfolio", "CoderConda"],
"description": "Offizielle Website von Damjan Savić - Senior Fullstack Entwickler und Digital Solutions Consultant aus Köln. Spezialisiert auf Enterprise Software Development, KI-Integration, Cloud Architecture und moderne Web-Technologien. Entdecken Sie innovative Lösungen von Damjan Savić.",
"publisher": {
"@id": "https://damjan-savic.com/#person"
},
"potentialAction": {
"@type": "ContactAction",
"target": {
"@type": "EntryPoint",
"url": "https://damjan-savic.com/contact"
},
"name": "Damjan Savić kontaktieren"
},
"keywords": "Damjan Savić, Senior Fullstack Developer, Digital Solutions Consultant, Software Architect Köln, Python Experte, React Spezialist, KI Integration",
"dateCreated": "2020-01-01",
"dateModified": "2025-01-15",
"creator": {
"@id": "https://damjan-savic.com/#person"
},
"copyrightHolder": {
"@id": "https://damjan-savic.com/#person"
},
"copyrightYear": "2025",
"logo": {
"@type": "ImageObject",
"url": "https://damjan-savic.com/logo.png",
"width": "1000",
"height": "1000",
"caption": "Damjan Savić Logo"
},
"image": "https://damjan-savic.com/logo.png",
"inLanguage": ["de-DE", "en-US", "sr-RS"]
};
const breadcrumbSchema = {
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Damjan Savić",
"item": "https://damjan-savic.com"
},
{
"@type": "ListItem",
"position": 2,
"name": "Über Damjan Savić",
"item": "https://damjan-savic.com/about"
},
{
"@type": "ListItem",
"position": 3,
"name": "Portfolio von Damjan Savić",
"item": "https://damjan-savic.com/portfolio"
},
{
"@type": "ListItem",
"position": 4,
"name": "Blog von Damjan Savić",
"item": "https://damjan-savic.com/blog"
},
{
"@type": "ListItem",
"position": 5,
"name": "Kontakt Damjan Savić",
"item": "https://damjan-savic.com/contact"
}
]
};
const faqSchema = {
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Wer ist Damjan Savić?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Damjan Savić ist ein Senior Fullstack Entwickler und Digital Solutions Consultant aus Köln mit über 10 Jahren Erfahrung. Damjan Savić ist spezialisiert auf Enterprise Software Development, Cloud Architecture, KI-Integration mit OLLAMA und moderne Web-Technologien wie Python, React, TypeScript und Next.js. Als Software Architect entwickelt Damjan Savić skalierbare Lösungen für komplexe Geschäftsanforderungen."
}
},
{
"@type": "Question",
"name": "Welche Dienstleistungen bietet Damjan Savić an?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Damjan Savić bietet umfassende IT-Dienstleistungen: Enterprise Software Development, Cloud-native Lösungen (AWS, Azure), Microservices Architecture, KI/ML-Integration mit OLLAMA und LLMs, SAP/ERP-Systemintegration, E-Commerce-Plattformen (Shopify, WooCommerce), Business Process Automation, DevOps & CI/CD, Progressive Web Apps, Electron Desktop-Anwendungen und Digital Transformation Consulting. Damjan Savić arbeitet mit modernsten Technologien wie Python, React, TypeScript, Docker, Kubernetes und mehr."
}
},
{
"@type": "Question",
"name": "Wie kann ich Damjan Savić kontaktieren?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Sie können Damjan Savić auf verschiedenen Wegen erreichen: Über das Kontaktformular auf https://damjan-savic.com/contact, per E-Mail an info@damjan-savic.com, auf LinkedIn unter https://linkedin.com/in/damjansavic, auf GitHub unter https://github.com/damjansavic oder telefonisch während der Geschäftszeiten (Mo-Fr, 9-18 Uhr MEZ). Damjan Savić antwortet in der Regel innerhalb von 24 Stunden auf Anfragen."
}
},
{
"@type": "Question",
"name": "Wo ist Damjan Savić ansässig?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Damjan Savić ist in Köln, Nordrhein-Westfalen, Deutschland ansässig. Als erfahrener Remote-First Developer arbeitet Damjan Savić erfolgreich mit Kunden aus ganz Deutschland, Europa und weltweit zusammen. Damjan Savić bietet flexible Zusammenarbeitsmodelle: vor Ort in Köln und Umgebung, hybrid oder vollständig remote. Die Arbeitssprachen von Damjan Savić sind Deutsch, Englisch und Serbisch."
}
}
]
};
return (
<>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(websiteSchema) }}
/>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbSchema) }}
/>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(faqSchema) }}
/>
</>
);
}