Tworzenie stron internetowych

30
Kwi

SEO Twojej strony WWW – 15 kroków do perfekcyjnie zoptymalizowanej strony, cz.1

Optymalizacja strony WWW pod kątem wyszukiwarek internetowych zawsze była dla nas podstawowym elementem przy tworzeniu nowych witryn dla naszych klientów. Projektując strony WWW lub starając się ulepszyć istniejące, należy wziąć pod uwagę niniejszą listę porad, która może pomóc w zwiększeniu efektywności SEO Twojej witryny. Warto kierować się wymienionym wskazówkami, ponieważ bycie widocznym w Internecie to podstawa sukcesu wielu firm.

1. Zwiększ widoczność dzięki przyjaznym dla SEO adresom URL:

Po pierwsze, tworząc nową stronę lub modyfikując istniejącą, pamiętaj, by mieć przyjazny dla SEO adres URL, który naturalnie używa słów kluczowych, jednocześnie pokazując o czym jest strona. Jest to dobre zarówno dla wyszukiwarek – do przypisania wartości SEO, jak i dla użytkowników – wzbudza zaufanie poprzez uczynienie adresu URL zrozumiałym.
Wskazówki:
a) Eksperymentuj z adresami URL zawierającymi tylko słowa kluczowe, ponieważ wykazują oznaki podniesienia rangi.
b) Unikaj trudnych, domyślnych adresów URL generowanych przez Twój system zarządzania treścią. Często składają się one z kombinacji liter i cyfr, co nie jest przyjazne pod kątem wyszukiwarki.
c) Upewnij się czy używasz tylko jednej wersji adresu URL – jeśli nie, może nastąpić zamieszanie zarówno po stronie użytkownika, jak i po stronie wyszukiwarki. Jeśli to możliwe, sprawdź plik Robots.txt, aby upewnić się, że Twój adres URL będzie podlegał indeksowaniu.

2. Tytuł – Zawsze włączaj słowa kluczowe:

SEO - keywords-słowa kluczoweZnacznik tytułu jest najważniejszym czynnikiem SEO strony. Algorytm Google przypisuje dużą wagę do tagu Tytuł, aby zidentyfikować, o czym jest strona internetowa. Nie tylko wyświetla się na górze przeglądarki, ale także w wynikach SERP. Zwróć uwagę, czy nie tylko mądrze używasz słowa kluczowego, ale też czy tytuł jest przekonujący. Używaj zasad pisania dobrych nagłówków, które są zrozumiałe, proste i przechodzą od razu do sedna.
Wskazówka: Im bliżej początku tytułu znajduje się słowo kluczowe, tym większą wagę ma w wyszukiwarce.

3. Nagłówki HTML – H1, H2,H3:

Podstawową zasadą jest hierarchia. Element najwyższego poziomu powinien być oznaczony tagiem h1, kolejny pod względem ważności – h2 itd. Celem tagów h jest poinformowanie Google, w jaki sposób treść jest uporządkowana pod kątem czytelności. Na przykład, tytuł artykułu opisuje temat tego posta, a następnie podpozycje, które wyjaśniają i szczegółowo opisują SEO strony.
Podczas pracy nad stroną zwróć uwagę na nagłówki i podtytuły swojej treści i wykorzystaj te same zasady, co w przypadku tagów tytułu. Czy nagłówki używają słów kluczowych w sposób naturalny? Czy są angażujące?

4. Meta opis:

Meta opis znajduje się tylko w wynikach wyszukiwania. Nie ma innego miejsca na stronie czy w przeglądarce, w którym ten element byłby widoczny. Warto zadbać o jego poprawne działanie oraz wyświetlanie. Poprawnie wyświetlający się meta opis nie powinien przekraczać 150 znaków. Spraw, by te 150 znaków zostało dobrze wykorzystane, np. do wezwania do działania, wskazania unikalnych propozycji i wartości, promowania nazwy marki, polecanych szczegółów dotyczących Twojej firmy itp.

5. Wewnętrzne linkowanie:

Celem jest zawsze kierowanie wyszukiwarek i użytkowników w głąb witryny, więc jeśli odwołujesz się do konkretnych stron lub źródeł, pamiętaj, aby połączyć je linkiem, który używa wezwań do działania (np. „Dowiedz się więcej”, „Zapisz się teraz”) lub frazy kluczowe naturalnie. Jeśli przejdziesz do naszego postu na stronie Generating Leads Online, zobaczysz na końcu postu zamiast dodania nagiego linku użyliśmy tekstu kotwicy „Pobierz nasz przewodnik”, aby skierować użytkowników do przewodnika.

6. Dodaj linki wychodzące:

Linki wychodzące mają swoje miejsce w świecie SEO i uważa się, że łączenie się z innymi stronami w twojej branży w celach referencyjnych lub cytowań ma pozytywny wpływ na SEO. Linki zewnętrzne to nie tylko wyższe miejsce w rankingu Google. Jest to sygnał trafności, który pomaga Google zrozumieć twoją treść, o co w niej chodzi, a także pokazuje, że dodajesz wartościowe odnośniki czytelnikom, łącząc się z przydatnymi zasobami.

7. Używaj języka naturalnego:

SEO - meta opisUżywaj słów kluczowych, a także stosuj ich odmiany kontekstowe w treściach, które pojawiają się w twojej witrynie. Najlepiej kilkukrotnie powtórzyć dane słowo kluczowe w różnych miejscach na stronie WWW. Nie zapominaj żeby kontent był podany w sposób przemyślany i naturalny, najlepiej kilkukrotnie powtórzony. Ta technika SEO znana jest jako LSI z ang. Latent semantic indexing – ukryte indeksowanie semantyczne, co oznacza synonimy oraz słowa kluczowe, których Google używa, aby lepiej określić trafność strony. Na przykład, jeśli pracujesz nad stroną docelową związaną z zespołem The Rolling Stones, według najlepszych praktyk SEO należy używać zwrotu „Rolling Stones” w całym tekście, a także powiązanych zwrotów, takich jak „rock n roll”, „Mick Jagger” i „Keith Richards”.
Dobrym testem, pokazującym naturalność tekstu, jest po prostu głośne czytanie treści – czy brzmi to jak coś, co naturalnie występuje w rozmowie? Jeśli nie, pomyśl o zmniejszeniu użycia słów kluczowych lub dostosowaniu sformułowań, tak aby był czytana treść była płynna.

8. Kontroluj objętość/długość treści:

