Ist deine responsive Website wirklich Mobile-Friendly?

Du lernst, wie du deine mobile Website optimierst, so dass sie perfekt für Nutzer ist und bei Google gute Rankings erzielt. Relevante weiterführende Videos: Bilder komprimieren:    • Bilder komprimieren für SEO: Grundregeln, ...   WP Rocket:    • WP Rocket Tutorial: So reduzierst du die W...   SEO-Tipps für die Sprachsuche:    • Voice Search SEO: 6 sinnvolle SEO-Tipps fü...   E-Commerce SEO:    • E-Commerce SEO-Tutorial für Fortgeschrittene   OnSite-Optimierung:    • Informationsarchitektur: 12 Website-Archit...   ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 📰 Abonniere unseren Newsletter, um regelmäßig bewährte SEO-Tipps in deinem Posteingang zu erhalten: https://www.evergreenmedia.at/seo-new... 👋 Abonniere unseren Channel für weitere Tipps, Anleitungen und Tutorials zu Suchmaschinenoptimierung: https://www.youtube.com/subscription_... ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Gute Gründe für die Optimierung für Mobilgeräte Weil die mobile Internetnutzung mittlerweile eine ordentlichen Teil des gesamten Traffics ausmacht. Mobile First Index: D Vereinfacht ausgedrückt, Google achtet auf deine mobile Website bezüglich Ranking-Signal. er mobile Index ist der primäre Index. Ende des Jahres sollen alle Websites auf den Mobile First Index umgestellt werden. Neues Ranking-Signal ab 2021: Google Page Experience Update Durch Mobile SEO erreichst du deine Zielgruppe zur richtigen Zeit. Die User wollen schnell etwas nachlesen/recherchieren, sich unterwegs weiterbilden, einen Ort finden oder unterhalten werden. #1 Google Mobile-Friendly Test Zweck: Ist deine Webseite für Mobilgeräte optimiert? Einzelne Seiten: https://search.google.com/test/mobile... Bulk: https://technicalseo.com/tools/mobile... #2 Google Mobile-First Index Tool Zweck: Gibt es Unterschiede zwischen der Mobile und Desktop Version? Das wollen wir aus SEO-Sicht nämlich nicht. Einzelne Seiten: https://technicalseo.com/tools/mobile... Idealerweise ist alles gleich: Canonicals, Hreflang, Content, Links, Meta-Daten, etc. #3 Google Search Console | Nutzerfreundlichkeit auf Mobilgeräten Zweck: Informiert über grundlegende Probleme mit der Nutzerfreundlichkeit auf Mobilgeräten Gesamte Website: https://search.google.com/search-cons... Google Search Console Hilfe: https://support.google.com/webmasters... #4 Google Search Console | Core Web Vitals Zweck: Informiert über tiefgreifendere Probleme mit der Nutzerfreundlichkeit auf Mobilgeräten und wird in 2021 zum Google Ranking-Faktor Gesamte Website: https://search.google.com/search-cons... Google Search Console Hilfe: https://support.google.com/webmasters... #5 Google PageSpeed Insights Zweck: Performance bzw. geringe Ladezeiten sind extrem wichtig für die Nutzererfahrung. Aus SEO-Sicht sind nur katastrophale Ladezeiten problematisch. Einzelne Seiten: https://developers.google.com/speed/p... #6 Prüfe deine Website mit Google Chrome Developer Tools Zweck: Wie sieht deine Website auf unterschiedlichen mobilen Endgeräten aus? Google Chrome Developer Tools = Strg + Umschalttaste + I Idealerweise siehst du dir deine Website auch noch auf "echten" Endgeräten in unterschiedlichen Browsern an. #7 Nutze responsive Bilder. Zweck: Wir wollen je nach Endgerät die richtige Bildgröße ausliefern. Falls dein CMS das nicht kann: https://wiki.selfhtml.org/wiki/HTML/T... #8 Nutze responsive Videos. Zweck: Videos sollen auch auf mobilen Geräten korrekt angezeigt werden. YouTube-Videos als WordPress Embeds sind automatisch responsive. Wenn dein WordPress Theme Probleme macht oder ein anderes CMS verwendest: https://www.drweb.de/videos-responsiv/ #9 Löse Probleme mit der Lesbarkeit. Kurze Absätze sind leichter zu konsumieren. Mindestens 16px als Schriftgröße. Zeilen sollten nicht länger als 60 Zeichen lang sein. Kontrast ist aufgrund der wechselnden Lichtverhältnisse auf Mobile noch wichtiger. Verhindere, dass Header-Bilder dein komplettes Above The Fold einnehmen. Arbeite mit ausreichend Leerräumen, weil auf mobilen Endgeräten wirkt alles schnell vollgestopft. #10 Prüfe die Verwendbarkeit der Navigation. Kann wirklich alles gut geklickt werden? Sind alle Punkte vorhanden? Auch Zwischenebenen mit eigener Seite? #11 Versuche auf deinen entscheidenden Seiten typische Aktionen abzuschließen. Zweck: Vor allem auf deinen aus Conversion-Sicht wichtigsten Seiten muss alles auf Mobile funktionieren, wie z.B. Newsletteranmeldungen, Formulare, E-Commerce Handlungen. Auch Google Chrome Developer Tools zeigen dir nicht die Realität. Idealerweise testest du Abläufe auf den aktuell gängigen Mobilgeräten in unterschiedlichen Browsern. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 🌐 Deutschland, Österreich, Schweiz, Deutsch, deutschsprachig, Evergreen Media #MobileFirst #MobileSEO #MobileUX