SEO Essentials (Shopware 6)

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.

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

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.

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">