Kategorie
Inne Marketing online Narzędzia Pozycjonowanie Strony www

5 kroków, by Twoja strona była mobile friendly. Jak stworzyć responsywną stronę www?

Dlaczego tworzenie witryny przyjaznej dla urządzeń mobilnych jest tak ważne dla Google?

W ciągu dekady globalna publiczność przeniosła się z komputerów stacjonarnych na urządzenia mobilne. Zakończyło się to ogłoszeniem przez Google pełnego zatwierdzenia indeksowania mobile-first w 2020 r. Oznacza to, że w indeksowaniu witryn pierwszeństwo mają witryny zoptymalizowane pod kątem urządzeń mobilnych. Staje się to niezwykle ważne dla właścicieli witryn: jeśli chcesz poprawić rankingi swojej witryny i pozostać na szczycie w SERP, uczyń ją przyjazną dla urządzeń mobilnych.

Najnowsze statystyki przemawiają również za dostosowaniem witryny do urządzeń mobilnych:

  • W 2021 r. użytkownicy mobilni odpowiadają za prawie 3/4 globalnego ruchu, a tendencja ta prawdopodobnie się utrzyma i być może jeszcze wzrośnie na korzyść urządzeń mobilnych.
  • Jest to jeden z czynników rankingowych dla wyszukiwarek, dając witrynom przyjaznym dla urządzeń mobilnych wzrost SERP.
  • Według Google 80% stron internetowych przestawiło się już na obsługę urządzeń mobilnych.

Jak sam widzisz, nie ma czasu na czekanie! Dowiedz się, jak tworzyć witryny przyjazne dla urządzeń mobilnych za pomocą bezpłatnych narzędzi i bez dodatkowych problemów.

Jazda w metrze w Tokio, użytkownicy mobilni w pociągu

Chcesz, aby Twoja witryna była przyjazna dla urządzeń mobilnych?

Myśląc o przyjazności dla urządzeń mobilnych, należy mieć na uwadze obraz zwykłego użytkownika smartfona. Ważne jest, że:

  • Ekrany mobilne są dość małe
  • Telefony komórkowe mają zwykle wolniejsze procesory w porównaniu z komputerami PC (choć nie zawsze!)
  • Połączenia mobilne mają zwykle mniejszą przepustowość i wolniejsze ładowanie (choć to się zmienia!)
  • Ludzie wbijają palce w ekran dotykowy
  • Ludzie korzystają z urządzeń mobilnych w podróży

Ten przewodnik krok po kroku zawiera jasną strategię długoterminowej realizacji i prawidłowego wykonania wszystkich prac związanych z optymalizacją urządzeń mobilnych. Jak zacząć?

1. Sprawdź swoją witrynę pod kątem dostosowania do urządzeń mobilnych
Idź dalej, jeśli Twoja witryna nie przejdzie pomyślnie testu dostosowania Google do urządzeń mobilnych.

2. Wybierz najlepsze rozwiązanie przyjazne dla urządzeń mobilnych
Wybierz najbardziej odpowiednie rozwiązanie: może to być responsywny projekt, dynamiczne serwowanie, oddzielna witryna przyjazna dla urządzeń mobilnych lub aplikacja mobilna.

3. Korzystaj z najlepszych praktyk mobilnego SEO
Aby zapewnić skuteczność mobilnego SEO, upewnij się, że Twoja witryna spełnia kryteria przyjazne dla urządzeń mobilnych Google, takie jak używanie czytelnego tekstu, unikanie oprogramowania rzadko spotykanego na urządzeniach mobilnych (takiego jak Flash) itp.

4. Unikaj typowych błędów optymalizacji mobilnej
Nie blokuj plików JavaScript, CSS lub obrazów; unikaj umieszczania nieodtwarzalnych treści, naprawiaj nieistotne linki itp.

5. Użyj narzędzi SEO, aby poprawić swoją pozycję w mobilnych SERPach
Przeszukuj rankingi i słowa kluczowe, aby dowiedzieć się, jakie treści i doświadczenia są istotne dla Twoich odbiorców mobilnych i zapewnić spójność zarówno dla mobilnych, jak i desktopowych widoków Twojej witryny.

Przyjrzyjmy się szczegółowo krokom.

1. Sprawdź swoją witrynę pod kątem przyjazności dla urządzeń mobilnych

Zastanawiasz się, jak stworzyć stronę wolną od poważnych problemów mobilnych? Przede wszystkim sprawdź analitykę witryny, aby zobaczyć, na czym stoisz pod względem optymalizacji mobilnej.

Przejdź do Google Analytics > Odbiorcy > Mobilne > Przegląd / Urządzenia i zobacz podział użytkowników według urządzenia: telefon komórkowy, komputer stacjonarny i tablet. Możesz podzielić to jeszcze bardziej, aby zobaczyć takie dane, jak współczynnik odrzuceń, czas trwania wizyty i współczynnik konwersji celu na określonych urządzeniach (iPhone, telefony Samsung, iPady itp.).

W Google Analytics sprawdź, ile stron jest wyświetlanych z telefonów komórkowych

Następnie sprawdź swoją witrynę za pomocą testu Google Mobile Friendly Test . Tam możesz uzyskać jeden z dwóch następujących wyników:

Twoja witryna jest dostosowana do urządzeń mobilnych , co oznacza, że ​​nie musisz się o nic martwić.

Test przyjazny dla urządzeń mobilnych

Twoja witryna nie przeszła testu dostosowania do komórek . Dość często przyczyny tego są następujące: tekst jest zbyt mały, aby go przeczytać, linki są zbyt blisko siebie, a mobilny widok nie jest ustawiony.

Test swobodnej komunikacji mobilnej nie powiódł się

Alternatywnie możesz sprawdzić przyjazność dla urządzeń mobilnych swojej witryny (i stron) za pomocą Audytora witryny . Uruchom narzędzie, wprowadź adres URL, który chcesz zbadać, sprawdź Struktura Witryny > Audyt Witryny > Kodowanie i czynniki techniczne .

Test przyjazności dla urządzeń mobilnych w WebSite Auditor

Jeśli więc Twoja witryna nie przejdzie testu dostosowania do urządzeń mobilnych Google, przejdź do następnego kroku.

2. Wybierz rozwiązanie przyjazne dla urządzeń mobilnych

Decydując się na długoterminowy plan optymalizacji mobilnej, masz do wyboru kilka opcji. Zastanów się, który z nich pasuje do Twojego projektu.

Łatwy w
utrzymaniu
Twoje treści są spójne na wszystkich urządzeniach Opłacalne Łatwo zapewnić niestandardowe wrażenia dla użytkowników mobilnych

Responsywne projektowanie stron internetowych (zalecane przez Google)

TAK
TAK
NIE
NIE
Dynamiczne serwowanie
NIE
NIE
TAK
TAK
Oddzielna witryna dla użytkowników mobilnych
NIE
NIE
TAK
TAK
Aplikacja mobilna
NIE
NIE
NIE
TAK

1. Responsywne projektowanie stron internetowych

Responsywne projektowanie stron internetowych jest najbardziej eleganckim rozwiązaniem i jest rekomendowane przez Google. Krótko mówiąc, ta sama witryna z tym samym adresem URL jest obsługiwana na wszystkich urządzeniach, ale strona dostosowuje swój układ do każdego urządzenia. Podejście polega na kodowaniu w taki sposób, aby zawartość witryny była automatycznie dostosowywana do wysokości, szerokości, rozdzielczości i innych cech konkretnego gadżetu.

Plusy
  • Łatwy do wdrożenia. Zapytaj dowolnego programistę, co myśli o projektowaniu responsywnym, a powie Ci, że to po prostu kręci. Sekret popularności tej metody polega na tym, że jest to znacznie bardziej uproszczone rozwiązanie w porównaniu z projektowaniem witryny mobilnej, którą należy dostosować osobno do każdego typu urządzenia.
  • Łatwe w utrzymaniu. Jedną z największych zalet jest to, że budowa strony internetowej z responsywnym projektowaniem stron internetowych nie jest obecnie wielkim problemem, a jej utrzymanie jest jeszcze prostsze.
Minusy
  • Projektowanie responsywne jest nieco ograniczone pod względem liczby sposobów, w jakie może „odpowiadać” użytkownikom. Ponieważ utrzymujesz tylko jedną treść, możesz stworzyć środowisko witryny, które renderuje informacje tylko do jednego rodzaju intencji użytkownika.
  • Wdrożenie responsywnego projektowania stron internetowych oznacza poważne przeprojektowanie układu i struktury witryny, co może nie być opcją dla niektórych właścicieli witryn.

2. Dynamiczne serwowanie

Urządzenie użytkownika zostaje wykryte i pojawia się niestandardowa strona, która została utworzona specjalnie dla tego urządzenia. W przypadku dynamicznego udostępniania serwer odpowiada innym kodem HTML (i CSS) pod tym samym adresem URL, w zależności od tego, który klient użytkownika żąda strony (urządzenie mobilne, tablet lub komputer).

Plusy
  • Możesz nie wyświetlać dużej ilości treści na urządzeniach mobilnych.
Minusy
  • Bardziej kosztowne niż projektowanie responsywne, ponieważ musisz tworzyć konkretne odpowiedzi HTML na urządzenia mobilne.
  • Wykrywanie klienta użytkownika jest podatne na błędy. Na przykład wrażenia użytkownika mogą zostać zepsute, gdy pojawią się nowe przeglądarki lub gdy tablety będą traktowane jak smartfony.

3. Mobilna wersja strony internetowej

Takie podejście polega na stworzeniu oddzielnej witryny przyjaznej dla urządzeń mobilnych, która będzie wyświetlana na urządzeniach mobilnych. Użytkownicy mobilni są przekierowywani na inny adres URL przeznaczony dla urządzeń mobilnych. Użytkownicy tabletów widzą witrynę na komputery. Z reguły wersja mobilna ma mniej treści niż oryginalna witryna i oferuje nawigację, która jest znacznie lepiej dostosowana do przeglądania mobilnego.

Na przykład wiele firm internetowych ma obecnie subdomenę m.example.com , do której użytkownicy mobilni są przekierowywani na podstawie ich urządzenia/agenta użytkownika. Link do pełnoprawnej wersji jest zwykle podawany również na wypadek, gdyby ktoś chciał zobaczyć całą witrynę.

Plusy
  • Elastyczność. Użytkownicy mobilni zwykle potrzebują określonych rodzajów treści, takich jak lokalizacja firmy, godziny pracy, wskazówki dojazdu itp. Dzięki oddzielnej witrynie mobilnej łatwo jest tworzyć strony internetowe zaprojektowane specjalnie dla użytkowników mobilnych, tzn. wypełniać je znacznymi inne informacje niż te, których spodziewalibyśmy się w witrynie na komputery.
  • Analityka. Z marketingowego punktu widzenia łatwiej jest skierować ruch mobilny do osobnego lejka sprzedażowego. Tak więc witryna mobilna zapewnia wszystkie niezbędne dane analityczne dotyczące kampanii mobilnej.
Minusy
  • Trudno pokryć wszystkie podstawy. Dzięki takiemu podejściu trudno jest dostosować witrynę do wszystkich możliwych typów urządzeń przenośnych, z których można uzyskać dostęp. Jeśli jednak kierujesz się głównie, powiedzmy, do użytkowników iPhone’a, nie stanowi to problemu.
  • Zamieszanie w utrzymaniu. Mimo że Twoja witryna dostosowana do komórek może być dobrze zsynchronizowana z witryną główną, nadal wymaga konserwacji i musisz o tym pamiętać za każdym razem, gdy aktualizujesz zawartość lub wprowadzasz zmiany w witrynie.

4. Aplikacja mobilna

Dla użytkowników mobilnych tworzona jest osobna aplikacja. Ta opcja jest często używana w połączeniu z dowolnym z powyższych.

