Kategorie
Strony www

5 wskazówek dotyczących projektowania nawigacji na Twojej stronie internetowej

Nawigacja to jeden z najistotniejszych elementów strony internetowej. 

Zapewnia ogólny przegląd tego, co znajdą tam odwiedzający (co również jest dobre dla SEO). Pomaga odwiedzającym orientować się, dzięki czemu mogą szybko poruszać się po witrynie. Ponadto umożliwia im szybkie podjęcie działań, takich jak odwiedzenie koszyka lub przeszukanie witryny pod kątem potrzebnych informacji.

Jako projektant stron internetowych musisz upewnić się, że nawigacja w witrynie jest zaprojektowana tak, aby odwiedzający mogli czerpać z niej jak najwięcej. 

Dzisiaj przyjrzymy się pięciu rzeczom, o których należy pamiętać podczas projektowania nawigacji w witrynie. Podamy przykłady z BeTheme , abyś mógł zobaczyć, jak wyglądają te najlepsze praktyki.

Jak zaprojektować świetną nawigację w witrynie (z przykładami)

Łatwo jest przyjąć nawigację w witrynie jako powtarzający się wszędzie schemat. Tak długo, jak pojawia się na górze witryny, zawiera linki do najważniejszych stron i jest uporządkowany, to jest dobrze? 

Nie bardzo. 

Ponieważ nawigacja ma tak ważne zadanie do wykonania, musi być zaprojektowana z rozwagą. Oto, co musisz wiedzieć:

PORADA 1: SPRAW, ABY LOGO BYŁO WIDOCZNE 

Logo jest zasadniczo cyfrową twarzą firmy. Nie tylko reprezentuje ich na swojej stronie internetowej, ale także reprezentuje ich na innych platformach – mediach społecznościowych, forach internetowych, stopkach e-mail i tak dalej. 

Z tego powodu logo odgrywa istotną rolę w budowaniu rozpoznawalności marki, zaufania i lojalności. 

Aby zmaksymalizować siłę budowania marki, logo musi być odpowiednio umieszczone, zwymiarowane i rozstawione w nagłówku strony. Oto kilka ogólnych zasad, których należy przestrzegać: 

1. Link: Połącz logo ze stroną główną.

2. Umieszczenie: Umieść go w lewym górnym rogu, jeśli to możliwe (zgodnie z badaniami NNG ). Jeśli chcesz umieścić go na środku, upewnij się, że w lewym górnym rogu znajduje się link Strona główna.

BeBaker 3 gotowych witryna używa tej alternatywnej możliwości umieszczenia logo:

3. Rozmiar: dopasuj go tak, aby każdy szczegół był łatwy do zobaczenia i odczytania. Idealne rozmiary to 250px x 100px dla prostokątnych logo i 160px x 160px dla kwadratowych, choć wszystko zależy od tego, ile miejsca chcesz dać swoim linkom nawigacyjnym.

Na przykład logo BeDentist 4 ma wymiary 166 x 60 pikseli: 

Powiększenie logo bez zwiększania rozmiaru czcionki nagłówka spowodowałoby utworzenie zbyt dużej przestrzeni wokół nawigacji. Więc to trochę gra w równowagę. Jeśli zdecydujesz się na większe logo, upewnij się, że nie tworzy ono tak dużej przestrzeni, aby Twoje linki się w nim zatraciły.

PORADA 2: SPRAW, ABY NAGŁÓWEK BYŁ PRZYKLEJONY

Witryny często mają wiele do przekazania odwiedzającym. Aby nie przytłaczać ich treścią czytaną jak strony z książki czy czasopisma, projektujemy je w sekcjach i z dużą ilością białych przestrzeni pomiędzy nimi.   

W związku z tym strony internetowe mogą być scrollowane dość długo.

Ale to nie jest problem. Dopóki udostępniane informacje są istotne, odwiedzający chętnie je przesuwają w dół. Problemem jest wysiłek wymagany do przewinięcia do góry po zakończeniu — zwłaszcza jeśli przeglądają witrynę na smartfonie.

Przyklejony nagłówek oferuje rozwiązanie tego problemu. Nie tylko przykleja się do góry strony. Zobacz, jak zmienia się tytuł na jednostronicowej witrynie BePizza 5 : 

Gdy odwiedzający przewija stronę, unikalnie zaprojektowany pasek nawigacyjny kurczy się. Chociaż jest znacznie mniejszy, nadal można z niego korzystać. 

Alternatywnie możesz użyć przyklejonej nawigacji z wyrównaniem do lewej, tak jak robi to wstępnie zbudowana strona Chata 2 :

