Web­sei­ten­be­trei­ber wer­den sich in Zukunft ver­stärkt dem The­ma Respon­si­ve Web­de­sign wid­men müs­sen, weil immer mehr Men­schen mit ihren mobi­len End­ge­rä­ten (wie Smart­phone oder Tablet) online gehen. Wenn Sie Ihre Web­site für mobi­le Gerä­te opti­mie­ren, wird dadurch nicht nur das Inter­es­se der Benut­zer auf mobi­len Gerä­ten erhöht, son­dern kann auch Ihr Ran­king in Such­ergeb­nis­sen deut­lich ver­bes­sern.

Es war ein­mal so ein­fach: Noch vor 10 Jah­ren wur­den Web­sites für eine bestimm­te Auf­lö­sung erstellt – in der Regel den kleins­ten gemein­sa­men Nen­ner von 800×600 Pixeln – und fer­tig war der Inter­net­auf­tritt. Hat­ten Nut­zer eine höhe­re Bild­schirm­auf­lö­sung als die Web­site, wur­de der blan­ke Raum um die Sei­te her­um weiß gefüllt.

Seit­dem hat sich viel geän­dert. Ins­be­son­de­re der Markt für mobi­le End­ge­rä­te ver­zeich­net seit Jah­ren ein so star­kes Wachs­tum, dass regu­lä­re Heim­com­pu­ter auf der Stre­cke blei­ben. Web­de­si­gner rau­fen sich die Haa­re, seit die­ser Trend offen­sicht­lich wird – wie gestal­tet man eine Web­site für der­ar­tig vie­le End­ge­rä­te und Auf­lö­sun­gen gibt? Die­se Vor­stel­lung ist schon heu­te auf­grund der vie­len unter­schied­li­chen Gerä­te sehr unprak­tisch bis unmög­lich. Und: Es kom­men stän­dig neue hin­zu!

Was genau ist Respon­si­ve Web­de­sign?

Ger­ne wird Respon­si­ve Web­de­sign gleich­ge­setzt mit „Inter­net für Mobil­ge­rä­te“. Das trifft zwar teil­wei­se zu, ist aller­dings es zu sim­pel gedacht. Erin­nern Sie sich an das Bei­spiel mit den sta­tio­nä­ren Com­pu­tern? Besucht ein Nut­zer mit einer Bild­schirm­auf­lö­sung von 1920×1080 Pixeln eine Sei­te, die auf 800×600 Pixel aus­ge­rich­tet ist, bekommt er vor allem eins zu sehen: Viel, viel Nichts um die eigent­li­chen Inhal­te her­um. Auf einem mobi­len End­ge­rät dage­gen zer­fällt die Web­site bis­wei­len in ein unschö­nes Misch­masch.

Respon­si­ve Web­de­sign ist die Idee, dass sich eine Web­site theo­re­tisch an jeden Nutzer/jedes End­ge­rät anpas­sen kann – und das völ­lig auto­ma­tisch.

Das grund­le­gen­de Funk­ti­ons­prin­zip dahin­ter ist, Web­sei­ten nicht mehr als Kon­struk­te mit abso­lu­ten Aus­mes­sun­gen zu desi­gnen, son­dern die ein­zel­nen Ele­men­te im Ver­hält­nis zuein­an­der und zum Bild­schirm­rand anzu­ord­nen. Die­se Ver­hält­nis­se wer­den übli­cher­wei­se in % ange­ge­ben anstatt in einer kon­kre­ten Anzahl von Pixeln.

Ein Para­dies für tech­nik­be­geis­ter­te

Dar­über hin­aus glie­dert sich respon­si­ves Web­de­sign in Unter­ka­te­go­rien, die sich auf jeweils ande­re Teil­aspek­te die­ser doch recht gro­ßen Auf­ga­be kon­zen­trie­ren. Die Arbeit mit HTML5 und CSS3 gehört eben­so dazu wie Ant­wor­ten auf die Fra­ge, war­um ein gro­ßes Bild kom­plett gela­den wer­den muss, wenn es dann ohne­hin für ein Mobil­ge­rät auf einen Bruch­teil sei­ner ursprüng­li­chen Grö­ße ska­liert wird.
Es ist ein Feld, auf dem es in den nächs­ten Jah­ren viel zu ler­nen und zu erkun­den geben wird – und die Not­wen­dig­keit dafür wird mit jedem Monat grö­ßer.

Ist Ihre Web­sei­te für Mobil­ge­rä­te opti­miert?

Sie fra­gen sich wahr­schein­lich, ob Ihre Web­sei­te dem neus­ten Stand der Tech­nik genügt? Tes­ten Sie doch ganz ein­fach selbst. Über die­sen Link von Goog­le kön­nen Sie her­aus­fin­den, ob Ihre Web­sei­te ins­be­son­de­re für mobi­le End­ge­rä­te opti­miert ist. Auch Micro­soft (BING) stellt einen sol­chen Ser­vice zur Ver­fü­gung.

Also nichts wie ran

Haben Sie Ihre Web­sei­te auf Respon­si­ve Web­de­sign umge­stellt oder sie über­haupt schon ein­mal mit einem mobi­len End­ge­rät besucht? Das Ergeb­nis könn­te Sie über­ra­schen! Zögern Sie also nicht: Opti­mie­ren Sie Web­site auch für mobi­le Gerä­te.
Wir freu­en uns über Ihren Kom­men­tar zum The­ma.

Sie brau­chen Hil­fe beim Respon­si­ve Design Ihres Web­auf­tritts? Han­deln Sie jetzt, damit Sie zukünf­tig nicht unnö­tig Web­sei­ten­be­su­cher ver­lie­ren!