Długość / objętość tekstów na stronie WWW może oznaczać zwiększenie wartości SEO, więc staraj się dążyć do dłuższych tekstów, jeśli możesz. Teoretycznie im więcej wartościowych treści dostarczasz, tym lepiej, ale nie zawsze tak jest. Aby zoptymalizować stronę chodzi o znalezienie właściwej równowagi pomiędzy liczbą słów i oferowaną wartością tekstu. Fragmenty treści, które są bogate w informacje, nie muszą być złożone z setek zdań. Dobrym pomysłem może być poproszenie zaprzyjaźnionej osoby o ocenę, aby określić, czy wzbudzasz ciekawość użytkowników za pomocą treści, które zapewniają im to, czego poszukują, np. do nauki, rozrywki itp.

16
Kwi

7 kroków budowy Twojej witryny e-commerce

Rynek handlu e-commerce w Polsce stale rośnie. To jest fakt. Analitycy przewidują, że wartość polskiego rynku handlu on-line wzrośnie o 23 proc. i w 2018 roku przekroczy kwotę 50 mld złotych, natomiast do 2020 roku osiągnie wartość 70 mld zł. W tym artykule pokażę etapy budowy profesjonalnego sklepu internetowego.

Budowanie witryny e-commerce w 7 prostych krokach:

Krok 1: Wybierz domenę dla swojego sklepu internetowego
Krok 2: Skontaktuj się z nami – pomożemy wybrać odpowiednią, nowoczesną platformę e-commerce
Krok 3: Zaprojektujemy Twój sklep
Krok 4: Skonfiguruj płatności
Krok 5: Dodaj produkty
Krok 6: Przetestuj działanie sklepu
Krok 7: Dbaj o SEO i analitykę
Tworzymy sklepy internetowe w oparciu o nasz niezawodny, autorski skrypt. Na specjalne zamówienie zajmujemy się wdrażaniem witryn e-commerce działających na systemach Prestashop, WooCommerce, Magento. Przez wiele lat działalności zgromadziliśmy mnóstwo doświadczeń, aby uprościć nie tylko samo tworzenie witryny e-commerce, ale także wiemy jak przekształcić ją w maszynę do sprzedaży Twoich produktów czy usług. Dajemy Ci wyjątkowo intuicyjny panel administracyjny zapewniający dowolność konfigurowania oferty oraz pozwalający w pełni kontrolować proces zamówień i zadowolenia klienta.

Krok 1: Wybierz domenę dla swojej witryny e-commerce

Zadaj sobie pytanie jakiej domeny potrzebujesz dla swojej firmy? Domena powinna być krótka i prosta do zapamiętania, jednak nie jest to konieczność.
Jeśli zamierzasz sprzedawać wiele produktów i budować markę, zadbaj o unikalną lub łatwą do skojarzenia nazwę. Niestandardowa domena wyróżni Twój sklep internetowy. Pamiętaj o profesjonalnym adresie e-mail powiązanym z Twoją domeną, za pomocą którego można się z Tobą skontaktować. Będzie to również miało zalety optymalizacji pod kątem wyszukiwarek (SEO).

Krok 2: Skontaktuj się z nami – pomożemy wybrać odpowiednią, nowoczesną platformę e-commerce

To proste. Wejdź na stronę Golan.pl i skontaktuj się z nami. Właściciele firm i indywidualni przedsiębiorcy potrzebują platformy, która jest elastyczna i łatwa w użyciu oraz takiej, która bez problemów zintegruje się z istniejącą witryną lub np. bazą danych.
Potrzebujesz indywidualnych rozwiązań dla swojego handlu lub jesteś dużym graczem na rynku? Dobrze trafiłeś. Projektujemy zaawansowane platformy sprzedażowe dla dojrzałego biznesu.

Krok 3: Zaprojektujemy Twój sklep

Zaprojektowanie Twojej witryny e-commerce zleć profesjonalistom. Codziennie kilkaset tysięcy osób odwiedza strony internetowe zaprojektowane przez nasz zespół. Mając tę świadomość stawiamy na jakość i użyteczność. Jesteśmy specjalistami mającymi wieloletnie doświadczenie w designie webowym. Z uwagą obserwujemy aktualne trendy światowe i czerpiemy z nich to, co najlepsze. Nasze realizacje pozwalają dodawać produkty, wpisy na blogu, obrazy, tekst, filmy i inne elementy do Twojego sklepu internetowego, aby klienci czuli się wyróżnieni dokonując zakupu. Pamiętaj, że Twój sklep to miejsce, w którym konwertujesz klientów, gromadzisz ich dane i budujesz bezpośrednie relacje z nimi. Pomożemy Ci zrobić na nich doskonałe wrażenie.

Krok 4: Skonfiguruj płatności

Każdy sklep internetowy powinien posiadać rozbudowany wachlarz metod obsługi płatności. Do najpopularniejszych sposobów należą: szybki przelew pay-by-link, płatności Blikiem lub PeoPay, płatność E-portfelem, zwykły przelew bankowy, karta płatnicza. Nasza firma zapewnia bezpieczną obsługę płatności, zintegrowany SSL, akceptację płatności z dowolnego miejsca, integrację e-commerce WordPress.

Krok 5: Dodaj produkty

Następnie dodaj produkty do swojej witryny e-commerce. Oto jak to działa:
Wybierz rodzaj produktu (fizyczny, cyfrowy lub usługowy). Jeśli oferujesz kurs wideo, warto wybrać providera usług internetowych, który nie ma ograniczeń przepustowości, ani pamięci masowej. Nadaj swojemu produktowi nazwę i opis. Ustaw cenę i ilości dostępne w sprzedaży. Utwórz podgląd przedmiotu, przesyłając zdjęcie, plik audio lub nawet podgląd wideo. Pamiętaj aby zdjęcia produktów oferowanych w Twoim sklepie były dobrej jakości. 39% osób przestanie angażować się w zakup w witrynie internetowej, jeśli obrazy nie zostaną załadowane lub ich załadowanie zajmie zbyt dużo czasu. Wybierz jedną z wielu opcji dostawy i cen, a także określ wszelkie warianty.

Krok 6: Przetestuj działanie sklepu

Porzucenie koszyka zakupów jest plagą stron internetowych e-commerce. Jak można tego uniknąć?
Przy tworzeniu sklepu internetowego priorytetem jest łatwość obsługi i niezawodność systemu. Dodatkowo zapewnimy pełną funkcjonalność sklepu internetowego na wszystkich możliwych urządzeniach mobilnych. Dajemy gwarancję działania na tabletach i smartfonach umożliwiając kupowanie wielu przedmiotów naraz. Zaproponuj bezpłatną wysyłkę, jeśli możesz, lub jasno określ koszty wysyłki z góry, zanim klienci przejdą do podsumowania płatności. Dobrą praktyką jest wysyłanie wiadomości e-mail o porzuceniu koszyka, gdy tylko dany użytkownik odejdzie, nie dokonując zakupu.

Krok 7: Dbaj o SEO i analitykę