Logo jest nadal w dobrym miejscu, linki nawigacyjne są widoczne przez cały czas i nie zabierają zbyt wiele miejsca głównej treści. 

PORADA 3: ZAZNACZ BIEŻĄCĄ STRONĘ, NA KTÓREJ JEST ODWIEDZAJĄCY 

Nawet jeśli projektujesz mniejszą witrynę, zawsze warto poinformować odwiedzających, którą podstronę przeglądają. 

Górna część strony może dostarczyć wskazówek, gdzie się znajdują, ale widoczny znacznik w nawigacji zapewniłby szybszy punkt odniesienia. A im szybciej zorientują się, gdzie się znajdują, tym szybciej mogą odwiedzić niezbadane obszary witryny. 

Istnieje kilka sposobów wyróżnienia lokalizacji odwiedzającego w nawigacji. To zależy od tego, czego wymaga Twoja marka i styl projektowania. 

Dzięki BeTheme masz wiele opcji. Na przykład możesz zobaczyć tutaj w nawigacji Be Ebook 3, że kolor tekstu zmienia się z czarnego na niebieski dla bieżącej strony: 

Innym sposobem na dodanie subtelnego podświetlenia do nawigacji byłoby umieszczenie kolorowej linii pod bieżącą stroną. 

Z drugiej strony, strona prefabrykowana Nursing Home wykorzystuje bardziej widoczny styl podświetlenia: 

 

W przypadku witryny skierowanej do starszych użytkowników umieszczenie bloku koloru wokół linków do bieżącej strony ma wiele sensu, ponieważ nie można go przeoczyć. 

PORADA 4: UŻYWAJ TYLKO ROZPOZNAWALNYCH IKON

Ikonografia może być przydatnym elementem w projektowaniu stron internetowych. Zwykle łączymy go z etykietami tekstowymi, aby wizualnie przekazać lub wyjaśnić, o co chodzi w danym punkcie. Możemy jednak również używać ikon jako samodzielnych elementów zamiast etykiet tekstowych. 

Projektanci muszą jednak zachować ostrożność podczas korzystania z samodzielnych ikon w nawigacji. Jest tylko kilkadziesiąt ikon, które są powszechnie rozpoznawalne — na większość z nich nie ma miejsca w nawigacji. 

Te, które możesz tam umieścić, można znaleźć mniej więcej na gotowej stronie BeDietShop : 

Znajdują się tutaj cztery ikony nawigacji: 

  • Profil użytkownika dla ustawień konta
  • Serce dla polubień lub ulubionych
  • Torba na zakupy na stronę koszyka/torby
  • Lupa do wyszukiwania

Istnieje kilka innych ikon, których używasz w nawigacji, ale zwykle znajdują się one w bardziej wyspecjalizowanych witrynach (takich jak e-commerce i międzynarodowe).

Ikony mogą stanowić ogromny skrót nawigacyjny. Tylko uważaj, których używasz. Jeśli nie wszyscy, użytkownicy wiedzą, co one zonaczają, może to utrudnić korzystanie z nawigacji.

PORADA 5: UPORZĄDKUJ MEGA MENU, ABY BYŁY ŁATWE DO PRZEGLĄDANIA

Ogólnie rzecz biorąc, większe strony internetowe mogą wymagać rozbudowania swojego menu. 

Mega menu od dawna jest konstrukcją nawigacji wykorzystywaną w witrynach zawierających kilkanaście linków i wiele poziomów stron. I jest skuteczny, o ile jest dobrze zorganizowany. 

Aby zorganizować mega menu, możesz użyć taktyk projektowania podobnych do tych, których używasz do organizowania stron internetowych: 

  • Pogrubione nagłówki 
  • Kolumny dla powiązanych stron
  • Obrazy podkreślające ważne strony

Możesz zobaczyć niektóre z tych taktyk stosowanych w mega menu Betheme Store :

Nagłówki i kolumny ułatwiają odwiedzającym przeglądanie różnych dostępnych kategorii i stron. 

Jeśli mega menu wydaje się zbyt uciążliwe dla Twojej witryny, to w porządku. Witryny z tysiącami podstron mogą być trudne do utrzymania w porządku, nawet przy rozbudowanej strukturze menu. 

Alternatywnie możesz zaprojektować bardziej tradycyjną nawigację jednopoziomową, a następnie przekształcić stronę wyszukiwania w narzędzie nawigacyjne dzięki użyciu filtrów i sortowania, tak jak robi to BeClothingstore : 

 

Ten rodzaj „nawigacji” po stronie internetowej może zmniejszyć przytłoczenie lub niepokój, jaki odczuwają ludzie, gdy wyświetlanych jest zbyt wiele opcji naraz. 

