loading

TYPO3 I APP I SEO I FOTO
Bild SEO Basel

SEO Basel

In unserem Archiv von 2014 stiessen wir auf diese Anleitung, während wir über die Anfänge des Webdesigns nachdachten. Damals sah die technologische Landschaft anders aus, aber die grundlegenden Prinzipien blieben relevant. Einige Websites waren damals Pioniere, während andere noch manuelle Anpassungen erforderten.


Erinnern Sie sich an den Aufwand, jede Seite individuell zu gestalten? Heutzutage sind die meisten Websites technisch fortschrittlich und erfordern weniger manuelle Arbeit. Dennoch sollten wir die Grundlagen nicht übersehen. Deshalb haben wir diese Anleitung aktualisiert und uns auf wesentliche Punkte konzentriert, die jeder einfach und selbst vornehmen kann.


Unser Ziel ist es, Ihnen dabei zu helfen, Ihre Website effektiv zu optimieren, damit sie den aktuellen Standards entspricht und Ihnen dabei hilft, Ihre Ziele im digitalen Raum zu erreichen. Lassen Sie uns gemeinsam die Grundlagen wiederholen und Ihre Website für den Erfolg von heute und morgen vorbereiten.

SEO

SEO steht für "Search Engine Optimization" und bezieht sich auf die Techniken, die verwendet werden, um eine Website so zu verbessern, dass sie in den Suchergebnissen einer Suchmaschine wie Google höher erscheint. Das Ziel ist es, mehr Besucher auf die Website zu bringen, indem man sie für bestimmte Suchbegriffe relevanter macht.


Technisches SEO, auch bekannt als On-Page-Optimierung, bezieht sich auf die Optimierung der Website selbst, um ihre Sichtbarkeit in Suchmaschinen zu verbessern. Dies umfasst Aspekte wie die Verbesserung der Ladezeiten, die Optimierung der Website-Struktur und -Navigation, die Verwendung von Meta-Tags und Title-Tags, die Anpassung von URLs und die Gewährleistung einer benutzerfreundlichen Erfahrung für die Besucher. Kurz gesagt, es geht darum, sicherzustellen, dass die Website technisch einwandfrei funktioniert und für Suchmaschinen leicht zu verstehen ist.
Texterstellung ist ebenfalls ein wichtiger Bestandteil des technischen SEO. Es beinhaltet die Erstellung von hochwertigen, relevanten und benutzerfreundlichen Inhalten, die sowohl für die Besucher als auch für Suchmaschinen attraktiv sind. Dies umfasst das Schreiben von informativen Texten, die Verwendung von relevanten Keywords und die Strukturierung des Inhalts, um eine klare und leicht verständliche Präsentation zu gewährleisten.


Mithilfe von ChatGPT, Gemini oder QuillBot ist die Texterstellung einfacher geworden, da es ein leistungsstarkes Werkzeug ist, um schnell und einfach qualitativ hochwertige Texte zu generieren. Es kann bei der Ideenfindung, dem Verfassen von Inhalten, der Überarbeitung von Texten und sogar beim Erstellen von SEO-optimierten Inhalten unterstützen, indem es relevante Keywords und Strukturierungsvorschläge bietet. Darüber hinaus kann es auch bei der Beantwortung von Fragen, dem Erklären komplexer Konzepte und der Generierung von kreativen Ideen helfen.


Sie können uns damit beauftragen, die On-Page-Optimierung Ihrer Webseite zu übernehmen und für mehr Sichtbarkeit in den Suchmaschinen zu sorgen. Oder aber Sie entscheiden sich dafür, unser Tutorial weiter zu lesen und lernen, wie Sie selbst Ihre Webseite optimieren können. Entscheiden Sie selbst, wie Sie Ihre Online-Präsenz verbessern möchten - mit unserem Experten-Service oder unserem informativen Tutorial.


Starten Sie jetzt und steigern Sie Ihre Suchmaschinen-Rankings!

Beispiele und Anleitungen sind jetzt eingefügt, um Ihnen die sofortige Umsetzung zu erleichtern. Es gibt nichts Frustrierenderes als eine Anleitung oder einen Text, der einen im Unklaren lässt und keine klaren Schritte für die Umsetzung bietet. Wir wissen, wie wichtig es ist, klare und verständliche Informationen zu erhalten. Deshalb legen wir grossen Wert darauf, dass unsere Anleitungen präzise und leicht verständlich sind.


Mit dieser Aktualisierung möchten wir sicherstellen, dass Sie nicht nur von den Fortschritten der Technologie profitieren, sondern auch die bewährten Praktiken nicht aus den Augen verlieren.


Falls dennoch Unklarheiten bestehen oder Ihnen etwas fehlt, stehen wir Ihnen gerne zur Verfügung. Schicken Sie uns einfach eine E-Mail. Wir sind hier, um Ihnen weiterzuhelfen.


