Wie man eine mobile Website erstellt

Wie man eine mobile Website erstellt

Eine für Mobilgeräte optimierte Website galt früher als nette Dreingabe zum Webdesign, heute ist sie unerlässlich. Die Verbraucher haben sich so sehr an mobile Websites gewöhnt (einfaches Navigieren auf einem kleinen Bildschirm und schnelle Ladezeiten), dass sie eine Website schnell wieder verlassen, wenn sie auf dem Handy nicht gut funktioniert.

Wenn Sie eine Website für Ihr Unternehmen haben, haben Sie immer wieder gehört, wie wichtig mobile Kunden sein können. Dann fragst du dich wahrscheinlich: „Ist meine Website denn auch mobilfreundlich?“

Wenn du den mobilen Website-Builder von Jimdo nutzt, gibt es eine gute Nachricht. Deine Website ist dann automatisch mobile responsive, was der Goldstandard für mobilfreundliches Webdesign ist. Die Jimdo-Vorlagen für mobile Websites passen sich automatisch an jede Bildschirmgröße an, ohne dass du etwas dafür tun musst.

Wenn du dich trotzdem fragst, was du noch tun kannst, um die beste mobile Website zu erstellen, oder wenn du überhaupt neugierig auf die Vorteile eines mobilfreundlichen Webdesigns bist, dann lies weiter, denn wir geben dir einige Tipps für mobile Websites.

Warum ist eine mobilfreundliche Website so wichtig?

Viele Menschen nutzen das Handy: Die mobile Website-Nutzung (d. h. die Nutzung einer Website von unterwegs über ein Smartphone oder Tablet) nimmt seit Jahren zu. Im Jahr 2015 gab Google bekannt, dass zum ersten Mal in der Geschichte mehr Menschen von mobilen Geräten als von Desktop- oder Laptop-Computern aus suchen.

Mobilfunkfreundlich zu sein hilft Ihrem Google-Ranking: Es gibt einen klaren SEO-Vorteil, wenn Ihre Website für Mobilgeräte optimiert ist, denn Google priorisiert mobil-optimierte Websites in den Suchergebnissen auf Smartphones. Das heißt, wenn jemand mit seinem Mobiltelefon nach „Pizza“ sucht, zeigt Google dieser Person in den Suchergebnissen eher mobil optimierte Websites in ihrer Nähe an.

Mobile Kunden sind in der Regel ortsgebunden und kaufbereit: Menschen, die Ihre Website über ein mobiles Gerät besuchen, sind oft ortsgebundener und eher bereit, einen Kauf zu tätigen, weil sie gerade unterwegs sind. Wenn Sie auf Ihrem Mobiltelefon nach „Pizza“ suchen, wollen Sie wahrscheinlich sofort eine Pizza, und zwar eine, die sich in Ihrer Nähe befindet. Es ist zwar immer noch üblich, dass Kunden einen Desktop-Computer benutzen, um zu recherchieren, Bewertungen zu lesen und Entscheidungen über größere Einkäufe zu treffen, aber mobile Kunden sind eher darauf bedacht, in diesem Moment Kontakt aufzunehmen und zu handeln, weshalb die lokale Suchoptimierung so wichtig ist. Eine mobilfreundliche Website kann ihnen dabei helfen, genau das zu tun, was sich in mehr lokalen Geschäften für Sie niederschlägt.

Was ist eine responsive Website?

Wenn Sie schon einmal eine Website auf Ihrem Handy besucht haben und sich dabei ertappt haben, wie Sie blinzeln mussten, um den Text zu lesen, oder ständig heran- und weggezoomt haben, um alles zu sehen, dann wissen Sie sicherlich, wie es ist, eine mobilunfreundliche Website zu besuchen. Frustrierend.

Deshalb empfehlen wir die Verwendung von responsivem Design. Eine responsive Website passt sich automatisch an die Art des Geräts an, das Ihre Besucher verwenden, indem sie die Auflösung, die Bildgröße, die Menüs und vieles mehr so ändert, dass sie auf verschiedenen Bildschirmgrößen sinnvoll sind.