Spraw, aby nawigacja działała dobrze

Bez nawigacji w witrynie odwiedzający mieliby dużo pracy, aby znaleźć ścieżki do innych informacji i punktów konwersji w Twojej witrynie. To powiedziawszy, umieszczenie wiersza linków nawigacyjnych u góry (lub z boku) witryny nie wystarczy. 

Poświęć trochę czasu na zaprojektowanie nawigacji tak, aby ułatwiała wykrywanie treści i przyspieszała poruszanie się użytkowników po Twojej witrynie. 

Najłatwiejszym sposobem na uzyskanie świetnie wyglądającej i wysoce użytecznej nawigacji jest wybranie odpowiedniego motywu, który umożliwia Ci to. Jeśli chcesz po prostu zamówić atrakcyjną i dobrze nawigowaną stronę www, zadzwoń lub napisz do nas już dziś korzystając z podstrony kontaktu.

Kategorie
Pozycjonowanie Strony www

5 powodów, dla których nie warto używać Wix.com dla swojej strony internetowej

Często zdarzało mi się, że klienci przychodzili do mnie po użyciu Wix  do budowy strony internetowej i proszą o pomoc w zwiększaniu widoczności ich witryn. I tu tkwi szkopuł. Wix bardzo ułatwia zbudowanie świetnie wyglądającej strony internetowej, jednak tak samo łatwo jest zbudować bardzo słabo działającą stronę internetową, której nie uświadczysz w wynikach wyszukiwania Google.

Więc jeśli Wix ułatwia tworzenie strony internetowej, dlaczego nie miałbyś jej użyć?

1. Wix ułatwia tworzenie strony internetowej

Więc jeśli Wix ułatwia budowę strony internetowej, dlaczego jest to negatywne? Jeśli podchodzisz do tworzenia strony internetowej jako do „łatwego” zadania, to zaczynasz od złej drogi. Lubię myśleć, że wiem, co wygląda dobrze, ale gdybym próbował zaprojektować broszurę, wyglądałoby to szokująco – nie jestem grafikiem i nigdy bym się za niego nie uważał, więc dlaczego miałbyś udawać programistę stron internetowych, gdy Twoja firma zajmuje się czymś innym?

Gdyby stworzenie działającej strony internetowej było „łatwe”, nie byłoby setek tysięcy artykułów na blogu na temat optymalizacji pod kątem wyszukiwarek (SEO), struktur treści, zarządzania reputacją witryny i poza nią oraz optymalizacji konwersji.

Osobiście uważam, że większość firm, zwłaszcza małych i średnich, nie spędza wystarczająco dużo czasu na researchu przed zamówieniem strony www. Dość często dzieje się tak dlatego, że nie wiedzą, o co pytać, lub agencje internetowe nie poświęcają czasu na zadawanie właściwych pytań. Właściciele firm niekoniecznie powinni wiedzieć, jakie pytania zadać – Twoja firma to Twoja specjalność, powinieneś być w stanie zaufać swojemu programiście, który zada właściwe pytania.

Wix ułatwia od razu wejście, złożenie strony internetowej i opublikowanie jej. Zanim to zrobisz, musisz się zatrzymać, pomyśleć i zastanowić, czego Twoja firma potrzebuje, aby Twoja obecność w sieci była widoczna.

Musisz zastanowić się nad strukturą treści, rozmiarami przesyłanych obrazów, tytułami stron, których użyjesz, tekstem nagłówka dla każdej strony, wezwaniami do działania, które pojawiają się w wynikach wyszukiwania (SERP), a także konwersją i optymalizacją. Oprócz tego musisz upewnić się, że wdrożyłeś śledzenie online, aby wiedzieć, jak strona działa, i skonfigurować podstawowe narzędzia Google, aby uzyskać informacje ze swojej witryny, które mogą wpływać na Twoje decyzje marketingowe.

Tak, widziałem drogie witryny bez zainstalowanego Google Analytics — fundamentalne przeoczenie, którego tak naprawdę nie powinieneś mieć, wydając tysiące złotych. Ktoś też do mnie zadzwonił, żeby uczynić swoją stronę bardziej widoczną. Wydali 400 złotych na swojej stronie internetowej z jakąś przypadkową firmą zagraniczną. Ile kosztowała ich ta „tania” strona internetowa? Prawdopodobnie okazuje się, że strona internetowa kosztowała ich tysiące w utraconych interesach..

Dlatego zbudowanie strony internetowej nie powinno być łatwe. To, co dobrze wygląda, niekoniecznie działa dobrze.

