Responsive design für Homepage machen

Was ist eine mobile Webseite und ein responsive Design?

 

Responsive Design = Mobile Webseite

Können Sie sich einen Tag ohne Smartphone, Tablet und mobiles Internet vorstellen?

Wohl kaum. Egal, ob im Internet surfen, Pizza bestellen, Nachrichten checken oder ein Buch kaufen. Smartphones und Tablets sind unsere alltäglichen Helfer.
Laut Statistik greift die Mehrzahl der Schweizer mit dem Smartphone mindestens genauso oft aufs Internet zu wie von Computer oder Notebook. Tendenz klar steigend.

Und die meisten Benutzer erwarten ganz selbstverständlich, dass Webseiten auch auf dem Smartphone optimal angezeigt werden. Denn wer kennt das nicht: lästiges Hin- und Her-Scrollen, ewiges Suchen, und winzige Schrift. Die Konsequenz. Seite schliessen und zur Konkurrenz.

Entsprechend gehört eine mobile Webseite (responsive genannt) genauso zum modernen Webdesign wie Pinsel zu Picasso. Man kann es sich heute schlichtweg
nicht mehr erlauben all die mobilen Nutzer zu ignorieren. Denn bereits über 60% aller Webseitenzugriffe erfolgen von mobilen Endgeräten wie Smartphones und Tablet. Tendenz klar steigend.

Google bestraft nicht mobile Webseiten

Dazu kommt, dass Google offiziell bestätigt hat, dass Webseiten ohne mobile Version in den Suchergebnissen klar benachteiligt werden. Eine Webseite mit responsive Design ist heute also ein absolutes MUSS.

Hier können Sie testen, ob Ihre Webseite mobile tauglich ist:

Ist ihre Webseite mobil?

Wie funktioniert nun ein responsive / mobile Design?

Eine mobile Homepage wird so programmiert, dass sie automatisch erkennt, von welchem Gerät, mit welcher Bildschirmgrösse aus zugegriffen wird. Die Inhalte und das Design werden dann entsprechend auf das Gerät angepasst um dem Nutzer ein maximales Surferlebnis zu garantieren.

Technisch wird dies so umgesetzt, dass mehrere Layouts für die unterschiedlichen Bildschirmgrössen programmiert werden. Dabei werden Bilder verkleinert oder weggelassen, die Navigation wird optimiert, Schriften werden vergrössert und optimiert.

Die gängigsten Browser und Versionen

Gute Webseiten sollten mit einem sogenannten Crossbrowsertesting immer für alle gängigen Browser und Browser Versionen getestet werden. Aktuelle Browser
Versionen sind:

Image result for chrome

Chrome: 42+

Image result for firefox

Firefox: 37+

Image result for safari

Safari: Neuste Browser Version

Related image

Edge: Neuste Browser Version
Microsoft IE: Wird von Microsoft nicht mehr unterstützt

Ist Ihre Webseite bereits mobil?

Falls nicht, empfehle ich Ihnen, nicht länger zu warten. Gerne bin ich Ihnen dabei behilflich dieses Problem zu lösen, damit Sie auch von den rund 60% mobilen Besuchern gefunden werden:

Rufen Sie mich an 044 500 41 13

oder schreiben Sie mir per Kontaktformular

oder ein Email an info@hhomepage.ch

 

 

3 Kommentare

Trackbacks & Pingbacks

  1. […] Lesen Sie mehr zum Thema „Was ist eine mobile Webseite und ein responsive Design?” […]

  2. […] Lesen Sie mehr zum Thema „Was ist eine mobile Webseite und ein responsive Design?“ […]

  3. […] Lesen Sie mehr zum Thema „Was ist eine mobile Webseite und ein responsive Design?” […]

Dein Kommentar

Want to join the discussion?
Feel free to contribute!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.