improve sub-page content #225

openmindculture · Apr 11, 2024 · a53d3a2 · a53d3a2
1 parent dbc1d9b
commit a53d3a2
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 30 deletions.
diff --git a/dist/leistungen/optimierung.html b/dist/leistungen/optimierung.html
diff --git a/dist/leistungen/webentwicklung.html b/dist/leistungen/webentwicklung.html
diff --git a/dist/webseiten-klimafreundlich-barrierefrei-optimieren/index.html b/dist/webseiten-klimafreundlich-barrierefrei-optimieren/index.html
diff --git a/src/leistungen/optimierung.liquid b/src/leistungen/optimierung.liquid
@@ -18,7 +18,7 @@ alternatehreflang: "en"
 <div class="page-container" id="top"><div class="page-content">
     <header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader">
       {% include '_includes/jumbotron-image.liquid' %}
-      <h1>Wir optimieren deine Website!</h1>
+      <h1>Wir erweitern und optimieren deine Website!</h1>
       <ul class="aside-heading">
         <li>deine Kund:innen werden sie lieben</li>
         <li>perfekt für Computer und Smartphone</li>
@@ -30,12 +30,10 @@ alternatehreflang: "en"
     <main id="content-top" class="target-offset">
       <section class="text-content-layout text-content-color">
         <article class="text-width">
-          <h2>Building a website: what to consider?</h2>
-          <p>Zusammen bauen wir deine Website! Welche Fragen und Aspekte wir dabei beachten können, verrate ich dir auf dieser Seite. Hast du konkretes Interesse? Dann <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p>
+          <h2>Website erweitern, überarbeiten und optimieren</h2>
+          <p>Zusammen verbessern wir deine Website! Welche Fragen und Aspekte wir dabei beachten können, verrate ich dir auf dieser Seite. Hast du konkretes Interesse? Dann <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p>
 
-          <h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2>
-          <p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../{{ content.servicesVerifyMoreLinkPath }}">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../{{ content.servicesImproveMoreLinkPath }}">optimieren</a> könnten.</p>
-        </article>
+       </article>
 
         <div class="cta-container">
           <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
@@ -44,30 +42,30 @@ alternatehreflang: "en"
 
       <section class="text-content-color">
         <article class="text-content-layout text-width mb0">
-          <h2>Website optimieren lassen: Fragen und Antworten</h2>
+          <h2>Website überarbeiten lassen: Fragen und Antworten</h2>
           <p>Wenn wir mit einem Internetauftritt schnell und nachhaltig erfolgreich sein wollen, empfiehlt es sich, schon von Anfang an auch auf Barrierefreiheit, Datenschutz, Sicherheit und ökologische Effizienz zu achten. So können wir Synergien nutzen und langfristig Kosten sparen. So wird Nachhaltigkeit zum Wettbewerbsvorteil, der auch unsere Kund:innen überzeugen kann.</p>
         </article>
 
         <article class="alternating-div-color text-content-layout-children">
           <div class="text-width-children mb0">
-            <h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3>
-            <p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. </p>
+            <h3>Wird meine Website beim Umbau zur Baustelle?</h3>
+            <p>Nein! Veränderungen sollten Schritt für Schritt stattfinden und auf einem Testsystem überprüft und freigegeben werden. Deine eigentliche Website bleibt dabei jederzeit betriebsbereit.</p>
           </div>
           <div class="text-width-children mb0">
-            <h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2>
-            <p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. </p>
+            <h2>Wie kann ich schnell erste Erfolge sehen?</h2>
+            <p>Wir beginnen mit den dringendsten Dingen: kritische Fehler finden und sofort beheben, weitere Maßnahmen planen und priorisieren. Die können dann in aller Ruhe schritt für Schritt umgesetzt und werden, wie es deiner Zeit und deinem Budget entspricht.</p>
           </div>
           <div class="text-width-children mb0">
