Forum: NOF - Tutorials (185 anschauliche Tutorials zum Lesen und Nacharbeiten) > Websites für mobile Geräte

Eine Homepage für mobile Geräte mit NOF - Ergänzende Informationen

(1/3) > >>

nettesekel:
Seit responsive Webdesign zunehmend zum Standard wird hat auch Google ihre Anforderungen an Websites verschärft. Vereinfacht gesagt ist es seit einiger Zeit nun so, dass Websites die nicht für mobile Geräte optimiert sind von Google "hinten angestellt werden." Wer auf dem Markt mithalten will/muss dem kann das nicht wirklich egal sein und so entsteht Handlungsbedarf.

Da "echtes responsives Webdesign" mit NOF nicht ohne Weiteres und schon gar nicht jedem Laien möglich ist, bleibt noch die Alternative, eine zweite Websiteversion zu erstellen, welche für mobile Geräte optimiert ist. Hierzu gibt es ja bereits seit längerem ein ausführliches Tutorial. https://www.nof-community.de/websites-fuer-mobile-geraete-mit-netobjects-fusion/eine-homepage-fur-mobile-gerate-mit-netobjects-fusion/

Im Zuge der Erstellung dieses Tutorials enstand damals auch eine mobile Testversion einer solchen Website. Vor einiger Zeit machte mich nun Goggle (Webmastertools) darauf aufmerksam, dass diese mobile Version nicht für mobile Geräte optimiert wäre, und listete einige Fehler auf. Ich gebe zu, die die Tatsache dass NOF in diesem Bereich um Meilen hinterherhinkt nervt mich zunehmend, weshalb ich auch wenig Lust hatte, mich weiter mit dieser Thematik auseinander zu setzen. Für alle die, die trotz des Mehraufwands bereit sind, sich eine zusätzliche mobile Version ihrer Website zu erstellen, habe ich es nun dennoch getan.

nettesekel:
Wer sich also nach oben verlinktem Tutorial eine mobile Version seiner Website erstellt ist gut beraten, wenn er diese bei Google Webmaster Tools als neue Website "einreicht" und die Seite dort entsprechend testet/analysiert. Ihr benötigt hierfür auf jeden Fall einen Google-Account und müsst euch für Google Webmaster Tools anmelden. https://www.google.com/webmasters/
Auf das Procedere hierbei möchte ich an dieser Stelle nicht weiter eingehen, hierzu findet sich ausreichend Hilfestellung im Web, die man sich ergoogeln kann.

Wer es ohne Webmaster-Account probieren will, kann sich mit diesem Link versuchen:  https://www.google.com/webmasters/tools/mobile-friendly/  Die nachfolgenden Screenshots beziehen sich allerdings auf die erstgenannte Variante.

Hinweis:
Einige der Screenshots in diesem Tutorial verursachen ihrer Größe wegen einen Querscroller. Das ist beim Lesen nicht immer so ganz bequem. Wer lesen möchte ohne querscrollen zu müssen oder zumindest nur geringfügig, kann über den kleinen Minus-Button unterhalb der Google-Übersetzer-Maske die linken Forenblöcke ausblenden und gewinnt so mehr Platz um die Screenshots im (fast)Ganzen sehen zu können.

nettesekel:
Ist eure mobile Website von Google gecrawlt worden, werdet ihr darüber informiert, wenn Google mit der mobiletauglichkeit eurer Website unzufrieden ist. Einen Hinweis hierzu findet ihr bereits in der Übersicht der eingereichten Websites.

nettesekel:
Mit einem Klick auf die Website gelangt ihr dann in den Bereich mit den Bearbeitungsoptionen.
Hier ruft ihr nun den Bereich "Benutzerfreundlichkeit auf Mobilgeräten" auf. Wie ihr dort hingelangt, entnehmt den zwei nummerierten Pfeilen im folgenden Screenshot.

nettesekel:
In dieser Ansicht seht ihr nun eine Auflistung der vorhandenen Fehler und die Anzahl der Seiten, auf welchen diese Fehler auftreten. Am ende jeder Zeile befindet sich ein Pfeilbutton (ganz rechts im Screenshot) mit welchem ihr zu weiteren Informationen gelangt.

In dieser Ansicht erfahre ich nun, auf welcher meiner Seiten der besagte Fehler zu finden ist. In meinem Falle handelt es sich um die Seite "nof-tutorials.html" und zuoberst finde ich auch einen Hinweis worauf ich bei meiner Optimierung achten sollte. (rot gerahmt)

Navigation

[0] Themen-Index

[#] Nächste Seite