Aplikacje mobilne przenoszą zaangażowanie użytkowników mobilnych na nowy poziom. Mówi się, że są one najbardziej przyjaznym dla użytkownika rozwiązaniem mobilnego marketingu internetowego — według badania Jakoba Nielsena mają „najwyższy wskaźnik sukcesu”.

Jednocześnie badania pokazują, że średni wskaźnik utrzymania użytkowników aplikacji w ciągu trzech miesięcy wynosi w najlepszym razie około 30%. Cóż, nie jest to zaskakujące, biorąc pod uwagę liczbę marek oferujących obecnie aplikacje mobilne.

Plusy
  • Zwycięzca w zakresie całkowitej użyteczności mobilnej: aplikacje mobilne działają znacznie lepiej niż witryny mobilne, a nawet witryny na komputery (według Jakoba Nielsena).
  • Świetnie nadaje się do brandingu. Gdy Twoja firma oferuje aplikację zaprojektowaną specjalnie dla użytkowników mobilnych, oznacza to, że poważnie traktujesz reputację swojej firmy i jesteś gotowy zrobić wszystko, aby dotrzeć do odbiorców mobilnych.
Minusy
  • Kosztowne rozwiązanie. Być może zauważyłeś, że to głównie duże marki tworzą aplikacje mobilne (lub nawet kilka rozwiązań dla różnych platform).
  • Wymaga dodatkowego wysiłku w imieniu użytkownika. Nakłonienie ludzi do zainstalowania/korzystania z Twojej aplikacji mobilnej to zupełnie inna historia. Najprawdopodobniej zrobią to tylko Twoi lojalni klienci lub ci, którzy są na dość zaawansowanym etapie cyklu zakupowego.
Wskazówka: istnieje technologia Progressive Web App (PWA) , która tworzy hybrydowe środowisko podobne do aplikacji. Kiedy strona otwiera się w przeglądarce na komputerze, wygląda jak zwykła strona, a na ekranie mobilnym sprawia wrażenie aplikacji. Technologia PWA umożliwia szybsze ładowanie strony dzięki pamięci podręcznej. A użytkownik nie musi pobierać jej ze sklepu z aplikacjami — wystarczy wyrazić zgodę na stronie, aby dodać ikonę aplikacji na pulpicie. Tacy giganci jak Uber, Twitter, Alibaba korzystali z PWA i nie żałowali.

3. Korzystaj z najlepszych praktyk mobilnego SEO

Bez względu na to, jakie rozwiązanie wybierzesz, wykonaj te typowe zadania SEO dla urządzeń mobilnych, których celem jest uczynienie Twojej witryny przyjazną dla urządzeń mobilnych:

Kod w HTML5

Jeśli to możliwe, twórz kod w HTML5 i unikaj oprogramowania rzadko spotykanego na urządzeniach mobilnych, takiego jak Flash. Zapewni to płynne renderowanie treści na najszerszej gamie przenośnych urządzeń.

Upewnij się, że Twoja strona ładuje się szybko

Szybkość jest kluczowym czynnikiem, ponieważ użytkownicy mobilni nie lubią tracić czasu. Niedawna aktualizacja Google Core Web Vitals pomaga oszacować, czy witryna jest zdrowa, a jednym z jej podstawowych wskaźników jest szybkość ładowania witryny. Jeśli Twoja witryna nie zacznie się ładować w ciągu 2,5 sekundy, wymaga poprawy.

Możesz znaleźć wiele bezpłatnych narzędzi do pomiaru komfortu użytkowników, takich jak raport z doświadczeń użytkowników Chrome, Lighthouse itp. Na przykład, aby przetestować szybkość swojej witryny za pomocą narzędzia Page Speed ​​Insights , po prostu wpisz adres URL i sprawdź, czy witryna spełnia wynik Core Web Vitals. Narzędzie zapewnia przegląd diagnostyki i zalecenia dotyczące ulepszeń.

Sprawdź swoje strony za pomocą Page Speed ​​Insights

Możesz użyć Audytora Witryny, aby szybko sprawdzić wszystkie swoje media i znaleźć winowajcę który ma duży rozmiar lub długo się ładuje. Po prostu uruchom narzędzie, utwórz projekt, wybierz Struktura witryny > Wszystkie zasoby , a zobaczysz swoje strony ze wszystkimi ich plikami, ich rozmiarem, stanem HTTP itp. Znajdź obrazy wymagające kompresji lub osadzone łącza, których czas odpowiedzi jest zbyt długi i najprawdopodobniej możesz je zastąpić innymi zasobami.

Kontroluj wszystkie zasoby w swojej witrynie

Wskazówka: aby strony ładowały się szybciej na urządzeniach mobilnych, Google obsługuje platformę AMP (Accelerated Mobile Pages). Ten projekt typu open source ma na celu poprawę doświadczenia użytkowników mobilnych. Usuwa skompresowaną kopię HTML witryny, buforuje ją w chmurze i błyskawicznie renderuje użytkownikom. Głównym argumentem przeciwko tej technologii jest to, że użytkownicy pozostają w Google, zamiast przechodzić do witryny wydawcy. I nadal wymaga spełnienia pewnych kryteriów i kodowania, aby zbudować strony AMP. Projekt lepiej służy mediom, które w dużym stopniu polegają na dostarczaniu wiadomości jak najszybciej. 

Nie rób zbyt ciężkich stron

Aby Twoje witryny dostosowane do urządzeń mobilnych ładowały się szybciej, unikaj dużych obrazów i reklam. Ciężkie pliki mogą negatywnie wpłynąć na wygodę użytkownika i rankingi Twojej witryny w mobilnych SERPach. Dodaj tylko te zdjęcia, które są naprawdę ważne dla treści Twojej witryny. Używaj formatów obrazów odpowiednich dla Internetu, zmniejsz piksele, aby zmienić rozmiar obrazów. Zapoznaj się z przewodnikiem, jak zoptymalizować obrazy w Internecie.

Wskazówka: Google zapewnia rozwiązanie Web Light . Działa poprzez transkodowanie istniejących stron dla klientów mobilnych z wolnym połączeniem. Jak twierdzi Google, czterokrotnie szybsze ładowanie i 80% zmniejszenie bajtów na stronę zapewniają 50% wzrost ruchu z klientów o wolnym połączeniu.

Wyróżnij przyciski nawigacyjne

O ile wyświetlacze w urządzeniach mobilnych są raczej niewielkie, czasami trudno dostrzec przyciski nawigacyjne, nie mówiąc już o wciskaniu ich na ekran dotykowy. Więc powinieneś uczynić je bardziej wyraźnymi. Poza tym, jeśli masz rozbudowaną górną nawigację, najlepiej przenieść ją na dół strony.

Nawyki związane z trzymaniem telefonu komórkowego

Zastanów się, jak stworzyć menu, które najlepiej służy Twoim użytkownikom — z hamburgerem, wzorem zakładek itp.

Dopasuj zawartość strony do ekranu

Twórz treści, które płyną po ekranie, aby odwiedzający nie musieli przewijać w poziomie, vy zobaczyć całą treść. Łatwo to zrobić dzięki responsywnemu projektowi. Będzie to wymagało edycji niektórych tagów i stylów CSS.

Należy ustawić wartość <meta name=”viewport” content=”width=device-width,initial-scale=1.0″> w metatagu widocznego obszaru, aby poinstruować stronę, aby pasowała do szerokości ekranu w pikselach niezależnych od urządzenia.

Wskazówka: aby sprawdzić, czy wszystkie Twoje elementy są skalowalne do ekranów różnych urządzeń mobilnych, nie musisz testować każdego z nich. Przejdź do Narzędzi programisty przeglądarki , włącz pasek narzędzi Przełączanie urządzeń i przełączaj się między urządzeniami, aby sprawdzić, jak renderowane są Twoje treści.

Sprawdź responsywność strony za pomocą Narzędzi dla programistów Google Google

Przełącz pasek narzędzi urządzenia

Projekt powinien być zgodny z najlepszymi praktykami dotyczącymi doświadczeń użytkownika

Spraw, aby Twój tekst był czytelny bez powiększania

Używaj tekstu, który jest czytelny bez konieczności dwukrotnego dotykania go. Zastosuj proste, wyraźne czcionki i wystarczająco duży rozmiar tekstu. Możesz edytować zapytania o media CSS i punkty przerwania, aby rozmieszczać obrazy i tekst, stylizować je i skalować do różnych szerokości ekran.

Umieść linki wystarczająco daleko od siebie, aby ułatwić klikanie

Unikaj upychania zbyt wielu elementów dotykowych w jednostronicowym segmencie lub robienia ich zbyt małych. Google zaleca minimalną wielkość docelowego kliknięcia wynoszącą około 7 mm lub 48 pikseli CSS w witrynie z prawidłowo ustawionym widocznym obszarem mobilnym.

Wskazówka: dla osób korzystających z WordPressa, Joomla itp.
Jeśli używasz gotowego CMS w swojej witrynie (w przeciwieństwie do ręcznego kodowania go od zera), oto kilka zaleceń dotyczących optymalizacji mobilnej witryn działających na WordPress, Joomla, Drupal, Blogger, vBulletin, Tumblr, DataLife Engine, Magento, Prestashop, Bitrix i Google Sites. Krótko mówiąc, musisz sprawdzić, czy Twój motyw jest zaktualizowany i obsługuje projektowanie responsywne; takie informacje można znaleźć w dokumentacji motywu.

Użyj alternatywnych tagów obrazu

Wiele osób korzystających z urządzeń mobilnych do surfowania po sieci miałoby zablokowane zdjęcia, aby zmniejszyć zużycie ruchu i przyspieszyć ładowanie. Dlatego używanie tagów alt obrazu staje się ważne, ponieważ będą one informować użytkowników, o czym są Twoje obrazy. Nie wspominając już o tym, że wyszukiwarki preferują również tagi alt obrazu, ponieważ nie mogą odczytać informacji z obrazów.

Szybkie udostępnianie wyszukiwania w witrynie

Wyszukiwanie w witrynie jest niezbędne dla użytkowników mobilnych: nie tylko musi być zawsze pod ręką, ale powinno również dobrze wykonywać swoją pracę. Dostosuj więc swoje materiały do ​​SEO za pomocą nagłówków i dodaj tagi oraz przetestuj skuteczność wyszukiwania i sugestii w Twojej witrynie.

Podaj linki do konkretnego działu

Zminimalizuj przewijanie tak bardzo, jak to możliwe, przewijanie na urządzeniu mobilnym jest naprawdę denerwujące i zajmuje trochę czasu. Linki do konkretnych segmentów strony od czasu do czasu (ale rozsądnie) załatwią sprawę.

Utwórz przycisk „kliknij, aby połączyć”

Dlaczego nie umieścić przycisku „ kliknij, aby połączyć” gdzieś na swojej stronie mobilnej? W końcu będzie to oglądane na telefonie! Jak pokazują badania, taki przycisk jest w stanie radykalnie zwiększyć konwersję.

Włącz automatyczne logowanie

Lub poproś użytkowników o podanie danych uwierzytelniających przy następnym logowaniu. Dzięki temu nie będą musieli się pocić, ponieważ wprowadzanie danych jest trudniejsze na urządzeniu mobilnym.

4. Unikaj tych błędów optymalizacji mobilnej

Po wybraniu rozwiązania, które najlepiej odpowiada Twoim celom i budżetowi, oto kilka typowych błędów optymalizacji mobilnej, których należy unikać.

Nie blokuj plików JavaScript, CSS ani plików graficznych

Google od dawna odradza pozycjonerom blokowanie tych mediów (powiedzmy, że w pliku robots.txt), ponieważ może to skutkować gorszymi rankingami zarówno witryny mobilnej, jak i stacjonarnej. Aby upewnić się, że nie są one zablokowane, sprawdź to za pomocą narzędzia do sprawdzania adresów URL w Google Search Console.

Nie ładuj swojej głównej zawartości leniwie