Jedną z rzeczy, która jest bardzo ważna w tworzeniu witryny e-commerce jest optymalizacja pod kątem wyszukiwarek (SEO). Nasz zespół korzysta z najnowszych wskazówek dotyczących SEO, aby pomóc ludziom w znalezieniu witryny, produktów i usług e-commerce w Internecie. Śledź wydajność swojej witryny e-commerce za pomocą rozwiązania analitycznego. Oprócz raportowania biznesowego, nasze sklepy internetowe integrują się łatwo z Google Analytics, dzięki czemu zyskujesz głębszy wgląd w skuteczność swoich działań marketingowych. Pomoże to w monitorowaniu stron witryny i produktów, dzięki czemu można je poprawić, zwiększając sprzedaż, zasięg i skuteczność.

Podsumowanie

Polski rynek handlu w Internecie czeka dalszy wzrost. Stale zwiększająca się liczba internautów, inwestycje marek w nowe kanały sprzedaży, rozwój sektora B2B uczestniczącego w handlu internetowym, coraz większa popularność spersonalizowanej reklamy czy upowszechnienie używania urządzeń mobilnych do wykonywania za ich pośrednictwem zakupów on-line. To tylko niektóre czynniki sprawiające, że rynek e- commerce czeka dalszy dynamiczny rozwój.

22
Lut

9 nowatorskich trendów w tworzeniu stron internetowych w 2018 roku.

Projektowanie stron internetowych jest o wiele bardziej zależne od zmian technologicznych, niż w przypadku nośników tradycyjnych, np. druku. Warto zauważyć, że Web Designerzy (osoby projektujące strony internetowe) bardzo dobrze radzą sobie z rosnącymi wyzwaniami technologicznymi oraz potrafią tworzyć strony przyjazne dla użytkownika, przejrzyste i innowacyjne, przystosowujące się do każdego możliwego urządzenia i po prostu ładne.

W 2017 roku byliśmy świadkami przełomu, kiedy to przeglądanie stron internetowych na urządzeniach mobilnych wyprzedziło komputery stacjonarne. Oznacza to, że 2018 rok będzie musiał w pełni wykorzystać funkcjonalność mobilną w sposób, jakiego nigdy wcześniej nie widzieliśmy. Rzućmy zatem okiem na niektóre godne uwagi trendy w projektowaniu stron internetowych, które będą rozwijane w 2018 roku.

1. Cienie i głębia / Drop shadows and depth

Mimo, że cienie są od dawna podstawą projektowania stron internetowych, dzięki postępowi przeglądarek internetowych, obserwujemy kilka ekscytujących odmian tego trendu. Coraz bardziej popularne są warstwowe układy, nachodzące na siebie, przewijające się z różną prędkością. (tzw. parallaxy). Projektanci stron internetowych bawią się cieniami bardziej niż kiedykolwiek, aby stworzyć głębię i iluzję świata poza ekranem. Jest to bezpośrednia reakcja na trend płaskiego wzornictwa, który był i nadal jest popularny.

Gra cieni tworzy zaskakujący efekt, który zwiększa nie tylko estetykę strony internetowej, ale także wspomaga użytkownika w poruszaniu się po witrynie internetowej (User Experience – UX). Na przykład, używanie miękkich, subtelnych cieni jako efektu najazdu na elementy strony (hover) oraz połączenie ich z żywymi gradientami kolorów zwiększa trójwymiarowy efekt i po prostu dobrze wygląd

2. Żywe nasycone kolory / Vibrant, saturated color schemes

2018 to zdecydowanie rok żywych, nasyconych kolorów na stronach internetowych. Podczas gdy w przeszłości wiele marek utrzymywało się w kolorach stonowanych i bezpiecznych, coraz więcej projektów stron internetowych staje się bardziej odważnych w podejściu do kolorów – w tym przesycenia i żywych odcieni połączonych z nagłówkami, które nie są już tylko poziome, ale ponownie przerysowane za pomocą ukośników i ostrych kątów.

Na ten trend ma wpływ niewątpliwie postęp technologiczny monitorów coraz lepiej odwzorowujących kolory oraz urządzeń mobilnych z ekranami HD, które są coraz lepsze. Żywe, a nawet kontrastujące ze sobą kolory mogą być przydatne dla nowych marek, które liczą na natychmiastowe przyciągnięcie uwagi. Ten trend jest również idealny dla marek, które chcą odróżnić się od „bezpiecznego designu” i tradycji.

3. Wersje mobilne z pierwszeństwem / Mobile first

Według serwisu StatCounter.com ponad 60 proc. ruchu w internecie w Polsce pochodzi ze smartfonów i tabletów. To bardzo dużo, dlatego istotne jest dostosowanie strony do każdego rodzaju urządzenia. W przeszłości był to przylegający proces, którego użytkownicy nie przyjęli tak szybko. Jednak teraz statystyki pokazują, że w coraz większej ilości branż małych i średnich przedsiębiorstw, ruch na stronach www generowany jest właśnie przez urządzenia mobilne a nie kopmutery stacjonarne. Osoby wchodzące na stronę internetową przez urządzenia mobilne oczekują szybkiego działania i prostego, czytelnego menu.

Przyciski powinny być odpowiedniej wielkości dostosowane do rozmiaru palca, którym obsługujemy urządzenia mobilne. Ikony powinny być czytelne i zrozumiałe dla użytkownika, zaprojektowane w taki sposób, by nie trzeba było zastanawiać się nad ich przeznaczeniem. Prostota, użyteczność, odpowiedni UX (User Experience) i sprawna funkcjonalność to podstawowe założenia wpływające na sukces przedsięwzięcia.

4. Przyśpieszenie ładowania stron mobilnych / AMP (Accelerated Mobile Pages)

AMP (Accelerated Mobile Pages) jest projektem, który ma pomóc usprawnić działanie mobilnych stron internetowych. Należy pamiętać, że mimo upowszechnienia internetu mobilnego nie zawsze jego szybkość jest wystarczająca, aby dynamicznie wczytać rozbudowaną i bogatą w treści witrynę. Każda sekunda opóźnienia zwiększa ryzyko, że użytkownik ją po prostu opuści. Aby temu zapobiec, Google wraz ze swoimi partnerami uruchomili AMP. Projekt ma charakter open source’owy, co znaczy, że każdy ma dostęp do kodu źródłowego, może go udoskonalać i modyfikować, a także wykorzystywać za darmo.

5. Dedykowane ilustracje / Custom illustrations

Ilustracje dają bardzo duże możliwości kreacji. To świetne, uniwersalne nośniki do tworzenia obrazów, które są przyjazne, mogą być śmieszne oraz dodają element zabawy do witryny internetowej. Web designerzy, graficy czy artyści mogą tworzyć ilustracje, które są pełne osobowości dostosowanych do charakteru marki – do czego dążą wszystkie marki na rynkach, które każdego roku stają się coraz bardziej zatłoczone.

