cosmetics
This commit is contained in:
parent
fe3c2a6355
commit
53a8919070
@ -8,7 +8,7 @@
|
||||
<h1>High-Performance-Webseiten</h1>
|
||||
<h2>die Ihre Zielgruppe begeistern</h2>
|
||||
<h3>Schnell, effizient und leistungsstark</h3>
|
||||
<p>Wir nutzen modernste Technologien wie Nuxt 3 + Strapi in Headless-Architektur, um Webseiten zu entwickeln, die zukunftssicher, schnell und flexibel sind.</p>
|
||||
<p>Wir nutzen modernste Technologien wie Nuxt 3 + Strapi in Headless-Architektur, um Webseiten zu entwickeln, die zukunftssicher, robust und flexibel sind.</p>
|
||||
<NuxtLinkLocale to="references" class="btn whiteBtn">Unsere Referenzen</NuxtLinkLocale>
|
||||
</HeroBox>
|
||||
|
||||
@ -18,6 +18,7 @@
|
||||
src="/uploads/laechelnde_Dame_a393baf878.webp"
|
||||
provider="strapi"
|
||||
class="rightImg"
|
||||
alt="Mensch"
|
||||
/>
|
||||
<div class="content">
|
||||
<h2>Webseiten für Mensch und Maschine</h2>
|
||||
@ -33,6 +34,7 @@
|
||||
src="/uploads/energy_1_e15df59b8a.webp"
|
||||
provider="strapi"
|
||||
class="leftImg"
|
||||
alt="Maschine"
|
||||
/>
|
||||
</section>
|
||||
|
||||
|
||||
@ -18,6 +18,65 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="seoAi">
|
||||
<svg class="sectionWave wave-top" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 20">
|
||||
<path d="M 0 0 L 500 0 L 500 14 Q 354.4 -2.8 250 11 Q 145.6 24.8 0 14 L 0 0 Z" fill="#FFF"/>
|
||||
</svg>
|
||||
<div class="container-10">
|
||||
<NuxtImg
|
||||
src="/uploads/ki_roboter_lupe_5aae7ffbc7.webp"
|
||||
provider="strapi"
|
||||
alt="ai roboter lupe"
|
||||
width="300"
|
||||
/>
|
||||
<h2>SEO im KI-Zeitalter: Inhalte für Menschen und Maschinen</h2>
|
||||
<p>Suchmaschinen werden immer besser darin, Inhalte zu verstehen. Mit Hilfe von <strong>Natural Language Processing (NLP)</strong>, semantischer Analyse und der Bewertung nach <strong>E-E-A-T</strong> (Experience, Expertise, Authoritativeness, Trustworthiness) rückt die tatsächliche Substanz und Einordnung eines Inhalts stärker in den Fokus.</p>
|
||||
|
||||
<p>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, <strong>kontextreiche Metadaten</strong> und <strong>semantisches HTML</strong>.</p>
|
||||
|
||||
<ul class="check">
|
||||
<li><strong>Strukturierte Daten (JSON-LD)</strong><br>ermöglichen Maschinen ein tieferes Verständnis für Inhalte, Rollen und Zusammenhänge.</li>
|
||||
<li><strong>Semantik & Kontext</strong><br>geben den Ton an – Headlines, Lists und Sections sprechen mit Klarheit.</li>
|
||||
<li><strong>Inhalte für Menschen geschrieben</strong><br>– aber so aufgebaut, dass auch Maschinen sie interpretieren können.</li>
|
||||
<li><strong>Zukunftsorientiert denken</strong><br>Prompt-gesteuerte CMS-Oberflächen, automatisierte Content-Vorschläge – die nächsten Schritte im KI-SEO.</li>
|
||||
</ul>
|
||||
|
||||
<p>Mit unseren <b>KI-kompatiblen Webseiten</b> schaffen wir heute schon die technischen Voraussetzungen, damit Sie morgen nicht nur gefunden, sondern auch verstanden werden.</p>
|
||||
<p class="pt-3"><NuxtLinkLocale class="btn whiteBtn" to="services-ai">Erfahren Sie mehr zu KI-kompatibilität</NuxtLinkLocale></p>
|
||||
</div>
|
||||
<svg class="sectionWave wave-bottom" style="transform: scale(1,-1)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 20">
|
||||
<path d="M 0 0 L 500 0 L 500 14 Q 354.4 -2.8 250 11 Q 145.6 24.8 0 14 L 0 0 Z" fill="#FFF"/>
|
||||
</svg>
|
||||
</section>
|
||||
|
||||
<section class="techFoundation">
|
||||
<div class="container-10">
|
||||
<h2>Sitemaps & Core Web Vitals: Das technische Fundament für SEO</h2>
|
||||
<p>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.</p>
|
||||
|
||||
<h3><b>Sitemaps</b> – Der Wegweiser für Suchmaschinen</h3>
|
||||
<p>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.</p>
|
||||
|
||||
|
||||
<h3><b>Core Web Vitals</b> – Nutzererfahrung messbar machen</h3>
|
||||
<p>Mit Nuxt3 als Frontend-Framework nutzen wir moderne Technologien wie Server-Side Rendering (SSR) und optimiertes Lazy Loading, um die <strong>Core Web Vitals</strong> gezielt zu verbessern. Das Ergebnis: Schnelle, stabile und reaktive Seiten – messbar bessere Rankings und Nutzererlebnisse.</p>
|
||||
<NuxtImg
|
||||
src="/uploads/corewebvitals_893fcd3ff4.webp"
|
||||
provider="strapi"
|
||||
/>
|
||||
<ul class="check">
|
||||
<li><strong>Ladezeit (Largest Contentful Paint)</strong><br>Schnelle Darstellung des Hauptinhalts für den Nutzer.</li>
|
||||
<li><strong>Interaktivität (First Input Delay)</strong><br>Direktes Ansprechverhalten bei Nutzeraktionen.</li>
|
||||
<li><strong>Visuelle Stabilität (Cumulative Layout Shift)</strong><br>Stabiles Layout ohne störende Verschiebungen beim Laden.</li>
|
||||
<li><strong>Strukturierte XML-Sitemaps</strong><br>Automatisch erzeugt und immer aktuell durch das CMS.</li>
|
||||
<li><strong>Technische Wartbarkeit</strong><br>SEO-relevante Metadaten, Robots-Tags und JSON-LDs direkt im Redaktionsprozess – ganz ohne Code.</li>
|
||||
</ul>
|
||||
|
||||
<p>Unsere Headless-Architektur verbindet Nuxt3 mit Strapi zu einem flexiblen System, das Technik und Redaktion optimal zusammenspielt.</p>
|
||||
<p class="pt-2"><NuxtLinkLocale class="btn" to="services-cms">Erfahren Sie mehr zu Headless CMS</NuxtLinkLocale></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="twoAreas">
|
||||
<svg class="sectionWave wave-top" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 20">
|
||||
<path d="M 0 0 L 500 0 L 500 14 Q 354.4 -2.8 250 11 Q 145.6 24.8 0 14 L 0 0 Z" fill="#FFF"/>
|
||||
@ -53,59 +112,7 @@
|
||||
<path d="M 0 0 L 500 0 L 500 14 Q 354.4 -2.8 250 11 Q 145.6 24.8 0 14 L 0 0 Z" fill="#FFF"/>
|
||||
</svg>
|
||||
</section>
|
||||
|
||||
<section class="techFoundation">
|
||||
<div class="container-10">
|
||||
<h2>Sitemaps & Core Web Vitals: Das technische Fundament für SEO</h2>
|
||||
<p>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.</p>
|
||||
|
||||
<h3><b>Sitemaps</b> – Der Wegweiser für Suchmaschinen</h3>
|
||||
<p>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.</p>
|
||||
|
||||
|
||||
<h3><b>Core Web Vitals</b> – Nutzererfahrung messbar machen</h3>
|
||||
<p>Mit Nuxt3 als Frontend-Framework nutzen wir moderne Technologien wie Server-Side Rendering (SSR) und optimiertes Lazy Loading, um die <strong>Core Web Vitals</strong> gezielt zu verbessern. Das Ergebnis: Schnelle, stabile und reaktive Seiten – messbar bessere Rankings und Nutzererlebnisse.</p>
|
||||
<NuxtImg
|
||||
src="/uploads/corewebvitals_893fcd3ff4.webp"
|
||||
provider="strapi"
|
||||
/>
|
||||
<ul class="check">
|
||||
<li><strong>Ladezeit (Largest Contentful Paint)</strong><br>Schnelle Darstellung des Hauptinhalts für den Nutzer.</li>
|
||||
<li><strong>Interaktivität (First Input Delay)</strong><br>Direktes Ansprechverhalten bei Nutzeraktionen.</li>
|
||||
<li><strong>Visuelle Stabilität (Cumulative Layout Shift)</strong><br>Stabiles Layout ohne störende Verschiebungen beim Laden.</li>
|
||||
<li><strong>Strukturierte XML-Sitemaps</strong><br>Automatisch erzeugt und immer aktuell durch das CMS.</li>
|
||||
<li><strong>Technische Wartbarkeit</strong><br>SEO-relevante Metadaten, Robots-Tags und JSON-LDs direkt im Redaktionsprozess – ganz ohne Code.</li>
|
||||
</ul>
|
||||
|
||||
<p>Unsere Headless-Architektur verbindet Nuxt3 mit Strapi zu einem flexiblen System, das Technik und Redaktion optimal zusammenspielt.</p>
|
||||
<p class="pt-2"><NuxtLinkLocale class="btn" to="services-cms">Erfahren Sie mehr zu Headless CMS</NuxtLinkLocale></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="seoAi">
|
||||
<svg class="sectionWave wave-top" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 20">
|
||||
<path d="M 0 0 L 500 0 L 500 14 Q 354.4 -2.8 250 11 Q 145.6 24.8 0 14 L 0 0 Z" fill="#FFF"/>
|
||||
</svg>
|
||||
<div class="container-10">
|
||||
<h2>SEO im KI-Zeitalter: Inhalte für Menschen und Maschinen</h2>
|
||||
<p>Suchmaschinen werden immer besser darin, Inhalte zu verstehen. Mit Hilfe von <strong>Natural Language Processing (NLP)</strong>, semantischer Analyse und der Bewertung nach <strong>E-E-A-T</strong> (Experience, Expertise, Authoritativeness, Trustworthiness) rückt die tatsächliche Substanz und Einordnung eines Inhalts stärker in den Fokus.</p>
|
||||
|
||||
<p>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, <strong>kontextreiche Metadaten</strong> und <strong>semantisches HTML</strong>.</p>
|
||||
|
||||
<ul class="check">
|
||||
<li><strong>Strukturierte Daten (JSON-LD)</strong><br>ermöglichen Maschinen ein tieferes Verständnis für Inhalte, Rollen und Zusammenhänge.</li>
|
||||
<li><strong>Semantik & Kontext</strong><br>geben den Ton an – Headlines, Lists und Sections sprechen mit Klarheit.</li>
|
||||
<li><strong>Inhalte für Menschen geschrieben</strong><br>– aber so aufgebaut, dass auch Maschinen sie interpretieren können.</li>
|
||||
<li><strong>Zukunftsorientiert denken</strong><br>Prompt-gesteuerte CMS-Oberflächen, automatisierte Content-Vorschläge – die nächsten Schritte im KI-SEO.</li>
|
||||
</ul>
|
||||
|
||||
<p>Mit unseren <b>KI-kompatiblen Webseiten</b> schaffen wir heute schon die technischen Voraussetzungen, damit Sie morgen nicht nur gefunden, sondern auch verstanden werden.</p>
|
||||
<p class="pt-3"><NuxtLinkLocale class="btn whiteBtn" to="services-ai">Erfahren Sie mehr zu KI-kompatibilität</NuxtLinkLocale></p>
|
||||
</div>
|
||||
<svg class="sectionWave wave-bottom" style="transform: scale(1,-1)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 20">
|
||||
<path d="M 0 0 L 500 0 L 500 14 Q 354.4 -2.8 250 11 Q 145.6 24.8 0 14 L 0 0 Z" fill="#FFF"/>
|
||||
</svg>
|
||||
</section>
|
||||
|
||||
|
||||
<CallToActionBox
|
||||
headline="Sich wollen mehr Sichtbarkeit und Reichweite?"
|
||||
@ -199,7 +206,7 @@ definePageMeta({
|
||||
flex-direction: column
|
||||
.onpage, .offpage
|
||||
flex: 1 1 300px
|
||||
background: #fff
|
||||
background: rgba(white, .8)
|
||||
padding: 1rem 2rem
|
||||
border-radius: 1rem
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05)
|
||||
@ -223,6 +230,9 @@ definePageMeta({
|
||||
padding: 5rem 0
|
||||
background: linear-gradient(-90deg, #442D36 0%, #9F4C75 100%)
|
||||
color: white
|
||||
img
|
||||
float: right
|
||||
margin: 3rem 0 2rem 1rem
|
||||
ul
|
||||
li
|
||||
&::before
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user