Sprawdź zawartość ładującą się “leniwie” (“lazy loading”) — tę, która pojawia się po całkowitym załadowaniu głównej zawartości strony widocznej na ekranie. Treści ładowane z opóźnieniem pomagają skrócić czas i rozmiar początkowego ładowania. Nie powinna to być Twoja główna treść, „oficjalna” treść Twojej strony. Musisz się upewnić, że wszystko, co najważniejsze, jest wczytane od razu.

Nie używaj ramek

Ramki nie są zalecane dla żadnego rodzaju SEO, ponieważ utrudniają robotom przeglądanie Twojej witryny. I stają się szczególnie ważne przy renderowaniu strony internetowej na urządzeniu mobilnym. Dlatego też ramki są zdecydowanie nie do przyjęcia dla Twojego mobilnego SEO.

Skonfiguruj poprawnie przekierowania

Jeśli chodzi o wersję witryny mobilnej, błędne przekierowania to wszelkie przekierowania, które wskazują użytkownikowi mobilnemu niewłaściwy odpowiednik adresu URL na komputerze. Zwykle te problemy są zgłaszane w Narzędziach Google dla webmasterów.

Uważaj na 404 tylko na urządzenia mobilne

Czasami strona, która ładuje się idealnie na komputerze, zwraca błąd 404 na urządzeniach mobilnych. Najlepszą praktyką jest upewnienie się, że odpowiednia strona mobilna nie zawiera błędu 404 i zawsze przekierowuje użytkowników mobilnych do mobilnych odpowiedników stron na komputery.

Sprawdź, czy nie ma nieistotnych powiązań

Jeśli korzystasz z oddzielnej witryny mobilnej, sprawdź jej wewnętrzne linki pod kątem spójności. Upewnij się, że te wewnętrzne linki prowadzą do stron zoptymalizowanych pod kątem urządzeń mobilnych, a nie do ich odpowiedników na komputery (takich jak na przykład strona główna zoptymalizowana pod kątem komputerów).

Nie używaj tabel do poprawiania układu

Tabela jest wyjustowana tylko na stronie mobilnej, aby reprezentować dane tabelaryczne. Niektórzy ludzie używają elementów tabeli do ulepszania układu, co jest złym pomysłem na stronę mobilną.

Nie pozwól, aby wyskakujące okienka psuły wrażenia użytkownika

Nie wyświetlaj wyskakujących okienek w innym oknie, ponieważ trudniej jest przełączać się między oknami podczas surfowania po internecie na urządzeniu mobilnym. Poza tym upewnij się, że reklamy pełnoekranowe nie utrudniają oglądania treści docelowych — poprawi to wygodę użytkownika i jest preferowane również przez wyszukiwarki.

Nie zmuszaj użytkowników do agresywnego pobierania Twojej aplikacji

Jeśli masz aplikację, którą chcesz reklamować użytkownikom mobilnym, nie należy tego robić w taki sposób, aby uniemożliwić użytkownikom przeglądanie Twoich treści, chyba że pobiorą aplikację. Sprawia to, że użytkownicy nie są zadowoleni z Twojej witryny i mogą powodować problemy z indeksowaniem.

Nie zapomnij dodać mobilnych adresów URL do mapy witryny

Jeśli istnieje osobna wersja witryny przyjazna dla urządzeń mobilnych, możesz przesłać wiele map witryn, aby wskazać, że niektóre z Twoich adresów URL obsługują treści w internecie mobilnym. Po dodaniu treści na telefon komórkowy prześlij mapę witryny do Google w zwykły sposób. Nawiasem mówiąc, staje się to nieistotne w przypadku responsywnych witryn internetowych, adresy URL zostaną wymienione w jednej mapie witryny.

Zapewnij spójność wersji na komputery i urządzenia mobilne

Upewnij się, że Twoje witryny mobilne i komputerowe mają te same uporządkowane dane. Umieść te same metadane, tagi alt obrazu itp.

5. Użyj mobilnych narzędzi SEO, aby poprawić swoją pozycję w Google Mobile

Więc nawet jeśli skończysz z witryną dostosowaną do urządzeń mobilnych, która spełnia kryteria Google, czy oznacza to, że automatycznie uzyska najwyższą pozycję w wyszukiwarce mobilnej? Cóż, nie. Nadal musisz zoptymalizować swoją witrynę/aplikację mobilną, aby promować ją w wyszukiwarce mobilnej lub sklepie z aplikacjami.

Podstawy mobilnego SEO

Oprócz omówienia wspomnianych wyżej podstaw projektowania witryn mobilnych, zwróć uwagę na aspekt optymalizacji związany wyłącznie z SEO.

Badanie słów kluczowych pod kątem urządzeń mobilnych Mobile

Być może powinieneś użyć nieco innych słów kluczowych dla swojej witryny/aplikacji mobilnej niż tych, których używasz w witrynie na komputery? Przejdź do Planera słów kluczowych Google i wybierz trendy mobilne, aby dowiedzieć się:

Trendy mobilne w Planerze słów kluczowych Google Ads

Użyj narzędzia do śledzenia pozycji, aby znaleźć słowa kluczowe na telefon komórkowy o wysokiej pozycji. Utwórz projekt i dodaj docelowy adres URL. Wybierz Badanie słów kluczowych > Ranking słów kluczowych > Szukaj w Google Mobile .

Sprawdź rankingi słów kluczowych w mobilnych SERPach

Śledź rankingi organiczne w mobilnych SERPach

Czy wiesz, że Rank Tracker może śledzić rankingi organiczne Twojej witryny w głównych wyszukiwarkach mobilnych? Ponieważ większość działań związanych z wyszukiwarką mobilną i tak występuje w Google (tak, nawet w iOS), często jest to więcej niż wystarczające, aby zorientować się, jaka Twoja witryna wygląda w organicznych mobilnych SERPach. Przejdź do Preferowanych wyszukiwarek i dodaj wyszukiwarki mobilne, w których chcesz śledzić ranking swojej witryny.

Ustaw bota mobilnego dla preferowanej wyszukiwarki

Otrzymuj rankingi osobno dla komputerów stacjonarnych i urządzeń mobilnych w Rank Tracker

Indeksuj jako mobilny Googlebot

Możesz zobaczyć swoją witrynę tak, jak Googlebot ją indeksuje. Przejdź do Audytora witryny > Preferencje > Ustawienia robota > Postępuj zgodnie z instrukcjami w pliku robot.txt dla Googlebot-Mobile .

Indeksuj jako bot mobilny Google

Podstawy ASO (optymalizacja sklepu z aplikacjami)

W 2018 r. ludzie pobrali aplikacje 194 miliardy razy, a ponad połowa tych pobrań miała miejsce przez wyszukiwanie w sklepach z aplikacjami. Świetnym pomysłem jest więc optymalizacja pod kątem wyższych pozycji zarówno w Google Play, jak i iOS App Store.

Czynniki rankingowe optymalizacji sklepu z aplikacjami

  • Słowa kluczowe w tytule aplikacji (oto fajne narzędzie, które pobiera sugestie słów kluczowych z App Store z autouzupełniania)
  • Słowa kluczowe w opisie aplikacji
  • Korzystanie z ładnej ikonki (w celu zwiększenia pobrań, co pomoże ASO)
  • Użyj właściwego typu i kategorii
  • Dąż do wyższych ocen i lepszych recenzji
  • Spróbuj pobrać więcej plików
  • Wskazówka dla profesjonalistów: użyj wtyczek Google+ na stronie swojej aplikacji, ponieważ +1 poprawiają pozycję w Google Play.

Śledzenie pozycji w sklepie z aplikacjami

Użyj narzędzi, aby sprawdzić, gdzie Twoja aplikacja znajduje się wśród aplikacji na Androida lub iOS, takich jak SensorTower lub SearchMan .

Zoptymalizuj swoją witrynę pod kątem sklepów z aplikacjami

Podsumowanie

Czy uważasz, że projektowanie stron internetowych na urządzenia mobilne jest łatwe i ekscytujące? Czy masz własne sztuczki dostosowane do urządzeń mobilnych, które sprawiły, że Twoja witryna stała się super hitem? Podziel się swoimi spostrzeżeniami i doświadczeniami w komentarzach poniżej!

Kategorie
Marketing online Narzędzia Strony www

ITF uruchamia darmowy serwis z fontami Fontshare. Alternatywa dla Google Fonts?

ITF (the Indian Type Foundry) uruchomił zupełnie nową usługę czcionek, aby bezpłatnie udostępnić piękną typografię każdej firmie.

Usługa o nazwie Fontshare nie będzie nowością dla nikogo, kto używał czcionek Google. Przeglądasz listę czcionek, wybierasz pożądane style i dodajesz je do swojej witryny.

Fontshare

To dobrze zaprojektowane narzędzie; istnieje kilka opcji przeglądania, widoków list lub siatek, edytowalnego tekstu przykładowego, a nawet testera układu czcionek.

Dostępne są dwie opcje osadzania, możesz połączyć się z API Fontshare lub pobrać czcionki w formatach OTF, WOFF i WOFF2 do samodzielnego hostingu – biorąc pod uwagę dotychczas niesprawdzoną naturę CDN Fontshare, ta druga opcja jest bezpieczniejsza do usługa działających już od kilku miesięcy.

Wszystkie czcionki na Fontshare są własnością ITF i nie ma planów rozszerzenia usługi na innych wykonawców. W rezultacie dostępnych jest znacznie mniej czcionek niż np. w Google Fonts. Jednak jakość czcionek jest niezmiennie doskonała i wyższa niż wielu oferowanych przez usługę Google. ITF pokazuje swój pełen kunszt – litery są przedstawiane wraz z ich konturami, dzięki czemu można przyjrzeć się ich krzywiznom.

Fontshare obecnie oferuje 50 krojów pisma, a ITF zobowiązał się do udostępnienia 25% swoich krojów łacińskich za darmo. To niezwykle hojny gest, który może przynieść naszej społeczności Webdeveloperów i Webdesignerów same korzyści.

Kategorie
E-commerce Inne Marketing online Strony www

Jaką domenę wybrać dla swojej strony? Obalamy 7 mitów na temat domen

Nazwa domeny jest bardzo istotna dla każdej firmy. Ma kluczowe znaczenie dla marki i ma nieproporcjonalnie duży wpływ na wrażenia użytkownika. Jednak nie tylko – wpływa także na SEO i na przychody.

Nazwy domen są również jednym z najczęściej sprzedawanych elementów w brażny IT, a wiele firm, jak również nasza 🙂 gromadzi nazwy domen „na wszelki wypadek”, kiedy nadejdzie właściwy projekt czy Klient, mamy dla niego gotowe rozwiązanie..

Wiele z informacji w Internecie na temat nazw domen, może wprowadzać w błąd. Wynika to z faktu, że większość z nich tworzą i udostępniają firmy rejestrujące domeny. A jak wiadomo, chcą one za wszelką cenę sprzedać swój produkt. Zmierzmy się z mitami na temat domen i obalmy je zanim podejmiecie niewłaściwą decyzję biznesową.

Mit 1: Każdy może zostać właścicielem domeny

W rzeczywistości prawie nikt nie może posiadać własnej domeny. Coroczne powiadomienia dotyczące odnowienia danej domeny mówią wprost – jesteś tylko wynajmującym, który płaci “haracz” za korzystanie z jednej z nich.

Płacisz konkretnie rejestratorowi, który rejestruje domenę w ICANN (The Internet Corporation for Assigned Names and Numbers) – lub podmiotowi, któremu ICANN przekazał odpowiedzialność za określoną TLD.

Nawet wynajmując domenę, nie masz wyłączności na prawo korzystania z niej; Dla przykładu tysiącom firm z siedzibą w Wielkiej Brytanii odebrano domeny .eu w wyniku Brexitu.

Mit 2: Istnieje idealna domena dla każdego projektu

Domeny nie mają wartości samej w sobie; zyskują na wartości w czasie.

