Od strony internetowej do sklepu internetowego: co ludzie w rosji robią z drupalem

Rośnie popularnośc CMS Drupal w Rosji. ADCI Solutions wybiera 10 stron, ktore udowadniają, że dzięki tej platformie można stworzyc wiele ciekawych rzeczy o dowolnym przeznaczeniu. Przykładem może byc portal dla kinomanow, sklep dla melomanow, strona dla koneserow rosyjskiej kultury autentycznej i wiele innych.

Od strony internetowej do sklepu internetowego: co ludzie w rosji robią z drupalem

Drupal jest w pierwszej piątce najpopularniejszych open-source'owych CMS-ow w Rosji. Choc na pierwszym miejscu z dużym marginesem uplasował się CMS WordPress, dla właścicieli firm wciąż preferowany jest Drupal – a im większy biznes, tym bardziej pożądany powinien byc ten CMS.

Drupal lepiej nadaje się do tworzenia serwisow, ktore wymagają pracy z dużą ilością treści i ciężkimi bazami danych. Serwisy Drupala są domyślnie zoptymalizowane pod kątem ekranow mobilnych i jak dotąd zostawiły WordPressa w tyle pod względem bezpieczenstwa danych, a społecznośc Drupala stara się zaspokoic potrzeby wszystkich, rozwijając i utrzymując moduły zarowno dla popularnych zastosowan, takich jak e-commerce, jak i specyficznych, takich jak projektowanie i przechowywanie danych bibliograficznych. I co najważniejsze: wszystkie moduły, motywy i profile, poza nielicznymi wyjątkami, są dostępne za darmo.

ADCI Solutions od 13 lat zajmuje się tworzeniem serwisow internetowych, a tworzenie i obsługa serwisow Drupal jest jednym z naszych obszarow działania. Wierzymy w ten CMS i chcieliśmy znaleźc 10 rodzimych witryn Drupala, ktore udowodnią, że na tej platformie można tworzyc strony dla rożnych branż i o rożnym stopniu skomplikowania, niezależnie od tego, czy jest to witryna czy sklep internetowy.

Parametry oceny

Katalog Runet ranking stał się głownym źrodłem stron internetowych. Strony były oceniane przede wszystkim za szybkośc pobierania z urządzen stacjonarnych i mobilnych oraz za ich przyzwoity wygląd. Spośrod prawie 4,5 tysiąca stron udało nam się wybrac 10.

Wiemy, że przyszłośc należy do stron, ktore otwierają się na telefonach szybciej niż 3 sekundy, ale nawet popularne zasoby wiadomości z tym wszystkim nie jest dobre. Tak więc w przypadku niektorych stron, ktore skompromitowaliśmy. Usługi ładowania zostały wykorzystane do pomiaru prędkości pobierania danych.ekspres i PageSpeed Insights.

Zgadzamy się rownież, że projektowanie strony może wyglądac jak pomnik epoki, i to nie przeszkadza jej w spełnianiu swojej roli, ale przyciąganie użytkownikow to wojna, ktorą trzeba wygrac szybko: strona zaczyna robic wrażenie w pierwszych 50 milisekundach. To musi byc rekordowy blitzkrieg, a kluczem do sukcesu jest wygląd.

SEO w Drupalu to temat na osobny artykuł. Na razie powiedzmy, że strony Drupala nie pojawiają się z dobrym SEO same z siebie; jakośc optymalizacji pod kątem wyszukiwarek zależy od tego, czy programista zna odpowiednie moduły i wie, jak je skonfigurowac.

Mowiąc o modułach: lista tych, ktore są zalecane do stosowania na stronach internetowych w celu stworzenia pewnej funkcjonalności jest ważną częścią naszego przeglądu. W całej historii Drupala niektore moduły były używane tak często, że do osmej, najnowszej wersji systemu CMS, zawartej w jego standardowym wydaniu, czyli tzw. core. Są one używane na prawie wszystkich stronach internetowych, więc wymienmy je tutaj:

  • Użytkownik – zarządzanie kontami użytkownikow.
  • Node – zarządzający głowną treścią stron serwisu.
  • Field and Field UI – zarządzanie w terenie.
  • Menu UI – zarządzanie menu.
  • Widoki i interfejs widokow – tworzenie list, tabel i blokow na podstawie istniejącej zawartości.
  • Taksonomia – porządkowanie treści według kategorii.
  • Media – zarządzanie tworzeniem, konfiguracją i wyświetlaniem elementow multimedialnych.
  • Responsywny obraz – dostosowuje rozmiar obrazu do rożnych ekranow.
  • BigPipe – przyspiesza ładowanie stron internetowych.
  • Internal Dynamic Page Cache – cache'uje strony dla użytkownikow.

