Bezüglich der Google Suchmaschine zählt der Ansatz: mobile-first-Index
- Es muss darauf geachtet werden, dass die Schrift bei mobilen Endgeräten nicht zu klein dargestellt wird: Empfohlen wird hier eine Basisschriftgröße von mindestens 16 CSS-Pixeln
- Touch Elemente wieder Buttons müssen ausreichend Abstand haben, um das mobile Endgerät noch problemlos bedienen zu können
- Einsatz von CSS/Media Queries zB. @media (min-device-width: 800px)
Somit können die festgelegten CSS Klassen auf bestimmte Breiten von Ausgabegeräten bestimmt werden
- Zu beachtet gilt es noch, dass keine Inhalte wie Texte, Bilder, Kontaktformulare, Footer, Menüleisten oder Header abgeschnitten sind
- Die Standardkonfiguration bei den Einkaufswelten ist auf „responsive fluid“ eingestellt. Damit kann zwar unbegrenzt Text integrieren werden. Ist dieser jedoch größer, als der vorgegebene Bereich, setzt Shopware automatisch einen Scrollbalken ein, welcher für mobile Endgeräte unvorteilhaft ist.