-            <h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2>
-            <p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. </p>
+            <h2>Was ist bei dringenden Reparaturen zu beachten?</h2>
+            <p>Sofortmaßnahmen können eine langfristige Sanierung und Modernisierung sinnvoll ergänzen. Auch bei schnellen Eingriffen zur Fehlerbehebung oder Aufgrund einer Abmahnung ist es wichtig, zeitnah und gründlich (genug) zu testen, um unerwünschte Auswirkungen an anderen Stellen zu verhindern und die Qualität der Website stetig zu verbessern.</p>
           </div>
           <div class="text-width-children mb0">
-            <h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2>
-            <p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. </p>
+            <h2>Woher weiß ich, was ich auf meiner Website verbessern soll?</h2>
+            <p>Mit meinem erfahrenen Blick und modernen Diagnosewerkzeugen finde ich nicht nur Fehler und Probleme, sondern auch ungenutzte Verbesserungsmöglichkeiten auf bestehende Webseiten. Oft können schon einfache Maßnahmen wie das optimierte Abspeichern sehr großer Bilder auf der Startseite oder das Entfernen ungenutzter Komponenten große Verbesserungen bei der Ladezeit und der energetischen Effizienz erzielen. Auch bei der Barrierefreiheit sind es oft einfache Lösungen, die Nutzbarkeit entscheidend verbessern, beispielsweise ein erhöhter Farbkontrast oder die Ergänzung fehlender Beschriftungen.</p>
           </div>
           <div class="text-width-children mb0">
-            <h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2>
-            <p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. </p>
+            <h2>Wie können automatische Tests die Qualität der Optimierung verbessern?</h2>
+            <p>Dank der modernen Technik können viele Testschritte automatisiert wiederholt werden. So lassen sich Screenshots vor und nach Veränderungen vergleichen und wichtige Grundfunktionen, wie beispielsweise Warenkorb und Bezahlvorgang eines Online-Shops, sicherstellen. Automatisierte Audits können unter anderem defekte Verlinkungen und offensichtliche Verstöße gegen Anforderung der Barrierefreiheit erkennen und bei der Bewertung und Priorisierung der Reparaturen unterstützen.</p>
           </div>
           <div class="text-width-children mb0">
             <h3>Noch eine Überschrift?</h3>

diff --git a/src/leistungen/webentwicklung.liquid b/src/leistungen/webentwicklung.liquid
@@ -33,7 +33,7 @@ alternatehreflang: "en"
       <h2>Website erstellen: was gilt es zu beachten?</h2>
       <p>Zusammen bauen wir deine Website! Welche Fragen und Aspekte wir dabei beachten können, verrate ich dir auf dieser Seite. Hast du konkretes Interesse? Dann <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p>
 
-      <h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2>
+      <h2>Bestehende Website überprüfen und überarbeiten</h2>
       <p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../{{ content.servicesVerifyMoreLinkPath }}">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../{{ content.servicesImproveMoreLinkPath }}">optimieren</a> könnten.</p>
     </article>
 

diff --git a/src/leistungen/website-check.liquid b/src/leistungen/website-check.liquid
@@ -18,19 +18,19 @@ alternatehreflang: "en"
 <div class="page-container" id="top"><div class="page-content">
 <header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader">
   {% include '_includes/jumbotron-image.liquid' %}
-  <h1>Wir überprüfen deine Website!</h1>
+  <h1>Lass deine Website überprüfen!</h1>
   <ul class="aside-heading">
+    <li>kritische Fehler und Probleme erkennen und beheben</li>
     <li>dein digitaler CO<sub>2</sub>-Fußabdruck</li>
     <li>deine Ladezeit und Barrierefreiheit</li>
-    <li>kritische Fehler und Probleme</li>
-    <li>testen und zertifieren lassen</li>
+    <li>mit zertifierten Ergebnisse werben</li>
   </ul>
 </header>
 {% include '../_includes/navigation-on-subpages.liquid' %}
 <main id="content-top" class="target-offset">
   <section class="text-content-layout text-content-color">
     <article class="text-width">