Jak widac Drupal daje wiele możliwości po wyjęciu z pudełka, a to nie jest pełna lista domyślnych modułow. W niektorych przypadkach, będziemy mowic o specyficznym zastosowaniu niektorych z nich.

Uważamy rownież, że ważna jest ocena:

  • łatwośc wykonania działania docelowego,
  • nacisk na elementy CTA,
  • średni czas przebywania na stronie.

Omski portal "Kultura"

Wszystko, co powinniście wiedziec o życiu kulturalnym w Omsku w jego konserwatywnym znaczeniu, znajduje się w jednym miejscu: wydarzenia w instytucjach panstwowych, prywatnych teatrach, prywatnych galeriach i organizacjach non-profit, informacje o festiwalach, wystawach, przedstawieniach, wycieczkach i wyprawach.

Szybkośc ładowania strony na pulpicie według PageSpeed Insights: 38/100.

Szybkośc ładowania strony na urządzeniach mobilnych poprzez załadowanie.ekspres: 3/10.

Średni czas spędzony na stronie według alexa.1 min. 57 sek.

Strona ma na celu zwrocenie uwagi użytkownikow na wydarzenia i instytucje kulturalne w mieście. Nawigacja jest znana i prosta. W sliderze na stronie głownej znajduje się 5 wydarzen z przyciskiem CTA "Dowiedz się więcej", ktore zdaniem administratorow serwisu zasługują na maksymalną uwagę. Poniżej – bloki artykułow i aktualności. W zakładce "Playbill" znajduje się rubrykator i kalendarz. W miejscach, historyczne odniesienia do muzeow, teatrow, itp. W sekcji Wycieczki znajdują się informacje wstępne o wszystkich trasach wycieczek, czasie trwania i cenach.

Strona jest tworzona dla Ministerstwa Kultury w Omsku, więc musi spełniac pewne kryteria dostępności dla osob niepełnosprawnych. W praktyce światowej standardy te są, o dziwo, nieco łatwiejsze niż w przypadku rosyjskich stron rządowych. Ta strona jest doskonałym przykładem. Jest asystent głosowy, zastępowanie obrazow i możliwośc zmiany układu.

Od strony internetowej do sklepu internetowego: co ludzie w rosji robią z drupalem

Poniżej opiszemy pokrotce, na jakich modułach Drupala zbudowana jest funkcjonalnośc serwisu i rozwiązanie niektorych zadan, takich jak zbieranie metryk czy integracja z sieciami społecznościowymi. Modułowa architektura Drupala jest tym, co wyrożnia CMS i leży u podstaw jego wszechstronności.

Na jakich modułach można zbudowac stronę o tej samej funkcjonalności:

  • Slider: Slick Carousel.

  • Kalendarz: Kalendarz, widok pełnego kalendarza.

  • Powiązanie wydarzen z kalendarzem: Widok.

  • Yandex.Metryka: Yandex.Metryka.

  • Kontrola rozmiaru tekstu: Zmiana rozmiaru tekstu.
  • Korekcja błędow programistycznych i zgodnośc z kodem HTML (w tym standardy dostępności): Oczyszczacz HTML, Style Switcher.

  • Inne moduły pomagające dostosowac witrynę do standardow dostępności: Contributed modules for extending accessibility in Drupal 8.

Muzeum Architektoniczne i Etnograficzne Obwodu Wołogodzkiego

W miejscu tym znajduje się muzeum, ktore podtrzymuje pamięc o tradycyjnym życiu na rosyjskiej wsi. Muzeum jest zespołem dworow i zabudowan gospodarczych położonych 12 kilometrow od Wołogdy i ma status pomnika narodowego.

