Najlepsze praktyki dotyczące struktury witryny internetowej
Opublikowany: 2020-12-17Witryny internetowe to zasadniczo zasoby informacyjne publikowane do użytku przez ludzi. Podobnie jak książki, mogą być małe lub obszerne. Jednak w przeciwieństwie do książek treść witryny internetowej może mieć różne struktury, wykorzystując swobodę wypowiedzi i projektowania.
Jednocześnie strony internetowe muszą przestrzegać najlepszych branżowych praktyk UX oraz nawyków i oczekiwań użytkowników, więc wolność jest dość ograniczona. Struktura witryny jest kluczem do tego, w jaki sposób informacje są dostępne i wykorzystywane przez grupę docelową. Dlatego musi być zbudowany według wielu zasad.
Dlaczego struktura witryny jest ważna?
Struktura serwisu odnosi się do tego, jak witryna jest zbudowana, jak wszystkie jej podstrony są ze sobą powiązane i jaka jest hierarchia. Dobra struktura sprawi, że wyszukiwanie informacji będzie intuicyjne i łatwe w użyciu.
Kiedy projektanci tworzą strukturę witryny, muszą pomyśleć o tym, jak użytkownicy będą korzystać z witryny i poruszać się po jej zawartości. Punkt ciężkości zostaje przeniesiony z tego, co publikować, na to, jak i dlaczego .
Struktura witryny jest fundamentalną koncepcją z trzech głównych punktów widzenia: celów właściciela firmy, doświadczeń odwiedzających witrynę, którzy z niej korzystają, oraz wyszukiwarek, które indeksują, klasyfikują i dostarczają treści właściwym użytkownikom.
Jak działa dobra struktura witryny
Gdy informacje na stronie są dobrze zorganizowane i wsparte odpowiednim projektem, wszyscy są zadowoleni - właściciel strony, użytkownicy i wyszukiwarki.
Oto jak działa dobra struktura:
Wspiera cele właściciela firmy i zwiększa oczekiwane rezultaty
Inwestując w witrynę internetową, należy wyznaczyć jasne cele dotyczące jej wydajności. Cele te muszą być zintegrowane i wyrażone w strukturze witryny.
Na przykład, jeśli chcesz skupić się na blogu i opublikowanych zasobach, musisz umieścić najlepsze artykuły na stronie głównej i wyróżnić sekcje zasobów w menu. Możesz także zdecydować, aby strona główna była otwierana w najnowszych postach na blogu - co jest typową opcją WordPress, używaną przez wydawców cyfrowych i blogerów.
Panel administracyjny WordPress, ustawienia czytania - wybór strony głównej jako strony statycznej i strony bloga
Poprawia wrażenia użytkownika
Struktura serwisu ma duży wpływ na wygodę użytkowania strony internetowej. Gdy informacje są uporządkowane w logiczny sposób i wszystko jest intuicyjnie dostępne, użytkownicy płynnie poruszają się po treści, aby znaleźć i wykorzystać to, czego szukają.
Poprawia SEO, optymalizując indeksowanie robotów
Wyszukiwarki (Google) współpracują z narzędziami, które indeksują zawartość witryny i sortują ją dla użytkowników. Witryny przyjazne dla robotów indeksujących mają dobrą strukturę i dlatego są wyżej oceniane przez wyszukiwarki.
XX Najlepsze praktyki dotyczące struktury witryny internetowej
Bez jasnej wizji, jak zaplanować stronę internetową i zbudować jej strukturę, nie jest możliwe projektowanie i tworzenie stron internetowych.
Poniższe dobre praktyki obejmują opisane powyżej perspektywy i korzyści podczas planowania strony internetowej.
Wskazówki dotyczące projektowania stron internetowych: jak ulepszyć swoją grę w projektowaniu stron internetowych
1. Ustal cele biznesowe i docelowych odbiorców
Twoja strona internetowa jest narzędziem służącym do obsługi Twojego biznesu. Planowanie, jakie informacje na niej będziesz publikować i jak często będziesz je aktualizować, ma fundamentalne znaczenie dla struktury witryny. Musisz zdecydować, jakie produkty lub usługi będziesz prezentować i sprzedawać w witrynie.
W oparciu o swoje cele i cele komunikacyjne możesz wybrać jedno z dwóch podstawowych podejść:
- Projektowanie zorientowane na użytkownika - gdzie wszystkie informacje są podzielone na kategorie i uporządkowane według docelowych grup użytkowników. Takie podejście jest koniecznością dla dużych firm, takich jak telekomunikacja czy instytucje, obsługujących miliony ludzi, gdzie użytkownicy muszą znaleźć własną kategorię i informacje dostosowane do ich potrzeb.
ATT.com otwiera się bezpośrednio w sekcji „Osobiste”, ale ma również sekcję dla małych firm i przedsiębiorstw; na tym obrazku - wybrana sekcja Enterprise
Czytaj więcej: Infografika: Jak opracować koncepcje WordPress zorientowane na użytkownika
- Projekt skoncentrowany na firmie lub produkcie - te witryny internetowe są zaprojektowane tak, aby przedstawiać samego właściciela firmy i / lub jej produkty. Mogą również obejmować sekcje i strony, skierowane do określonych grup użytkowników, ale marka nadal jest głównym celem.
Struktura serwisu IMDB.com koncentruje się na produkcji: filmach, programach telewizyjnych i gwiazdach
2. Przeprowadź badanie konkurencji
Projektując witrynę internetową, warto zbadać konkurencję z kilku powodów. Jednym z nich jest sprawdzenie struktury ich witryn.
Gdy najważniejsza jest struktura witryny, możesz chcieć zbadać układ strony głównej konkurencji, sposób grupowania i prezentowania usług, hierarchię stron wewnętrznych, organizację nawigacji i przepływ zachowań użytkowników.
Z perspektywy SEO, badania konkurencji pomogą Ci dowiedzieć się, jakich słów kluczowych związanych z branżą należy użyć w przypadku nazw i adresów URL stron głównych, kategorii, sekcji i nawigacji w Twojej witrynie.
Jak wykorzystać badania konkurencji, aby dopracować swoją strategię marketingową
3. Zrób spis całej swojej zawartości
Aby móc uporządkować swoje treści, musisz najpierw opisać, co chcesz opublikować w witrynie. Kiedy masz już wszystko, wystarczy pogrupować to w kategorie i wybrać odpowiednie etykiety.
Jeśli jest to nowa witryna, możesz sporządzić listę tego, co chcesz w niej opublikować. Nie zapomnij dodać notatki o tym, kto będzie odpowiedzialny za produkcję treści i jak często będzie ona tworzona i aktualizowana.
Podczas przeprojektowywania witryny audyt treści jest również jednym z pierwszych kroków, które należy podjąć.
Jak przeprojektować stronę internetową z podejściem Content First
4. Zdecyduj się na typy postów
Typy postów to termin odnoszący się do różnych typów treści witryny WordPress. Każdy typ posta jest zwykle powiązany z innym wyglądem strony, niestandardowymi polami i funkcjonalnościami.
DevriX korzysta z postów typu Portfolio, aby publikować studia przypadków dla klientów
Domyślnie WordPress ma dwa główne typy postów - Strony i Posty - które pochodzą z czasów, gdy CMS był wyłącznie platformą do blogowania, gdzie blogi musiały mieć kilka „statycznych” stron dla bardziej trwałej zawartości oraz postów na blogu z wiadomościami i aktualizacjami.
Niezależnie od celu Twojej witryny, będziesz musiał skorzystać z tych dwóch podstawowych typów postów. Więc po zebraniu i opisaniu wszystkich treści, które chcesz i musisz opublikować w swojej witrynie, podziel je na dwa typy:
- W przypadku stron - bardziej trwała, konserwatywna lub wiecznie zielona część, w której informacje nie zmieniają się regularnie, takie jak to, co robisz, jakie są Twoje podstawowe usługi i dlaczego prowadzisz działalność - większość z nich nie jest zależna od czasu.
- W przypadku postów - część dynamiczna, taka jak wiadomości, posty na blogu, białe księgi, badania itp. Lub dowolna treść, która zawiera aktualne informacje i będzie stale tworzona w przyszłości.
Możesz odkryć, że potrzebujesz więcej typów postów, takich jak Portfolio, Referencje, Projekty . Dobrą wiadomością jest to, że istnieje wiele wtyczek do tworzenia niestandardowych typów postów na WordPress, a niektóre motywy obejmują różnorodność. Ponadto w późniejszych wersjach WordPress umożliwił rejestrację niestandardowych typów postów.
Po sfinalizowaniu wyboru typu posta, którego potrzebujesz, znacznie łatwiej będzie zbudować strukturę witryny, aby je uwzględnić.
Strony WordPress a posty WordPress, zdrowy rozsądek i SEO
5. Utwórz ścieżkę nabywcy i przypadki użycia
Podróż kupującego w witrynie internetowej to proces, przez który przechodzą użytkownicy od pierwszej wizyty do momentu zakupu produktu lub usługi w witrynie. Struktura serwisu powinna opierać się na tym procesie zakupu, a tym samym ułatwiać użytkownikom znalezienie tego, czego potrzebują i przejście do kolejnego etapu.
Ścieżka konwersji: określ ścieżkę użytkownika w swojej witrynie
Przypadki użycia są podstawową koncepcją użyteczności. Są to pisemne opisy tego, jak użytkownicy będą korzystać z Twojej witryny. Aby opisać każdy przypadek użycia, musisz wymienić sekwencję prostych kroków, opartych na intencjach użytkownika i kończących się, gdy cel zostanie osiągnięty.
Decydując o strukturze witryny, musisz zapisać przypadki użycia dla wszystkich grup docelowych. To da ci jasną wizję zachowania użytkowników w twojej witrynie, tak aby jej struktura mogła ją wspierać. To także najlepszy sposób na zaplanowanie funkcjonalności Twojej witryny.
Witryna MVP: wszystko, co musisz wiedzieć + infografika
6. Wykonaj podstawowe badanie słów kluczowych
Po zbudowaniu strony internetowej będziesz mógł dodawać do niej tyle treści, ile chcesz.
Jednak w procesie planowania witryny - lub jej przeprojektowywania - niezwykle ważne jest, aby struktura witryny została zbudowana przy użyciu najważniejszych i trafnych słów kluczowych, według których chcesz uzyskać ranking.
Czy zamierzasz nazywać swoje usługi „Produktami” lub „Rozwiązaniami”? Potrzebujesz działu „Marki” w swoim sklepie internetowym?
Upewnij się, że zawierają najpopularniejsze terminy związane z tym, co robisz. Używaj słów i wyrażeń, które będą stanowić podstawę strategii marketingowej SEO w nadchodzących latach.
Istnieje wiele narzędzi, zarówno bezpłatnych, jak i płatnych, oraz samouczki dotyczące wyszukiwania podstawowych słów kluczowych w witrynie. Połącz je mądrze i zacznij od najbardziej zdroworozsądkowych wyborów.
Badanie słów kluczowych dla SEO zrobione dobrze
7. Korzystaj z taksonomii
Taksonomia to system służący do klasyfikowania publikowanych treści. Jest to strategia polegająca na dodawaniu etykiet i terminów opisowych do tego, co publikujesz. Taksonomie służą do grupowania podobnych typów treści oraz definiowania relacji i podobieństw między tymi grupami.
W WordPress taksonomie są dodawane do typów postów. Istnieją kategorie , które mogą być hierarchiczne, oraz Tagi , które są samodzielnymi etykietami. Tworzą system klasyfikacji typów postów, który ułatwia użytkownikom znalezienie poszukiwanych treści.
Opublikuj kategorie na stronie DevriX
Wyszukiwarki również używają taksonomii, ponieważ pomagają one sortować i pozycjonować treści w odpowiedni sposób. Po sfinalizowaniu słów kluczowych, dla których chcesz uzyskać ranking i typów postów, które będą ich używać, musisz po prostu dodać wybrane słowa kluczowe jako taksonomie - kategorie i tagi.
W przypadku WordPress taksonomie nie są obowiązkowe. Ale można je dodać do menu serwisu, dlatego są ściśle powiązane ze strukturą serwisu. Na przykład blog DevriX ma podmenu artykułów, oparte na 3 głównych kategoriach: biznes, marketing i rozwój:
8. Utwórz prostą i logiczną nawigację
Struktura serwisu jest wizualizowana w jej projekcie przede wszystkim poprzez menu. Priorytety Twojej firmy powinny zostać uwzględnione w strukturze menu i zawierać najlepsze treści.
Strony i kategorie zawarte w menu mogą mieć elementy podrzędne lub zostać utworzone jako takie same, bez hierarchii. Liczba linków na każdym poziomie to szerokość menu, a liczba poziomów to głębokość menu.
Jeśli chodzi o szerokość i głębokość menu, należy przestrzegać kilku prostych zasad.
- Nie używaj wielu kategorii poziomych - maksymalnie 7-8;
- Nie rób tego zbyt głęboko - podporządkowanie nie powinno spaść na więcej niż 3 poziomy
- Zachowaj symetrię i wyważenie - jeśli w jednej sekcji jest zbyt wiele podstron, aw drugiej tylko kilka, cała struktura może się nie udać.
Typowa witryna biznesowa powinna korzystać z prostej i przewidywalnej nawigacji, umieszczonej w standardowym miejscu. W witrynie WordPress niektóre motywy pozwalają na dwie lub nawet więcej lokalizacji menu , z opcją wyboru różnych stron i linków dla każdego z nich. Zaleca się dodanie menu w stopce witryny i oddzielenie nawigacji po pasku bocznym.
Opcje menu edycji WordPress mogą obejmować strony, posty, inne typy postów, niestandardowe linki, kategorie
9. Zdecyduj o strukturze adresu URL witryny i linkach bezpośrednich
Struktura adresu URL w WordPress jest wstępnie zdefiniowana w ustawieniach.
Po prawidłowym zbadaniu słów kluczowych, utworzeniu taksonomii i wybraniu hierarchii menu, łatwo będzie sfinalizować permalinki. Najważniejsze słowa kluczowe i taksonomie muszą znaleźć się w adresach URL, aby wzmocnić je pod kątem SEO.
Oto kilka dobrych praktyk dotyczących struktury adresu URL w witrynie WordPress:
- Użyj struktury linków bezpośrednich, która łączy nazwę posta z domeną w następujący sposób: https://twoja_witryna.com/ nazwa-posta
- Domyślnie WordPress utworzy link bezpośredni do twoich stron i postów, w tym wszystkie słowa z ich tytułów. Jednak mogą one być zbyt długie i zawierać nieistotne słowa, więc edytuj je.
- Aby Twoje strony były najlepiej oceniane w Google, utrzymuj linki bezpośrednie o długości około 60 znaków.
- O ile to możliwe, twórz krótsze adresy URL, zachowując najważniejsze słowa kluczowe z tytułu - to również pomaga wyszukiwarkom indeksować Twoje strony.
- Usuń wszystkie słowa pomijane, takie jak spójniki i zaimki.
- Użyj łączników, aby oddzielić słowa w linkach bezpośrednich, aby pomóc zarówno użytkownikom, jak i wyszukiwarkom zobaczyć, o czym jest strona.
Struktura linków bezpośrednich / URL w opcjach WordPress - typ nazwy postu jest zwykle najbardziej preferowany, ponieważ zawiera słowa kluczowe
10. Dodaj mapę witryny do witryny internetowej
Mapa witryny to plik, który zawiera wszystkie strony Twojej witryny i opublikowane media oraz pokazuje, jak są ze sobą powiązane. Służy Google i innym wyszukiwarkom jako mapę drogową dla Twoich treści i pomaga im indeksować i kategoryzować je szybciej i bardziej inteligentnie.
Posiadanie mapy witryny nie jest obowiązkowe, ale jest wysoce zalecane, szczególnie w przypadku złożonych witryn. Plik należy również automatycznie wygenerować i zaktualizować.
Istnieje wiele narzędzi, które pomogą Ci utworzyć i dodać mapę witryny do Twojej witryny WordPress, w tym wtyczki. Jednak w najnowszej wersji WordPress 5.5. Mapy witryn XML są domyślnie włączone i użytkownicy mogą je również zobaczyć.
Jeśli masz jakiekolwiek wątpliwości co do struktury Twojej witryny oraz tego, co wyszukiwarki i ludzie widzą podczas poruszania się po niej, sprawdź mapę witryny.
Mapa witryny ATT.com - utworzona jako wewnętrzna strona w celu dopasowania do projektu
Planowanie hierarchii witryny
Po wykonaniu wszystkich powyższych zadań sfinalizowanie struktury serwisu będzie łatwe i szybkie. Oto kilka ogólnych typów struktur witryn, które należy wziąć pod uwagę podczas dokonywania ostatecznego wyboru:
Hierarchiczna witryna oznacza, że niektóre strony są podporządkowane innym, a struktura przypomina drzewo. W typowej witrynie strona główna znajduje się na górze. Z niego można przejść do innych stron w menu głównym, które mogą zawierać dalsze podstrony.
Niehierarchiczna struktura serwisu oznacza brak podrzędnych stron. Gdy treści jest niewiele i jest tylko kilka stron, można je wszystkie utworzyć równo i wyświetlać poziomo w menu głównym.
Przykład strony internetowej bez hierarchii - Agencja Nika - mimo że ta witryna ma sekcję z portfolio, strony projektów nie są podstronami, na przykład https://nika.agency/ apothe-pure-details .html
Jednostronicowe witryny internetowe to kolejny dobry przykład struktur bez hierarchii. Nie ma stron nadrzędnych / podrzędnych tylko dlatego, że wszystko jest opublikowane na jednej stronie. Projekt jednostronicowy to dobre rozwiązanie dla stron z wydarzeniami i promocjami o krótkim czasie życia, stron teaserowych lub firm, które wymagają bardzo krótkiej prezentacji podobnej do wizytówki.
GlobeKit to witryna oferująca jedną usługę, która umożliwia programistom szybkie przenoszenie animowanych i interaktywnych globów do sieci. Składa się z 6 sekcji, z których wszystkie znajdują się na stronie głównej z interaktywną animowaną nawigacją (scroll).
Istnieją mniej popularne typy struktur witryn internetowych, takie jak Sekwencja, Matryca i Baza danych. Jak można się domyślić po ich nazwach
- model sekwencyjny angażuje użytkowników w sekwencję kroków
- Matrix pozwala użytkownikom wybrać własny sposób poruszania się po zawartości witryny
- Baza danych jest zbudowana na bazie danych i wykorzystuje jej atrybuty do wyszukiwania i tworzenia doświadczeń użytkownika.
Końcowe przemyślenia
Ogólna struktura witryny biznesowej musi być przejrzysta, prosta i logiczna. Projektowanie struktury jest podstawowym procesem w projektowaniu i tworzeniu stron internetowych. Przestrzeganie wyżej wymienionych dobrych praktyk pomoże zagwarantować, że uwzględnisz wszystkie ważne czynniki, aby struktura Twojej witryny była odpowiednia dla Twoich celów biznesowych i grup docelowych.
Rossie Vicheva
Autor gościnny