Es ist nun an der Zeit, sich dem konkreten Anliegen zuzuwenden; den SEO Basics


Die wichtigsten SEO Tipps der On-Page Optimierung

Sie lernen anhand eines Beispiels, worauf die Suchmaschine wert legt und was Sie optimieren sollten. Wir zeigen an einem realen Beispiel eine gezielte Webpage Optimierung und nehmen unsere Webseite dafür: studio4.ch. Sie können die Tipps aktiv mit der Webseite gegen prüfen. Am Ende jedes Kapitels, erhalten Sie praktische Tipps um Ihre bestehende Webseite alleine zu optimieren.


Vorab empfiehlt es sich, die eigene Webseite bei Google zu prüfen. Dazu schreiben Sie in das Suchfeld folgendes site:www.ihredomain.ch.

Mit unserem praktischen Beispiel: site:studio4.ch

screenshot google searchresults of studio4.ch


Werden Seiten gezeigt, ist also Ihre Webseite bei Google indexiert (dies funktioniert ebenfalls bei bing.com oder yahoo.com, welches Sie natürlich auch testen sollten). Bereits mal ein gutes Zeichen. Die Sichtbarkeit einer Webseite in den Google-Suchergebnissen ist ein wichtiger Indikator für ihre Indexierung. Allerdings reicht die blosse Indexierung nicht aus, um eine optimale Online-Präsenz zu gewährleisten. Jede indexierte Seite sollte individuell gestaltet sein, mit einem eindeutigen Titel und einer aussagekräftigen Beschreibung. Wenn Seiten dieselben Titel und Beschreibungen verwenden, kann dies zu Verwirrung bei Suchmaschinen und Nutzern führen, was sich negativ auf das Ranking auswirken kann. Eine individuelle Seitengestaltung ist daher entscheidend für die Suchmaschinenoptimierung (SEO). Ein weiterer entscheidender Aspekt ist die Geschwindigkeit der Webseite. Die Ladezeit einer Seite beeinflusst nicht nur die Benutzererfahrung, sondern auch das Ranking in den Suchergebnissen. Tools wie GT-Metrix oder das Tool von Google PageSpeed Insights kombiniert, bieten detaillierte Analysen zur Performance einer Webseite. Durch die Analyse auf www.gtmetrix.com können Schwachstellen identifiziert und Optimierungsmöglichkeiten erkannt werden. Noten zwischen D und F in der GT-Metrix-Analyse deuten auf mögliche Geschwindigkeitsprobleme hin. Eine schnelle Ladezeit ist jedoch entscheidend, da Nutzer dazu neigen, langsame Seiten zu verlassen. Daher ist es ratsam, etwaige Mängel zu beheben, um die Nutzererfahrung zu verbessern und das Ranking in den Suchmaschinen zu steigern.

 

Inhalt

  1. Title Tag – Einzigartiger Titel für jede einzelne Seite
  2. Meta-Description – Einzigartige Beschreibung für jede einzelne Seite
  3. Passende Keywords für jede einzelne Seite
  4. Sitemap erstellen und an Google Webmaster Tools + Bing Webmaster Tools übermitteln
  5. Mit robots.txt Verzeichnisse schützen und auf die Sitemap aufmerksam machen
  6. Für jedes Bild auf jeder einzelnen Seite einen Alternativtext
  7. Gezielte Hierarchie der Titelverteilung
  8. Regionale Eingrenzung durch Geo Meta Tags und Schema.org Markup
  9. Mehr Visibilität mit Ihrem Logo als favicon
  10. PageSpeed – Ladezeit Ihrer Webseite verkürzen

1. Der Title Tag – Die Schlagzeile

Der Title Tag, also die Überschrift Ihrer Webseite, spielt eine entscheidende Rolle für die Sichtbarkeit in Suchergebnissen und sollte daher sorgfältig gestaltet werden. Es ist nicht nur wichtig, dass Ihr relevantestes Keyword im Titel erscheint, sondern auch, dass es thematisch mit den Inhalten Ihrer Homepage korrespondiert. Google nutzt den Title Tag auch als Überschrift in den Suchergebnissen, was direkten Einfluss auf die Klickrate haben kann.

Einige wichtige Punkte beim Gestalten des Title Tags sind:

  • Vermeidung von Keyword-Stuffing: Ein übermässiger Einsatz von Keywords im Titel kann als Spam wahrgenommen werden. Es ist ratsam, sich auf relevante und aussagekräftige Begriffe zu konzentrieren.
  • Positionierung des Keywords: Idealerweise sollte das Hauptkeyword möglichst am Anfang des Titels platziert werden, um seine Relevanz zu betonen.
  • Länge des Titels: Der Titel sollte prägnant sein und sollte maximal 454px umfassen, einschliesslich Leerzeichen und Sonderzeichen. Zu lange Titel könnten in den Suchergebnissen abgeschnitten werden. Ein Ideales Gratis-Tool um dies zu testen finden Sie bei Sistrix: https://app.sistrix.com/de/serp-snippet-generator
  • Lokale Relevanz: Wenn Ihr Unternehmen lokal tätig ist, kann die Nennung des geografischen Gebiets im Titel die lokale Auffindbarkeit verbessern.