Mit einer responsiven Website müssen Sie keine separate Website nur für mobile Geräte oder eine separate mobile Landing Page erstellen – alle Ihre Nutzer können problemlos dieselbe responsive Website nutzen.

Wie man eine Website mobilfreundlich macht

Es gibt noch ein paar andere einfache Schritte, die Sie unternehmen können, um Ihre Website für Handys und Tablets zu verbessern.

Tipps für die besten mobilen Websites:

1. Stellen Sie sicher, dass Ihre Seiten schnell geladen werden: Mobile Nutzer haben wahrscheinlich eine langsamere Internetverbindung. Umso wichtiger ist es, dass Ihre Website schnell lädt und nicht ihren Datenplan auffrisst. Es gibt kostenlose Tools, mit denen Sie die Geschwindigkeit Ihrer Seiten testen können, und die Ihnen Empfehlungen geben, was Sie tun können, um die Ladezeit zu verkürzen. So können Sie zum Beispiel sehr große Bilder verkleinern (siehe unten), unnötige Plugins oder Popups, die die Ladezeit verlangsamen, entfernen und die Anzahl der URL-Weiterleitungen reduzieren, die Sie verwenden.
2. Ändern Sie die Größe und optimieren Sie Ihre Bilder und Ihr Logo: Sind die Bilder und das Logo auf Ihrer Website viel größer, als Sie eigentlich brauchen? Fotos von Stock-Fotoseiten und sogar Fotos, die mit einer guten Digitalkamera aufgenommen wurden, können zum Beispiel riesige Dateigrößen haben (über 1 MB) – und das kann Ihre Website ausbremsen. Die gute Nachricht ist, dass Sie sie mit einem kostenlosen Tool wie TinyPNG oder TinyJPG „komprimieren“ können, ohne ihre Qualität zu verlieren. Sie können auch die Abmessungen eines Fotos ändern, um es zu verkleinern (z. B. indem Sie es auf 800 Pixel statt auf 2000 Pixel Breite verkleinern). Weitere Tipps und Anleitungen zu Bildern finden Sie in unserem Beitrag How to Optimize Website Images for Better Design and SEO.
3. Verwenden Sie ein einfaches, kurzes Navigationsmenü: Wenn Ihre Website ein komplexes Navigationsmenü mit vielen Seiten und Unterseiten hat, wird es für mobile Besucher schwieriger sein, schnell zu finden, was sie brauchen. Noch praktischer ist, dass es für sie schwierig sein wird, den richtigen Link mit dem Finger anzuvisieren und anzusteuern. Wenn Sie Ihr Navigationsmenü kürzer und einfacher gestalten, wird dies helfen (und, als zusätzlicher Bonus, Ihre Website auch für Desktop-Besucher einfacher machen!)
4. Schaffen Sie klare Kontaktinformationen: Da mobile Kunden wahrscheinlich mit Ihnen in Kontakt treten wollen, sollten Sie darauf achten, dass Sie auf Ihrer Homepage nicht lange scrollen müssen, um zu Ihren Kontaktinformationen zu gelangen. Stellen Sie außerdem sicher, dass Sie eine Telefonnummer und eine E-Mail-Adresse angeben, die man anklicken kann, denn das Ausfüllen eines Kontaktformulars auf einem Mobiltelefon kann zeitaufwändig und lästig sein.
5. Zeigen Sie die wichtigsten Inhalte zuerst: Website-Besucher wollen die Informationen, die sie brauchen, schnell finden, und das gilt umso mehr, wenn sie unterwegs sind.
6. Verwenden Sie große Texte und Schaltflächen: Menschen, die mobile Geräte benutzen, brauchen sogar noch größere Texte und Schaltflächen für Aufrufe zu Aktionen, als Sie vielleicht erwarten, um eine Website bequem nutzen zu können. Am besten testen Sie dies, indem Sie sich Ihre Website in den verschiedenen Ansichtsmodi ansehen. So sehen Sie, wie Ihre Website auf verschiedenen Bildschirmen aussieht, und Sie können sich selbst ein Bild davon machen, wie alles aussieht. Noch besser: Bitten Sie einen Freund oder Verwandten (oder jemanden, der eine Brille trägt), Ihre Website für Sie zu testen und Ihnen mitzuteilen, was sie davon halten.
7. Verwenden Sie keine Flash-Animationen: Flash-Effekte oder -Animationen funktionieren nicht auf iPhones oder iPads, so dass ein großer Teil deines Publikums nicht sehen kann, was auf deiner Website steht. Wenn du Jimdo nutzt, hast du Glück: Unsere Websites nutzen alle das modernere HTML5, das für alle Arten von Smartphones und Tablets zugänglich ist.