25 lat temu, gdybyś budowa swoją własną wyszukiwarkę, „idealną” domeną mogłaby być search.com, find.com lub ewentualnie look.com – ironicznie któś mógł zdecydować się na webads.com. Prawie na pewno nie zarejestrowałbyś google.com, ponieważ nie mówi nic o wyszukiwaniu.

google.com zyskał swoją wartość dzięki prostej, nieustępliwej strategii budowania marki i nie ukrywajmy – także furze szczęścia.

Każda nazwa domeny może zyskać na wartości dzięki długowieczności, SEO i brandingowi.

Mit 3: Twoja nazwa domeny powinna zawierać słowa kluczowe

Jeśli jesteś na etapie rejestracji nazwy domeny, oznacza to, że Twoja firma jest nowa lub dopiero wchodzisz ze swoimi usługami czy produktami do sieci. W obu przypadkach z pewnością przeprowadziłeś badanie słów kluczowych, jednak bez strony www taka analiza nie jest do końca możliwa.

Nawet jeśli masz pewność, że wiesz dokładnie, jakie powinny być obecnie Twoje słowa kluczowe, mogą się one zmieniać wraz ze zmianą algorytmów czy po prostu zachowań ludzi lub zmieniającej się mody. Pandemia zmusiła większość firm do wykupienia dodatkowych domen. Dla przykładu obecnie jedzeniewrestauracji.pl powinno zmienić nazwę na jedzenienawynos.pl, aby nie wprowadzać ludzi w błąd. Rozumiecie o co mi chodzi?

Ponadto w obszarze e-commerce klienci postrzegają nazwy domen z dużą liczbą słów kluczowych jako opcje budżetowe, które nie mają zamiaru się rozwijać i rozszerzać swojej oferty. Może się zdarzyć, że Twoja firma taka będzie, jednak mimo to, ograniczenie się poprzez dobór nazwy domeny nie jest najlepszą opcją.

Słowa kluczowe w domenie przynoszą korzyści w zakresie SEO, ale są one minimalne i prawie na pewno znikną w ciągu najbliższych kilku lat – nawet w przypadku EMD (ang. Exact Match Domains). Google skupia się na treściach, które strony prezentują, a coraz mniej będzie zwracać uwagę na nazwę domeny.

Mit 4: Nie potrzebujesz domeny .com

Wyszukiwanie domeny z końcówką .com jest czasami frustrujące, bowiem bardzo wiele adresów jest już zajętych. Niemniej, z pewnością domena .com będzie lepsza niż domena .biz.

Niektórzy decydują się na domeny z końcówką .co, ponieważ są kraje, w których jest to powszechna końcówka np. co.jp. Mimo to, większość użytkowników jest przyzwyczajona do tradycyjnych domen i odruchowo wpisze .com, co przeniesie ich na inną stronę lub w ślepy zaułek netu.