Trend ten jest idealny dla firm, które chcą być postrzegane jako energiczne, dające radość, ale mogą również sprawić, że marki, które są zazwyczaj postrzegane jako poważne i stonowane, będą bardziej dostępne dla swoich klientów. Niezależnie od tego, jaka jest Twoja tożsamość marki, najprawdopodobniej dopasujesz styl ilustracji do swoich potrzeb.

6. Odważna typografia / Big, bold typography

Typografia w czasach przed-internetowych oznaczała specjalną technikę druku wypukłego wykonanego na maszynach drukarskich z form zawierających materiał zecerski oraz klisze. Współczesna typografia to przeplatanie cienkich ascetycznych fontów, tłustymi i ciężkimi krojami szeryfowymi. Działanie na zasadzie kontrastów wprowadza do przestrzeni dynamikę oraz sprawia, że oko użytkownika się nie męczy, śledząc cały czas ten sam monotonny tekst.

Typografia zawsze była potężnym narzędziem wizualnym, zdolnym do tworzenia osobowości, wywoływania emocji i nadawania tonów stronie internetowej przy jednoczesnym przekazywaniu ważnych informacji. Teraz, gdy rozdzielczości urządzeń stają się coraz większe a czcionki łatwiejsze do odczytania, spodziewany jest duży wzrost wykorzystania czcionek niestandardowych. Z wyłączeniem Internet Explorera wiele przeglądarek może obsługiwać ręcznie wykonane kroje pisma, które są włączone przez CSS dla przeglądarek internetowych. Tendencja wykorzystywania dużych liter, kontrastujących nagłówków pomaga tworzyć dynamiczne podobieństwa tekstów, ulepszać UX (User Experience), a co najważniejsze, utrzymywać odwiedzającego w Twojej witrynie w internecie.

7. Asymetria i łamane układy strony / Asymmetry and broken layouts

Jedną z dużych zmian w 2017 r. było wprowadzenie asymetrycznych i niekonwencjonalnych „zepsutych” układów, a ten trend sieciowy nadal będzie się rozwijał w 2018 r. Atrakcyjność układu asymetrycznego polega na tym, że jest unikalny, wyróżniający się a czasem wręcz eksperymentalny.

Chociaż duże marki z dużą ilością treści nadal korzystają z tradycyjnych struktur w sieci, oczekuje się wzrostu wykorzystania niekonwencjonalnych układów w projektowaniu stron internetowych. Kreacja marki zakłada stworzenie wyjątkowego doświadczenia, aby się wyróżnić. Tradycyjne firmy na ogół nie będą zainteresowane tą estetyką.

Nie mniej jednak duże firmy, które mogą sobie pozwolić na agresywny dynamiczny przekaz będą oczekiwały nowatorskich pomysłów od twórców ich kreacji w Internecie.

8. Zintegrowane animacje / Integrated animations

Wraz z rozwojem technologii przeglądarek, coraz więcej twórców stron internetowych porzuca statyczne ilustracje na rzecz animacji, aby przyciągnąć uwagę użytkowników. W przeciwieństwie do wcześniej wspomnianych ilustracji, które zazwyczaj tworzą statyczne tło, animacje są pomocne w angażowaniu użytkownika przez całe jego doświadczenie na stronie. Animacja może na przykład zająć użytkownika podczas ładowania strony lub wyświetlać użytkownikowi interesujące rozwinięcie grafiki po najechaniu na link. Można je również zintegrować w z przewijaniem (scrollowaniem) strony internetowej, nawigacją lub centralnym punktem całej witryny.

Animacja to świetne narzędzie do włączania użytkowników w pewną historię, pozwalając im widzieć siebie (i ich potencjalną przyszłość jako klientów) w postaciach. Nawet jeśli interesują cię tylko animacje ciekawych abstrakcyjnych elementów wizualnych, dobrze się sprawdzą, aby stworzyć znaczące interakcje z użytkownikami.

9. Dynamiczny gradient / Dynamic gradient

W ciągu ostatnich kilku lat tzw. „flat design” był zdecydowanie preferowanym trendem w projektowaniu stron internetowych. Ale gradienty powracają w 2018 roku. Ostatnio pojawiające się kreacje były projektowane głównie w postaci subtelnego cieniowania sugerującego 3D – ikony Apple na iOS są świetnym przykładem.

Teraz gradienty są już duże, wyraźne i pełne kolorów. Najpopularniejszym niedawnym wcieleniem jest filtr zdjęć – świetny sposób na to by mało interesujące zdjęcie stało się bardziej intrygujące. Proste, gradientowe tło może być także idealnym rozwiązaniem, jeśli nie masz żadnych innych obrazów pasujących do twojej strony internetowej.

Wyraźne kolory, odważne gradienty i zintegrowane animacje będą trendami rozwijanymi w 2018 roku. Nie możemy się doczekać, aby zobaczyć co projektanci wymyślą i jak będą przesuwać granice interakcji z użytkownikami Internetu.

16
Lut

E-commerce – E-zakupy coraz popularniejsze w Polsce

W 2017 roku z 26,5 mln polskich internautów 14,3 mln zrobiło zakupy on-line tworząc rynek wart około 40 mld zł. Przewiduje się, że wartość polskiego rynku handlu on-line wzrośnie o 23 proc. i w 2018 roku przekroczy kwotę 50 mld złotych, natomiast w 2020 roku osiągnie 70 mld.

Przyczyny wzrostu wartości transkacji w sklepach internetowych

Po pierwsze, dorasta młode pokolenie osób, dla których zakupy w sklepie internetowym są czymś zupełnie naturalnym. Z drugiej strony do wzrostu popularności handlu w internecie przyczyniają się również osoby starsze, które przekonały się, że zakupy w sieci są bezpieczne.

Po drugie, wygoda i dostępność. Według badania „E-commerce w Polsce 2017” zrealizowanego przez Gemius dla e-Commerce Polska, najsilniejszym czynnikiem zachęcającym do e-zakupów jest ich całodobowa dostępność (82 proc. wskazań). Zakupy online są postrzegane jako nieskomplikowane (41 proc.) i wygodne (44 proc.), ale także tańsze (33 proc.) i zajmujące mniej czasu (39 proc.) niż te w sklepach tradycyjnych. Skraca się czas dostarczenia towaru do klienta. Bardzo istotnym elementem jest również przyjazna polityka sklepów dotycząca zwrotu zakupionego towaru.

Warto też zauważyć, że coraz większą rolę w handlu w sieci odgrywa nie tylko oferta dla klientów indywidualnych, ale również ta kierowana do innych przedsiębiorców w formule B2B.

Na co zwrócić uwagę sprzedając w internecie?