Beispiel:

<title>STUDiO4 Die Agentur für TYPO3 APP SEO FOTO</title>


Quelle:
Search Engine Land. (2018). SEO 101: Learn the Basics of Search Engine Optimization.

 

2. Die Meta-Beschreibung Ihrer Seite

Die Meta-Beschreibung ist nach wie vor ein wichtiger Aspekt für die Suchmaschinenoptimierung (SEO). Ihre Relevanz kann sich je nach Meinung unter SEO-Experten unterscheiden, aber es gibt klare Vorteile, sie sorgfältig zu gestalten. Die Meta-Beschreibung bietet eine kurze Zusammenfassung des Seiteninhalts und wird in den Suchergebnissen angezeigt. Wenn sie fehlt, greift die Suchmaschine möglicherweise auf einen zufälligen Text von der Seite zurück, was die Präsentation und Verständlichkeit beeinträchtigen kann.

Es ist wichtig, bei der Erstellung von Meta-Beschreibungen einige bewährte Praktiken zu beachten:

  • Vermeiden Sie eine übermässige Ansammlung von Keywords, da dies als Spam interpretiert werden kann.
  • Halten Sie die Meta-Beschreibung kurz und prägnant, idealerweise unter 790 Pixeln, einschliesslich Leerzeichen und Sonderzeichen. Das können Sie wieder mit dem gleichen Tool gratis ausprobieren: https://app.sistrix.com/de/serp-snippet-generator
  • Nutzen Sie Ihr Haupt-Keyword, um es für Suchmaschinen hervorzuheben. Suchergebnisse zeigen oft fettgedruckte Keywords an.

Die Gestaltung einer effektiven Meta-Beschreibung erfordert also eine ausgewogene Kombination von relevanten Informationen und SEO-Optimierung.

Beispiel:

<meta name="Description" content="Unser Spezialgebiet ist Ihr Webauftritt mit TYPO3,
Ihre iOS Applikation, die Suchmaschinenoptimierung Ihrer Seite und Fotografie Ihres Teams." />


Quellen:
Google. (s.d.). "Snippets in Suchergebnissen verwalten"
Moz. What Are Meta Descriptions And How to Write Them"

 

3. Keywords die Ihre Seite beschreiben

Die Gestaltung einer effektiven Webseite hat sich in den letzten Jahren verändert, und es ist nicht mehr so einfach wie früher, eine Fülle von Keywords in der Meta-Ebene zu verwenden. Die Devise lautet jetzt eher "Weniger ist mehr", und in einigen Fällen sogar "keine Keywords mehr in der Meta-Ebene hinzufügen".

Es ist wichtig zu beachten, dass eine übermässige Verwendung von Keywords nicht nur von Suchmaschinen, sondern auch von Nutzern als störend empfunden werden kann. Dennoch sollte eine gezielte Keywordrecherche nicht vernachlässigt werden. Insbesondere bei der Texterstellung kann eine sorgfältige Auswahl von relevanten Keywords und deren Synonymen helfen, die Auffindbarkeit der Webseite zu verbessern.

Beim Einsatz von Keywords sollten verschiedene Bereiche berücksichtigt werden, darunter der Titel, die URL der Seite, die Bilderbeschreibung und natürlich der Text selbst. Es ist ratsam, auch den Google AdWords Keyword Planer zu verwenden, um zu sehen, wer in Ihrer Branche mit bestimmten Keywords wirbt.

Es ist entscheidend, den Fokus nicht ausschliesslich auf Suchmaschinen zu legen. Letztendlich schreiben Sie für Ihre Zielgruppe, nicht (mehr) für Suchroboter. Daher sollten die gewählten Keywords relevant und ansprechend für Ihre Zielgruppe sein. Ein ausgewogener Einsatz von Keywords in Verbindung mit qualitativ hochwertigem und relevantem Inhalt trägt dazu bei, dass Ihre Webseite sowohl von Suchmaschinen als auch von Nutzern positiv bewertet wird.


Quelle:
Sullivan, D. (2020). Keywords: What Are Keywords? (SEO Best Practices). Search Engine Land.

 

4. Die Sitemap ist der Stammbaum Ihrer Webseite

Die Sitemap spielt eine entscheidende Rolle für die Auffindbarkeit Ihrer Webseite in Suchmaschinen. Sie dient als strukturierte Übersicht aller Seiten und Unterseiten, was Suchmaschinen wie Google oder Bing dabei hilft, Ihre Website effizient zu crawlen und alle relevanten Inhalte zu indexieren. Die regelmässige Übermittlung der Sitemap an diese Suchmaschinen ist essenziell, um sicherzustellen, dass Ihre Seiten korrekt erfasst werden.

