Online Marketing, Gadgets, Affiliate, Verdienen Sie Geld mit Ihren Blogs

So fügen Sie mit Mobilook eine mobile Ansicht von WordPress hinzu

So fügen Sie mit Mobilook eine mobile Ansicht von WordPress hinzu

Wollten Sie schon immer Ihre Website während der Entwicklung von einem mobilen Gerät aus betrachten? Wenn ja, werden Sie erfreut sein zu erfahren, dass dies mit dem Mobilook-Plugin möglich ist. Damit können Sie simulieren, wie Ihre Website auf verschiedenen gängigen Bildschirmgrößen, einschließlich Smartphones und Tablets, aussehen wird.

Es ist ein hilfreiches Tool, mit dem Sie die mobile Seite Ihrer Website beurteilen können. Dies ist zu einem zwingenden Anliegen geworden, seit Google mit der Mobile-First-Indexierung begonnen hat. Im Wesentlichen indiziert Google zuerst die mobile Version Ihrer Website. Wenn diese also nicht gut ist, sinkt Ihr Ranking.

Heute zeige ich, wie man mit Mobilook einen mobilfreundlichen Test durchführt.

Warum mobile Benutzer wichtig sind

Ab Mai 2021 sind es mobile Nutzer 55,31 % des Internetverkehrs. Und es ist von Jahr zu Jahr stetig gewachsen. Daher sind mobile Benutzer für die meisten Website-Besitzer die wichtigste Benutzerbasis.

Und dank der Google-Initiative zur Mobile-First-Indizierung können Website-Entwickler dies nicht ignorieren.

Google führt einen Test durch, um festzustellen, ob Ihre Website für Mobilgeräte geeignet ist. Wenn dieser Test besteht, können Sie loslegen. Selbst wenn Sie also eine hervorragende Desktop-Website haben, könnte eine schlechte mobile Version Ihr Ranking beeinträchtigen. Doch Suchmaschinen sind nur die halbe Miete.

Sie müssen auch die mobilen Besucher selbst berücksichtigen.

Seien wir ehrlich: Eine nicht reagierende mobile Website im Jahr 2021 ist einfach inakzeptabel. Tatsächlich muss man heute wirklich alles tun, um eine Website zu erstellen, die nicht mehr reagiert. Dazu gehören Schaltflächen, die schwer anzutippen sind, Bilder, die zu groß zum Ansehen sind, und langsame Ladezeiten, die unerträglich sind.

Eine schlechte mobile Erfahrung führt dazu, dass Kunden Ihre Website sowohl auf Mobilgeräten als auch auf dem Desktop meiden.

Lesen:  Sichern Sie Ihr Unternehmen mit Hostinger Cloud Hosting: Reduzieren Sie Risiken, erhöhen Sie die Sicherheit und mehr. Bleiben Sie konform

So erstellen Sie mit Mobilook eine mobile Ansicht Ihrer Website

Schritt 1: Mobilook installieren

Mobilook ist eine Erweiterung von Google DEVTOOL, mit der Sie überprüfen können, wie reaktionsschnell Ihre Seiten auf den gängigsten Geräten sind. Es ist einfach einzurichten und äußerst effektiv bei der Aufdeckung von Problemen. Erwähnenswert ist auch die Pro-Version des Plugins.

Damit können Sie tatsächlich den Google Mobile Optimizer-Test durchführen, der es Ihnen ermöglicht, genau zu sehen, wie Google die Seite anzeigt. Hier erfahren Sie, ob sie die Seite für mobilfreundlich halten oder nicht. Es ist unglaublich nützlich zu sehen, ob Ihre Website nicht auf dem neuesten Stand ist.

Klicken Sie zunächst auf „Plugins“ und wählen Sie im linken Admin-Bereich die Option „Neu hinzufügen“.

Suchen Sie im verfügbaren Suchfeld nach Mobilook.

Suchen Sie das Mobilook-Plugin, klicken Sie auf die Schaltfläche „Jetzt installieren“ und aktivieren Sie das Plugin zur Verwendung.

Schritt 2: Verbindung mit Mobilook herstellen

Nach der Aktivierung werden Sie gefragt, ob Mobilook mit der Optimierung Ihrer responsiven Seiten beginnen soll. Es wird empfohlen, auf die Schaltfläche „Zulassen und fortfahren“ zu klicken. Sie können dies jedoch vorerst überspringen und später nachholen, da das Tutorial davon ausgeht, dass Sie die Erlaubnis erteilt haben.

Anschließend müssen Sie die mit Ihrem Administratorkonto verknüpfte E-Mail-Adresse überprüfen und auf den Bestätigungslink klicken.

Dadurch gelangen Sie zurück zu WordPress, wo Sie sehen, dass der Aktivierungsprozess abgeschlossen ist. Sie können das Plugin jetzt verwenden.

Schritt 3: Konfigurieren Sie die Einstellungen

Klicken Sie im linken Admin-Bereich auf „Einstellungen“ und wählen Sie die Option „Mobilook“.

Mit der kostenlosen Version des Plugins können Sie einige Funktionen aktivieren oder deaktivieren. Dazu gehören das Samsung Galaxy S9-Format, das iPhone 6/7/8-Format, das Google Pixel 2-Format und der Facebook Debugger. Standardmäßig sind alle diese aktiviert und es wird empfohlen, dies auch beizubehalten.

Um es auszuschalten, klicken Sie einfach auf die Schaltfläche „Aktiviert“, um sie zu deaktivieren.