Głównym kryterium zakupowym wciąż pozostaje cena, jednak coraz większe znaczenie mają czynniki takie jak: wygodny, intuicyjny sklep internetowy, przystosowany również do urządzeń mobilnych; szybkie, bezpieczne płatności; przyjazna polityka zwrotów i wymiana zakupionych towarów; szybka dostawa. Niezwykle istotne jest rozwijanie wsparcia klienta (Customer Support) i minimalizowanie czasu reakcji na ewentualne reklamacje czy zgłoszenia o problemach technicznych.

Sklep internetowy/Platforma e-commerce

Projektując stronę czy sklep internetowy należy pamiętać przede wszystkim o potrzebach użytkowników. Według serwisu StatCounter.com ponad 60 proc. ruchu w internecie w Polsce pochodzi ze smartfonów i tabletów. To bardzo dużo, dlatego istotne jest dostosowanie strony do każdego urządzenia. Osoby wchodzące na stronę sklepu przez urządzenia mobilne oczekują szybkiego i prostego procesu złożenia zamówienia. Należy więc maksymalnie uprościć formularze. Potencjalny klient powinien wiedzieć na którym etapie transakcji się znajduje oraz ile kroków pozostało do finalizacji zakupu. Przyciski powinny być odpowiedniej wielkości dostosowane do rozmiaru palca, którym obsługujemy urządzenia mobilne. Ikony powinny być czytelne i zrozumiałe dla użytkownika, zaprojektowane w taki sposób, by nie trzeba było zastanawiać się nad ich przeznaczeniem.

Prostota, użyteczność, odpowiedni UX (User Experience) i sprawna funkcjonalność to podstawowe założenia wpływające na sukces przedsięwzięcia. Należy także pamiętać, że sklep internetowy powinien przede wszystkim wzbudzać zaufanie.

Płatności

Każdy sklep internetowy powinien posiadać rozbudowany wachlarz metod obsługi płatności.

Do najpopularniejszych sposobów płatności należą: szybki przelew pay-by-link, płatności Blikiem lub PeoPay, płatność E-portfelem, zwykły przelew bankowy, karta płatnicza.

Przelew pay-by-link

Jest to jedna z najpopularniejszych obecnie metod. Po dokonaniu zakupów wybieramy opcję płatności szybkim przelewem. Następnie zostajemy przekierowani na stronę operatora płatności internetowych gdzie wybieramy ikonkę banku, w którym mamy konto. Logujemy się na stronę banku i mamy automatycznie wypełniony formularz przelewu. Po autoryzacji informacja o tym, że wysłaliśmy przelew od razu trafi do sprzedawcy, dzięki czemu będzie mógł niezwłocznie nadać przesyłkę .

Płatność Blikiem / Peo Pay

Po wybraniu płatności Blikiem należy wpisać sześciocyfrowy kod, który wyświetli się nam w aplikacji mobilnej banku. Następnie zatwierdzamy płatność w naszym telefonie. W przypadku PeoPay należy zeskanować kod QR, który wyświetli się na monitorze i zaakceptować płatność w aplikacji. Także i w tym przypadku sprzedawca dostanie od razu informację o tym, że przelew został zlecony.

Płatność E-portfelem

Do najpopularniejszych e-portfeli należą PayPal i Masterpass. Użytkownik zakłada konto w serwisie zajmującym się płatnościami on-line. Następnie podpina swoje karty płatnicze tak, aby mógł dokonywać wszelkich transakcji w sieci lub za pomocą telefonu. Sprzedawca natychmiast otrzymuje informacje o przeprowadzeniu transakcji.

Przelew bankowy

W większości sklepów internetowych zakupy można opłacić także standardowym przelewem zlecanym przez system bankowości internetowej. W tym przypadku sami musimy wypełnić formularz przelewu. Informacja o płatności trafi do sprzedawcy dopiero wtedy, gdy pieniądze wpłyną na jego konto.

Karta płatnicza

Aby dokonać płatności kartą należy wprowadzić numery karty, datę jej ważności oraz trzycyfrowy kod CVC/CVV znajdujący się na odwrocie plastiku.

Pomimo szerokiej oferty płatności nadal aż 16% osób kupujących w sklepach internetowych wybiera opcję płatności pobraniowej.

Dostawa i zwrot

Dostarczenie zakupionego towaru to, obok platformy e-commerce oraz systemu płatności, jedno z kluczowych zagadnień wpływających na zadowolenie klienta. Dobrą praktyką i coraz bardziej widocznym trendem jest pozostawienie wyboru opcji dostawy klientowi, który dokonał zakupu w sklepie internetowym. Klient nie tylko sam wybiera dostawcę i cenę za tę usługę, ale również zdecyduje, czy na zakupy będzie czekał pod domowym adresem, czy odbierze je w najbliższym punkcie funkcjonującym w sieciach typu „Paczka w Ruchu” lub też o dowolnie wybranej porze wyjmie sobie przesyłkę z paczkomatu.

W 2015 roku nałożono na przedsiębiorców restrykcyjne obowiązki informacyjne i nadano konsumentom 14-dniowe prawo do zwrotu towaru bez podania przyczyny. Mimo wielu obaw o nadużywanie prawa do zwrotów, obserwujemy wzrost branży e – commerce a sklepy internetowe same wydłużają czas zwrotu do 30 a nawet 100 dni.

Wsparcie klientra / Customer Support

Według iAdvize współczynnik konwersji wśród osób odwiedzających sklepy internetowe, którzy uzyskali natychmiastowe wsparcie w trakcie wizyty, wynosi aż 28,4%. Na rynku dostępnych jest wiele możliwości wparcia klienta od chat botów, przez call center, po formularze kontaktu. Ważne jest budowanie poczucia u klienta, że na każdym etapie korzystania z platformy e-commerce po drugiej stronie są ludzie, którzy zareagują szybko, gdy tylko system zawiedzie.

Perspektywy dla polskiego rynku e-commerce

Wszystko wskazuje na to, że Polski rynek handlu w Internecie czeka dalszy wzrost. Stale zwiększająca się liczba internautów, inwestycje marek w nowe kanały sprzedaży, rozwój sektora B2B uczestniczącego w handlu internetowym, coraz większa popularność spersonalizowanej reklamy czy upowszechnienie używania urządzeń mobilnych do wykonywania za ich pośrednictwem zakupów on-line. To tylko niektóre czynniki sprawiające, że rynek e- commerce czeka dalszy dynamiczny rozwój.

24
Sty

Dedykowane systemy CRM vs. Systemy Open Source

W świecie technologii i automatyzacji procesów systemy informatyczne, również systemy CRM odgrywają coraz większą rolę w codziennym życiu.

Zacznijmy od podstaw

System CRM (ang. customer relationship management) – w wolnym tłumaczeniu jest to narzędzie do zarządzania relacjami z klientem. Może być to system informatyczny/program, który automatyzuje i wspiera procesy klient – organizacja w zakresie pozyskania, monitorowania działań oraz obsługi klienta.

