SEO Essentials (Shopware 6)

Nutzbar in: Self-Managed

Steuere grundsätzliche SEO-Einstellungen mit unserem Plugin, um die Seitenladezeit Deines Shopware Shops zu verbessern und Werte bei Google Pagespeed Insights zu erhöhen.

SEO Essentials (Natives Lazy Loading, HTML-Komprimierung, etc.) Plugin für Shopware 6 im Shopware Community Store

Funktionaliäten

  • Natives Lazyloading ohne Javascript
  • Lazyloading der Bilder wird bei Pagespeed Insight erkannt und positiv bewertet
  • Lazyloading funktioniert auch, wenn Javascript deaktiviert ist
  • HTML-Minifier
  • Schriften vorladen (font-preloading)

Einstellungsmöglichkeiten / Konfiguration

<img loading="lazy"> aktiv
Entscheide ob das Lazyloading aktiviert werden soll.

HTML-Minifier aktiv
Entscheide ob der HTML-Minifier aktiv oder inaktiv sein soll.

Schriftarten vorladen aktiv
Entscheide ob die Schriftarten vorgeladen werden sollen.

Schriftarten vorladen
Hier kannst Du die Schriftarten eintragen, die vorgeladen werden sollen.

Installationsanleitung

  1. Installiere und aktiviere das Plugin.
  2. Konfiguriere das Plugin nach deinen Wünschen. Eine Anleitung um Schriftarten vorzuladen findest du im nächsten Abschnitt.
  3. Der Cache muss nun geleert werden.
  4. Fertig. Das Plugin ist einsatzbereit.

Changelog

Version 1.0.2
TASK | Kompatibilität mit Shopware 6.4.0.0
TASK | plugin.png aktualisiert.

Version 1.0.1
IMPROVEMENT | Img-Layz-Loading Implementierung aktualisiert.

Version 1.0.0
Erste Version für Shopware 6.

Schriftarten vorladen

Für woff2 kannst Du die folgenden Zeilen einfügen:

<link rel="preload" as="font" href="/bundles/storefront/assets/font/Inter-Regular.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="/bundles/storefront/assets/font/Inter-SemiBold.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="/bundles/storefront/assets/font/Inter-Bold.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="/bundles/storefront/assets/font/Inter-Italic.woff2" type="font/woff2" crossorigin="anonymous">

Für woff kannst Du die folgenden Zeilen einfügen:

<link rel="preload" as="font" href="/bundles/storefront/assets/font/Inter-Regular.woff" type="font/woff" crossorigin="anonymous">
<link rel="preload" as="font" href="/bundles/storefront/assets/font/Inter-SemiBold.woff" type="font/woff" crossorigin="anonymous">
<link rel="preload" as="font" href="/bundles/storefront/assets/font/Inter-Bold.woff" type="font/woff" crossorigin="anonymous">
<link rel="preload" as="font" href="/bundles/storefront/assets/font/Inter-Italic.woff" type="font/woff" crossorigin="anonymous">