2. Wix ukrywa złożoność

Łaaaaaaa! To kolejna korzyść, którą widzę w postach! Ukrywanie zawiłości w tworzeniu stron internetowych niekoniecznie jest dobrą rzeczą. Wix ułatwia projektowanie stron internetowych, takich jak one page, co nie jest dobret. To, co widzisz, nie jest tym, co widzi Google. Chociaż Google bierze pod uwagę wrażenia użytkownika, chodzi głównie o treść i przyjazność dla urządzeń mobilnych i tym podobne. Jednym z najbardziej podstawowych elementów, o które dba Google, jest struktura tytułów stron i to, co mówią o stronie, jednak w przypadku kilku witryn Wix, które widziałem, nie zwraca się na to uwagi, mimo że Wix obsługuje ustawienia SEO dla stron.

Google nie dba o to, czy Twój przycisk wygląda ładnie, czy Twój obraz jest oszałamiający.  Poniższy wynik wyszukiwania jest dość typowy, gdy nie wiesz, co robić. W wyniku nie ma wezwania do działania, a opis nie mówi, o czym jest strona. Jeśli jest to jeden z dziesięciu podobnych wyników, prawdopodobnie kliknąłbym bardziej kuszący.

Popraw ranking wyszukiwania Google — zły przykład

Ukrywając te zawiłości, bardzo łatwo jest być naprawdę dumnym ze swojej nowej strony internetowej i chwalić się nią światu w social mediach. Chwal się chwal, ponieważ może to być najlepszy sposób na znalezienie Twojej witryny przez kogokolwiek, ponieważ Google może jej nie znaleźć.

Musisz zdawać sobie sprawę z wszystkich trudniejszych elementów, które składają się na Twoją obecność w sieci, takich jak SEO, wykazy firm poza witryną, recenzje i nie tylko. . Niedawny wykres opracowany przez specjalistyczną firmę MOZ pokazał, że Twoja witryna stanowi tylko element Twojej obecności w Internecie – są tam linki zwrotne, wykazy firm, cytaty i Twoja witryna. Bez tego wszystkiego możesz nie zostać znaleziony przez swoich klientów, więc niestety Twoja ładna witryna Wix nie spełni swoich oczekiwań.

Widziałem briefy i cytaty, które nie odzwierciedlają najbardziej podstawowych funkcji, jakich potrzebuje firma, i często traktują SEO jako „opcjonalny dodatek”. Nie jest. Jest to niezbędne, a często wdrożenie prostych kroków znacznie wpłynie na Twoją widoczność.

3. Wix hostuje Twoją witrynę

Jeśli Twoja witryna zacznie działać wolniej niż zwykle, dobrym miejscem na rozpoczęcie jest przyzwoity hosting. Jeśli witryna jest oparta na jednym z systemów zarządzania treścią o otwartym kodzie źródłowym, takim jak WordPress lub Silverstripe, cała masa firm hostingowych chce, aby Twoja witryna była hostowana za grosze. Niektóre są świetne, inne złe.

Generalnie nie podoba mi się pomysł korzystania z zastrzeżonego systemu zarządzania treścią, niezależnie od tego, czy jest to platforma taka jak Wix, czy ta opracowana przez twoją agencję. Jeśli hosting będzie zbyt mały dla Ciebie, najprawdopodobniej będziesz musiał zacząć od nowa. Chociaż WordPress nie jest jedyną dostępną platformą, właściciele firm pytali mnie, czy jest to przyzwoita opcja, czy jest używana „tylko” przez blogerów?  Techcrunch używa WordPressa, a Mashable używał go kiedyś – mogę śmiało powiedzieć, że ich strony są prawdopodobnie większe niż Twoja.

Kiedy rozwijasz swoją witrynę za pomocą Wix, nie masz dokąd pójść – oni hostują Twoją witrynę i nie możesz iść gdzie indziej , co prowadzi mnie do następnego punktu.

4. Nie możesz łatwo przenieść swoich danych Wix w inne miejsce

Masz szczęście, a Twoja witryna działa dobrze i chcesz dodać do niej funkcje, które nie są obsługiwane przez Wix, lub chcesz przeprowadzić gruntowny przegląd. Zasadniczo wyrosłeś ze swojej witryny.

Jeśli tak się stanie, bardzo trudno będzie przenieść Twoje treści z Wix. Jeśli masz witrynę opartą na WordPressie, możesz zachować całą zawartość i zastosować inny motyw lub niestandardowy motyw (który w rzeczywistości jest układem). Twoja strona internetowa wygląda zupełnie inaczej, ale nie musisz ponownie wprowadzać treści. Po zmianie motywów nadal pozostaje wiele do zrobienia, ponieważ wszystkie mają swój własny sposób działania, różne rozmiary obrazów w różnych gniazdach, ale możesz zachować całą zawartość.