Wyróżniamy dwa główne rodzaje oprogramowania: systemy zamknięte oraz systemy open source. Ten artykuł przybliży istotne informacje na temat różnic między nimi oraz dostarczy porównań w obszarach takich jak: rozwój/budowa oprogramowania, wsparcie, elastyczność rozwiązań i koszty.

Closed source software – oprogramowanie, którego kod źródłowy jest zaszyfrowany i bezpieczny. Oznacza to, że użytkownicy nie mają możliwości kopiowania, modyfikowania czy też usuwania poszczególnych części kodu. Każda próba ingerowania w kod źródłowy może prowadzić do poważnych konsekwencji od utraty gwarancji poprawnego działania oprogramowania aż do konsekwencji prawnych. Do oprogramowania zamkniętego zaliczają się np. dedykowane systemy CRM.

Open source software – jest to odwrotność oprogramowania zamkniętego. Pozwala użytkownikom na kopiowanie, modyfikowanie oraz usuwanie części kodu źródłowego. Programiści mogą używać dowolnych części kodu źródłowego zależnie od własnych potrzeb.

Programowanie/Rozwój oprogramowania/Developmend

systemy crmWybór systemu CRM zależy w dużej mierze od potrzeb biznesowych i celów które przed danym przedsięwzięciem stawiamy.

Deweloperzy dedykowanych systemów CRM analizują potrzeby biznesowe klienta i dostosowują swój produkt do konkretnych wymagań. Następnie rozwijają oraz aktualizują swoje oprogramowanie tak żeby sprostać oczekiwaniom swoich klientów.

Istnieje przekonanie, że systemy open source tworzone są jedynie przez niezależnych programistów jednak większość oprogramowania open source powstaje w komercyjnych firmach oferujących również oprogramowanie zamknięte. Są różne modele biznesowe dla producentów otwartego oprogramowania. Oprócz darmowego udostępniania oprogramowania podstawowego można sprzedawać dodatkowe usługi, takie jak wsparcie klienta, dostęp do dodatkowych rozszerzeń, wtyczek, modułów czy szkolenia z obsługi. Możliwe jest też wykorzystanie bezpłatnej wersji open source, jako sposób na zachęcenie do kupna bardziej rozbudowanej wersji dostarczanej na licencji komercyjnej.

Wsparcie / Support

Wsparcie / Support

Zamknięte oprogramowanie zwykle zawiera dedykowane FAQ (ang. Frequently Asked Questions), podręczniki użytkownika (ang. User Manual/User Guide)  i opcje kontaktu z działem wsparcia. Jeśli wystąpi problem z oprogramowaniem, można przesłać zgłoszenie do pomocy technicznej i uzyskać odpowiedź w ciągu jednego dnia roboczego. Wszystkie czynności w razie problemów będą dobrze zorganizowane i udokumentowane.

Z drugiej strony, w przypadku oprogramowania typu open source nie ma wielu opcji pomocy technicznej, takich jak dedykowane FAQ – często zadawane pytania. Opcja kontaktu z pomocą może być niedostępna. Żeby poradzić sobie z problemem często należy poszukać informacji na forach lub czytać artykuły odnoszące się do danego tematu.

Elastyczność rozwiązań / Flexibility

Dedykowane systemy CRM mają zazwyczaj funkcjonalność ściśle dopasowaną do potrzeb klienta. Elastyczność zawężona jest tylko do front-endu, czyli opcji dostępnych użytkownikowi. Funkcje są ograniczone do tego co zostało zaprogramowane. Zmiana któregokolwiek z elementów kodu może spowodować poważne problemy z działaniem programu.

Oprogramowanie open source pozwala na większą elastyczność. Można dodawać modyfikacje lub funkcje stworzone przez społeczność aby dostosować je do swoich potrzeb.

Koszty / Costs

koszty CRMIstnieje kilka różnych modeli cenowych oprogramowania. My skoncentrujemy się na  regularnej usłudze zakupu i subskrypcji. Określony system może być sprzedawany jako jednorazowy zakup. Model subskrypcyjny opiera się na comiesięcznych płatnościach, które umożliwiają nam dostęp do oprogramowania np. w chmurze, czyli dostęp do systemu online bez potrzeby instalowania go na wielu urządzeniach.

Model wyceny zamkniętych systemów opiera się analizie potrzeb klienta i zawiera prawo do używania oprogramowania, niezależnie od tego, czy jest to koszt początkowy czy subskrypcja.

W przypadku oprogramowania open source nie ma kosztów związanych z podstawową funkcjonalnością. Mogą się jednak pojawić koszty wchodzące w zakres kastomizacji, np.: dodanie nowych funkcjonalności czy integracja z innymi systemami. Cena tych przystosowań uzależniona jest od zakresu prac. Nierzadko za takie prace płaci się tyle ile za same licencje lub więcej.

Zarówno dedykowane systemy zamknięte, jak i systemy open source mogą być wyceniane na zbliżonym poziomie. Dedykowany system CRM generuje koszty związane programowaniem, podczas gdy oprogramowanie typu open source wiąże się z niewielkim lub żadnym kosztem zakupu, ale może powodować wydatki związane z dodatkowymi funkcjami.

Podsumowanie

Jeśli Twój biznes potrzebuje systemu prostego posiadającego podstawowe funkcjonalności oraz będzie Ci zależało na maksymalnym ograniczeniu kosztów związanych z zakupem oprogramowania, systemy open source mogą być dobrym wyborem.

Jeśli natomiast potrzebujesz rozwiązań ściśle dopasowanych do swoich potrzeb, wsparcia technicznego, rozbudowy lub integracji z już istniejącym oprogramowaniem czy bazą danych, to należy poważnie rozważyć wybór dedykowanego systemu CRM.

19
Lis

Jak stworzyć napis wypełniony grafiką przy pomocy CSS3 i HTML5?

Czy pamiętasz może czas, kiedy zaczynałeś swoją przygodę z Photoshopem? Może zaprojektowałeś wtedy tekst oparty na obrazie, a następnie umieściłeś go na swojej stronie?

Dzięki właściwościom maski CSS, możesz uzyskać podobny efekt.

Elementy, które będa potrzebne:

dowolne zdjęcie
tekstura (plik PNG)
czcionka Lato (Google Font)
czcionka Pacifico (Google Font)
czcionka Oswald (Google Font)

Będziemy tworzyć takie napisy:clip

Używanie Webkit Background-Clip

W tej części tutoriala użyjesz właściwości background-clip aby uzyskać ciekawy napis przy pomocy nagłówka h1.

Struktura HTML

Umieść w swoim kodzie dwa bloki i nadaj im kolejno ID:  napis-1, napis-2. W obu blokach umieścić dowolny tekst za pomocą nagłówków h1.

[html]
<div id="napis-1">

<h1>LEW</h1>

</div>

<div id="napis-2">