Szybkośc ładowania strony na pulpicie według PageSpeed Insights: 90/100.

Szybkośc ładowania strony na urządzeniach mobilnych.Express: 9/10

Średni czas przebywania użytkownika na stronie: 3 min. 49 sek.

Cel strony jest podobny do tego, jaki ma portal kulturalny Omska. Jasny i dynamiczny film na stronie głownej oraz sekcja "o muzeum" w menu wzbudzają zainteresowanie użytkownikow. A jeśli zainteresuje ich jakieś muzeum, użytkownicy szybko znajdą informacje o wycieczkach, warsztatach i programach interaktywnych.

Jakie moduły można wykorzystac do zbudowania strony o tej samej funkcjonalności?

  • Slider: Slick Carousel, Flex Slider, SlidesJS.
  • Linki do mediow społecznościowych Blok i pole.

  • Galeria zdjęc: Colorbox.
  • Dodawanie i odtwarzanie dźwięku: AudioField.
  • Dodawanie i odtwarzanie wideo: Pole YouTube.

Sklep Vinyloteca

Sklep internetowy rosyjskiego przedstawicielstwa koncernu fonograficznego Warner Music, ktory obiecuje niezawodnośc, dobrą obsługę i terminowe uzupełnianie katalogu o świeże wydawnictwa.

Szybkośc ładowania strony na pulpicie według PageSpeed Insights: 78/100.

Szybkośc ładowania strony na urządzeniach mobilnych przez.Ekspres: brak danych.

Średni czas przebywania użytkownika na stronie według alexa.4 min. 54 sek.

Serwis ma dwa oczywiste zadania: sprzedaż nośnikow audio i wideo oraz dbanie o ich dostawę do klienta. Plus za to, że tworcy strony wzięli pod uwagę rożne scenariusze wyszukiwania: według wykonawcy, albumu, gatunku, alfabetu lub z większą precyzją. Przecież zapytania mogą byc rożne w zależności od klienta i chwili: ktoś chce się dowiedziec, co nowego w hip-hopie, a ktoś chce się upewnic, czy w sklepie jest boxset płyt Led Zeppelin.

Po kliknięciu na przycisk "Kup" pojawia się okienko sugerujące przejście do koszyka – to dobry ton. Po zamknięciu popupu możliwośc kontynuowania zakupow zostaje zachowana.

Bardziej skomplikowana jest sprawa z dostawą: w karcie produktu nie ma nic na ten temat, co może miec negatywny wpływ na zakup, jeśli kupujący nie jest z Moskwy. Na warunkach dostawy można znaleźc albo już w koszyku, albo w odpowiedniej sekcji lub w stopce strony, ktore, zgadzasz się, zwykli użytkownicy rzadko patrzą na.

Na jakich modułach można zbudowac stronę internetową o tej samej funkcjonalności:

  • Katalog z powiązanym filtrowaniem i sortowaniem: Taksonomia.
  • Kasa, integracja z systemem płatności, wysyłka, zarządzanie zamowieniami i koszyk na zakupy: Commerce.
  • SEO: Metatag, Real-time SEO, Pathauto, Redirect, SEO Checklist.
  • Automatyczne tworzenie Sitemap: XML Sitemap.

Do 16 Siec Klinik Dziecięcych

Strona internetowa dla sieci klinik pediatrycznych w Omsku, nad ktorą ADCI Solutions pracowało od 2016 roku.

Szybkośc ładowania strony na pulpicie według PageSpeed Insights: 87/100.

Szybkośc ładowania strony na urządzeniach mobilnych przez.ekspres: 7/10.

Średni czas przebywania użytkownika na stronie według alexa.com: 3 min. 49 sek.

Strona służy jako recepcja online, a użytkownik wchodzi na stronę, aby umowic się na wizytę, uzyskac konsultację online i poznac wyniki badan. Wszystkie elementy CTA służące osiągnięciu tego celu, podkreślone kolorystyką korporacyjną kliniki, zostały zebrane na stronie głownej.

Więcej o stronie przeczytasz w naszym artykule na .