Jeśli uważasz, że możesz wyrosnąć z Wix, być może pełne tworzenie stron internetowych jest obecnie poza twoim budżetem, ale pamiętaj, aby uwzględnić ten potencjalny koszt w przyszłości .

5. Wix nie jest darmowy — może być droższy niż myślisz

Wix jest bardzo atrakcyjną platformą początkową, ponieważ oferta podstawowa jest bezpłatna. To bardzo skuteczna technika sprzedaży, która przyciąga klientów do drzwi. Mailchimp używa podobnej techniki, ale nawet Mailchimp nie pozwala na dostęp do automatycznych sekwencji wiadomości e-mail w swojej ofercie podstawowej – jest to istotna część marketingu e-mailowego.

W darmowych planach masz markę Wix na swojej stronie, a mała ikona pokazana na pasku przeglądarki będzie logiem Wix. Nie możesz również dodać śledzenia Google Analytics, dopóki nie uzyskasz abonamentu premium.

Plany premium zaczynają się od zaledwie 4 dolarów miesięcznie, więc nie jest to w żaden sposób drogie, a dochodzą do 24 dolarów miesięcznie.

Gdy zaczniesz dodawać funkcje, Wix ma „sklep z aplikacjami”, dzięki czemu możesz wybrać, których aplikacji chcesz użyć. Do wyboru jest mnóstwo aplikacji, a wiele z nich zaczyna od oferty „freemium” z większą liczbą funkcji w cenie, więc wróć do tej witryny i weź pod uwagę swoje koszty.

Największy koszt korzystania z Wix dla wielu osób jest ukryty.  Jest to koszt stron tworzonych przez użytkowników, którzy mogą nie wiedzieć, co sprawia, że ​​strona naprawdę działa, dlatego nie można jej znaleźć lub nie działa dobrze. Ten brak funkcjonalności prawdopodobnie kosztuje Cię krocie.

Porównuję tę stratę do właściciela warsztatu, który kilka lat temu zbudował tanią stronę internetową. Nie można go było znaleźć. Kiedy pojawiła się nowa strona internetowa i wykazy firm poza witryną, był zasypywany pracą. Jeśli wyobrażasz sobie, że zbudował tę witrynę w Wix (tak jak niektórzy z jego konkurentów) bez zrozumienia ważnych elementów widoczności w wyszukiwarkach, poniższy scenariusz jest niezwykle ostrożnym oszacowaniem ilości utraconej pracy:

  • Średnia praca w warsztacie to 300 złotych
  • Jedna praca tygodniowo pochodzi z nowej strony internetowej = 52 x 300 = 15 600 zł rocznie
  • Stara strona internetowa działała przez 4 lata = 4 x 15 600 = 62 400 zł

Ta tania strona internetowa kosztowała go 62 400 złotych utraconych przychodów w ciągu 4 lat.

W Polsce średni koszt naprawy samochodu wynosi 300-500 zł i mogę śmiało założyć, że w wyniku znalezienia się w Internecie otrzymuje się więcej niż jedną pracę tygodniowo. Możesz wtedy wziąć pod uwagę stałą całkowitą wartość klienta przy regularnym przeglądzie, testach sprawności drogowej i nie tylko, całkiem możliwe, że ta tania strona internetowa kosztowała go znacznie więcej niż wartość nominalna.

5 klientów tygodniowo po 300 zł, w ciągu 4 lat to 312 000 złotych utraconych przychodów z powodu złej witryny , i to bez dodatkowej sprzedaży.

Wnioski

Za pomocą platformy Wix można zbudować przyzwoitą witrynę generującą przychody. Największym problemem z Wix jest to, że łatwo jest stworzyć stronę internetową, którą uważasz za świetną i dała wielu ludziom wrażenie posiadania dobrej strony internetowej, gdy jest to dalekie od prawdy.

Strony internetowe nie są broszurami i nie powinny być traktowane w ten sposób.

Aby przynosić przychody ze strony internetowej, musisz myśleć o niej jako o obecności online, zaznaczając wszystkie właściwe pola i zainwestuj czas i pieniądze, aby to zrobić dobrze.

Czy możesz sobie pozwolić na stratę 312 000 zlotych w swojej firmie?

Jeśli potrzebujesz niezależnej pomocy w opisie swojej witryny lub chcesz przeprowadzić kontrolę stanu Twojej obecności w Internecie, skontaktuj się z nami już dziś .