Gängige Fehler bei mobilen Websites

• Vergessen, die eigene Website von einem mobilen Gerät aus zu betrachten: Wenn Sie normalerweise vom Computer aus an Ihrer Website arbeiten, kann es schwer sein, daran zu denken, ab und zu die mobile Ansicht zu überprüfen. Aber so können Sie kleine Unzulänglichkeiten aufspüren, die Ihnen am Laptop vielleicht gar nicht auffallen.

• Endloses Scrollen: Schonen Sie die Daumen der Nutzer! Versuchen Sie, Ihre Webseiten kurz und prägnant zu halten, damit mobile Besucher nicht ständig scrollen müssen.
• Superdetailierte Infografiken: Infografiken sind großartig für Websites – aber wenn die Infografik schrumpft, um auf den kleineren Bildschirm zu passen, kann es unmöglich werden, sie zu lesen. Testen Sie das unbedingt selbst. Vielleicht finden Sie es besser, eine große Infografik in kleinere, separate Grafiken aufzuteilen.
• Zu viel Text: Ein Textabschnitt, der auf einem Computerbildschirm normal aussieht, kann auf einem Handybildschirm wie Krieg und Frieden wirken. Halten Sie Ihre Absätze kurz und lockern Sie große Textblöcke mit Aufzählungszeichen, Überschriften und Bildern auf. Hier sind weitere Tipps für lesbaren Website-Text.
• Berühren Sie Elemente zu dicht nebeneinander: Es gibt nicht viel, was Menschen tun können, um ihre Finger zu schrumpfen – machen Sie ihnen das Leben leichter, indem Sie genug Platz zwischen Ihren Schaltflächen und anderen Links lassen, damit sie nicht versehentlich das Falsche berühren.
• Flash verwenden: Flash-Effekte oder Animationen funktionieren nicht auf iPhones oder iPads, so dass ein großer Teil Ihres Publikums nicht sehen kann, was auf Ihrer Website steht. Wenn du Jimdo nutzt, hast du Glück: Unsere Websites nutzen alle das modernere HTML5, das für alle Arten von Smartphones und Tablets geeignet ist.
• Formulare ausfüllen: Seien wir ehrlich: Niemand möchte ein Webformular von einem Mobiltelefon aus ausfüllen. Wenn Sie ein Formular brauchen, machen Sie es so kurz wie möglich. Oder noch besser: Lassen Sie die Leute die Informationen auf andere Weise an Sie übermitteln, z. B. per E-Mail oder durch einen Anruf bei Ihrer Telefonnummer.

Jimdo: Der beste mobile Website-Builder

Jimdo ist der einfachste Weg, eine mobilfreundliche Website oder mobile Landing Page zu erstellen. Mit einfachen Bausteinen, automatischer mobiler Reaktionsfähigkeit und sogar der Möglichkeit, Ihre Website unterwegs selbst zu bearbeiten, können Sie sicher sein, dass Ihre Website mobilfreundlich und perfekt für alle Ihre Kunden ist.