Hier sind einige Empfehlungen für die Nutzung von Webmaster-Tools und die Übermittlung Ihrer Sitemap:

  • Google Webmaster-Tools: Registrieren Sie sich bei den Google Webmaster-Tools und übermitteln Sie dort Ihre Sitemap. Dies ermöglicht Ihnen auch, wichtige Daten über die Leistung Ihrer Website in den Google-Suchergebnissen zu erhalten.
  • Bing Webmaster Tools: Melden Sie sich ebenfalls bei den Bing Webmaster Tools an und reichen Sie dort Ihre Sitemap ein. Bing ist als Suchmaschine relevant und sollte nicht vernachlässigt werden.
  • Yandex Webmaster Tools: Falls Ihre Zielgruppe auch in russischsprachigen Regionen liegt, ist die Registrierung bei Yandex Webmaster Tools empfehlenswert. Hier können Sie Ihre Sitemap ebenfalls übermitteln.

Die konsequente Nutzung dieser Webmaster-Tools trägt dazu bei, die Sichtbarkeit Ihrer Webseite zu verbessern und sicherzustellen, dass Suchmaschinen Ihre Inhalte optimal erfassen.


Beispiel:
https://studio4.ch/sitemap.xml

 

5. robots.txt - Verzeichnisse schützen und auf die Sitemap aufmerksam machen

Durch die Verwendung der robots.txt-Datei auf Ihrem Server haben Sie die Möglichkeit, bestimmte Seiten oder Bereiche Ihrer Webseite vor der Indexierung durch Suchmaschinen zu schützen. Dies ist besonders nützlich für Seiten, die sich noch in der Entwicklungsphase befinden oder die aus privaten Gründen nicht öffentlich zugänglich sein sollen. Die robots.txt-Datei ermöglicht es Ihnen, Crawlern von Suchmaschinen klare Anweisungen zu geben, welche Teile Ihrer Website sie durchsuchen dürfen und welche nicht.

Es ist ratsam, die URL zur Sitemap in der robots.txt-Datei zu erwähnen. Die Sitemap bietet eine strukturierte Übersicht über alle verfügbaren Seiten auf Ihrer Webseite und erleichtert Suchmaschinen das effiziente Crawlen und Indexieren Ihrer Inhalte.


Beispiel:
https://studio4.ch/robots.txt


Quellen:
Google. (2021). Robots.txt-Spezifikation.

 

6. Hierarchie der Titelverteilung

Die effektive Hierarchie und die sorgfältige Verteilung von Titeln sind entscheidend für die Struktur und Auffindbarkeit von Inhalten. Es ist wichtig, eine klare Unterteilung der Hauptthemen und eine gut durchdachte Gliederung zu gewährleisten. Hierbei spielt auch die Erfahrung eine wesentliche Rolle, um sicherzustellen, dass die Hierarchie der Titel die Bedeutung und den Kontext angemessen wiedergibt.

Die Verwendung von Keywords in den Titeln ist ebenfalls von grosser Bedeutung, insbesondere am zu Beginn des Titels, um die Auffindbarkeit zu verbessern und Suchmaschinenoptimierung zu unterstützen. Durch das gezielte Einbinden von relevanten Schlüsselwörtern können Leser und Suchmaschinen die thematische Ausrichtung der Inhalte schneller erfassen.


Quellen:

Evans, A. M., & Powell, G. E. (2018). Data-Driven Keyword Selection for Cross-Lingual Social Media Monitoring. Journal of Medical Internet Research, 20(3), e95.

Liu, X., Croft, W. B., & Koll, M. (2016). Efficient Query Expansion for the Cluster Hypothesis in Information Retrieval. ACM Transactions on Information Systems (TOIS), 34(3), 1–33.

 

7. Ihre Bilder für die Suchmaschine sichtbar machen

Die Suchmaschine kann Bilder nicht visuell wahrnehmen, daher ist es von entscheidender Bedeutung, alternative Texte (Alt-Text-Tags) für Bilder zu verwenden, um den Inhalt des Bildes in kurzer und prägnanter Form zu beschreiben. Diese Alt-Texte helfen den Suchmaschinen, den Kontext des Bildes zu verstehen und tragen dazu bei, die Zugänglichkeit für Menschen mit Sehbeeinträchtigungen zu verbessern.

Der Dateiname der Bilddatei kann ebenfalls strategisch genutzt werden, indem er ein relevantes Keyword oder den Firmennamen enthält. Dies kann dazu beitragen, die Sichtbarkeit des Bildes in den Suchergebnissen zu optimieren.


Beispiel:

<img src="https://studio4.ch/images/bg-logo.png" alt=”STUDiO4 Logo” />


Quellen:
Google image SEO best practices
W3C. (2019). Understanding Success Criterion 1.1.1: Non-text Content.
Microsoft. Everything you need to know to write effective alt text.

 

8. Regionale Eingrenzung mit Geo Meta Tags