<h1>Jest królem dżungli!</h1>

</div>

[/html]

Style CSS

Teraz w CSS użyjemy właściwości background-clip aby przyciąć odpowiednio tło do tekstu. Tło domyślnie będzie rozciągać się do zewnętrznej krawędzi obramowania tekstu.

Użyjemy dwóch różnych obrazów tła. Pierwszy z nich to bedzie lew a drugi dżungla.

Właściwość Webkit-text-fill-color ustawiamy jako przezroczystą aby mieć pewność że kolor nie pojawi się nam w tekście.

[html]
#napis-1 {
background: url(images/lion.jpg) no-repeat center center;
background-size: cover;
color: #fff;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}

#napis-2 {
background: url(images/jungle.jpg) no-repeat top center;
background-size: cover;
color: #fff;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
cursor: pointer;
}

#napis-1 h1 {
font-size: 200px;
font-family: Anton, sans-serif;
text-align: center;
-webkit-transition: text-shadow 1s ease;
text-shadow: 0 0 1px rgba(0,0,0,.1);
margin: 0;
padding: 0;
}

#napis-2 h1 {
font-size: 110px;
font-family: Pacifico, sans-serif;
text-align: center;
-webkit-transition: text-shadow 1s ease;
text-shadow: 0 0 1px rgba(0,0,0,.1);
margin-top: -75px;
padding: 0;
}
[/html]

Użycie Webkit Mask-Image

Korzystając z właściwoścy webkit-mask-image możesz umieścić obraz w tekście. Jest to prawie taka sama właściwość jak background-clip z tym, że obraz maski przycina widoczną część elementu zgodnie z przezroczystością maski obrazu.

Struktura HTML

Stwórz napis używając nagłówka h1 i całość umieść w bloku o ID maska.

[html]

<div id="maska">

<h1>BARDZO FAJNY NAPIS Z TŁEM</h1>

</div>

[/html]

Style CSS

W CSS określ kolor, typ, wielkość czcionki, itd. Ponadto użyj właściwości -webkit-mask-image do przycięcia tła wobec tekstu. Obróć tekst o -4 stopnie przy pomocy właściwości transform.

[html]
#maska{
font-family: Oswald, sans-serif;
font-size: 100px;
color: #fff;
text-transform: uppercase;
border: 14px solid #fff;
border-radius: .2em;
text-align: center;
margin: 0;
display: block;
-webkit-mask-image: url(images/rough-texture.png);
-webkit-transform: rotate(-4deg);
-moz-mask-image: url(images/rough-texture.png);
-moz-transform: rotate(-4deg);
-o-mask-image: url(images/rough-texture.png);
-o-transform: rotate(-4deg);
mask-image: url(images/rough-texture.png);
transform: rotate(-4deg);
}[/html]

Podsumowanie

W taki oto prosty sposób można łatwo przyciąć obraz do tekstu używając właściwości background-clip w CSS. Pamiętaj tylko, że przeglądarka Internet Explorer 8 nie ma wsparcia dla tej właściwości.

Demo oraz pliki do pobrania.

2
Lis

Automatyczne obracanie panoramy [Google Maps]

Jak automatycznie obracać panoramę z Google Street View?

Zastanawiasz się jak automatycznie przewijąc panoramę w Google Maps? Poniższy efekt możemy uzyskać w kilka minut.

[raw]



[/raw]

Pełny kod: (wersja full screen)

[html]
<DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Automatyczna panorma</title>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<style>
body, html {
height: 100%;
width: 100%;
padding: 0px;
margin:0px;
}
#panorama{
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="panorama"></div>
<script>
var pano;
var speed = 30;
var latlng = new google.maps.LatLng(40.774971,-73.9666061);
var panoOptions = {
position: latlng,
pov: {
heading: 0,
pitch: 0
}
};
pano = new google.maps.StreetViewPanorama(document.getElementById(‚panorama’), panoOptions);
window.setInterval(function() {
var pov = pano.getPov();
pov.heading += 0.2;
pano.setPov(pov);
}, speed);
</script>
</body>
</html>
[/html]

Wyjaśnienia:

latlng – dane GEO naszego punktu

speed – szybkość obracania

headin – określa kąt obrotu wokół położenia kamery (stopnie)

pitch – określa odchylenie kąta „w górę” lub „w dół” (stopnie)

Skrypt można dowolnie modyfikować i umieszczać na swojej stronie.

27
Paź

Jak używać breadcrumbs?

Wielu internautów oczekuje od stron internetowych, że będa miały wdrożone „breadcrumbs”.

Te z pozoru niezauważalne elementy nawigacji dają nam uproszczoną możliwość przeglądania serwisów www bez utraty świadomości gdzie się znajdujemy.

Niektóre breadcrumbs wpływają pozytywnie na odbiór stron przez użytkowników (UX), gdzie z kolei inne, powodują komplikację w nawigowaniu po serwisie www. Zbadajmy zatem jak breadcrumbs wpływa na UX oraz optymalizację SEO.

Czym są breadcrumbs?

Breadcrumbs – czyli okruszki chleba. Termin ten, został zaczerpnięty z bajki braci Grimm o Jasiu i Małgosi. Macocha głównych bohaterów porzuciła je w lesie mając nadzieję, że nigdy więcej ich nie zobaczy. Inteligentny Jaś jednak zostawiał po sobie ślad używając okruszków chleba. W ten sposób stworzył ścieżkę dzięki której dzieci mogły znaleźć drogę powrotną do domu. Okruszek po okruszku. Breadcrumbs na stronach internetowych opisują, ścieżkę “podróży” użytkownika.

Wielu programistów tworzy serwisy internetowe używając strony głównej jako punkt wyjściowy. Strona główna z kolei linkuję do kolejnych podstron takich jak np. strona kontaktowa, strona “o nas”, czy do podstron poszczególnych produktów. Każda z tych stron ma swoje miejsce w hierarchii serwisu. Breadcrumbs pomaga zwizualizować ten schemat i umożliwia poruszanie się wewnątrz niego. Nawigacja za pomocą breadcrumbs może wyglądać następująco:

Strona główna > Elektronika > AGD i RTV > TelewizorySony Trinitron 27

Jeżeli klientów nie interesuje telewizor sony, ale chcą kontynuować poszukiwania swojego upragnionego telewizora to jednym kliknięciem mogą dostać się się do kategorii zawierającej wszystkie telewizory. Natomiast gdy okaże się, że potrzebujemy czegoś więcej z działu elektroniki to wystarczy ponownie jedno kliknięcie i przenosimy się do sekcji związanej z elektroniką. Intuicyjne, prawda?