-      <h2>Building a website: what to consider?</h2>
+      <h2>Willst du deine Website überprüfen lassen?</h2>
       <p>Zusammen bauen wir deine Website! Welche Fragen und Aspekte wir dabei beachten können, verrate ich dir auf dieser Seite. Hast du konkretes Interesse? Dann <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p>
 
       <h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2>
@@ -50,7 +50,7 @@ alternatehreflang: "en"
 
     <article class="alternating-div-color text-content-layout-children">
       <div class="text-width-children mb0">
-        <h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3>
+        <h3>Welche Probleme können meinem Erfolg im Internet behindern?</h3>
         <p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. </p>
       </div>
       <div class="text-width-children mb0">
@@ -62,15 +62,15 @@ alternatehreflang: "en"
         <p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. </p>
       </div>
       <div class="text-width-children mb0">
-        <h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2>
+        <h2>Wie stelle ich sicher, dass meine Website allen Anforderungen genügt?</h2>
         <p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. </p>
       </div>
       <div class="text-width-children mb0">
-        <h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2>
+        <h2>Wie kann ich meine Erfolge glaubwürdig bewerben?</h2>
         <p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. </p>
       </div>
       <div class="text-width-children mb0">
-        <h3>Noch eine Überschrift?</h3>
+        <h3>Welche Erfolgsfaktoren kann ich messen?</h3>
         <p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p>
       </div>
       <div class="text-width-children mb0">

diff --git a/src/webseiten-klimafreundlich-barrierefrei-optimieren/index.liquid b/src/webseiten-klimafreundlich-barrierefrei-optimieren/index.liquid
@@ -30,7 +30,7 @@ tags: addtositemap
         Zudem kann die ökologische Effizienz kostenfrei bescheinigt und umweltorientierten Nutzer:innen als Beleg für die eigene Nachhaltigkeit dienen und beweisen, dass es sich bei deinen Green Claims nicht um Greenwashing handelt. Leicht zu schätzen und zu verstehen ist der sogenannte CO<sub>2</sub>-Fußabdruck eines Website-Frontends.
         Analyse-Dienste wie WebsiteCarbon, Ecograder, Green Web Check oder CleanerWeb vergeben digitale Nachweise, die auf den eigenen Webseiten als grafisches Banner oder Textlink eingebaut werden können.
         Sie berechnen aus dem geschätzten Energieverbrauch ein Schadstoff-Äquivalent (CO<sub>2</sub>e) und setzen dies ins Verhältnis zu Messungen anderer Internetauftritte.
-        Green Hosting ist ein weiterer wichtiger Faktor umweltfreundlicher Internetseiten. Auch hier können messbare Erfolge vertrauensbildend belegt werden.</p>
+        Green Hosting ist ein weiterer wichtiger Faktor umweltfreundlicher Internetseiten. Green Hosting steht für umweltfreundliche Servertechnologie in Rechenzentren, die möglichst nur mit erneuerbaren Energien betrieben werden, zum Beispiel Windkraft und Solarstrom. Auch hier können messbare Erfolge vertrauensbildend belegt werden.</p>
       <h3>Digitale Nachhaltigkeit als Wettbewerbsvorteil</h3>
       <p>Nachhaltigkeit bedeutet aber auch Wartbarkeit: wie plegeleicht, langlebig und wiederverwendbar ist die Software? Hier kann es geschäftsinterne oder auch gemeinwohlorientierte Synergiefffekte geben, zum Beispiel durch Verwendung und Veröffentlichung von Open-Source-Software.</p>
       <p>Was nachhaltige (Web-)Entwickler:innen von anderen unterscheidet, ist vielleicht in erster Linie das Bewusstsein, die Bereitschaft und der Mut, über die von den Kund:innen geäußerten Anforderungen hinauszudenken, bezüglich der Umweltfreundlichkeit ebenso wie bei Barrierefreiheit, Datenschutz, und Qualitätssicherung.</p>