Um personalisierte Suchergebnisse in Suchmaschinen optimal zu nutzen, ist es entscheidend, geografische Angaben im Quellcode Ihrer Webseite zu integrieren. Dies stellt sicher, dass die Suchmaschine bei einer Anfrage nach einem mexikanischen Restaurant in Basel auch relevante Ergebnisse aus dieser Region präsentiert, anstatt Restaurants aus dem Tessin anzuzeigen. Dies ermöglicht eine gezielte Einschränkung der Ergebnisse auf Ihre spezifische Zielgruppe.

Eine effektive Methode, um dies umzusetzen, ist die Verwendung von Markup Schema von schema.org. Das Hinzufügen von Seiten-Markup unterstützt Suchmaschinen dabei, die Informationen auf Ihren Webseiten besser zu verstehen und entsprechend genauere Ergebnisse auszugeben.

Zusätzlich können Sie die folgenden Massnahmen ergreifen:

  • Geo Meta Tags: Besuchen Sie die Webseite https://www.geo-tag.de/generator/de.html, geben Sie die Adresse Ihres Unternehmens ein und generieren Sie Geo-Tags/Metatags. Kopieren Sie den generierten HTML-Code und fügen Sie ihn in jede Ihrer Seiten ein.
  • Schema.org Markup: Nutzen Sie https://webcode.tools/structured-data-generator, um Schema.org Markup für Ihr Unternehmen zu erstellen. Befolgen Sie die Anweisungen und fügen Sie den generierten Code beispielsweise in Ihr Kontaktformular oder Ihren Lageplan ein.

Durch die Implementierung dieser Massnahmen gewährleisten Sie eine präzisere und gezieltere Sichtbarkeit Ihrer Webseite in den Suchergebnissen, was insbesondere für lokale Unternehmen von grossem Vorteil ist.

 

9. Ihr Logo im Browser mit Favicon

Das Favicon (Favoritenicon) ist ein kleines Bildsymbol, das neben der Adressleiste eines Browsers angezeigt wird und dazu dient, die Wiedererkennbarkeit einer Webseite zu verbessern. Es ist eine effektive Möglichkeit, das Branding Ihrer Firma zu stärken und einen professionellen Eindruck zu hinterlassen. Die Integration eines individuellen Favicon.ico kann die visuelle Identität Ihrer Webseite deutlich steigern.

Es gibt zahlreiche kostenlose Online-Tools, mit denen Sie Ihr Firmenlogo in das erforderliche Favicon-Format umwandeln können. Ein empfehlenswertes Tool ist der "Real Favicon Generator" , der eine benutzerfreundliche Plattform bietet, um verschiedene Favicons zu erstellen. Sie können Ihr Firmenicon oder Monogramm hochladen und die generierten Dateien anschliessend auf Ihren Server hochladen.

Durch die Verwendung eines Favicon-Generators stellen Sie sicher, dass Ihr Favicon auf verschiedenen Browsern und Plattformen konsistent und optimal dargestellt wird. Dies trägt dazu bei, die Benutzererfahrung zu verbessern und die Markenidentität zu stärken.

 

10. PageSpeed – Ladezeit Ihrer Webseite verkürzen

Nach der Betrachtung der SEO-Grundlagen richten wir nun unsere Aufmerksamkeit auf den "PageSpeed". Die Ladezeit einer Webseite spielt eine entscheidende Rolle für die Benutzerfreundlichkeit und hat auch erheblichen Einfluss auf die Bewertung durch Suchmaschinen wie beispielsweise Google. Der Google PageSpeed Insights bietet eine umfassende Analyse, um Optimierungsmöglichkeiten zu identifizieren. Sie können Ihre Webseite auf dieser Seite analysieren: Google PageSpeed Insights.

Ein schneller PageSpeed verbessert nicht nur die Nutzererfahrung, sondern kann auch zu einem höheren Ranking in den Suchergebnissen führen. Hier sind einige Schlüsselaspekte, die bei der Optimierung der Ladezeit berücksichtigt werden sollten:

  • Bildkomprimierung: Reduzieren Sie die Dateigrösse von Bildern, um die Ladezeit zu verkürzen, ohne die Bildqualität erheblich zu beeinträchtigen.
  • Browser-Caching: Nutzen Sie Caching-Mechanismen, damit wiederholte Besucher Teile Ihrer Seite aus dem Cache laden können, was die Ladezeit erheblich verkürzt.
  • Minifizierung von CSS, JavaScript und HTML: Entfernen Sie unnötige Leerzeichen, Zeilenumbrüche und Kommentare in den Code-Dateien, um die Dateigrösse zu minimieren.
  • Serverantwortzeit optimieren: Stellen Sie sicher, dass Ihr Server schnell auf Anfragen reagiert, um Verzögerungen zu minimieren.
  • Mobile Optimierung: Achten Sie darauf, dass Ihre Webseite auch auf mobilen Geräten effizient lädt, da dies ein entscheidender Faktor für die mobile Suchmaschinenoptimierung (Mobile SEO) ist.

