Mobile Website erstellen – so einfach nur mit STRATO

Mobile Website erstellen – so einfach nur mit STRATO

Homepage-Baukasten ansehen

Optimieren Sie Ihre Website für das mobile Internet

Eine professionell gestaltete Desktop-Webseite ist im Zeitalter mobiler Endgeräte nicht das einzige Kriterium für eine erfolgreiche Internetpräsenz. Schließlich verfügen immer mehr Menschen über Smartphones und Tablet-Computer. Wer mit seinem Internetauftritt auch im mobilen Netz erfolgreich sein möchte, sollte diesen deshalb für Mobilgeräte optimieren. Mit STRATO passen Sie Ihre Webseiten an die Ansprüche mobiler Nutzer an, erhöhen so den Traffic auf Ihrer Homepage und akquirieren einen größeren Leser- oder Kundenkreis. Insbesondere eShops erzielen eine deutlich bessere Customer Journey und höhere Conversion Rates, wenn sie das mobile Publikum mit einbeziehen. Bei STRATO stehen Ihnen dazu gleich zwei Varianten zur Verfügung: Responsive Design-Layouts und mobile Webseiten.

  • Optimale Darstellung Ihrer Homepage auf Tablet, Smartphone und Co.

  • Mobile Webseiten mit STRATO per Mausklick erstellen

  • Große Auswahl an Responsive Design-Templates

  • Kürzere Ladezeiten auf mobilen Endgeräten

  • Individuelle Anpassung Ihrer mobilen Startseite

Mobile Website erstellen

Bestens gerüstet für das mobile Internet

Das Prinzip des Homepage-Baukastens von STRATO ermöglicht Ihnen, Ihre Webseite ganz einfach und ohne Programmierkenntnisse einzurichten. Dafür steht Ihnen eine Vielzahl attraktiver Website-Templates zur Verfügung, die an die Bedürfnisse verschiedener Branchen angepasst sind. Mit der Web-Design-Software von STRATO installieren und individualisieren Sie die Templates mit wenigen Klicks. Eigene Bilder und Texte sowie Multimedia-Inhalte lassen sich ganz nach Ihren Vorstellungen gestalten und einbinden. Auch höheren Ansprüchen an das Homepage-Design werden Sie mit dem Expertenmodus gerecht. Der Clou bei den STRATO Design-Templates: Viele der Vorlagen sind durch ein responsives Design automatisch für das mobile Internet optimiert. Bei allen anderen Layouts können Sie mit einem Klick eine separate Mobile-Website Ihrer Homepage erstellen.


Mobile Website programmieren

Responsive Layouts bei STRATO

Gut die Hälfte der Layout-Vorlagen aus dem STRATO Homepage-Baukasten zeichnen sich durch "Responsive Webdesign" aus. Responsive Templates stellen flexible Layouts bereit, die sich automatisch dem Anforderungsprofil jedes Endgeräts anpassen. Im Fachjargon spricht man bei Responsive Websites von einem „fluid“ oder „elastic“ Layout im Gegensatz zum „fixed“ Layout einer adaptiven Website.

  • So funktionieren Responsive Templates: Responsive-Website-Layouts reagieren automatisch auf unterschiedliche Displaygrößen und gleichen sich entsprechend dem Bildschirmformat und verfügbarem Darstellungsplatz im Browser an. Die Darstellung der ursprünglichen Desktop-Webseite wird mobilen Internetnutzern durch sogenannte „Media Queries“ (grob gesprochen: Abfragen, um welches Gerät mit welcher Bildschirmgröße es sich handelt) via HTML5- und CSS3-Technologie browserfreundlich und in der für das jeweilige Display optimalen Bildschirmauflösung angezeigt. In der technischen Umsetzung bietet das den Vorteil, dass für so erstellte mobile Webseiten keine User-Agent-Weiterleitungen eingerichtet werden müssen. Die Webseite ist im mobilen Netz und auf dem Desktop über dieselbe URL erreichbar. Da es sich um eine angepasste Ansicht der Desktop-Webseite handelt, wird der Content einheitlich visualisiert.

  • Responsive Design für die eigene STRATO-Website: Layouts mit Responsive Design kennzeichnet STRATO in der Template-Beschreibung. Wenn Sie Ihre Webseite für das Smartphone- oder Tablet-Format optimieren möchten, brauchen Sie nur auf die responsive Layout-Vorlagen zu klicken, und schon passt sich die Desktop-Ansicht Ihrer Homepage an die Displaygröße des entsprechenden Geräts an.

Mobile Website Design

Mobil Website Design: Die mobile Version Ihrer Homepage

