cosmetics
This commit is contained in:
parent
fe3c2a6355
commit
53a8919070
@ -8,7 +8,7 @@
|
|||||||
<h1>High-Performance-Webseiten</h1>
|
<h1>High-Performance-Webseiten</h1>
|
||||||
<h2>die Ihre Zielgruppe begeistern</h2>
|
<h2>die Ihre Zielgruppe begeistern</h2>
|
||||||
<h3>Schnell, effizient und leistungsstark</h3>
|
<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>
|
<NuxtLinkLocale to="references" class="btn whiteBtn">Unsere Referenzen</NuxtLinkLocale>
|
||||||
</HeroBox>
|
</HeroBox>
|
||||||
|
|
||||||
@ -18,6 +18,7 @@
|
|||||||
src="/uploads/laechelnde_Dame_a393baf878.webp"
|
src="/uploads/laechelnde_Dame_a393baf878.webp"
|
||||||
provider="strapi"
|
provider="strapi"
|
||||||
class="rightImg"
|
class="rightImg"
|
||||||
|
alt="Mensch"
|
||||||
/>
|
/>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h2>Webseiten für Mensch und Maschine</h2>
|
<h2>Webseiten für Mensch und Maschine</h2>
|
||||||
@ -33,6 +34,7 @@
|
|||||||
src="/uploads/energy_1_e15df59b8a.webp"
|
src="/uploads/energy_1_e15df59b8a.webp"
|
||||||
provider="strapi"
|
provider="strapi"
|
||||||
class="leftImg"
|
class="leftImg"
|
||||||
|
alt="Maschine"
|
||||||
/>
|
/>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
@ -18,6 +18,65 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</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">
|
<section class="twoAreas">
|
||||||
<svg class="sectionWave wave-top" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 20">
|
<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"/>
|
<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"/>
|
||||||
@ -54,58 +113,6 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</section>
|
</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
|
<CallToActionBox
|
||||||
headline="Sich wollen mehr Sichtbarkeit und Reichweite?"
|
headline="Sich wollen mehr Sichtbarkeit und Reichweite?"
|
||||||
@ -199,7 +206,7 @@ definePageMeta({
|
|||||||
flex-direction: column
|
flex-direction: column
|
||||||
.onpage, .offpage
|
.onpage, .offpage
|
||||||
flex: 1 1 300px
|
flex: 1 1 300px
|
||||||
background: #fff
|
background: rgba(white, .8)
|
||||||
padding: 1rem 2rem
|
padding: 1rem 2rem
|
||||||
border-radius: 1rem
|
border-radius: 1rem
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05)
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05)
|
||||||
@ -223,6 +230,9 @@ definePageMeta({
|
|||||||
padding: 5rem 0
|
padding: 5rem 0
|
||||||
background: linear-gradient(-90deg, #442D36 0%, #9F4C75 100%)
|
background: linear-gradient(-90deg, #442D36 0%, #9F4C75 100%)
|
||||||
color: white
|
color: white
|
||||||
|
img
|
||||||
|
float: right
|
||||||
|
margin: 3rem 0 2rem 1rem
|
||||||
ul
|
ul
|
||||||
li
|
li
|
||||||
&::before
|
&::before
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user