Die kontinuierliche Überwachung und Optimierung des PageSpeeds ist ein integraler Bestandteil jeder SEO-Strategie.


Quelle:
Google PageSpeed Insights.

 

Schauen wir uns nun im Detail einige einfache Methoden an, die Sie bereits jetzt testen können, bevor Sie an den .htaccess-Dateien arbeiten. Es ist jedoch wichtig, immer zuerst eine Kopie zu speichern, da möglicherweise bereits Weiterleitungen oder andere Konfigurationen von Ihrem Webdesigner in der .htaccess-Datei hinterlegt wurden. Zudem sollten Sie sicherstellen, dass Ihr Server alle gewünschten Konfigurationen unterstützt.

  • Backup der .htaccess-Datei erstellen: Bevor Sie Änderungen vornehmen, erstellen Sie eine Sicherungskopie der bestehenden .htaccess-Datei. Dies ermöglicht es Ihnen, zu einem vorherigen Zustand zurückzukehren, falls etwas schief geht.
  • Texteditor für die Bearbeitung verwenden: Verwenden Sie einen einfachen Texteditor wie Notepad (Windows), TextEdit (Mac), um die .htaccess-Datei zu bearbeiten. Vermeiden Sie Office-Anwendungen wie Word, da sie unerwünschte Formatierungen hinzufügen können.
  • Syntaxfehler vermeiden: Die .htaccess-Datei ist empfindlich gegenüber Syntaxfehlern. Achten Sie darauf, dass Sie korrekte Apache-Konfigurationssyntax verwenden. Fehler in der Syntax können dazu führen, dass die Website nicht richtig funktioniert.


Quelle:
Apache HTTP Server Documentation. (n.d.). How to Avoid Common Mistakes When Editing Your Apache Configuration File

 

Leverage Browser Caching für eine Optimierung der Webseitenperformance

Wenn Besucher Ihre Webseite aufrufen, werden verschiedene Daten wie das Logo, CSS-Dateien, HTML und mehr an den Browser übermittelt. Um sicherzustellen, dass diese Ressourcen nicht bei jedem Seitenwechsel erneut geladen werden müssen, bietet sich die Nutzung des Browser Caching an. Durch eine kleine Anpassung in der .htaccess-Datei kann der Browser diese Daten im Cache speichern und wiederverwenden, was die Ladezeiten deutlich verbessern kann.

Die Browser-Caching-Einstellung kann spezifisch in der .htaccess-Datei implementiert werden. Diese Datei ist oft im Hauptverzeichnis Ihrer Website zu finden. Sollte diese Einstellung bei der Analyse des Google Page Speed Insights hervorgehoben werden, können Sie folgenden Code in Ihre .htaccess-Datei einfügen:


## Browser Caching aktivieren ##
<IfModule mod_expires.c >
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule >
## Browser Caching Ende ##


Wichtig ist, vor jeglichen Änderungen an der .htaccess-Datei eine Sicherungskopie anzulegen, um mögliche Probleme zu vermeiden.

Es ist wichtig, nach der Implementierung von neuem Code auf Ihrer Website sicherzustellen, dass alles einwandfrei funktioniert. Um die aktualisierte Seite zu überprüfen, empfiehlt es sich, den neuen Code zu speichern und die Seite anschliessend neu zu laden (durch Drücken von Crtl + F5). Dies gewährleistet, dass der Browser alle Cache-Daten verwirft und die neueste Version der Seite lädt.

Nachdem Sie die Seite aktualisiert haben, sollten Sie den Pagespeed erneut testen, um zu überprüfen, ob sich die Ladezeit verbessert hat. Die Pagespeed-Optimierung ist entscheidend für die Benutzererfahrung und das Ranking in Suchmaschinen.

Es ist ratsam, regelmässig Backups Ihrer Website zu erstellen, insbesondere vor grösseren Änderungen wie der Implementierung von neuem Code. Falls unvorhergesehene Probleme auftreten und die Seite nicht mehr funktioniert, können Sie auf Ihre Sicherungskopie zurückgreifen, um den vorherigen Zustand wiederherzustellen.


Quellen:
Google Developers. (s.d.). "Inhaltseffizienz optimieren".
Apache HTTP Server mod_expires Module Documentation

 

Enable Gzip Compression

Um die Ladezeit Ihrer Webseite zu verbessern und Bandbreite zu sparen, ist die Aktivierung der Gzip-Kompression für HTML- und CSS-Dateien eine effektive Massnahme. Diese Kompression kann die Dateigrösse um bis zu 70% reduzieren, was zu schnelleren Ladezeiten führt und gleichzeitig die Netzwerkbandbreite schonender nutzt. Hier ist ein einfacher Code, den Sie in die .htaccess-Datei einfügen können:


<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>