Na jakich modułach można zbudowac stronę o tej samej funkcjonalności:

  • Handel i handel NoCart.

  • Podłączenie bramki płatniczej Sberbanku: Płatnośc Commerce RBS. Aktualną wersję modułu udało nam się uzyskac w trakcie długiej korespondencji z działem technicznym banku.

  • Sondaże: Sondaż.
  • Głosowanie (w naszym przypadku możliwośc nadania jednemu z dokumentow statusu "lubię to"): Fivestar.
  • Tworzenie formularza kontaktowego: Webform.
  • Stworzenie formularza do zapłaty za roczną opiekę zdrowotną oraz formularza do doładowania karty: Entityform.
  • Slider: Slick Carousel.
  • Tworzenie i dostosowywanie standardowych stron administratora (zarządzanie treścią, zarządzanie użytkownikami): Widoki administracyjne.

7 Organizator wycieczek SOV

Biuro podroży Vologda, oferujące standardowy zestaw usług w swojej branży: wybor wycieczek i miejsc podroży, a wszystko to, jak obiecuje firma, bez ukrytych opłat i nadpłat.

Szybkośc ładowania strony na pulpicie według PageSpeed Insights: 88/100.

Szybkośc ładowania strony na urządzeniach mobilnych.ekspres: 7/10.

Średni czas spędzany przez użytkownikow na stronie według alexa.com: 14 min. 48 sek.

Użytkownicy, ktorzy mniej więcej wiedzą, gdzie chcą się udac, mają do dyspozycji filtrowane wyszukiwanie na stronie głownej. Niewątpliwym plusem dla użytkownika i SEO jest jasno określona przydatna akcja, o ktorej informuje tytuł H1.

Dla tych, ktorzy nie są pewni i szukają wsparcia w dokonaniu wyboru, wprowadzono funkcję "Zamow wycieczkę": pięc krokow, wsparcie w postaci pytan wyjaśniających, a na koniec użytkownik proszony jest o podanie danych kontaktowych.

Na jakich modułach można zbudowac stronę internetową o tej samej funkcjonalności:

  • Filtrowanie według taksonomii i grupowanie wynikow wyszukiwania według określonych parametrow: Widoki.
  • Zamawianie: Handel.

Firma odzieżowa Valentina. sukienki

Valentina. Sukienki – nowosybirska firma z prawie 20-letnią historią, zajmująca się szyciem i sprzedażą hurtową odzieży damskiej na terenie całej Rosji.

PageSpeed Insights szybkośc ładowania strony na pulpicie: 76/100.

Szybkośc ładowania strony na urządzeniach mobilnych poprzez ładowanie.ekspres: 5/10.

Średni czas przebywania użytkownika na stronie wg alexa.com: 8 min. 55 sek.

Wszystkie działy i funkcjonalności rozwiązujące zadanie wyszukiwania, wyboru i zakupu odzieży zebrane są w nagłowku.

Karta produktu jest pełna przydatnych parametrow, w jak największym stopniu pokrywających wymagania konsumentow wobec odzieży.

Jakie moduły można wykorzystac do budowy strony internetowej o tej samej funkcjonalności:

  • Projektowanie kart produktow, integracja z systemem płatności, wysyłka, zarządzanie zamowieniami i koszykiem: Commerce.
  • Katalog: Taksonomia.

Atomstroycomplex Construction Holding

Strona największego holdingu budowlanego na Uralu, w skład ktorego wchodzi 12 zakładow produkujących materiały, instytut projektowy i firmy wykonawcze.

Szybkośc ładowania strony na pulpicie według PageSpeed Insights: 67/100.

Szybkośc ładowania strony na urządzeniach mobilnych przez.prędkośc: 6/10.

Średni czas przebywania użytkownika na stronie według alexa.com: 4 min. 42 sek.

Misją strony jest pomoc w znalezieniu nieruchomości komercyjnych i mieszkalnych. Na karcie obiektu znajduje się mnostwo informacji: od przedziału cenowego i powierzchni użytkowej w podglądzie karty obiektu po widok z okna – wewnątrz karty. Coraz częściej jednak można spotkac się ze scenariuszem wyszukiwania oferowanym przez biuro podroży 7 PSB: po wejściu na stronę użytkownik od razu widzi niezbędną funkcjonalnośc. Jeśli weźmiemy pod uwagę branżę nieruchomości, dobrym przykładem jest strona DomClic.

