diff --git a/components/template/PageHeader.vue b/components/template/PageHeader.vue index 71056b9..8101f35 100644 --- a/components/template/PageHeader.vue +++ b/components/template/PageHeader.vue @@ -145,7 +145,7 @@ const navigationLinks = [ label: 'services', subNav: [ { routeKey: 'services-cms', label: 'menuCms' }, - /* { routeKey: 'services-seo', label: 'menuSEO' }, */ + { routeKey: 'services-seo', label: 'menuSEO' }, { routeKey: 'services-accessibility', label: 'menuAccessibility' }, { routeKey: 'services-ai', label: 'menuAi' }, ] @@ -287,7 +287,7 @@ header .sub-nav-item padding-left: 1rem - margin-bottom: 0.4rem + margin-bottom: 0.2rem .sub-nav-link color: white @@ -323,7 +323,7 @@ header color: white text-align: left margin-bottom: .2rem - padding: 1.4rem 2.8rem .5rem + padding: 1rem 2.8rem .5rem position: relative font-size: 1.4rem !important width: auto @@ -333,12 +333,12 @@ header &::before content: '' - width: 1rem + width: .8rem height: .6rem background-color: rgba($primaryColor, .9) border-radius: $loopShape position: absolute - top: 2rem + top: 1.5rem left: 1rem border-radius: 20px &:hover diff --git a/i18n/locales/de.json b/i18n/locales/de.json index 881c7ca..4d4c8bb 100644 --- a/i18n/locales/de.json +++ b/i18n/locales/de.json @@ -178,16 +178,16 @@ "hero": { "headline1": "Suchmaschinen-Optimierung", "headline2": "mit strukturierten Daten, Meta-Tags und semantischem HTML", - "headline3": "Mehr Sichbarkeit durch technische Exzellenz!", + "headline3": "Mehr Sichbarkeit durch technische Exzellenz", "ariaLabel": "Suchmaschinen-Optimierung" } }, "cms": { "hero": { - "headline1": "Flexibles Headless Content-Management-System", - "headline2": "mit strukturierten Daten, Meta-Tags und semantischem HTML", - "headline3": "Mehr Sichbarkeit durch technische Exzellenz", - "ariaLabel": "Content-Management-System" + "headline1": "Modernes Headless CMS mit Strapi & Nuxt3", + "headline2": "Klare Trennung von Inhalt und Frontend – flexibel, performant, skalierbar", + "headline3": "Ideal für SEO, Entwickler-Workflows und redaktionelle Teams", + "ariaLabel": "Headless Content-Management-System" } }, "ai": { diff --git a/layouts/default.vue b/layouts/default.vue index 6d4bd0a..63033b9 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -126,6 +126,8 @@ main z-index: 1 color: $darkgrey text-decoration: none + display: inline-block + text-align: center &::before content: '' position: absolute @@ -163,6 +165,13 @@ main border: 1px solid $primaryColor &:hover background-image: linear-gradient(to top left, $primaryColor, lighten($primaryColor, 5%)) + &.whiteBtn + background-color: white + color: $darkgrey + border: 1px solid transparent + &:hover + background-image: linear-gradient(to top left, $pink, lighten($pink, 5%)) + color: white &.readBtn background-color: $primaryColor color: white diff --git a/pages/services/ai/index.vue b/pages/services/ai/index.vue index 2ac551b..14a57b8 100644 --- a/pages/services/ai/index.vue +++ b/pages/services/ai/index.vue @@ -98,6 +98,7 @@
  • {{ $t('pages.services.ai.howWeDo.point4') }}
  • {{ $t('pages.services.ai.howWeDo.point5') }}
    • +

    Erfahren Sie mehr zu Headless CMS

    diff --git a/pages/services/seo/index.vue b/pages/services/seo/index.vue index 59db32a..fda199d 100644 --- a/pages/services/seo/index.vue +++ b/pages/services/seo/index.vue @@ -10,6 +10,110 @@ }" :dark-background="true" /> +
    +
    +

    Was ist Suchmaschinen-Optimierung? - Ein Überblick

    + Was nützt die beste Webseite der Welt, wenn sie im Verborgenen bleibt? +

    Denn erst wenn Ihre Inhalte bei Google & Co. sichtbar sind, können sie wirken, Besucher anziehen, Vertrauen aufbauen und Conversions erzielen.

    +
    + + +
    + + + +
    +

    Zwei zentrale Bereiche: On-Page SEO und Off-Page SEO

    +
    +
    +

    On-Page SEO umfasst alle Optimierungen, die direkt auf der Website selbst vorgenommen werden.

    +
      +
    • Technische Struktur
      HTML-Aufbau, Ladezeiten, saubere URLs und Google Core Web Vitals.
      • +
    • Meta-Tags
      Title, Description und Robots-Tags für eine optimale Darstellung in den Suchergebnissen.
      • +
    • Semantisches HTML & strukturierte Daten
      Mit JSON-LD & Co. Inhalte für Suchmaschinen besser interpretierbar machen.
      • +
    • Content-Optimierung
      Relevante Keywords, klare Überschriftenstruktur und gute Lesbarkeit.
      • +
    • Interne Verlinkung
      Intuitive Navigation und gezielte Verbindung thematisch verwandter Inhalte.
      • +
    • Responsive Design & Barrierefreiheit
      Zugänglichkeit und optimale Darstellung auf allen Geräten.
      • +
    +
    + +
    +

    Off-Page SEO bezieht sich auf Maßnahmen außerhalb der eigenen Website.

    +
      +
    • Backlinks
      Qualitativ hochwertige Verlinkungen von anderen Websites stärken die eigene Autorität.
      • +
    • Marken-Erwähnungen
      Präsenz und Erwähnungen im Web, auch ohne direkten Link, verbessern die Sichtbarkeit.
      • +
    • Social Signals
      Geteilte Inhalte, Likes und Interaktionen in sozialen Netzwerken.
      • +
    • Kooperationen & Fachbeiträge
      Autorenschaft auf Fachportalen oder Gastbeiträge in Blogs.
      • +
    • Reputation & E-E-A-T
      Expertise, Autorität und Vertrauen sind zentrale Rankingfaktoren für Google.
      • +
    +
    +
    +
    + + + +
    + +
    +
    +

    Sitemaps & Core Web Vitals: Das technische Fundament für SEO

    +

    Eine technisch einwandfreie Webseite bildet das Rückgrat jeder erfolgreichen Suchmaschinenoptimierung. Ohne saubere Grundlagen verpufft selbst der beste Content. Bei Nutzern wie auch bei Google.

    + +

    Sitemaps – Der Wegweiser für Suchmaschinen

    +

    XML-Sitemaps helfen Suchmaschinen dabei, alle relevanten Seiten effizient zu erfassen. In unseren Projekten setzen wir auf automatisierte Generierung direkt aus dem Headless CMS – fehlerfrei, aktuell und ohne doppelten Pflegeaufwand.

    + +

    Core Web Vitals – Nutzererfahrung messbar machen

    +

    Mit Nuxt3 als Frontend-Framework nutzen wir moderne Technologien wie Server-Side Rendering (SSR) und optimiertes Lazy Loading, um die Core Web Vitals gezielt zu verbessern. Das Ergebnis: Schnelle, stabile und reaktive Seiten – messbar bessere Rankings und Nutzererlebnisse.

    + + + +

    Unsere Headless-Architektur verbindet Nuxt3 mit Strapi zu einem flexiblen System, das Technik und Redaktion optimal zusammenspielt.

    +

    Erfahren Sie mehr zu Headless CMS

    +
    +
    + +
    + + + +
    +

    SEO im KI-Zeitalter: Inhalte für Menschen und Maschinen

    +

    Suchmaschinen werden immer besser darin, Inhalte zu verstehen. Mit Hilfe von Natural Language Processing (NLP), semantischer Analyse und der Bewertung nach E-E-A-T (Experience, Expertise, Authoritativeness, Trustworthiness) rückt die tatsächliche Substanz und Einordnung eines Inhalts stärker in den Fokus.

    + +

    Damit Ihre Website auch für KI-Systeme wie Google Search, Bing oder generative Assistenten optimal lesbar ist, braucht es mehr als Keywords. Es braucht klare Strukturen, kontextreiche Metadaten und semantisches HTML.

    + + + +

    Mit unseren KI-kompatiblen Webseiten schaffen wir heute schon die technischen Voraussetzungen, damit Sie morgen nicht nur gefunden, sondern auch verstanden werden.

    +

    Erfahren Sie mehr zu KI-kompatibilität

    +
    + + + +
    + + + + + @@ -29,5 +133,89 @@ definePageMeta({ \ No newline at end of file