Nach dem Hinzufügen dieses Codes sollte die Webseite erneut geladen werden (durch Drücken von Crtl + F5), um sicherzustellen, dass alles weiterhin ordnungsgemäss funktioniert. Anschliessend empfiehlt es sich, den Pagespeed-Test erneut durchzuführen, um die Auswirkungen auf die Ladezeit zu überprüfen.

Es ist zu beachten, dass dieser Code für Apache-Server geeignet ist. Falls Sie einen NGINX-Webserver verwenden, benötigen Sie eine alternative Konfiguration. Für NGINX-basierte Server kann beispielsweise der Gzip-Code in der Konfigurationsdatei nginx.conf hinzugefügt werden:


gzip on; gzip_types text/html text/css;


Diese Massnahme basiert auf bewährten Methoden zur Verbesserung der Webseitenleistung und ist Teil von Best Practices im Bereich Webentwicklung.


Quelle:
Apache HTTP Server Version 2.4 Documentation
NGINX Documentation

 

Combine External CSS

Um die Ladezeiten einer Webseite zu optimieren, ist es oft sinnvoll, externe CSS-Dateien zu kombinieren. Normalerweise hat eine Webseite verschiedene CSS-Dateien wie "style.css", "blog.css" oder "portfolio.css". Obwohl es für Designer übersichtlicher ist, verschiedene CSS-Dateien zu erstellen, ist es für Webserver und Suchmaschinen vorteilhafter, wenn alles in einer einzigen CSS-Datei zusammengefasst wird.

Die Kombination externer CSS-Dateien kann dazu beitragen, die Anzahl der HTTP-Anfragen zu reduzieren, was wiederum die Ladezeiten verbessert. Ein einzelner Aufruf der kombinierten CSS-Datei ist effizienter als mehrere separate Anfragen.

  1. Hier ist eine einfache Vorgehensweise, um externe CSS-Dateien zu kombinieren:
  2. Speichern Sie die Haupt-CSS-Datei.

Testen Sie die Webseite, um sicherzustellen, dass alles einwandfrei funktioniert.

Es ist jedoch wichtig zu beachten, dass diese Methode theoretisch gut funktioniert, aber in einigen Fällen zu Konflikten führen kann, insbesondere wenn es um spezifische Styles für bestimmte Seiten oder Abschnitte geht. Daher ist es ratsam, vor dem endgültigen Zusammenführen der CSS-Dateien eine gründliche Überprüfung durchzuführen und auf einem separaten Testordner zu testen.


Quelle:
Hampton, M. (2014). High Performance Responsive Design: Building Faster Sites Across Devices. O'Reilly Media.

 

Optimize Images

Um die Bilder auf einer Webseite optimal zu komprimieren und dadurch die Ladezeiten zu verbessern, empfiehlt sich die Nutzung von Komprimierungstools. Ein kostenloses und effektives Tool ist tinypng.com, das eine benutzerfreundliche Plattform zur Verfügung stellt. Ein weiteres empfehlenswertes Tool für die Bildoptimierung ist compressor.io. Durch die Verwendung solcher Tools können die Dateigrössen der Bilder reduziert werden, ohne dabei nennenswert an Bildqualität einzubüssen.

Ein einfacher Schritt besteht darin, die Bilder auf die Plattform hochzuladen und die optimierten Dateien anschliessend herunterzuladen. Dieser Vorgang kann für jedes einzelne Bild separat durchgeführt werden. Selbst bei nur wenigen Bildern kann eine Optimierung einen spürbaren Unterschied in der Ladezeit der Webseite bewirken.

 

Zusammenfassung On-Page Webseiten Optimierung

Die vorliegende Zusammenfassung bietet einen Einblick in grundlegende Aspekte der On-Page-Webseitenoptimierung. Die Umsetzung dieser Informationen kann einen signifikanten Einfluss auf die Sichtbarkeit Ihrer Webseite in den Suchergebnissen haben.
Wir hoffen, dass diese erweiterten Tipps Ihnen dabei helfen, Ihre Webseite optimal für Suchmaschinen zu gestalten. Bei weiteren Fragen stehen wir Ihnen gerne zur Verfügung.


Diese Optimierungsschritte sind entscheidend, um Ihre Webseite nicht nur für Suchmaschinen, sondern vor allem für Ihre potenziellen Kunden attraktiv zu gestalten. Durch die Implementierung dieser Massnahmen können Sie sicherstellen, dass Suchmaschinen Ihre Informationen optimal interpretieren und an Ihre Zielgruppe vermitteln. Es ist wichtig zu betonen, dass SEO keine sofortigen Garantien für eine Top-Platzierung bei Google bietet. Dennoch steigern gut durchdachte Optimierungen die Wahrscheinlichkeit, in den Suchergebnissen besser positioniert zu werden und somit von potenziellen Kunden gefunden zu werden.

 

Content