Die andere Hälfte der Layout-Vorlagen im STRATO Homepage-Baukasten zeichnet sich zwar nicht durch das innovative Responsive Design aus. Alternativ lässt sich jedoch auch bei diesen Templates für jede Unterseite Ihrer Homepage eine separate Version erstellen, die für den Zugriff mit Mobilgeräten optimiert ist.

  • Mobile Webseiten per Mausklick: Ihre Mobile-Website erstellen Sie bei STRATO mit nur einem Klick. Im Gegensatz zum Responsive Design handelt es sich beim sogenannten "Mobile-Website-Design" nicht einfach nur um eine mobile Ansicht Ihrer Homepage, die mit der Desktop-Webseite identisch ist. Stattdessen wird über den STRATO Homepage-Baukasten parallel zur regulären Desktop-Webseite eine mobile Version für die Nutzung mit Smartphones und Tablets erzeugt.

  • So erstellen Sie mobile Versionen Ihrer Webseiten: Um eine mobile Website zu erstellen, setzen Sie in den allgemeinen Einstellungen Ihres STRATO Homepage-Baukastens einfach ein Häkchen bei „Meine Webseite soll zusätzlich in einer für Smartphones optimierten mobilen Version erstellt werden“. Eigener Programmieraufwand muss nicht betrieben werden. Stattdessen wählen Sie bequem im Menü, welche Seiten im Einzelnen auf mobilen Geräten in einer optimierten Version angezeigt werden sollen.

  • Was enthält die Mobile-Website? Die mobile Version einer Internetseite enthält eine komprimierte Darstellung ihrer Inhalte, die für mobile Nutzer nach speziellen Schwerpunkten aufbereitet werden. Den Besuchern der Mobile-Website wird nicht der volle Umfang der Desktop-Webseite zur Verfügung gestellt, sondern nur die Inhalte, die idealerweise die Informationen beinhalten, auf die Nutzer von Mobilgeräten unterwegs schnell zuzugreifen wünschen.

  • Wie greifen Nutzer auf mobile Webseiten zu? Eine Mobile-Website läuft unter einer eigenen URL. Sollte die Desktop-Webseite über Smartphone oder Tablet aufgerufen werden, gelangen mobile Nutzer per User-Agent-Weiterleitung automatisch auf die mobile Webseitenversion.

  • Die eigene Startseite für die mobile Webseite: Zusätzlich haben Sie die Möglichkeit, per Mausklick eine gesonderte Startseite für Ihre mobile Website zu erstellen. Diese zeigt je nach Wunsch zusätzliche Informationen zu Ihrem Service an. Bauen Sie beispielsweise einen „Anrufen“- oder „E-Mail“-Button ein, über den Kunden und Besucher schnell Kontakt mit Ihnen aufnehmen können. Mit dem „Facebook“-Button verstärken Sie Ihre Präsenz auf der beliebten Social-Media-Plattform. Oder Sie zeigen Ihren Handy- und Tablet-Besuchern Ihren Standort an, indem Sie einen „Karte“-Button gut sichtbar auf der Startseite Ihrer mobilen Website einfügen.

Mobile Webseiten

Responsive-Layout wählen oder mobile Website erstellen?

Bei beiden Ansätzen der Optimierung von Webseiten für den mobilen Zugriff wird das Nutzererlebnis groß geschrieben. Während bei Responsive Designs eine gute Umsetzung des Corporate Designs im Vordergrund steht, nimmt bei Mobile-Webseiten die Usability einen noch höheren Stellenwert ein. Die verschiedenen Vorteile bemessen sich nach dem Zweck, den eine für Mobile optimierte Webseite erfüllen soll. So wird eine mobile Website zumeist für Online-Shops erstellt, weil sie sich leichter an die Bedürfnisse mobiler Nutzer ausrichten lässt. Responsive Layouts sind demgegenüber vor allem für Webseiten mit informativen Inhalten attraktiv. Bei STRATO steht es Ihnen frei, die Layout-Vorlagen zu wählen, die Ihrem Webprojekt am ehesten gerecht werden.


Mobile Website

Sie haben die Ideen – STRATO liefert die Lösung

Mit dem Homepage-Baukasten von STRATO reduziert sich der Mehraufwand, der mit der Optimierung einer Webseite für mobile Endgeräte verbunden ist. Durch die nutzerorientierte Bedienung unseres Homepage-Baukastens gestalten Sie im Handumdrehen und ganz ohne Programmierkenntnisse moderne und für zahlreiche Bildschirmgrößen optimierte Webseiten. Nutzen Sie das Hosting-Angebot von STRATO und sichern Sie sich Ihre mobile Webseiten-Ansicht, responsive oder mobile-only, über die Layout-Auswahl im Homepage-Baukasten. Profitieren Sie von individualisierten Designs, einfacher Bedienung und topaktueller Software.


  • Geprüfte Sicherheit

    Geprüfte Sicherheit
  • Service-Sieger

    Service-Sieger
  • Testsieger Webhosting

    Testsieger Webhosting
  • 24/7-Support (optional)

    24/7-Support
  • Deutscher Datenschutz

    Deutscher Datenschutz