Na jakich modułach można zbudowac stronę internetową o tej samej funkcjonalności:

  • Karta przedmiotu: Widoki.
  • Możliwośc zaznaczania punktow na mapie: Geolocation Views dla Google Maps i Yandex Maps dla Yandex.Mapa.
  • Formularz kontaktowy i formularz zamowienia rozmowy telefonicznej: Webform.
  • Strona z ankietą: Ankieta.

Portal filmowy.ru"

Jedna z najbardziej popularnych rosyjskojęzycznych stron o kinie, jednocząca swoich fanow, dająca możliwośc oglądania darmowych filmow z wyboru strony ivi.czytac recenzje, nadążac za nowościami, poznawac się nawzajem i nawiązywac kontakty.

Szybkośc ładowania strony w PageSpeed Insights: 86/100.

Szybkośc wczytywania strony na urządzeniach mobilnych przez.ekspres: 5/10.

Średni czas przebywania użytkownika na stronie według alexa.com: 1 min. 25 sek.

Jeśli chcesz poznac przykład portalu internetowego w klasycznej formie, odsyłam do.. Chęc zorganizowania społeczności o określonych zainteresowaniach. Komponent interaktywny rozwiązany jest poprzez komunikację w komentarzach, agregowanych w dziale "Opinie". Strona sama w sobie nie jest samodzielna i jest zintegrowana z aplikacjami tematycznymi: ivi.ru i aplikacja mobilna Chcesz iśc do kina, Tinder dla kinomanow, stworzona przez filmowcow.ru wraz z rosyjskim oddziałem magazynu filmowego Empire. Ale pod względem specjalnych funkcji Drupal jest dośc zwykłą witryną z treścią.

Jakie moduły można wykorzystac do zbudowania strony o tej samej funkcjonalności?

  • Menu będące powtorzeniem treści strony: Megamenu, Simple Mega Menu.

Strona wydaje się byc zintegrowana z aplikacją "Chcę iśc do kina", ponieważ nie udało mi się znaleźc żadnych informacji na temat API tej aplikacji. W kontekście API uważamy, że ważne jest aby powiedziec, że Drupal zawiera framework Symfony, ktory implementuje podstawowe koncepcje ukryte w rdzeniu Drupala. Symfony pozwala na szybkie tworzenie integracji z API innych firm i przenoszenie ich do oddzielnych modułow, dzięki czemu zarządzanie zależnościami jest łatwiejsze i znacznie mniej kłopotliwe.

Konferencja Rubinowa Rosja 2019

Strona promocyjna zeszłorocznego Zjazdu Deweloperow Ruby.

PageSpeed Insights szybkośc ładowania strony na pulpicie: 92/100.

Szybkośc ładowania strony na urządzeniach mobilnych.ekspres: 7/10.

Średni czas przebywania na stronie według alexa.com: brak informacji.

Strona nie ma innego celu niż informowanie o konferencji, autorytatywnych prelegentach i harmonogramie. Jest to przykład wykorzystania Drupala jako podstawy do poźniejszego wypełnienia treścią przy tworzeniu prostej witryny. Cała reszta jest wykonywana przez JavaScript i CSS, i nie są tu używane żadne specjalne moduły. Drupal był potrzebny do szybkiego startu i nie spędził więcej niż 2-3 tygodnie i zaangażował więcej niż kilku programistow do jego rozwoju.

Centrum Handlowe SILA VOLI

Popularne miejsce w Jekaterynburgu, łączące centra handlowe i sportowe, tereny rekreacyjne, kawiarnie i salony fryzjerskie, rożne imprezy – wszystko, czym żyje wspołczesny mieszkaniec milionowego miasta.

PageSpeed Insights: 78/100.

Szybkośc ładowania strony na urządzeniach mobilnych przez.ekspres: 6/10.

Średni czas przebywania użytkownika na stronie według alexa.com: 0 min. 43 sek.

