![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300329-63831d1ed236e.webp\")
<\/a><\/p>\n\n Es mutiert jedoch zu einem einspaltigen Layout mit einem versteckten Men\u00fc sowohl auf dem Tablet als auch auf dem Handy. Das Website-Men\u00fc in der Desktop-Version enth\u00e4lt auch Beschriftungen und Symbole, die es f\u00fcr \u00e4ltere Generationen (die eher Desktop- oder Laptop-Benutzer sind) leichter verst\u00e4ndlich machen.\n<\/p>\n
\n Eine reibungslose Navigation spielt eine entscheidende Rolle, um potenzielle Kunden l\u00e4nger auf Ihrer Website zu halten. Benutzer sind ungeduldig. Sie werden nicht ewig warten, wenn sie nicht finden, was sie suchen. Infolgedessen kann sich eine schlechte Navigation direkt auf Ihre Conversion-Rate und damit auf Ihre Gewinne auswirken. Daher sollten Benutzer in der Lage sein, nahtlos auf Ihre Website zuzugreifen und auf allen Ger\u00e4ten zu navigieren.\n<\/p>\n \n Wenn es um die Navigation auf Websites geht, ist normalerweise weniger mehr. Minimieren Sie daher die Anzahl der Navigationslinks so weit wie m\u00f6glich. Sie m\u00f6chten Benutzer nicht mit zu vielen Auswahlm\u00f6glichkeiten \u00fcberfordern. Das Anbieten vieler Links kann sich auch negativ auf Ihre SEO auswirken, da Webcrawler es schwierig finden, solche Inhalte zu entschl\u00fcsseln.\n<\/p>\n \n Stellen Sie also sicher, dass Sie Links zu geeigneten Schl\u00fcsselw\u00f6rtern und Phrasen hinzuf\u00fcgen. Beheben Sie defekte Links so schnell wie m\u00f6glich. Wenn Sie eine alte Webseite durch eine neue ersetzt haben, stellen Sie sicher, dass Sie einen geeigneten Weiterleitungslink erstellen.\n<\/p>\n \n Spielen Sie nicht zu sehr mit Ihrer Kreativit\u00e4t. Oft ist es besser, bei der Standard-Navigationsarchitektur zu bleiben. In der Hoffnung, sich von der Masse abzuheben, wird oft exzessiv auf Animationen oder Grafiken zur\u00fcckgegriffen, was am Ende genau das Gegenteil bewirkt.\n<\/p>\n \n Es ist jedoch w\u00fcnschenswert, die neuesten Navigationstrends in Ihre Website aufzunehmen. Beispielsweise gab es 2017 unter anderem einen erheblichen Anstieg bei Sticky-Navigationsleisten, Mega-Men\u00fcs und reaktionsschnellen Sub-Navigationsmen\u00fcs. Die Verwendung einer dieser Funktionen auf Ihrer Website ist wahrscheinlich eine gute Idee.\n<\/p>\n \n Die Website des San Francisco Museum of Modern Art ist vielleicht die beste Kombination aus einfacher Navigation und beeindruckender Grafik. Das einfache, aber elegante Hauptmen\u00fc bietet Links zu allen wichtigen Informationen, einschlie\u00dflich Ausstellungen, Projekten, vorgestellten Kunstwerken, Ticketdetails, Besuchszeiten und Mitgliedschaft.\n<\/p>\n \n Sie m\u00fcssen nicht auf der Homepage nach unten scrollen, um alle diese Links zu sehen. Anstelle von Text und Bildern haben sie Videos verwendet, die einem das Gef\u00fchl geben, im Museum zu stehen.\n<\/p>\n \n Sie haben auch den intuitiven Navigationsrahmen auf der gesamten Website intakt gehalten. Egal, ob Sie sich die Kunstwerke oder die Projekte ansehen, Sie werden sich nie verloren f\u00fchlen. Die Website vermittelt die Komplexit\u00e4t von Kunst und Malerei auf relativ einfache Weise, genau so, wie gew\u00f6hnliche Leute es erleben m\u00f6chten.\n<\/p>\n \n Jeder wei\u00df, dass die Geschwindigkeit einer Website wichtig ist. Aber wie schnell Ihre Website sein muss, ist umstritten. Laut einer k\u00fcrzlich von Google ver\u00f6ffentlichten Studie ist eine Sekunde die ideale Ladezeit f\u00fcr Webseiten. Wenn das Laden Ihrer Website jedoch bis zu drei Sekunden dauert, sind Sie immer noch in Ordnung, da die Absprungrate nicht mehr als 32% betr\u00e4gt. Wenn die Ladezeit jedoch weiter ansteigt, beispielsweise auf f\u00fcnf Sekunden, betr\u00e4gt die Absprungrate 90 %, w\u00e4hrend eine Verz\u00f6gerung von zehn Sekunden zu einer Steigerung von 123 % f\u00fchrt.\n<\/p>\n \n Google bevorzugt seit einiger Zeit schnell ladende Websites. Es war jedoch nur auf PCs beschr\u00e4nkt. Angesichts des zunehmenden Webverkehrs auf Mobiltelefonen hat Google jedoch beschlossen, die Seitengeschwindigkeit ab Juli 2018 zu einem Rankingfaktor f\u00fcr die mobile Suche zu machen. Daher muss die Ladegeschwindigkeit der Website so hoch wie m\u00f6glich sein.\n<\/p>\n \n Das erste, was Sie tun m\u00fcssen, ist herauszufinden, wie viel Zeit es dauert, verschiedene Teile jeder Webseite auf Ihrer Website zu laden. Obwohl Sie Tools zur Geschwindigkeitsanalyse wie WebPageTest<\/strong> oder Pingdom<\/strong> verwenden k\u00f6nnen, reichen sie nicht aus.\n<\/p>\n \n Um zu sehen, wie schnell jedes Element auf Ihrer Website geladen wird, k\u00f6nnen Sie mit der rechten Maustaste auf die Seite klicken, die Sie analysieren m\u00f6chten, auf \u201eInspizieren“ klicken und dann auf die Registerkarte \u201eNetzwerk“ klicken. Sie k\u00f6nnen dies in jedem Browser tun. Zum Beispiel das Laden Zeit f\u00fcr verschiedene Elemente auf der Webseite http:\/\/www.instantshift.com\/category\/web-design\/<\/a> im Firefox-Browser ist unten dargestellt. Diese Analyse liefert Ihnen die Daten, um langsam ladende Elemente auf jeder Webseite zu identifizieren.\n<\/p>\n \n Es zeigt Ihnen auch, wie viele HTTP-Anfragen Ihre Website macht. Die Reduzierung der Anzahl der HTTP-Anforderungen ist eine gro\u00dfartige M\u00f6glichkeit, die Geschwindigkeit zu verbessern. Identifizieren und entfernen Sie gegebenenfalls unn\u00f6tige Bilder, Texte oder Grafiken.\n<\/p>\n \n Andere Schritte zur Geschwindigkeitsverbesserung umfassen die Verwendung eines Content Delivery Networks (CDN), die Verwendung einer cookielosen Domain, die von einem CDN unterst\u00fctzt wird, um Ihre statischen Dateien zu hosten, das Minimieren und Kombinieren Ihrer HTML-, CSS- und JavaScript-Dateien, das Installieren von Google PageSpeed \u200b\u200bauf Ihrem Server und Verz\u00f6gern des Ladens von JavaScript, unter anderem.\n<\/p>\n \n Sowohl Text als auch visuelle Elemente sind entscheidende Faktoren einer Website. Ihre Website kann jedoch nicht mehr Web-Traffic anziehen, ohne das richtige Gleichgewicht zwischen diesen beiden Elementen zu finden. Mit anderen Worten, die Grafiken sollten den Text nicht \u00fcberlagern und umgekehrt.\n<\/p>\n \n Das menschliche Gehirn jedoch neigt dazu, sich Bilder besser und l\u00e4nger zu merken. Tats\u00e4chlich k\u00f6nnen sich die Leute fast drei Tage sp\u00e4ter an 65 % der visuellen Elemente erinnern, verglichen mit 10 % der Textinhalte im gleichen Zeitraum. Ihre Inhalte k\u00f6nnen bis zu 94 % mehr Aufrufe generieren, wenn Sie \u00fcberzeugende visuelle Elemente und Grafiken hinzuf\u00fcgen.\n<\/p>\n \n Au\u00dferdem k\u00f6nnen virale visuelle Inhalte (Videos, GIFs und Bilder) mehr eingehende Links generieren. Au\u00dferdem greifen immer mehr Menschen \u00fcber ihr Handy auf das Internet zu, insbesondere die junge Generation. Die Verwendung von mehr Bildmaterial ist sinnvoll, da das Ansehen eines Videos so viel einfacher ist als das Lesen eines langen Absatzes auf dem Handy.\n<\/p>\n \n Es gibt jedoch einen Haken. Mehr hochaufl\u00f6sende Videos, Grafiken und Bilder bedeuten, dass Ihre Website langsamer geladen wird. Wie im vorherigen Punkt erw\u00e4hnt, f\u00fchren langsamer ladende Websites zu h\u00f6heren Absprungraten. Suchmaschinen finden es auch schwierig, Bilder im Vergleich zu Text zu erkennen. Eine M\u00f6glichkeit, dieses Problem zu l\u00f6sen, besteht darin, den Bildern einen geeigneten \u201eAlt-Text“ hinzuzuf\u00fcgen.\n<\/p>\n \n Konzentrieren Sie sich bei der Verwendung von \u201eAlt-Text“ nicht nur auf das Keyword-Targeting, sondern auch auf die Absicht des Benutzers. Schauen Sie sich zum Beispiel das folgende Bild an. Es k\u00f6nnte eine Vielzahl von Dingen bedeuten. Sie k\u00f6nnen dieses Bild als Zeichen von Gl\u00fcck oder Motivation oder sogar als Erfolgserlebnis wahrnehmen.\n<\/p>\n \n Wenn sich Ihre Website also mit etwas wie pers\u00f6nlichem oder beruflichem Erfolg befasst, ist die Erw\u00e4hnung von \u201eM\u00f6glichkeiten, Ihr Ziel zu erreichen“ in Ihrem \u201eAlt-Text“ viel besser als einfach zu sagen \u201eein M\u00e4dchen, das am Sonnenuntergang springt“.\n<\/p>\n \n Auf der anderen Seite sollte eine Website \u00fcber Depressionen und Beratung etwas in der Art von \u201eDepressionen mit inh\u00e4rentem Gl\u00fcck \u00fcberwinden“ verwenden. Vermeiden Sie es jedoch, mit der Beschreibung \u00fcber Bord zu gehen. Es sollte nicht unnat\u00fcrlich aussehen, da Suchmaschinen Keyword-Stuffing nicht m\u00f6gen. Verwenden Sie eine relevante und aussagekr\u00e4ftige Beschreibung.\n<\/p>\n \n Visuelle und textliche Balance sollten jedoch nicht unbedingt symmetrisch sein. Sie k\u00f6nnen diese beiden Elemente asymmetrisch anordnen, insbesondere wenn Sie Ihrem Webdesign einen informelleren, moderneren oder entspannteren Look verleihen m\u00f6chten.\n<\/p>\n \n Die Startseite von Dropbox<\/strong> ist ein Beispiel f\u00fcr ein asymmetrisches Layout von Text und Bildern. Es lenkt die Aufmerksamkeit des Benutzers sofort auf die Schwerpunkte. Aber weder die Optik noch der Text scheinen sich gegenseitig zu \u00fcbertreffen.\n<\/p>\n \n Seedlip<\/strong>, ein Unternehmen, das destillierte alkoholfreie Spirituosen verkauft, macht reichlich Gebrauch von Leerzeichen sowie fette Schriftarten und einfachen Text, wo immer dies m\u00f6glich ist. Es ist die richtige Balance von Text und Bild, die ihrer Zielgruppe gute Dienste leisten soll.\n<\/p>\n \n Trotz aller Vorsichtsma\u00dfnahmen kann es immer noch vorkommen, dass etwas schief geht und zu Fehlern auf der Website f\u00fchrt. W\u00e4hrend Sie diese ungl\u00fccklichen Fehler nicht ganz vermeiden k\u00f6nnen, k\u00f6nnen Sie sie sicherlich mit Anmut annehmen. Ihre potenziellen Kunden sind bereits irritiert, wenn sie auf eine fehlerhafte Webseite sto\u00dfen. Warum Salz in ihre Wunde streuen mit einer langweiligen (oder geradezu \u00e4rgerlichen) Fehlermeldung? Leider wird dieser Aspekt des Webdesigns weitgehend \u00fcbersehen.\n<\/p>\n \n Auch wenn Ihre Benutzer einen falschen Benutzernamen oder eine falsche URL-Adresse eingegeben haben, vermeiden Sie es um jeden Preis, ihnen die Schuld zu geben. Im Gegenteil, Fehlermeldungen m\u00fcssen so benutzerfreundlich wie m\u00f6glich sein. Verwenden Sie immer eine h\u00f6fliche Sprache, wenn Sie auf einen Fehler hinweisen. Anstatt beispielsweise eine Standardnachricht wie \u201eDie von Ihnen eingegebene E-Mail-Adresse ist falsch“ zu verwenden, verwendet Mail Chimp<\/strong> die folgende Fehlerbehandlungsbeschreibung.\n<\/p>\n \n Piccsy<\/strong> bringt die Fehlerbehandlung mit Hilfe von unbeschwertem Humor auf eine ganz neue Ebene. Wenn Sie auf ihrer Website auf den Fehler \u201e404 \u2013 Seite nicht gefunden“ sto\u00dfen, sehen Sie Folgendes.\n<\/p>\n<\/a><\/p>\n\n 2 Einfache Navigation
\n<\/h3>\n\n Antwort: Weniger ist mehr
\n<\/h5>\n\n B. Zu viel Kreativit\u00e4t kann sch\u00e4dlich sein
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 3 Schnell ladende Website
\n<\/h3>\n<\/a><\/p>\n\n A. Identifizieren Sie die Ladezeit f\u00fcr jedes Element
\n<\/h5>\n<\/a><\/p>\n\n B. Reduzieren Sie die Anzahl der HTTP-Anforderungen
\n<\/h5>\n\n 4 Ausgewogener Einsatz von Bild und Text
\n<\/h3>\n\n A. Wir erinnern uns leicht an Visuals
\n<\/h5>\n<\/a><\/p>\n\n B. Visuals sind mit Kosten verbunden
\n<\/h5>\n<\/a><\/p>\n\n C. Asymmetrische Visuals-Text-Balance funktioniert auch
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 5 Korrekte Fehlerbehandlung
\n<\/h3>\n\n A. Seien Sie h\u00f6flich
\n<\/h5>\n<\/a><\/p>\n\n B. Verwenden Sie unbeschwerten Humor
\n<\/h5>\n