Zum Hauptinhalt springen

Sich anpassendes Design

In einem verantwortungsbewusstes DesignEine Website wird je nach Bildschirmgröße und / oder Gerätetyp unterschiedlich angezeigt, um eine einfache Bedienung zu gewährleisten. Dies gilt insbesondere für kleine Bildschirme mobiler Geräte, bei denen eine andere Darstellung der Seite erforderlich ist.

Hintergrund

Das übliche Design einer Webseite basiert auf den PC-Bildschirmen, genau wie an einem Arbeitsplatz. In den letzten Jahren wurden jedoch mobile Geräte entwickelt, die über wesentlich kleinere Bildschirme verfügen, beispielsweise Netbooks, Tablets und Smartphones. Auf einem kleinen Bildschirm sehen Webseiten anders aus als auf großen Bildschirmen, und die Benutzerfreundlichkeit (Benutzerfreundlichkeit) ist erheblich eingeschränkt. Verantwortungsbewusstes Design reagiert flexibel auf das entsprechende Gerät. Eine gute Benutzererfahrung auf Mobilgeräten kann mit einem separaten Layout für kleine Bildschirme garantiert werden. Das nennt man Benutzererfahrung für Mobiltelefone. Beim "Mobile First" -Konzept wird zuerst das Handy-Web erstellt und anschließend werden Erweiterungen für größere Bildschirme vorgenommen.

Motivation

Die Anzahl mobiler Geräte wächst und die Anzahl der Internetbenutzer, die auf diesen Geräten auf das Internet zugreifen, nimmt ebenfalls zu. Responsive Designs wären erforderlich, um diesen Besuchern ein gutes Web-Erlebnis zu bieten. Das Fehlen einer guten Benutzererfahrung mit gängigen Websites auf Geräten mit kleinen Bildschirmen führt zu Conversion-Verlusten. Die Verwendung von verantwortungsvollem Design Blick in die Zukunft, da das Angebot für alle Benutzer in einem benutzerfreundlichen Design aktiviert ist. Die Kommunikation zwischen dem Webbetreiber und seinen Besuchern wird durch den verwendeten Gerätetyp nicht beeinflusst.

Implementierung

Verantwortungsbewusste Designs können mit HTML5 und CSS3 erstellt werden. An die Medien werden Anfragen gesendet, mit denen Informationen von dem betreffenden Gerät angefordert werden können. Dies umfasst Funktionen wie Bildschirmgröße, Auflösung und Format sowie Funktionen wie Tastatur, Fingerabdruck, Sprache usw.). Der Inhalt und das Layout einer Seite müssen streng voneinander getrennt sein, damit das reaktionsschnelle Layout ordnungsgemäß funktioniert.

Medienabfrage

Andere Eigenschaften sind gleichzeitig mit der Unterscheidung zwischen "Bildschirm" und "Drucken" verfügbar.[1].


Dieses Beispiel zeigt den Link vom HTML-Dokument zum Stylesheet. Gleichzeitig mit der "Bildschirm" -Spezifikation enthält die Medienabfrage oder Medienabfrage eine weitere Einschränkung, insbesondere, dass es sich um ein vertikales Format handeln muss. Der entsprechende Absatz in der CSS-Datei "example.css" sieht folgendermaßen aus:

@media all und (Ausrichtung: Porträt) {…}

Aussehen

Durch die Verwendung von Responsive Designs wird derselbe Inhalt in einem leicht modifizierten Format für verschiedene Geräte bereitgestellt. Das Verringern von Elementen kann für kleine Bildschirmgrößen geeignet sein. Im Wesentlichen erscheinen die vorhandenen Elemente strukturell unterschiedlich. Ein Beispiel ist der Wechsel zwischen Hoch- und Querformat. Die geänderten Seitenproportionen erfordern eine Umstrukturierung der Elemente, ihre Funktion bleibt jedoch gleich. Das HTML-Code bleibt unverändertwird nur ein anderes Stylesheet verwendet.

Die Priorisierung vorhandener Elemente spielt eine wichtige Rolle bei der Umstrukturierung der Website. Es ist wichtig zu überlegen, welche Elemente auf der Seite nach unten rutschen und welche aufgrund ihrer geringeren Bedeutung entfernt werden können. Diese Entwicklung ist zeitaufwändig und bietet Raum für SEO-Maßnahmen.

Relevanz für SEO

Die Entwicklung eines verantwortungsvollen Designs ist je nach Größe des Webs sehr komplex. Einmal entwickelt, ist es sehr einfach zu warten, da der Inhalt nur einmal erstellt werden muss und in jedem Design aktiviert ist. Der Entwicklungsaufwand kann sich aus SEO-Sicht lohnen, da er die Benutzererfahrung für Personen verbessert, die mit ihrem Mobiltelefon eine Verbindung zum Internet herstellen. Dies erhöht Ihre Zeit im Web, was sich positiv auf die Positionierung der Seite auswirkt. Abgesehen davon wird die Absprungrate sinken, da ein benutzerfreundliches Webportal positiv aufgenommen wird. Ein verantwortungsbewusstes Design beschränkt die Nutzung des Webs auch nicht auf herkömmliche Geräte. Der Relaunch einer Website ist eine gute Möglichkeit, sie in Zukunft mit einem ansprechenden Design anzubieten.

Eine weitere Antwort auf die wachsende Anzahl mobiler Geräte ist die Erstellung eines separaten Webportals für mobile Benutzer, was aus SEO-Sicht nicht empfohlen wird. Diese autonome Domäne muss separat optimiert und gepflegt werden. Es wird kaum verlinkt, Sie werden kaum Linksaft bekommen und es wird normalerweise doppelten Inhalt enthalten. Auf diese Weise wird die Handy-Site von Besuchern nicht über Suchmaschinen gefunden und daher nur selten genutzt.

Ein verantwortungsbewusstes Designkonzept führt zu fortschrittlicheren Ideen für die Keyword-Optimierung. Auf einem Mobiltelefon eingegebene Suchbegriffe sind in der Regel kürzer und anders formuliert als auf einer physischen Tastatur. Daher kann der Unterschied bei den Benutzergeräten auch zu einer Änderung der Schlüsselwörter führen.

Google unterstützt und empfiehlt ein responsives Design. Ein Vorteil ist, dass der Googlebot Ressourcen spart und mehr Inhalte von einer Website indizieren kann. Als vorherige Anforderung benötigt der Crawler uneingeschränkten Zugriff auf externe Dateien wie CSS und JavaScript.

[Kategorie: Mobile Marketing]]