Strona jest w zasadzie ładną broszurą dla odwiedzających centrum: gdzie pojśc, co kupic na przecenach, gdzie zjeśc. Dlatego, podobnie jak w poprzednim przykładzie, nie znaleźliśmy żadnych godnych uwagi modułow. Strona głowna zawiera najważniejsze oferty, ktorych jest trzy, co jest pozytywne – nie tworzy nadmiaru elementow CTA.

Katalog sklepow i punktow gastronomicznych, oferty rabatowe i kalendarz wydarzen kosmetycznych schowane są w bocznym menu (z jakiegoś powodu podpisanym po łacinie), a tam – jeśli użytkownik wyjdzie poza oferty na stronie głownej – znajdzie zaproszenia do wspołpracy dla eventowcow, najemcow i reklamodawcow. Aby ocenic, jak dobrze strona rozwiązuje problem ich przyciągania, brakuje nam dostępu do metryk, ale fakt, że ta grupa odbiorcow jest rownież w założeniu.

Ogolne porady dla stron internetowych

Przedstawiliśmy Wam kilka serwisow Drupala, ktore wpadły nam w oko ze względu na szybkośc ładowania, wygląd i przynależnośc do rożnych branż. Nie zapominaj jednak, że od czasu do czasu należy wykryc problemy z witryną za pomocą audytu.

W artykule Jak przeprowadzic audyt strony sporządziliśmy listę kontrolną parametrow, ktore należy sprawdzic pod kątem zgodności z witryną. Niektore z nich poruszyliśmy już w artykule, o innych chcemy krotko wspomniec tutaj:

  • Nagłowki strony, nagłowki tekstowe (H1-H6), stopka i treśc strukturalna. Pomaga to użytkownikowi poruszac się po stronie.
  • Treśc zawiera nagłowki, zdjęcia, ktore wspierają istotę tekstu, oraz spacje.
  • Istnieją okruszki chleba (łancuchy nawigacyjne) i linki w stopce.
  • Projekt jest spojny z marką firmy.
  • Strona jest adaptacyjna: łatwa w użyciu zarowno na komputerach stacjonarnych, jak i tabletach, telefonach itp.
  • Wszystkie elementy projektu wizualnego są zaprojektowane w tym samym stylu i pasują do siebie.
  • Treśc jest zbudowana zgodnie z odwroconą piramidą Jakoba Nielsena: głowna informacja na początku, ważne szczegoły za nią i dodatkowe informacje na koncu.
  • Brak błędow gramatycznych!
  • Brak treści odwracających uwagę od CTA.
  • Używane są znaczniki meta Title, Description i Image.
  • Brak uszkodzonych linkow.
  • Strona nie posiada linkow do zewnętrznych zasobow na początku, aby użytkownicy nie opuścili strony zbyt wcześnie.
  • W każdym przypadku najlepiej jest ustawic, aby linki zewnętrzne otwierały się w następnej karcie, a linki wewnętrzne w tej samej karcie.
  • Stopka i tekst głowny nie są przeładowane zbędnymi linkami.
  • Prawidłowo skonfigurowane pliki, ktore dają wyszukiwarkom dostęp do Twojej witryny i pozwalają im ją indeksowac: .htaccess, roboty.txt, sitemap.xml.
  • Linki do Twoich kont w sieciach społecznościowych i komunikatorach.

Wniosek

W USA i Europie Drupal jako platforma ma już ugruntowaną pozycję. Spojrz na listę witryn wykonanych na Drupalu, a zobaczysz wiele znajomych nazwisk i marek: Elon Musk, Bruno Mars, Grammy, Warner Music Group, Tesla, Oxford, Cambridge i inni.

Drupal zyskuje na popularności w Rosji. W tym artykule chcieliśmy pokazac, że ten CMS nadaje się do stworzenia strony internetowej od podstaw i rozwiązac każdy problem.

Jeśli znalazłeś witrynę biznesową podobną do Twojej, byc może Ty rownież potrzebujesz witryny opartej na Drupalu? Mamy status pierwszego partnera premium Drupala w Rosji i znamy cechy tej platformy aż za dobrze. Napisz, a porozmawiamy o tym więcej: [email protected]

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *