Tipps für die Gestaltung Mobilfreundlichen Navigation für SEO

Ihr Mobilfreundliche Navigation kann viele Formen als Teil Ihrer SEO-Strategie nehmen. Die Option, die für Sie am besten geeignet ist, hängt ab, wie komplex Ihre Navigation benötigt, Ihre Conversion-Ziele zu sein, und Vorlieben der Benutzer.

Denken Sie daran, dass Ihre Website-Navigation Besuchern zu helfen muss - und die Suche Spinnen - navigieren Sie durch Ihre Website. So Ihr mobiles Navigations muss intuitiv, funktional, gecrawlt und für Touch optimiert.

Bewahren Sie diese Best Practices im Auge, wenn Ihr Mobilfreundliche Navigation Gestaltung:

• Halten Sie es einfach, Süße. Halten Sie Top-Level-Navigation so einfach wie möglich, vor allem, wenn Sie Ihre Navigation über die Spitze Ihres mobilen Seite angezeigt werden sollen. Denken Sie daran, dass Sie für eine kleine Bildschirmgröße sind zu entwerfen. (Ein iPhone 6 ist 750 Pixel breit im Portrait-Modus, während ein 13-Zoll-Laptop-Computer 1.280 Pixel breit ist).

  Der Punkt, von einer mobilen Website lassen Sie Ihre Besucher leicht Ihre Website mit einem mobilen Gerät zu suchen. Ihre Navigation sollte sie geben Links zu Ihrer Hauptkategorie Seiten und Seiten, die Usability (wie eine Verbesserung der # 147-Call Now # 148- Option und einen Link zu Ihrem Warenkorb).

  Sie müssen hier nicht in Ihre Website zu jeder Seite verbinden. In der Tat kann in Entscheidungs ​​Lähmung und Verwirrung zu viele Optionen zur Folge haben, die eine schlechte Benutzererfahrung schafft.

  Einschließlich vier vor acht Elemente im oberen Menü ist in der Regel eine gute Faustregel. Siehe das Beispiel von Bruce Clay, Inc. Top-Menü.

  
  Bruce Clay, Inc. vereinfacht seine Desktop-Navigation (oben) deutlich mobiler Benutzerfreundlichkeit zu verbessern. Um Benutzern mit Abschluss der Aufgabe, die mobile Website-Navigation (unten) schließt auch eine Click-to-Call-Taste.

• Listen Sie Ihre wichtigsten Seiten zuerst. Diese sind in der Regel Ihre Conversion-Aufruf zum Handeln, wie # 147-lokalisieren Speicher, # 148- # 147-shop, # 148- # 147-subscribe, # 148- und # 147-Produkte. # 148- Wenn Ihre Website mehr Inhalte orientiert als der Umsatz orientiert ist, eine Liste Ihrer wichtigsten zuerst Kategorie.

  
  Gamestop vereinfacht seine Desktop-Navigation (oben), indem nur benutzer- und Umwandlung orientierte Aufruf zum Handeln auf seiner mobilen Homepage (unten).

• Betrachten Sie die Home-Taste zu verlieren. Um Platz zu sparen, können Sie die Home-Taste in Ihrem Navigations weglassen und stattdessen haben Sie Ihre Top-of-Page-Logo auf der Homepage navigieren, wenn angezapft.

• Design für Touch und geben genügend Platz für einen Finger. Da sowohl das Tablet und Smartphone-Nutzer sind Ihre mobile Website mit Touch-Screens zu navigieren, ist es sehr wichtig, um sicherzustellen, dass der Hahn Empfindlichkeit Ihrer Navigationstasten sind groß genug, um zu verwenden. Die durchschnittliche Finger erfordert einen Raum mindestens 44 Pixel groß, und nach oben und unten von links nach rechts.

• Machen Sie Ihr Menü intuitiv. Ihre Besucher sollten genau wissen, wo jedes Ihrer Menüpunkte werden sie nehmen.

• Minimieren Sie Multi-Level-Navigation. Halten Sie es einfach, aber wenn Ihr Navigations einfach Dropdown-Ebenen haben müssen, fügen Sie nie mehr als zwei Schichten von Drop-down-Funktionalität.

• Stellen Sie sicher, dass Drop-Down-Menüs durch Berührung aktiviert werden. Obwohl Maus-Hover-Aktivierung in der Desktop-Erfahrung arbeitet, lässt es Ihre Benutzer in der mobilen Erfahrung stecken.

• Verwenden Sie visuelle Menüanzeigen. Wenn Sie einen Off-Screen-Menü, verwenden Sie ein Menü-Anzeige mit drei Leitungen, so dass Ihre Besucher Ihr Menü zugreifen können.

  Wenn Sie eine Multi-Level-Navigation haben, verwenden Sie eine intuitive Symbol, wie ein Pluszeichen (+), um anzuzeigen, dass der Menüpunkt hat weitere Dropdown-Optionen. Sehen Sie sich auch ein Symbol mit den Tasten zu unterscheiden, die auf eine neue Seite von Schaltflächen navigieren, die mehr Drop-Down-Optionen anzuzeigen. REI verwendet ein Recht; weisender Pfeil (>), um anzuzeigen, wenn ein Navigationspunkt Sie auf eine neue Seite nimmt.

  
  REI verwendet visuelle Menüanzeigen Benutzer durch seine vielschichtiger Navigation zu führen.

• Fügen Sie Touch-Feedback. Wenn Benutzer ein Element in die Navigation tippen, muss etwas passieren Benutzer zu versichern, dass sie an der richtigen Stelle angezapft. Dieses Feedback kann ein Farbwechsel, ein Blinzeln von Farbe oder eine Schriftwechsel sein. Lokale, die von einem Benutzer angezapft wird blau markiert.

  
  Search Engine Land verwendet Farbwechsel-Touch-Feedback, damit Benutzer wissen, wo sie in der Navigation getippt haben.

• Vermeiden Sie horizontale Scrollen. Im Allgemeinen sind die Suchmaschinen exzessiver links nach rechts Scrollen nicht gern, und weder sind Benutzer. Wenn Ihr Menü zu lang ist, innerhalb der Parameter des Bildschirms passt von links nach rechts, eine vertikale Navigation zu berücksichtigen.