Nun, da Sie wissen, worauf es ankommt und was Sie optimieren müssen, ist es an der Zeit, sich einem weiteren wichtigen Aspekt Ihrer Webseite zu widmen: dem Inhalt, also dem Text. Ein weiser Internet-Guru sagte einst: "Content is King". Und in der Tat, hochwertiger Inhalt ist entscheidend für den Erfolg Ihrer Webseite. Er zieht nicht nur Besucher an, sondern hält sie auch auf Ihrer Seite und trägt zur Verbesserung Ihres Suchmaschinen-Rankings bei. Lassen Sie uns gemeinsam sicherstellen, dass Ihr Content die Krone trägt und Ihre Webseite zum Herrscher über die Suchergebnisse wird!


Für einen richtig guten Text, sollten Sie sich unserer Meinung nach, an die Texterstellung nach WDF*IDF Grundsätzen orientieren. Hinter dem Begriff verbirgt sich eine Formel, die zum einen die Häufigkeit eines bestimmten Begriffs innerhalb eines Texts misst und diese zum anderen mit weiteren Webseiten zum selben Thema vergleicht. Während dieses Vorgangs werden jedoch auch weitere, zum Thema passende, Begriffe gesucht, die nun ebenfalls in den Text eingebaut werden sollten. Verkaufen Sie als Unternehmen beispielsweise Staubsauger, würden Sie die textlichen Inhalte auf Ihrer Seite nach WDF*IDF nicht einzig mit dem Keyword Staubsauger würzen, sondern themenrelevante weitere Begriffe einfügen: die sogenannten Proofkeywords. Beim Staubsauger könnten dies Saugkraft, Filter, Lautstärke, Stromverbrauch oder auch auf den ersten Blick unabhängige, doch relevante Begriffe wie Tierhaare sein. Mittels WDF*IDF erstellen Sie also einen Text, der Ihre Produkte anpreist, aber die Erwartungen Ihrer Seitenbesucher gleichfalls vollends erfüllt, weil er für den Kunden relevante Fragen beantwortet.

 

Was bringt Ihnen WDF*IDF?

Sichtbarkeit und darüber hinaus eine verbesserte Kundenzufriedenheit. Die Suchmaschinen wünschen heute keine plakativen, mit einem gängigen Keyword gespickten Texte mehr, die keine nutzerrelevanten Informationen besitzen. Stattdessen sollen Suchende Wissen erwerben, wenn sie die Suchergebnisse anklicken. Lassen Sie über uns Ihre Texte nach WDF*IDF erstellen, erfüllen Sie die Kriterien und haben gute Chancen, Ihre Seite innerhalb der Topränge in den Suchmaschinen zu platzieren.


Dabei steht WDF*IDF selbstverständlich nicht alleine. Eine solide On-Page-Optimierung und die Optimierung der Texte gehen Hand in Hand.


Wenn Sie sich nun fragen, warum wir Social Media Plattformen nicht speziell ansprechen, liegt das daran, dass wir uns auf andere Aspekte spezialisiert haben und unser Fokus auf den direkten, nachhaltigen Einfluss auf die Suchergebnisse liegt. Für eine umfassende Social-Media-Strategie empfehlen wir, sich an einen Spezialisten oder Influencer zu wenden, der sich auf diese Plattformen konzentriert.


Mit einer optimierten Webseite, hochwertigem Content und einer klaren Botschaft können Sie nicht nur die Aufmerksamkeit der Suchmaschinen, sondern auch Ihrer potenziellen Kunden gewinnen.

 

Ein weiterer Schritt in Richtung Ziel

Nun haben Sie unser Tutorial gelesen und sind mit den Grundlagen der On-Page-Optimierung vertraut. Wenn Ihnen die Umsetzung dennoch zu viel Aufwand bedeutet, zögern Sie nicht, uns noch heute zu kontaktieren. Wir stehen Ihnen gerne zur Seite, um Ihnen bei Ihrem neuen Internetauftritt zu helfen. Ob es darum geht, Ihren bisherigen Internetauftritt zu überarbeiten oder eine vollständig neue Webseite zu gestalten, wir sind bereit, Ihre Vision zu verwirklichen.


Setzen Sie die Segel und steuern Sie eine erfolgreiche Zukunft Ihres Unternehmens im Internet an. Mit uns als Partner an Ihrer Seite haben Sie bereits die richtige Route gefunden. Lassen Sie uns gemeinsam Ihre Online-Präsenz optimieren und den digitalen Erfolg Ihres Unternehmens vorantreiben.

Unsere erfolgreichen Projekte und Referenzen

Zitat von:

Jörg Lohrmann

Von Kolumbus lernen wir: Wer auf dem richtigen Weg ist, findet auch das Richtige – selten das, was er gesucht hat.

Möchten Sie den Appetit Ihrer Zielgruppe anregen und Ihre Food Produkte besser verkaufen?

Zitat von:

A. Michael Bussek

Man findet immer alles dort, wo man es gleich zu Anfang hätte suchen sollen.

studio4 matomo 2