Możliwe jest wybranie nazw opartych na grze słów przy użyciu regionalnych TLD, takich jak buy.it lub join.in. Taka strategia zrujnuje lokalną strategię wyszukiwania, ponieważ komputery nie rozumieją takich zabiegów; jednak potencjalnie całkiem nieźle sobie poradzisz we Włoszech lub w Indiach (o ile będziesz posiadał taką wersję językową.

Jeśli rejestrujesz domenę dla organizacji non-profit, domena .org jest całkowicie akceptowalna. Jednak uważnie zastanów się, czy domena jest warta utraconego ruchu, jeśli nie możesz również zarejestrować .com (ponieważ ludzie będą często wpisywać .com).

Jedynym wyjątkiem są domeny TLD specyficzne dla branży, które przekazują informacje o zawartości domeny docelowej grupie demograficznej. Na przykład .design to świetne rozszerzenie dla projektantów, a .io jest dobre dla aplikacji. Powinieneś także zarejestrować domenę .com, jeśli możesz, a jeśli nie, dokładnie zastanów się, z kim prawdopodobnie będziesz konkurować o wysokie miejsca w SERP-ach.

Mit 5: Znak towarowy uprawnia do zarejestrowania domeny

Rejestracja znaku towarowego i rejestracja domeny to dwa zupełnie różne procesy, a jeden nie uprawnia Cię do drugiego. Zostało to kilkakrotnie zakwestionowane prawnie i znacznie częściej zawodzi, niż się udaje.

Znaki towarowe rzadko są rejestracjami zbiorczymi, co oznacza, że ​​właściciel znaku towarowego musi zadeklarować branżę, w której będzie działał; nie było żadnej wrogości między Apple Inc. i Apple Corp Ltd., dopóki ta pierwsza nie zajęła się wydawaniem muzyki i nikt nie mógł pobrać konkretnego albumu na swojego iPoda.

Rejestracja domeny, która została opatrzona znakiem towarowym gdzie indziej, ma jednak ograniczoną wartość. Nie tylko dlatego, że będziesz konkurować z ich SEO, ale jeśli konkurent jest zbyt duży, może wykupić kilka innych domen z różnymi końcówkami i nie masz szans przebić się przez wyniki wyszukiwania.

Mit 6: Domeny premium to dobra inwestycja

Domeny premium to domeny, które zostały zarejestrowane w nadziei, że przyciągną duży zysk za jej odsprzedaż. Proces ten jest powszechnie określany jako „zajęcie domeny”.

Rejestratorzy zajmują się masową rejestracją domen w nadziei, że któraś z nich będzie dla kogoś wartościowa. W rezultacie są zmuszeni pobierać wygórowane opłaty, aby pokryć swoje straty; domena premium będzie kosztować od 1000 do 100 000% faktycznego kosztu rejestracji.

Pomijając koszty – które lepiej byłoby przeznaczyć na marketing – domeny premium często wiążą się z innymi problemami, takimi jak nieciekawa historia linkowania, której nie chcesz dziedziczyć.

Mit 7: Potrzebujesz nazwy domeny

Nazwa domeny to alias, nic więcej. W rzeczywistości nie potrzebujesz nazwy domeny – potrzebujesz adresu IP, który jest przyjazny dla człowieka.

Pomyśl o nazwach domen jako o problemie z dostępnością; ludzie są mniej zdolni do odczytywania adresów IP niż komputery, a domeny wypełniają tę lukę.

Chociaż nazwa domeny jest korzystna, zastanów się, czy wystarczyłaby Ci poddomena, a nawet adres IP. Rejestracja domeny to ekscytujący etap projektu, którego wielu ludzi nigdy nie omija, pozostawiając sobie ogromną kolekcję domen, za które płacą roczną opłatę, jednak nigdy tych stron nie rozwijają.

Co sprawia, że ​​nazwa domeny jest dobra

Teraz rozwialiśmy niektóre mity związane z nazwami domen, przyjrzyjmy się kluczowym cechom dzielonym przez dobre nazwy domen:

DOBRA NAZWA DOMENY JEST ELASTYCZNA

Zachowaj elastyczność. Nie przywiązuj się do jednego rynku lub jednej grupy demograficznej. Twoja nazwa domeny musi działać teraz i pięćdziesiąt lat do przodu.

DOBRA NAZWA DOMENY JEST LOTNA I ŁATWA DO ZAPAMIĘTANIA

Sześć do 12 znaków i od dwóch do trzech sylab to idealna nazwa domeny. Nazwy z tego zakresu mają rytm muzyczny, który naszym mózgom łatwiej jest zapamiętać i przypomnieć sobie w późniejszym czasie.

Kategorie
E-commerce Marketing online Strony www

Porady, jak sprawić, by Twoja strona kontaktu konwertowała

Rzuć okiem na statystyki. Są szanse, że Twoja strona kontaktowa jest jedną z najczęściej odwiedzanych w naszej witrynie.

Odwiedzający będą szukać strony kontaktowej, aby uzyskać dodatkowe informacje o Tobie lub firmie, znaleźć Twoją lokalizację lub skontaktować się z nami.

Teraz zła wiadomość. To często zaniedbywana część projektu strony internetowej. Zbyt wiele witryn nie zajmuje się stroną kontaktową, co powoduje utratę różnorakich możliwości i konwersji.

Nie przejmuj się, mamy wskazówki, jak temu zaradzić.

1. Zachęć do reakcji

Najlepsze strony kontaktowe są przyjazne i zachęcające. Chcesz, aby użytkownicy angażowali się i znajdowali właściwy sposób skontaktowania się z Tobą, ułatw im to!

Używaj języka, który zachęca do kontaktu w celu zadawania pytań, informacji lub wsparcia. Pomóż użytkownikom skontaktować się z odpowiednią osobą lub działem, jeśli Twoja firma udostępnia więcej możliwości.

Elementy projektu, które zachęcają do zaangażowania, obejmują przyjazny język czy używanie pytań. Zaangażuj lekkie obrazy i dużo wolnego miejsca wokół elementów.

Pamiętaj, aby wyłączyć wyskakujące okienka zorientowane na sprzedaż również na stronach kontaktowych. Użytkownicy nie lubią wywierania na nich presji.

2. Dodaj osobisty charakter

Od witryn z portfolio, które zawierają zdjęcie projektanta, po przedstawienia marki, strona kontaktowa jest idealnym miejscem na nadanie osobistego charakteru. Ta dodatkowa porcja poczucia bliskości z firmą powraca również do poprzednich wskazówek i przyczynia się do zachęcania użytkowników do kontaktu.

3. Uwzględnij wszystkie punkty kontaktowe

Uwzględnij wszystkie dostępne opcje i możliwości kontaktu na swojej stronie kontaktowej.

Nie wymieniaj opcji, których nie monitorujesz lub na które nie zwracasz uwagi. Kiedy odwiedzający witrynę kontaktuje się za pomocą numeru telefonu, adresu e-mail lub formularza, powinna to być najszybsza, najbardziej bezpośrednia i skuteczna dostępna linia komunikacji.

Potwierdzaj otrzymywane wiadomości z informacją, kiedy spodziewać się odpowiedzi.

Opcje punktów kontaktowych mogą obejmować:

  • Adres, dołącz link do mapy lub wizualizacji fizycznych lokalizacji, które ludzie mogą odwiedzać
  • Telefon, dołącz kliknięcie lub dotknij, aby zadzwonić
  • Tekst, dołącz kliknięcie lub dotknij, aby napisać
  • E-mail, podaj bezpośredni link
  • Linki do mediów społecznościowych
  • Czat
  • Formularz kontaktowy
  • Godziny otwarcia, w stosownych przypadkach

4. Zachowaj spójność projektu

Projekt strony kontaktowej powinien wyglądać i przypominać pozostałą część witryny.

Używaj tych samych czcionek, kolorów i stylów, a także elementów wizualnych.

Chcesz mieć pewność, że odwiedzający, którzy znajdą stronę kontaktową, nadal wiedzą, na której stronie się znajdują i czują, że są we właściwym miejscu.

Oznacz stronę kontaktową jako „Kontakt” lub użyj innego podobnego słowa wprost kojarzącą się z możliwością kontaktu.

5. Unikaj zaśmiecania strony

Jest tylko jedna rzecz, której szukają odwiedzający na stronie kontaktowej – jak się z Tobą skontaktować. Więc nie komplikuj zbytnio rzeczy i nie obarczaj strony zbyt dużą ilością informacji.

Jeśli możesz, trzymaj wszystko na górze strony, bez konieczności przewijania lub szukania informacji. (W przypadku ograniczonych informacji kontaktowych i formularzy idealny może być układ jednokolumnowy).

Postaraj się, aby użytkownicy mogli z łatwością wypełnić cały formularz kontaktowy na komputerach stacjonarnych i urządzeniach mobilnych bez konieczności wprowadzania zbyt wielu informacji. Nie chcesz też, aby rozpraszały ich inne elementy na ekranie.

Wybierz najbardziej przejrzysty projekt, jaki jest tylko możliwy.

6. Dołącz wezwanie do działania

Wyraźne i bezpośrednie przyciski i wezwania do działania na stronie kontaktowej to bardzo dobra praktyka.

Chcesz, aby ludzie się z Tobą kontaktowali w konkretny sposób? Ułatw sobie to dzięki opcji, którą można kliknąć. Zaprojektuj preferowaną opcję za pomocą przycisku, który jest większy lub bardziej kolorowy niż inne, aby przyciągnąć użytkowników do tej właśnie opcji.

7. Uczyń złożone strony kontaktowe tak prostymi, jak to tylko możliwe

Czasami będziesz posiadać dość złożoną stronę kontaktową. Dotyczy to w szczególności większych firm, zwłaszcza jeśli mają wiele punktów kontaktowych lub lokalizacji, a także różnorakich działów.

Twoim celem jest uczynienie ich tak przyjaznymi wizualnie i zorganizowanymi, jak to tylko możliwe, z opcjami, które są łatwe w nawigacji i zrozumiałe..

W przypadku złożonych stron kontaktowych nie zapominaj, że możesz odsyłać do innych części witryny, aby pomóc odpowiedzieć na pytania, takie jak baza wiedzy, strona często zadawanych pytań lub centrum pomocy.

8. Dołącz przypomnienie

Strona kontaktowa może być dobrym miejscem do przypomnienia o sobie, Twojej firmie lub organizacji. Dołącz deklarację misji lub wizualizację na stronie kontaktowej, która dotrze do użytkownika,  się z tobą skontaktuje.

Jeśli masz portfolio lub indywidualną stronę internetową, taką jak blog, może to być również dobre miejsce na umieszczenie zdjęcia, jako przypomnienia, że ​​jesteś prawdziwą osobą, a nie tylko stroną internetową.

Może to stworzyć lepszy kontakt z użytkownikami, którzy będą mieli pewność, że mają kontakt z ludźmi a nie botami.

9. Jak najlepiej wykorzystać “białą przestrzeń”

Białe przestrzenie nie muszą być białe, aby były skuteczne.

Uwzględnij dużo pustych miejsc na stronach kontaktowych, aby skupić się na nawiązaniu kontaktu i metodach jego wykonania.

10. Nie ograniczaj kontaktu do jednej strony

Informacje kontaktowe mogą znajdować się w wielu lokalizacjach i na wielu stronach w całym projekcie witryny internetowej.

Najłatwiej to zrobić, dodając linki do strony kontaktowej w nawigacji głównej lub dodatkowej oraz w stopce. W ten sposób, bez względu na to, gdzie użytkownik znajduje się w witrynie lub dokąd prowadzi go podróż, w razie potrzeby może znaleźć sposób, by się z nim skontaktować.

Ten prosty krok może pomóc dłużej zatrzymać więcej osób w Twojej witrynie, zwiększając zaangażowanie i liczbę konwersji.

Wniosek

Jedną z rzeczy, które ma każda dobra strona internetowa, jest znakomita strona kontaktowa. Strony kontaktowe mogą pomóc użytkownikom znaleźć Cię i lepiej połączyć się z Twoją firmą, produktem lub usługą.

Strony kontaktowe należą do najczęściej odwiedzanych w witrynach ze wszystkich branż. Upewnij się, że zaprojektowałeś świetną stronę kontaktową, aby utrzymać zainteresowanie odwiedzających.

 

Kategorie
Inne Marketing online Narzędzia Strony www

Tworzysz nową stronę www? Użyj obrazu w celu przekazania treści!

Mówią, że obraz mówi więcej niż tysiąc słów i to jest absolutna prawda. Treść wizualna wywołuje głębszy efekt niż słowo pisane, ponieważ angażuje odbiorców i sprawia, że ​​koncepcja jest bardziej zrozumiała. W jaki sposób możesz tworzyć treści wizualne, aby uzyskać maksymalne zaangażowanie użytkowników?

Zostaw trochę wolnej przestrzeni

Kiedy infografika lub obraz z niektórymi sloganami marketingowymi i sformułowaniami jest zagracony treściami, traci swoją skuteczność. Dlatego w swojej strategii tworzenia wizualizacji upewnij się, że wokół zapisanej treści jest wystarczająco dużo białej przestrzeni, która uwypukli to co najważniejsze

Tak jak kiedyś zauważył legendarny Thomas Jefferson , że najcenniejszym talentem jest użycie tego jednego właściwego słowa, zamiast dwóch niekoniecznie rozwiewających wszelkie wątpliwości. Nie używaj zbyt wielu słów, ale skup się na aspekcie wizualnym.

Ikony powinny być uniwersalne

Tworząc treści wizualne, pamiętaj, że projektujesz je dla zróżnicowanej publiczności o różnym pochodzeniu kulturowym. Dlatego podczas używania ikon powinny być łatwe do zrozumienia dla wszystkich grup społecznych. Przeprowadź również szczegółowe badania ikon, których zamierzasz używać, aby upewnić się, że nie są one obraźliwe w niektórych kulturach. Jeśli realizujesz projekt międzynarodowy, jest to bardzo ważna kwestia, by nie zniechęcić poszczególnych grup.

Takie postępowanie zmaksymalizuje zaangażowanie, ponieważ dotrzesz do wszystkich osób, niezależnie od ich pochodzenia, kultury religii itd.

Używaj spójnej marki

Jedną z najlepszych wskazówek projektowych dla firm jest stosowanie spójnego brandingu w treści wizualnej. Nagła, niezapowiedziana zmiana marki w niektórych materiałach może zmylić klientów i skierować ich prosto w ręce konkurencji.

Używaj tego samego logo, schematu kolorów i sloganu we wszystkich treściach wizualnych, aby zyskać wiernych fanów, których będzie przybywać. Dotyczy to w szczególności wszystkich platform mediów społecznościowych i kanałów reklamowych. Nie pozwól, by Twoi fani/obserwujący trafili do konkurencji.

Użyj odpowiedniego rozmiaru

Rozmiar treści wizualnej jest bardzo ważny i powinien być dostosowany do zamierzonego celu. Na przykład możesz potrzebować zdjęcia profilowego na Facebooku, zdjęcia na okładkę, a także tego samego dla swojego konta na Twitterze.

Rozmiar tych dwóch kanałów mediów społecznościowych jest inny i próba użycia wspólnego rozmiaru obrazu przeznaczonego dla obu platform na drugiej platformie może być katastrofalna. Dostosuj rozmiar grafiki do miejsca, w którym ma się pojawić. Użyj do tego celu znanych, a czasami nawet darmowych programów.

Końcowe przemyślenia

Upewnij się, że zawartość wizualna jest dopasowana do wymagań użytkownika, a także ma spójne schematy kolorów i marki na wszystkich platformach. Tworząc treści wizualne, pamiętaj o pozostawieniu białych przestrzeni, aby treść mogła odetchnąć, a także użyj ikon łatwo zrozumiałych dla wszystkich.

Kategorie
Inne Marketing online Strony www

Paradoks Webdesignera: uproszczenie projektu jedną z najtrudniejszych czynności

Upychanie jak największej ilości jedzenia na talerzu to zazwyczaj zły pomysł. Często “jemy oczami” i chcemy opróżnić całą zawartość, nawet jeśli będzie to oznaczać, że się przejemy (święta są tego najlepszym przykładem). To nie jest najlepsza strategia dla naszej talii. 

W opisywanym przypadku nie będziesz przetwarzać swoich doświadczeń żywieniowych; po prostu zaczniesz jeść do momentu, aż wszystko zniknie z talerza, a twój żołądek będzie wołał o pomoc. Dlatego, gdy wychodzisz do renomowanej restauracji, szef kuchni porcjuje jedzenie w niewielkich ilościach, abyś nie spieszył się i wchłonął nie tylko samo jedzenie, ale także doznania sensoryczne – widoki, zapachy, a nawet dźwięki. Możecie się dziwić, ale jedzenie też może być skomplikowane.

Dzisiaj opowiem o upraszczaniu projektów przy użyciu tych samych zasad, których używa szef kuchni, aby zapewnić jak najprzyjemniejsze doznania kulinarne. I tak, jak o wiele bardziej prawdopodobne jest, że wrócisz do restauracji, która oferuje Ci doświadczenie, a nie bałagan w misce, Twoi użytkownicy będą bardziej skłonni zrobić to samo, gdy Twoje projekty będą czyste, mocne i uproszczone.

Skupić się na CELU

My, ludzie, jesteśmy zaprogramowani w taki sposób, aby komplikować sobie sprawy. W dziedzinie antropologii kulturowej istnieją niezaprzeczalne dowody tego faktu. Społeczeństwa rozwijają się od prostych myśliwych-zbieraczy do obecnie żyjących w skomplikowanym świecie istot. W naszym DNA jest chęć dodawania nowych rzeczy, a nie odbierania ich, co może utrudnić pracę przeciętnego projektanta.

Jako projektant strony www musisz obiektywnie określić, które informacje lub elementy projektu są „niezbędne”, a które nie. Uzyskanie opinii z zewnątrz może czasami pomóc, ale jeśli osoba, o którą pytasz, nie jest doświadczonym projektantem, może nie mieć odpowiedniej wiedzy, aby powiedzieć Ci, co nie działa i dlaczego.

Kiedy pracuję nad projektem, który wymknął się spod kontroli, zwykle zatrzymuję się i wyciągam notatki, które zrobiłem na początku mojego procesu. Mapy myśli, diagramy i listy, które dokładnie ilustrują, na czym powinien skupiać się projekt. Nieuniknione jest, że przynajmniej raz stracisz z oczu swój główny cel w procesie projektowania.

W porządku, o ile odwołujesz się do swoich notatek i odświeżasz pamięć. Projektowanie wokół głównego celu pomaga bardziej wniknąć w treść, którą umieszczasz w swoim projekcie, ponieważ wyjaśnia, co jest bezpośrednio związane z produktem czy usługą, a co nie.

Użyj zasady Pareto

Zasada Pareto cieszy się w ostatnich latach sporym zainteresowaniem dzięki guru rozwoju osobistego, jakim jest Tim Ferriss. Na wypadek, gdybyś nie słyszał jeszcze podstawowej idei, która się za tym kryje, oto krótkie podsumowanie.

Zasada Pareto lub „Reguła 80-20”, jak się ją czasem nazywa, w zasadzie stwierdza, że ​​za 80% wyników odpowiada 20% dowolnego elementu i odwrotnie. Projektanci uwielbiają zasadę 80-20, ponieważ ma ona tak duże zastosowanie w procesie projektowania, szczególnie w tych obszarach, w których informacje lub sprzedaż są w centrum zainteresowania projektu.

Projektując swój produkt, witrynę internetową lub inne elementy, należy zadać sobie dwa ważne pytania, aby nie „przedobrzyć” i nie pracować nad częściami projektu, które tego nie potrzebują, i aby móc się skupić na 20% najważniejszych elementów:

  1. Kto konkretnie najprawdopodobniej odniesie największe korzyści z tego elementu projektu?
    Trzeba bardzo dobrze poznać rynki docelowe, do których ma dotrzeć produkt lub usługa. Kiedy nadejdzie czas, aby uprościć swoje projekty dla tej grupy docelowej, będziesz dokładnie wiedzieć, czego szukają, jak tego szukają i jak im to po prostu dostarczyć.
  2. Jak mogę zapewnić największą wartość tej grupie osób, wykonując najmniejszą liczbę kroków?
    Jako rozszerzenie powyższego pomysłu, Twój proces stanie się znacznie prostszy, gdy zaczniesz skupiać się na liczbie kroków, które będą wymagały od użytkowników przejścia od projektu do informacji lub produktu, którego szukają. Dobrze jest napisać to na liście; Zacznij od kluczowego kroku działania na swojej stronie internetowej, broszurze, plakacie itp. i udokumentuj dokładnie, co musi się wydarzyć, aby dokonać sprzedaży czy zamówienia. Kiedy już to zrobisz, ścieżka zwykle staje się bardzo jasna, jeśli chodzi o to, co jest faktycznie potrzebne, aby doprowadzić użytkownika do celu.

Smart It Up

Wiele rad, które możesz przeczytać na temat upraszczania projektów, może sprawiać wrażenie, że projektanci uważają, że ich użytkownicy to najgłupsi ludzie na świecie. Przejrzyj kilka artykułów, a zobaczysz, co mam na myśli – wszystko polega na tym, aby ważne elementy były tak oczywiste, jak to tylko możliwe, aby użytkownik nie musiał używać nadmiernych zasobów do przejścia przez proces zamówienia czy sprzedaży. Umówmy się, bardzo często ludzie będą korzystać z zamówienia online popołudniami czy wieczorem, kiedy są totalnie wypompowani po trudnym dniu pracy. Oczekują, że zakupy online czy inne czynności będą lekkie łatwe i przyjemne.

Nie chodzi o to, że powinieneś automatycznie zakładać, że ludzie są głupi. Należy raczej założyć, że wszyscy są sprytni – każdy z użytkowników jest zbyt zajęty prowadzeniem produktywnego, interesującego życia, aby tracić czas tam, gdzie nie musi, czyli aby zamówić daną usługę czy produkt online.

Twoi użytkownicy powinni mieć możliwość dotarcia do potrzebnych im informacji przy jak najmniejszym wysiłku . Niezależnie od tego, czy wiąże się to z mniejszą ilością tekstu, przewijaniem czy interaktywnością, upewnij się, że koncentrujesz się na faktycznych krokach wymaganych do uzyskania największych wyników przy jak najmniejszej ilości działań.

Kategorie
Marketing online Strony www

Jak zaktualizować motywy i wtyczki WordPress za pomocą pliku ZIP

Aktualizując motyw lub wtyczkę WordPress, od dawna mamy dwie możliwości. Możesz ręcznie przesłać zaktualizowane pliki przez FTP lub zainstalować aktualizację w panelu WordPress.

Ogólnie rzecz biorąc, obie te metody działają całkiem dobrze. FTP jest dość niezawodny, ale nie jest zalecany dla użytkowników nietechnicznych. Niektóre motywy i wtyczki wydają się być jednak wyjątkowo skomplikowane podczas próby aktualizacji za pośrednictwem pulpitu nawigacyjnego.

Na szczęście jest teraz wygodniejsze rozwiązanie. WordPress 5.5 wprowadził możliwość aktualizowania motywu lub wtyczki, przesyłając plik ZIP na pulpicie nawigacyjnym. Teraz ten sam plik do pobrania, który był od dawna używany do instalowania oprogramowania, może być również użyty do jego aktualizacji.

Dzisiaj przeprowadzimy Cię przez proces aktualizowania motywów i wtyczek Twojej witryny przy użyciu wyłącznie pliku ZIP.

 

Najpierw kilka uwag technicznych

Podczas gdy aktualizacja motywu lub wtyczki za pomocą pliku ZIP jest dość prosta, należy pamiętać o kilku kwestiach technicznych:

Przetestuj i utwórz kopię zapasową swojej witryny

Jak zawsze, najlepszym sposobem na przygotowanie witryny do aktualizacji jest ich przetestowanie. Można to zrobić za pośrednictwem witryny przejściowej .

Ponadto upewnij się, że masz pod ręką aktualną kopię zapasową witryny, na wypadek gdyby coś poszło nie tak.

Sprawdź ZIP

Jeśli pobierasz z oficjalnego motywu WordPress lub repozytoriów wtyczek, plik ZIP powinien być gotowy. Jednak oprogramowanie z innych źródeł może wymagać więcej działań z Twojej strony, zanim będzie można je przesłać do witryny internetowej.

Na przykład istnieją komercyjne motywy, które zawierają więcej niż tylko pliki do zainstalowania w archiwum ZIP. Może być konieczne wyodrębnienie innego archiwum ZIP zawartego w celu instalacji / aktualizacji. Jeśli nie masz pewności, najpierw otwórz archiwum, aby zobaczyć, z czym masz do czynienia.

Uważaj na ograniczenia przesyłania plików

Wszystkie witryny WordPress mają limit przesyłania plików. Może się zdarzyć, że plik ZIP przekroczy to ograniczenie.

W takim przypadku musisz zwiększyć rozmiar przesyłanego pliku lub rozpakować archiwum i przesłać je przez FTP.

Skoro już mamy te szczegóły techniczne na uboczu, przyjrzyjmy się procesowi aktualizacji.

Zaktualizuj wtyczkę WordPress za pomocą pliku ZIP

Zacznijmy od aktualizacji wtyczki WordPress za pomocą pliku ZIP. Jest prawie identyczny z motywem (do którego dojdziemy później) – główną różnicą jest lokalizacja ekranu przesyłania.

W tym przykładzie zaktualizujemy Yoast SEO do najnowszej wersji. Wymaga to od nas pobrania jego nowej kopii na nasze urządzenie.

1. W panelu WordPress przejdź do Wtyczki> Dodaj nowy .

2. Kliknij przycisk Prześlij wtyczkę u góry ekranu.

Ekran Dodaj wtyczki do WordPressa.

3. Następnie kliknij przycisk Przeglądaj i znajdź plik ZIP na swoim urządzeniu. Wybierz go i kliknij Otwórz (wygląd i terminologia użyte tutaj mogą się różnić w zależności od systemu operacyjnego urządzenia).

Okno dialogowe przesyłania plików.

4. Powinieneś teraz zobaczyć nazwę pliku wyświetloną na ekranie Dodaj wtyczki. Kliknij przycisk Zainstaluj teraz , aby rozpocząć proces przesyłania.

Nazwa pliku wyświetlana na ekranie Dodaj wtyczki.

5. Teraz WordPress wykona pracę detektywa. Sprawdzi, czy wtyczka jest już zainstalowana (a tak jest). Gdy zobaczy, że mamy już wersję Yoast SEO, da nam porównanie wersji istniejącej i przesłanej.

Porównanie WordPress przesłanego pliku i istniejącej wtyczki.

W naszym przykładzie WordPress poprawnie widzi, że przesłana przez nas wtyczka jest nowszą wersją. Chcemy kontynuować i zastosować aktualizację, więc klikniemy opcję Zamień bieżącą na przesłaną, aby zakończyć.

6. Sukces! Nowa wersja Yoast SEO została zaktualizowana przy użyciu pliku ZIP.

Ekran potwierdzenia zainstalowanej wtyczki.

Zaktualizuj motyw WordPress za pomocą pliku ZIP

Jak wspomnieliśmy, proces aktualizacji motywu WordPress za pomocą pliku ZIP jest prawie identyczny, jak ten opisany powyżej. Tutaj zaktualizujemy do najnowszej wersji motywu Twenty Twenty .

Oto różnice:

1. Na pulpicie WordPress przejdź do Wygląd> Motywy .

Ekran motywów WordPress.

2. Kliknij przycisk Dodaj nowy u góry ekranu. Zostaniesz przeniesiony na stronę Dodaj motywy. Kliknij Prześlij motyw, aby wybrać plik ZIP z urządzenia.

Kroki 3 – 6: Powtórz te wymienione powyżej.

Po raz kolejny WordPress poinformuje nas, że przesłany przez nas motyw już istnieje. Stamtąd wskaże różnicę wersji.

Porównanie WordPress przesłanego pliku i istniejącego motywu Twenty Twenty.

Kliknięcie Zastąp bieżące przesłanymi spowoduje zastosowanie aktualizacji motywu.

Proste rozwiązanie dla aktualizacji motywów i wtyczek

Możliwość aktualizacji motywu i wtyczek witryny WordPress za pomocą pliku ZIP jest niezwykle przydatna. Istnieje wiele sytuacji, w których korzystanie z FTP lub automatycznych aktualizacji pulpitu nawigacyjnego nie działa lub nie jest zbyt wygodne.

To daje nam kolejną metodę, którą może zrobić prawie każdy. Ułatwi to znacznie proces utrzymania witryny.

Kategorie
Marketing online Strony www

5 największych wyzwań stawianych przy realizacji stron internetowych

Miliardy internautów na całym świecie spędzają w sieci kilka godzin dziennie, dlatego obecność marek i firm w Internecie jest obecnie niezbędna w celu budowania, wzmacniania i utrzymywania pozytywnego wizerunku i budowania relacji z klientami.

Presja na agencjach zajmujących się projektowaniem stron internetowych jest coraz większa. Firmy oczekują, że specjaliści IT stworzą dla nich niepowtarzalny produkt, który po pierwsze zawrze wszystkie oczekiwane informacje, ale dodatkowo przedstawi je w tak atrakcyjny sposób, aby wyróżnić się na tle konkurencji.

Podstawowym kryterium jest oczywiście wiedza, ale także nowoczesne narzędzia, które pozwolą na kreowanie fantastycznych projektów.

Wyzwania w nowoczesnym projektowaniu stron internetowych

Tworzenie strony internetowej z uwzględnieniem wszystkich podstawowych kwestii wydaje się proste na papierku. Wdrożenie jednak odpowiedniego kodowania sprawia, że całość jest dużo bardziej skomplikowana. Strony internetowe muszą być zarówno funkcjonalne, jak i łatwe w obsłudze, a dodatkowo nie mogą męczyć oczu  aby przyciągać ruch i skłonić odwiedzającego do odpowiednich działań: zakupu produktu czy zamówienia usługi.

Dobra wiadomość jest taka, że ​​zaprojektowanie wysokiej jakości strony internetowej jest całkowicie możliwe i nie wymaga wydawania na to fortuny. Poniżej pięć podstawowych kwestii, którymi należy się kierować przy projektowaniu strony www, aby spełnić oczekiwania i obecnie panujące standardy.

1. ODWOŁYWANIE SIĘ DO DOŚWIADCZEŃ UŻYTKOWNIKA

Zaprojektowanie dobrej strony internetowej to zapewnienie komfortu w jej przeglądaniu przez użytkownika zarówno z poziomu laptopa, czy komputera, ale także smartfona. Wbrew pozorom to jedna z najtrudniejszych kwestii w planowaniu działań na naszej stronie www. Największe błędy agencji to m.in. ukrywanie ważnych informacji w niedostępnych podstronach czy używanie niezrozumiałego, technicznego języka.

Agencje zajmujące się projektowaniem stron internetowych powinny skupić się nie tylko na tym, aby projekt wyglądał dobrze, ale także aby był funkcjonalny i każdy nawet niezaawansowany technicznie użytkownik znalazł to, czego potrzebuje. Obejmuje to ułatwienie nawigacji, a także optymalizację szybkości ładowania stron internetowych.

2. BUDŻET NIE JEST Z GUMY

Często zdarza się, że budżety klienta i agencji projektowania stron internetowych są różne. Albo klient uzna wycenę projektu za zbyt wysoką, albo projektant uzna, że ​​budżet klienta jest za niski. Koszt projektu strony internetowej może się znacznie różnić, w zależności od tego, jakie funkcje powinna zawierać.

Chociaż zbudowanie dobrej strony internetowej przy ograniczonym budżecie może być trudne, ważne jest, aby obie strony ustaliły określoną kwotę jeszcze przed rozpoczęciem projektu. Klient powinien zawsze określić, co chce osiągnąć i ile jest skłonny zapłacić, aby to osiągnąć, a agencja powinna wcześniej poinformować klienta, czy jest to możliwe.

3. INTEGRACJA FUNKCJI INNYCH FIRM

Czasami klienci mogą żądać integracji strony www z innymi serwisami czy narzędziami. Nie zawsze jest to łatwe. W wielu przypadkach taka integracja może wymagać specjalistycznej wiedzy programistycznej. Nie chodzi tutaj o social media, których konta łatwo można połączyć z witryną. To samo jeśli chodzi o narzędzia Google. Niemniej, jeśli musimy połączyć się z kontem w innej prywatnej firmie, możemy na drodze napotkać nieco problemów.

Niemniej, integracja z mediami społecznościowymi zdecydowanie powiększa możliwości jeśli chodzi o odwiedzanie witryny przez większe ilości użytkowników i potencjalnych Klientów.

4. RESPONSYWNOŚĆ

Istnieje wiele urządzeń, za pomocą których ludzie mogą uzyskać dostęp do sieci Internetowej. Od smartfonów po komputery stacjonarne, od samochodów po konsole do gier, a nawet zegarki na rękę i aparaty cyfrowe.

W dzisiejszych czasach strony internetowe powinny być zawsze kompatybilne z dowolnym urządzeniem, z którego ludzie mogą korzystać, aby przejść do witryny. Powinny wyglądać przyjemnie i szybko się ładować, niezależnie od urządzenia, z którego korzysta odwiedzający.

5. BEZPIECZEŃSTWO DANYCH OSOBOWYCH

Większość witryn wymaga danych osobowych lub finansowych, czy to w celu weryfikacji konta, subskrypcji witryny, czy też czegoś innego. Strony internetowe powinny być projektowane z myślą o bezpieczeństwie osobistym, szczególnie w tym okresie. Jak pokazują badania, liczba włamań hakerów wzrosła wraz z pandemią koronawirusa.

Jednym z największych zagrożeń, z jakimi obecnie spotykają się strony internetowe, jest phishing lub sytuacja, w której osoba atakująca będzie udawać zaufaną osobę i próbować zmusić Cię do kliknięcia złośliwego łącza. Innym jest oprogramowanie ransomware, w którym cyberprzestępcy przechowują dane klientów w celu uzyskania okupu i próbują wyłudzić właścicieli firm internetowych. Jeszcze jedno to wstrzyknięcia SQL, czyli takie, w których hakerzy będą próbowali wykonać złośliwe polecenia SQL w bazie danych Twojej witryny.

Najlepsze praktyki w zakresie projektowania stron internetowych w celu ograniczenia tego ryzyka obejmują wtyczki i motywy innych firm, aktualizowanie całego oprogramowania, konfigurowanie aplikacji internetowych tak, aby działały z jak najmniejszą liczbą uprawnień, a także wykorzystanie certyfikatów SSL i protokołów HTTPS.

Kategorie
Inne Marketing online Narzędzia Strony www

TOP 10 trendów w projektowaniu stron internetowych, które zauważyliśmy w 2020 roku

W ciągu ostatniej dekady technologia miała ogromny wpływ na projektowanie stron internetowych. Po pierwsze w całkiem inny sposób tworzymy strony www niż jeszcze dziesięć lat temu, po drugie nowe technologie pozwalają przekraczać granice wyobraźni przy projektowaniu każdego kolejnego elementu strony www.

Jak dotąd rok 2020 był rokiem koronawirusa, co zmusiło wiele osób do przejścia na biznes internetowy.

Firmy dostosowują się, zwiększając swoją obecność w Internecie i skupiając się na swoich stronach www, tym samym próbując utrzymać działalność za pomocą sieci.

Przedstawiamy 10 najpopularniejszych trendów w projektowaniu stron internetowych, które zauważyliśmy w roku 2020 i prawdopodobnie będą kontynuowane w roku 2021.

Budowanie zaufania wśród użytkowników

Jeśli chodzi o budowanie zaufania, to suma bardzo wielu małych elementów. Obrazy, słowa, układ i kolory, których używasz, mogą wpływać na to, jak ludzie postrzegają Twoją markę.

Dobrym sposobem zrozumienia zachowań użytkowników jest postawienie się na ich miejscu i przejście przez np. proces zakupu. Wtedy sam odpowiesz sobie na pytanie, gdzie może leżeć przyczyna małej konwersji lub niskiej ilości odwiedzin użytkowników.

Co więcej, możesz używać witryn takich jak Userbrain, aby zapytać prawdziwych ludzi, którzy nie znają Twojej marki, jak się czują podczas poruszania się po Twojej witrynie.

Takie podpowiedzi, które otrzymasz podczas tych indywidualnych sesji, mogą znacznie przyczynić się do poprawy wydajności witryny i aplikacji.

Wskazówki dotyczące projektowania:

  • Mniej znaczy więcej – unikaj skomplikowanych projektów i dużych bloków tekstu;
  • Zwróć szczególną uwagę na ceny, wezwania do działania i projekt formularzy;
  • Unikaj zdjęć stockowych podczas prezentowania swojego produktu;
  • Uwzględnij oceny i referencje swojej działalności (recenzje, zdjęcia itp.);
  • Odsyłaj tylko do renomowanych witryn (pomoże to również w pozycjonowaniu);
  • Zapewnij swoim klientom łatwy sposób skontaktowania się z Tobą.

Przykłady:

Duże fonty i elementy

W tym roku projektanci wykorzystują duże czcionki plakatowe z dużymi, efektownymi dodatkami wizualnymi, aby stworzyć piorunujące pierwsze wrażenie.

Chociaż ten trend jest jednym z najłatwiejszych do zrealizowania, jego prawidłowe wykonanie wymaga harmonii między Twoją marką, krojem pisma i wybraną grafiką.

Niestety nie wszystkie czcionki można przeskalować do 150 pikseli będą nadal dobrze prezentować się na Twojej stronie www.

Ponieważ nowoczesne narzędzia do tworzenia stron internetowych ułatwiają korzystanie z niemal każdej czcionki w Internecie, nigdy nie należy ograniczać swojej kreatywności i iść za głosem serca i zmysłu artystycznego 🙂

Jeśli chodzi o efekty wizualne, używaj profesjonalnych obrazów. Ostatnią rzeczą, którą chcesz zrobić, jest podkreślenie niedoskonałości i pikselozy na nowym monitorze 4K Twojego klienta.

Wskazówki dotyczące projektowania:

  • Twój tekst główny musi być krótki i na temat, aby ludzie dobrze zrozumieli informację, którą próbujesz przekazać. Nigdy nie powinno być go więcej niż dwa wersy;
  • Cała Twoja witryna musi pasować do stylu, który chcesz osiągnąć. Posiadanie dużej, wpływowej sekcji głównej, która nie pasuje do reszty twojego projektu, przyniesie więcej szkody niż pożytku;
  • Wykorzystaj animacje CSS, aby przenieść swój projekt na wyższy poziom.

Przykłady:

Ciemne szablony

Jak wspomniano wcześniej, technologia ma ogromny wpływ na trendy w projektowaniu stron internetowych. W ciągu ostatniego roku systemy operacyjne, przeglądarki i profesjonalne aplikacje zaczęły zmierzać w kierunku ciemnego interfejsu użytkownika.

W tym roku trend ciemnego designu dotarł również do stron internetowych.

Łącząc ciemne tła z żywymi akcentami kolorystycznymi, projektanci są w stanie utrzymać i wpływać na uwagę użytkowników, co jest niezbędne aby zwiększyć konwersję na stronie www.

Ciemne tło sprawia, że wszelkie jaśniejsze elementy znacznie się wyróżniają.

Musimy pamiętać, aby nie przytłaczać użytkownika zbyt dużą ilością treści naraz. Ciemne projekty muszą być minimalistyczne i zawierać dużo białych znaków.

Pamiętajmy, że chociaż tworzenie kontrastu jest świetne, zbyt duża jego ilość może powodować zmęczenie oczu. Dlatego we wszystkim powinniśmy zachować umiar.

Oto kilka wskazówek, dzięki którym Twój ciemny projekt będzie przyjazny dla użytkownika:

  • Unikaj czystego czarnego tła, ponieważ tworzy zbyt duży kontrast. Material Design zaleca # 121212 jako kolor tła
  • Unikaj ciemnych kolorów o dużym nasyceniu. Skoncentruj się na jaśniejszych tonach, które maksymalizują czytelność;
  • Unikaj białych lub szarych wezwań do działania, ponieważ mogą one wtapiać się w tekst;
  • Unikaj używania ciemnego tła w przypadku blogów lub witryn zawierających dużo tekstu;
  • Jeśli chcesz dodać większy blok tekstu, rozważ użycie jasnoszarego zamiast białego.

Przykłady:

Strony internetowe inspirowane aplikacjami

W 2020 roku projektanci stron internetowych ściśle współpracują z zespołami produktowymi, aby stworzyć bardziej spójne wrażenia między tym, co użytkownicy widzą na stronie internetowej, a w ich natywnych aplikacjach.

Używanie tych samych stylów, elementów wizualizacji, kopii, animacji i interakcji może znacznie przyczynić się do stworzenia sprawnego środowiska, które pomaga zarówno w przyjęciu produktu, jak i rozpoznawalności marki.

Oprócz spójnej marki strony internetowe zawierają coraz więcej zdjęć produktów, aby pomóc w ustalaniu oczekiwań. Podgląd interfejsu użytkownika (UI) ułatwia użytkownikom szybkie zapoznanie się z produktem.

Należy również zauważyć, że istnieje wielu ekspertów, którzy uważają, że progresywne aplikacje internetowe (PWA) zastąpią wiele aplikacji mobilnych, których używamy obecnie . Przekształcając swoją witrynę w PWA, możesz wyeliminować konieczność:

  • Przejścia do App Store / Play Store
  • Wyszukiwania swoją aplikację
  • Instalacji
  • Akceptacji uprawnień
  • Oczekiwanie na pobranie

Wskazówki dotyczące projektowania:

  • Upewnij się, że projektanci stron internetowych i aplikacji współpracują ze sobą;
  • Włącz do swojej witryny elementy stylu aplikacji, takie jak kolory, przyciski, czcionki, ikony i elementy wizualne;
  • Używaj wyselekcjonowanych grafik zamiast bezpośrednich zrzutów ekranu produktów;
  • Opracuj przewodniki stylistyczne, które pomogą Twojemu zespołowi zachować spójność
  • Zawsze używaj wysokiej jakości obrazów, ikon i makiet w aplikacji i w Internecie.

Przykłady:

Gradienty 2.0

Gradienty od kilku lat mają ogromny wpływ na świat projektowania stron internetowych.

Użycie gradientów w stronach www w ostatnim czasie znacząco wzrosło, szczególnie jeśli chodzi o branże technologiczną.

W tym roku twórcy przenoszą gradienty na zupełnie nowy poziom – włączając je do czcionek, kształtów, elementów interaktywnych, a nawet filmów. Ponadto, podczas gdy większość witryn internetowych ogranicza gradienty do jednej sekcji, obecnie więcej stron używa gradientów jako tło całej strony.

Przykłady:

Korzystanie z nowych narzędzi do tworzenia stron www

Chociaż projektowanie stron internetowych od zera to dla projektantów świetny sposób na zaprezentowanie swoich kreatywnych talentów, w obecnych czasach nie jest to najefektywniejsze rozwiązania.

W ciągu ostatnich kilku lat wielu projektantów zaczęło korzystać z platform do tworzenia witryn internetowych, które umożliwiają im jednorazowe utworzenie komponentu (np. Bohatera lub sekcję kontakt), a następnie ponowne wykorzystanie go na wielu stronach lub w projektach.

W 2020 roku projektanci muszą stworzyć elastyczne systemy projektowania, które można dostosować do potrzeb ich indywidualnych klientów. Podobnie jak szablony ułatwiają samodzielne rozpoczęcie pracy, systemy projektowania pomagają projektantom tworzyć makiety witryn internetowych i szybko przenosić je w kierunku gotowego produktu.

Nawet dla 1% Twoich klientów, którzy są gotowi zapłacić najwyższą kwotę za naprawdę niestandardową witrynę internetową, praca z systemem projektowania pomoże Ci szybciej zbudować witrynę po ustaleniu wstępnego kierunku. To korzystne dla Ciebie i Twojego klienta!

Przykłady:

Projekty niekorporacyjne

Od czasu pojawienia się mediów społecznościowych na początku XXI wieku firmy powoli zmierzają w kierunku bardziej swobodnej i przyjaznej atmosfery zarówno w miejscu pracy, jak i w Internecie.

Dziś duże korporacje i prezesi, którzy kiedyś wydawali się niedostępni, żartują i wchodzą w interakcje z klientami online.

W tym roku podkreślamy ten trend, dzieląc się prostymi wskazówkami dotyczącymi projektowania, które pomogą Twojej marce poczuć się mniej „korporacyjnie” i stworzyć lepsze relacje z docelowymi Klientami.

Wskazówki dotyczące projektowania:

  • Unikaj dużych menu ze skomplikowanymi treściami;
  • Uprość swoją stronę kontaktową – ułatw ludziom kontakt;
  • Wykorzystaj grafiki i wyselekcjonowane wizualizacje, aby obrazowo wytłumaczyć złożone informacje;
  • Zmodernizuj projekt strony internetowej dzięki niestandardowym czcionkom, kształtom, kolorom i ilustracjom;
  • Użyj zdjęć prawdziwych ludzi (referencje, pracownicy itd.).

Przykłady:

Angażujące i czytelne czcionki

Projektanci zawsze szukają nowych sposobów wyświetlania treści strony internetowej.

W ciągu ostatnich kilku lat widzieliśmy odważne eksperymenty typograficzne.

W tym roku projektanci chcą zaangażować użytkowników i próbują do tego celu wykorzystania różnych praktyk . Kluczem jest znalezienie zdrowej równowagi między kreatywnością a czytelnością.

Aby podążać za tym trendem, zalecamy rozpoczęcie od znalezienia odpowiedniego zestawu czcionek, który pasuje do stylu Twojej marki.

Następnie poeksperymentuj, łącząc wybrane czcionki z niektórymi innymi trendami wymienionymi na tej liście, w tym dużymi czcionkami, ciemnym interfejsem użytkownika i gradientami.

To niesamowite, jak dość prostą czcionkę można podnieść na nowy poziom za pomocą kilku subtelnych poprawek projektowych.

Przykłady:

 Duże obrazy i galerie

Pamiętasz stare powiedzenie: „obraz jest wart tysiąca słów”? Idealnie pasuje ono do panujących trendów w projektowaniu stron www.

Od sklepów internetowych po portfolio, projektanci wykorzystują duże, piękne obrazy i galerie, aby wyróżnić swoje strony internetowe.

Jeśli chodzi o wybór obrazów, twórcy preferują zbliżenia produktów i zdjęcia z jednolitymi kolorami tła. W takim przypadku wszystkie oczy skierowane są na produkt, a nie rozproszone tłem.

Wskazówki dla profesjonalistów:

  • Używaj tylko najlepszych zdjęć (mniej znaczy więcej w 2020 r.);
  • Zapewnij spójne kolory i style między obrazami;
  • Rób zdjęcia produktów na białym tle;
  • Zwiększ rozmiar miniatur obrazów i umieść opisy poniżej lub z boku.

Przykłady:

Wyselekcjonowane wizualizacje

To kolejny rok, w którym kreatywne wizualizacje wyróżniają nasze strony www.

W 2020 roku widzimy, że jeszcze więcej elementów, takich jak kształty 3D, ruchoma grafika i zmienione obrazy znajduje się na stronach największych marek.

Chociaż tworzenie niestandardowych wizualizacji może być czasochłonne i kosztowne, są one świetnym sposobem na przyciągnięcie uwagi docelowej publiczności.

W przypadku większości firm o umiarkowanych budżetach zalecamy zachowanie prostoty:

  • Zaprezentuj swój produkt w akcji za pomocą makiet i szablonów 3D ;
  • Użyj stron internetowych, takich jak Fiverr, aby zatrudnić niedrogich ilustratorów;
  • Uwzględnij elementy wizualne bez tła;
  • Rozważ filmy i przepływy ekranu jako opłacalną alternatywę dla animacji 3D i ruchomych grafik.

Przykłady:

Bonus: rozszerzona i wirtualna rzeczywistość

Chociaż istnieje wiele witryn i aplikacji, które wykorzystują rozszerzoną rzeczywistość (AR) i wirtualną rzeczywistość (VR) do swoich doświadczeń użytkowników, nie możemy powiedzieć, że to już trend.

Ponieważ technologie AR i VR wciąż robią postępy, ważne jest, aby być świadomym tego, jak ta nowa technologia wpłynie na projekt w nadchodzących latach. Trzeba mieć to na uwadze, ponieważ dosłownie w jednym roku możemy doświadczyć bardzo dużych zmian w trendach związanych z projektowaniem www.

Przykłady tej technologii są nieograniczone, od sklepów meblowych i firm odzieżowych, które pozwalają wirtualnie wypróbować produkty przed ich zakupem, po aplikacje fitness, takie jak Zwift, które pozwalają wirtualnie jeździć na rowerze po całym świecie.

Z punktu widzenia projektanta AR i VR należy traktować jako inną formę dostarczania treści. Podobnie jak wtedy, gdy filmy trafiały do ​​projektowania stron internetowych, opracowanie sprawdzonych metod zajęło trochę czasu.

Podobnie jak filmy odtwarzane automatycznie nie działają dobrze na urządzeniach mobilnych, rzeczywistość rozszerzona nie działa dobrze na komputerach stacjonarnych, ponieważ trudniej jest uzyskać dostęp do kamery, która może przechwytywać obraz.

Podczas gdy czekamy, aż technologia AR i VR zyska większą dostępność, oto kilka fajnych przykładów tego, co nadejdzie:

Przykłady:

Podsumowanie

Niezależnie od tego, jak technologia i trendy będą ewoluować w nadchodzących latach, należy pamiętać, że dobre projekty zawsze będą miały ponadczasowe cechy, takie jak:

  • Prosty interfejs użytkownika (UI);
  • Intuicyjny interfejs użytkownika (UX);
  • Piękna, ale czytelna typografia;
  • Przyciągające wzrok efekty wizualne.

W przypadku większości firm, które chcą być na bieżąco z zmieniającymi się trendami, zalecamy podejście progresywne.

Dokonywanie niewielkich aktualizacji projektu aplikacji lub witryny co kilka miesięcy jest znacznie bardziej wydajne i opłacalne niż przeprowadzanie dużego przeprojektowania co 3-5 lat.

Aby dokonywać regularnych zmian, potrzebujesz narzędzia pasującego do Twojego zestawu umiejętności. Jeśli znasz kod, WordPress może być świetną opcją. Z pewnością jednak jako firma warto współpracować ze specjalistami, którzy będą w stanie nadążyć za nowinkami technologicznymi i w szybkim czasie wprowadzą aktualizację Twojej strony internetowej.

Kategorie
Marketing online Strony www

Ile kosztuje zrobienie strony internetowej?

To pytanie, które zadaje nam naprawdę wielu klientów. Ile tak naprawdę kosztuje stworzenie strony www? Jak zwykle odpowiedź brzmi – to zależy. Każda strona internetowa jest inna. W przypadku jednej tworzymy typowe proste i powszechne rozwiązania. W przypadku innej, będziemy zmuszeni do opracowania indywidualnego modułu programistycznego, co oczywiście będzie wiązać się z większymi kosztami. O szczegółach w poniższym artykule.

Strony internetowe www możemy podzielić na kilka kategorii. Pierwszą z nich niech będą strony typu “One Page”. Zazwyczaj są to strony podyktowane konkretnemu produktowi czy usłudze. Cała treść opiera się właśnie na jednym przedmiocie, zawiera formularz zamówienia, kontaktu, możliwość zakupu danego produktu i jego bardzo obszerny opis. Niemniej, taka strona nie ma żadnych innych podstron i typowo jest przeznaczona do realizacji konwersji czyli zakupu lub kontaktu z firmą, sklepem czy usługodawcą.

Strony internetowe – jaka cena?

Drugi typ serwisu www to strony firmowe, nazywane przez nas często wizytówkami. Chodzi o to, że tego typu stron internetowa ma zazwyczaj max 10 podstron. Na stronie głównej obszernie opisujemy czym zajmuje się dana firma: prezentujemy produkty i usługi. Oprócz tego, tego typu niewielkie firmy potrzebują takich zakładek jak: o firmie, osobne zakładki wyczerpujące temat danej realizowanej usługi, prezentacja już zrealizowanych zleceń (jeśli dotyczy), galerię i podzakładkę kontakt. Oczywiście, jedna firma będzie oferować 5 usług, a inna może takich usług mieć kilkanaście lub kilkadziesiąt. Tylko na tym przykładzie możemy pokazać, jak trudno jednoznacznie wskazać ile może kosztować tego typu strona internetowa. Strona z wykorzystaniem ponad 20 zakładek z pewnością inaczej wyjdzie cenowo niż podstawowa firmówka. Dlatego najlepiej skorzystać z możliwości darmowej wyceny zlecenia, która przedstawi nam obraz kosztów związanych z realizacją naszej strony internetowej.

Ile kosztuje strona internetowa?

Nie musimy chyba nikogo przekonywać: sklepy w dobie koronawirusa hurtowo przeniosły swoją sprzedaż do Internetu. Sprzedaż wysyłkowa i e-commerce to jeden z najszybciej i najlepiej rozwijających się rynków w Europie i na całym świecie. Sklep internetowy to bardziej skomplikowana strona www, która musi zostać wykonana ze starannością i dbałością o każdy szczegół. Chodzi o jak najprostszy, a zarazem bezpieczny zarówno dla Klienta jak i sklepu proces zamówienia i opłacenia danych produktów. O ile cała struktura i moduły odpowiadające za cały proces zakupów online w każdym sklepie będzie podobny, o tyle jeden sklep może mieć 5 produktów, a inny 100 i więcej. Ponadto, ważne jest, czy produkty będą publikowane przez właścicieli sklepu, czy ich udostępnianie w sklepie początkowo będzie po stronie Wykonawcy serwisu www. Jak pewnie domyślacie się, to także ma wielki wpływ na ostateczną cenę sklepu internetowego.

Indywidualne rozwiązania programistyczne

O ile przedstawione wcześniej rozwiązania są dość powszechne i powtarzalne, to co w przypadku, gdy Klient chce stworzyć serwis oparty na indywidualnych rozwiązaniach? Oczywiście, wszystko jest do wykonania, szczególnie w takiej agencji jak nasza 🙂 Jednak trzeba pamiętać, że każda dodatkowa godzina pracy programisty nad indywidualnym rozwiązaniem będzie kosztować. O jakich serwisach mówimy? Mówimy tutaj o rozbudowanych portalach informacyjnych, serwisach ogłoszeniowych, w których potrzebujemy automatycznych aktualizacji np. przesyłanych ofert z plików zewnętrznych, rozbudowane fora internetowe i inne serwisy, które działają “niestandardowo”.

Nie zapominajmy o domenie i hostingu!

Oczywiście w tym momencie nie możemy zapomnieć o konieczności posiadania własnej domeny oraz hostingu. W końcu strona musi mieć miejsce dla swoich plików. Fakt, czy to Państwo sami zajmą się zamówieniem tych usług, czy pozostanie ona po naszej stronie, również będzie miało znaczenie przy ostatecznej wycenie.

Podsumowanie

Tak jak piszę, każda strona internetowa będzie miała swoją cenę. Mogę tu zadeklarować, że prosty landing page będzie kosztował od 1000 zł netto, wizytówka www od 1500 zł netto, sklep internetowy od 2500 zł netto, a rozbudowany serwis www od 3500 zł netto. Jednak nie będę do końca precyzyjny. Wystarczy, że prosty landing będzie musiał posiadać funkcję sklepu internetowego dla jednego produktu, co już zwiększy jego cenę. Dlatego najlepszym rozwiązaniem jest skorzystanie z darmowej wyceny i kontaktu z naszą agencją interaktywną IT Agencja. Przypominamy, że zajmujemy się kompleksową obsługą firmy w Internecie tj. również pozycjonowaniem, social media, wizytówkami w Google czy GoogleAds. Dzięki temu możecie liczyć na liczne rabaty przy zamówieniu więcej niż jednej usługi.

Jeśli zastanawiacie się ile może kosztować Wasz serwis www, nie traćcie czasu i napiszcie lub zadzwońcie. Naprawdę, nie gryziemy 🙂