Es gibt mehrere PRO-Funktionen, die Sie unten ein- und ausschalten können, aber sie sind nur zugänglich, wenn Sie ein Upgrade durchführen. Dieses Tutorial befasst sich nur mit der kostenlosen Version.

Lesen:  Magecart greift erneut an: das Neueste auf CardBleed

Schritt 4: Mobile Ansicht in WordPress

Nachdem die Einstellungen erledigt sind, ist es an der Zeit, endlich die mobile Ansicht in WordPress zu verwenden. Darauf kann direkt von einem Editor aus auf jedem Beitrag oder jeder Seite zugegriffen werden.

Gehen Sie zu einem beliebigen Beitrag oder einer beliebigen Seite in WordPress und scrollen Sie nach unten zum Abschnitt „Mobilook“.

Oben können Sie auswählen, auf welchem ​​Gerät Ihr Beitrag oder Ihre Seite angezeigt werden soll. Daneben können Sie die Abmessungen des Bildschirms einsehen.

Notiz: In der kostenlosen Version stehen nur die ersten drei Optionen zur Verfügung.

Klicken Sie auf die Schaltfläche „Drehen“, um zwischen Hochformat (vertikal) und Querformat (horizontal) zu wechseln.

Am Ende dieses Abschnitts finden Sie Tools, die Sie bei der Identifizierung mobiler Probleme weiter unterstützen. Dazu gehören der Facebook Debugger, der Linkedin Debugger, das Google Mobile-Friendly Tool und Viewport Opt (Mobile SEO).

Nur das Facebook Debugger-Tool ist kostenlos. Damit können Sie alle Probleme im Zusammenhang mit der Vorschau Ihrer Blogbeiträge auf Facebook identifizieren. Es ist ein nützliches Tool, wenn Sie Facebook regelmäßig zum Teilen von Beiträgen nutzen.

Herzlichen Glückwunsch zum Einrichten und Erlernen der Verwendung des Mobilook-Plugins.

Alternative Tools

Viele WordPress-Entwickler sind möglicherweise kein Fan davon, diesem Zweck ein Plugin zu widmen. Glücklicherweise gibt es viele kostenlose Tools, die Sie in Betracht ziehen können.

Hier sind einige der besten:

Chrome DevTools

Chrome DevTools sind eine weitere großartige kostenlose Ressource, die Sie nutzen sollten. Damit können Sie simulieren, wie jede Website auf einem mobilen Gerät aussieht. Sie können sogar die Nutzung der Website simulieren, indem Sie den Cursor so konfigurieren, dass er eine größere runde Form hat, etwa einen Finger.

So können Sie Ihre Website nicht nur ansehen, sondern auch testen, wie sie funktioniert. Und Sie sind nicht durch Geräte eingeschränkt. Stattdessen können Sie die Abmessungen manuell in das Tool eingeben.

Daher können Sie mit diesem responsiven Website-Tester tatsächlich die sichtbaren Abmessungen jedes Geräts testen.

Google-Handyfreundlichkeitstest

Während Google-Handyfreundlichkeitstest bietet Ihnen keine vollständige mobile Ansicht Ihrer Website, verrät Ihnen aber etwas, das für den Erfolg entscheidend ist. Und das ist es, was Google über Ihre Website denkt.

Lesen:  Was die Datenschutzverletzung von GoDaddy für WordPress-Store-Besitzer bedeutet

Hier erfahren Sie, ob die Seite für Mobilgeräte optimiert ist oder nicht. Ist dies nicht der Fall, liefert das Tool von Google eine Begründung dafür.

Und ja, das ist derselbe Test, der in der Pro-Version von Mobilook enthalten ist. Es ist ein kostenloses Tool, das einen großen Vorteil für die Entwicklung bietet.

Kann ich nicht einfach mein eigenes Smartphone nutzen?

Absolut! Tatsächlich ist es ein toller Test.

Allerdings ist nicht jedes Smartphone gleich groß. Eines der größten Probleme beim Testen auf einem Gerät besteht darin, dass Entwickler dazu neigen, nur diese Option in Betracht zu ziehen. Stattdessen müssen Sie jede mögliche Bildschirmgröße berücksichtigen.

Während Tablets den geringsten Anteil am Traffic ausmachen, ist es erwähnenswert, dass sie viel größer als Smartphones sind und zudem in verschiedenen Größen erhältlich sind. Daher ist ein einzelnes Smartphone bei der Entwicklung für ein größeres Publikum nicht so hilfreich.

Responsive Design ist die einzige Option

Es gibt eine gute Nachricht: Fast alles in WordPress reagiert standardmäßig. Daher sollte Ihre Website auf jedem Gerät gut aussehen, ganz gleich, auf welchem ​​Gerät sie sich befindet.

Der Grund dafür, dass Tests wichtig sind, liegt darin, dass es einige Plugins gibt, die nicht nativ reagieren. Obwohl sie heutzutage selten sind, gibt es sie, und sie können Ihr Ranking beeinträchtigen. Es gibt auch einige Anpassungsoptionen, die dazu beitragen, das mobile Erlebnis zu verbessern.

Eine der häufigsten Vorgehensweisen in WordPress besteht beispielsweise darin, die Seitenleiste auf Mobilgeräten zu deaktivieren. Die Bildschirme sind einfach nicht groß genug, um eine Seitenleiste auf jeder Seite zu gewährleisten.

Wie einfach fanden Sie die Verwendung von Mobilook? Denken Sie, dass WordPress standardmäßig über eine integrierte mobile Ansicht verfügen sollte?