Nawigowanie po breadcrumbs zapewnia użytkownikom pewien kontekst, dzięki czemu mogą odpowiedzieć sobie na pytania:

  • Gdzie obecnie jestem w odniesieniu do całej witryny?
  • Jakie mam dostępne wybory do poruszania się po stronie? Breadcrumbs sprawiają, że każda sekcja jest łatwa do znalezienia.
  • Czy chcę tam przejść? Breadcrumbs sugerują eksplorowanie stron internetowych, zachęcając użytkowników do przechodzenia do kolejnych miejsc.

Korzyści ze stosowania Breadcrumbs

Breadcrumbs ułatwia nawigację po witrynach internetowych w celu ulepszenia wrażeń użytkowników (UX) w następujący sposób:

  • Odwiedzający wykonują mniej kroków.
    Jeśli użytkownicy poszukują ciekawych treści a nie chcą opuszczać strony na której się znajdują mogą użyć breadcrumbs w celu pozyskania kolejnych treści (zamiast np. wrócić do strony głównej).
  • Breadcrumbs wyjaśniają nawigowanie po stronie.
    Często użytkownicy nie są pewni, czego szukają, ale czują, że będą wiedzieli, kiedy to zobaczą. Dopóki mogą przejść płynnie przez poszczególne pozycje strony internetowej, każdy krok przybliża ich do celu. Jeśli muszą pójść w danym kierunku, mogą stracić ścieżkę by następnie zdecydować, że jednak nie są zainteresowani danym obszarem strony. Breadcrumbs pomaga odnaleźć drogę powrotną.
  • Efektywnie wykorzystują przestrzeń.
    Breadcrumbs to prosty tekst z poziomymi liniami, które nie przyczyniają się do przeciążenia treści na stronach internetowych.

Kiedy używać breadcrumbs?

Decydując się na użycie breadcrumbs musisz pamiętać, że Twoja strona musi być podzielona na sekcje i podsekcje. Poszczególne podstrony powinny być zgrupowane według powiązanych kategorii, dzięki czemu zadbamy o poprawne UX. Breadcrumbs nie są przydatne przy w witrynach, których podstrony nie są w żaden sposób zgrupowane, np blogi z niepowiązanymi tematami itd.

Typy breadcrumbs

Breadcrumbs może określać pozycję, ścieżkę lub charakterystykę strony:

  • Pozycja.
    Jeśli strony internetowe posiadają więcej niż dwa poziomy, breadcrumbs wskazują położenie każdej podstrony w stosunku do pozostałych. Na przykład jeśli użytkownicy wyszukują „dywan w kolorze turkusowym” i wybiorą link, który przeniesie ich do określonego produktu, mogą zdać sobie sprawę, że chcieliby zobaczyć inne produkty tego samego sprzedawcy. Być może nigdy nie byli na innych podstronach w serwisie, a breadcrumbs sugerują, że mogą poznać kolejne elementy serwisu. Każdy link tekstowy breadcrumbs przenosi użytkowników o jeden poziom wyżej.
  • Ścieżka nawigacyjna.
    Pokazuje, że każdy krok użytkownika przybliżył go do celu. Jeśli chodzi o historię ścieżki po której poruszał użytkownik, breadcrumbs stają się mniej użyteczne jeśli użytkownicy przejdą na stronę bezpośrednio z wyszukiwarki.
  • Elementy zgrupowane według właściwości.
    Serwisy ecommerce często używają tego rodzaju ścieżki nawigacyjnej do grupowania podobnych produktów.

Twórcy stron internetowych mogą mieszać powyższe typy breadcrumbs aby ułatwić odwiedzającym nawigowanie. Na przykład ścieżka nawigacji dla witryny hipermarketu może wyglądać następująco:

Strona główna > Ubrania > Odzież Damska > Piżamy i Szlafroki > Koszulki Spodenki > Koszulki z długim rękawem

Pierwsze trzy kategorie są oparte na lokalizacji. Ostatnie trzy elementy są podzielone ze względu podobne cechy charakterystyczne dla każdego poziomu.

Breadcrumbs a SEO

Od kiedy wyszukiwarki nieustannie rozwijają swoje reguły określające pozycję stron internetowych w wynikach wyszukiwania to, specjaliści od SEO nie są zgodni jak duże znaczenie ma stosowanie breadcrumbs w optymalizacji stron www pod kątem wyszukiwarek. Jednakże większość z nich zgadza się, że breadcrumbs może pomóc. Należy pamiętać, że ich podstawową funkcją jest poprawa UX.

19
Paź

„Coming Soon Page”. Dobre praktyki.

Co należy zrobić, gdy strona internetowa jest w budowie i nie jesteś jeszcze gotów na jej uruchomienie?

Niezależnie od tego, czy projektujesz stronę prezentującą nowy produkt lub aplikację, czy po prostu tworzysz nową wersję swojej strony internetowej warto stworzyć “Coming Soon Page”. Dobrze przygotowana “strona w budowie” może pomóc Ci zdobyć potencjalnych klientów. Zajawka strony być dobrym narzędziem promocyjnym, marketingowym dla niektórych serwisów internetowych. Dobrze zaprojektowany Landing Page może przyciągnąć uwagę dla nowej aplikacji lub produktu – jest to dość popularne rozwiązanie.

Kilka porad…

To czego potrzebujesz by stworzyć efektowne “Coming Soon Page” to nie tylko zestaw kolorów czy ładnych zdjęć. Potrzebujesz takich komponentów, które będą potrafiły zaangażować odwiedzających użytkowników.

Najlepsze tego typu strony nie są skomplikowane, zawierają tylko jedną rzecz którą chcemy by wykonali nasi odwiedzający. Nie twórz zbyt wielu opcji. Pamiętaj, że Landing Page to tylko zwiastun Twoje docelowej strony internetowej.

counter

Pomyśl o atrakcyjnych graficznie elementach jak licznik, który będzie odliczać czas do uruchomienia pełnej wersji Twojej strony lub np. rozpoczęcia sprzedaży danego produktu. Pamiętaj by czas który odliczasz miał pokrycie w rzeczywistości!

landing page formBardzo często stosuje się formularz, za pomocą którego zbieramy adresy e-mail zainteresowanych nami osób. Dzięki czemu po uruchomieniu właściwej wersji strony internetowej możemy poinformować o tym fakcie naszych potencjalnych klientów. Konwersja w tym przypadku jest wyjątkowa wysoka.

Tworząc “Coming Soon Page” używaj kolorystyki, typografii czy zdjęć, które są ściśle powiązane z Twoja marką. Użytkownicy muszą czuć, że Landing Page jest elementem Twojej docelowej strony a nie jej odrębnym tworem.  

Dołącz logo i krótki opis tego czym się zajmujesz. W przypadku nowej marki lub wprowadzenia produktu użytkownicy potrzebują wystarczających informacji, aby wiedzieć, że są zainteresowani tym, co oferujesz.

Jeżeli potrzebujesz pomocy w zaprojektowaniu strony internetowej służymy pomocą!