WWW

Optymalizacja strony www – czy warto wdrażać?

16.01.23

Optymalizacja strony www jest ważnym elementem w pozycjonowaniu strony www, jak i zwiększaniu widoczności strony www lub sklepu internetowego.

Czym jest optymalizacja strony www?

Optymalizacja strony www jest szeregiem działań, których celem jest dostosowanie elementów znajdujących się w witrynie, takich jak: kod, tekst, grafika czy video do ściśle określonych zasad. Ograniczenia w zasobach Google sprawiają, że nie każda strona będzie indeksowana, ze względu na brak dostosowania do aktualnie panujących standardów Google. Dzięki tym standardom w TOP10 wyników wyszukiwania, szybko pokazują się nam otwierające się witryny. Dzięki dobrej optymalizacji, witryna szybko odnajdywana jest przez boty Google, co pozwala jej budować rankingi w wyszukiwarce Google. Pełna optymalizacja jest ważnym krokiem w procesie pozycjonowania. Dobrze wykonana optymalizacja przenosi Twoją witrynę na wyższy poziom widoczności w organicznych wynikach wyszukiwania.

Czy można wdrożyć pełną optymalizację strony www w każdej witrynie?

Większość stron www, jak i sklepów internetowych, funkcjonuje w oparciu o popularne systemy CMS, między innymi, takie jak: PrestaShop, WordPress, drupal, WooCommerce, Magento, Shoper, IdoSell, Joomla, Shoplo, Mambo, autorskie systemy CMS, czy strony stworzone w HTML. Popularne systemy CMS można optymalizować w pełnym zakresie, bez konieczności ponoszenia dużych kosztów związanych z ręczną optymalizacją każdego elementu. Popularne systemu CMS posiadają wbudowaną szeroką funkcjonalność, pozwalającą optymalizować witrynę. Istnieje także wiele gotowych pluginów, które ułatwiają optymalizację. W przypadku systemów autorskich, pełna optymalizacja może być kosztowna i czasochłonna ze względu na brak wielu funkcjonalności, czy możliwości optymalizacyjnych.

Jaki jest cel wykonania audytu?

Optymalizację strony www najczęściej wdraża się w procesie pozycjonowania, aby wzmocnić cały proces i zwiększyć widoczność sklepu, czy strony www. Rzadziej wykonywana jest jako pojedyncze działanie, które nie jest połączone z procesem pozycjonowania.

Cel wykonania audytu:

Ustalenie aktualnego stanu witryny pod kątem SEO
Wdrożenie najlepszych praktyk SEO stosowanych w witrynach
Ułatwienie dostępności wszystkich elementów znajdujących się na stronie
Wdrożenie sprawdzonych zasad SEO, które mają wpływ na widoczność witryny
Zwiększenie wydajności witryny
Dostosowanie witryny do aktualnych standardów Google
Szybsze wczytywanie się strony lub sklepu na urządzeniach mobilnych
Szybsze wczytywanie się strony lub sklepu na komputerach
Pełna indeksacja zawartości witryny w Google
Pełna widoczność treści na wyższych pozycjach w wynikach Google
Zwiększenie liczby odwiedzin botów na twojej witrynie
Cykliczne zwiększanie indeksu domeny
Eliminacja błędów 404
Poprawa kodu strony
Usunięcie wszelkich błędów znajdujących się na stronie
Ustalenie aktualnego stanu pod względem linkowania zewnętrznego
Ustalenie aktualnego stanu pod względem linkowania wewnętrznego
Wypozycjonowanie strony www lub sklepu internetowego

Jakie elementy strony www powinno się optymalizować?

Optymalizacja stron www, czy sklepów internetowych, powinna obejmować wszystkie elementy, które zostały wskazane we wcześniej wykonanym audycie. Należy optymalizować elementy mające wpływ na czas wczytywania się strony na urządzenia mobilne oraz komputery.

Elementy strony www do optymalizacji:

Kod strony – zmniejszenie wagi
Elementy CSS oraz JS
Elementy blokujące renderowanie strony
Tekst – Duplicate content, linkowanie wewnętrzne, nagłówki H1-H5, boldowanie słów kluczowych
Grafiki – format jak i kompresja, znaczniki ALT
Meta tagi – Ttitle oraz Description
Video – kompresja
Slidery – kompresja
Adresy URL – przyjazne linki, canonical url,
Menu strony – pod SEO
Kategorie strony
Kartę produktu /usługi
Mapę strony w formacie XML oraz HTML
Plik robots.txt
Nagłówki H1-H5
Błędy 404
Przekierowania 301
Dane strukturalne
Kompresja GZIP
Dostosowanie do wersji mobilnej
W zależności od CMS pluginy

Jak sprawdzić czy optymalizacja została wdrożona?

Przede wszystkim odpalmy stronę i sprawdźmy, czy wczytuje się szybciej. Jeśli mamy wątpliwości, czy optymalizacja została wykonana, możemy poprosić o przesłanie informacji, która wyjaśni, jakie elementy zostały zoptymalizowane. Możemy także samodzielnie dokonać sprawdzenia za pomocą narzędzi analitycznych. Transparentnie działające agencja, czy też freelancerzy, najpierw wykonują audyt w formie dokumentu, a po wdrożeniu zaznaczają co zostało wykonane. Pokazują zrzuty ekranu, jak wyglądał dany element przed, a jak wygląda po wykonaniu optymalizacji.

Ile trwa oraz ile kosztuje wdrożenie optymalizacji?

Czas, jaki należy poświęcić na wdrożenie optymalizacji, zależy od systemu CMS, na jakim ma być wdrażana. Jeśli optymalizacja wdrażana będzie na popularnych systemach CMS, to koszty w zależności od konieczności zakupu pluginów, mogą zamknąć się w przedziale 1500-2000zł. Czas wykonania takiej optymalizacji trwa około 16-20 godzin roboczych. W przypadku autorskich systemów CMS, koszt może być dużo wyższy, jak i czas wykonania może być dłuższy. Koszt wyceniany jest na podstawie ilości zaangażowanych specjalistów oraz roboczo godzin, a także zależy od poziomu trudności.

Audyt strony www – co powinien zawierać?

29.09.22

Czym jest audyt strony www? – Audyt strony www jest analizą witryny lub sklepu internetowego pod kątem dostosowania ich do wymagań algorytmów Google oraz botów odwiedzających i indeksujących. Audyt powinien zawierać informacje o aktualnym stanie witryny, czyli elementy, które należy poprawić, ale także te, które zostały prawidłowo osadzone w kodzie strony. Analizowane powinny być wszystkie elementy witryny, jakie się na niej znajdują a mają wpływ na osiąganie wyższych pozycji w organicznych wynikach wyszukiwania. Audyt strony www powinien być pierwszym elementem w procesie pozycjonowania i powinien zawierać analizę on-site oraz off-site.

Jaki jest cel wykonania audytu?

Przyśpieszenie wczytywania strony na urządzeniach mobilnych
Przyśpieszenie wczytywania strony na komputerach
Możliwość pełnej indeksacji całej zawartości witryny
Zwiększenie widoczności ważnych elementów SEO – dane strukturalne
Pełna indeksacja treści – tekstu na stronie
Pełna indeksacja zdjęć oraz filmów na stronie
Zwiększenie widoczności całej zawartości sklepu poprzez zwiększenie dostępu dla botów Google
Ustalenie czy należy poprawić warstwę tekstową
Naprawa błędów w witrynie
Sprawdzenie ilości linków zewnętrznych, prowadzących do strony
Zwiększenie pozycji w organicznych wynikach wyszukiwania na słowa kluczowe

Jakie elementy powinien uwzględniać audyt strony?

Czas Ładowania Serwisu – na urządzeniach mobilnych jak i komputerach
Analiza adresów URL – Struktura adresów – Dofollow / Nofollow, Canonical URL
Błędy na stronie: błędy 404, niedziałające elementy w witrynie
Analiza kodu strony – CSS, JS oraz zasoby blokujące renderowanie
Analiza plików odpowiedzialnych za widoczność – Plik robots.txt, Sitemap XML, Mapa strony HTML
Działanie strony na urządzeniach mobilnych, jak i komputerach – czy strona prawidłowo się wyświetla
Analiza treści: Duplicate content, Warstwa tekstowa SEO, Hierarchia nagłówków H1-H6
Analiza elementów graficznych: Znaczniki ALT, Rozmiar obrazów – kompresja do najmniejszego rozmiaru, kompresja do WebP i AVIF
SEO Visibility – widoczność w TOP 3 oraz TOP10
Linkowanie zewnętrzne oraz wewnętrzne – ilość linków prowadzących do strony oraz struktura wewnętrzna witryny
Prawidłowość działania: SSL, HTTPS, Kompresja Gzip, index, follow, wersja PHP
Przekierowania z www na bez www lub odwrotnie
Dane strukturalne Schema.org
Struktura jak i wygląd meta tagów: TITLE oraz DESCRIPTION
Struktura menu strony
Struktura kategorii strony
Wytyczne co należy poprawić

Jaki wpływ na funkcjonowanie strony www ma wdrożenie audytu?

Strona www wczytuje się szybciej, co wpływa pozytywnie na odbiór ze strony użytkowników
Witryna osiąga wyższe pozycje, ponieważ czas wczytywania się strony jest głównym czynnikiem rankingowym
Jest lepiej postrzegana przez wyszukiwarkę, co umożliwia znalezienie jej za pomocą nie tylko tekstu, ale grafik czy video
Zwiększenie SEO Visibility strony na większą ilość słów kluczowych
Zwiększenie ilości wartościowych podstron witryny
Zwiększenie wartości SEO witryny
Zyskanie czasowej odporności na zmiany algorytmów
Większe szanse na dotarcie do potencjalnych klientów

Ile trwa oraz ile kosztuje wykonaniu audytu?

Podczas wykonywania audytu należy korzystać z wielu płatnych narzędzi, które nam w tym pomogą. Wszystkie dane z każdego narzędzia pobierane są ręcznie a następnie analizowane. Każdy audytowany punkt powinien zawierać informację o stanie faktycznym oraz elementach do poprawy. Jeśli chodzi o cenę takiego audytu, to wszystko zależy od ilości audytowanych danych. Im więcej danych do sprawdzenia, tym dłuższy czas, a co za tym idzie- cena. Najprostszy audyt można wykonać już za 500zł a te bardziej szczegółowe od 1000zł wzwyż.

Uczenie maszynowe – czym jest i jak je wykorzystać?

11.05.22

Uczenie maszynowe (Machine Learning) to rodzaj sztucznej inteligencji (artificial intelligence – AI), który umożliwia danemu systemowi połączonemu np.: ze sklepem internetowym, stopniowe uczenie się na podstawie pozyskiwanych danych, zachowań użytkowników oraz wykonanych przez nich akcji na stronie. Uczenie maszynowe umożliwia firmom zdobywanie informacji i wyciąganie wniosków z dużych ilości pozyskiwanych przez system danych. Na podstawie pozyskanych danych, system tworzy modele, według których podejmuje decyzje, które mają wpłynąć na zachowanie użytkownika. W dużym skrócie maszyna uczy się, czyli pozyskuje dane, a następnie je analizuje i przekazuje gotowy wynik, co należy zrobić, aby np. zmniejszyć współczynnik odrzuceń. Przykładem takiego uczenia może być system Google Adsense, czyli sieć partnerska Google, która po zaimplementowaniu kodu na stronę, automatycznie rozmieszcza banery reklamowe na stronie wydawcy, a następnie bada, w które miejsca najczęściej użytkownicy klikają. W zależności od branży, tworzy modele, które następnie wdraża u nowych wydawców, aby od początku zapewnić sobie jak największy zysk z odtworzenia reklamy. Drugim takim przykładem może być system Google Ads, który po stworzeniu przez użytkownika reklamy, pokazuje raport efektywności. Skąd to wie? Z uczenia maszynowego, które pozwala budować różne wzorce na podstawie zachowań użytkowników. Jeśli ktoś stworzył podobne kampanie 100 razy, to maszyna na podstawie wyników tych kampanii, może zasugerować nam, czy warto.

Gdzie na co dzień sztuczna inteligencja analizuje nasze zachowanie?

Uczenie maszynowe (Machine Learning) jest podzbiorem sztucznej inteligencji (AI). Metoda ta skupia się głównie na nauczaniu komputerów -systemów, jak wykorzystywać dane i doskonalić procesy np.: sprzedażowe, zdobywając coraz większą wiedzę. Warto wspomnieć, że proces uczenia i doskonalenia się, nie są automatycznie zaprogramowane. Algorytmy są w sposób ciągły trenowane pod kątem znajdowania najlepszych wzorców w dużych zbiorach danych. Cały proces ma na celu podejmowanie najlepszych decyzji i formułowanie prognoz na podstawie wyników takiej analizy. Kolejnym przykładem oprócz tych wyżej wspomnianych są karty oferowane klientom przez duże sieci handlowe. Karta umożliwia zakup z rabatem a jednocześnie pozwala pozyskać wiele informacji, które następnie są przetwarzane. Na ich podstawie system podejmuje decyzje, jakie towary najlepiej w danym okresie zaoferować klientom oraz w jakich cenach. System wie czego nie należy sprzedawać, ponieważ mało kto interesuje się takimi towarami. Na podstawie naszych preferencji, potrafią budować np.: wzorce rozmieszczania towaru na półkach. Dzięki temu duże sieci handlowe mogą zwiększać sprzedaż bez konieczności analizowania milionów paragonów i wykonywania ręcznych analiz, które będą nieprecyzyjne.

Jak wykorzystać uczenie maszynowe (Machine Learning) w SEO?

Pozycjonowanie jest procesem i wymaga połączenia wielu działań jednocześnie. Działań na stronie, ale także poza stroną, czyli np.: linkowanie zewnętrzne, artykuły sponsorowane, czy podłączenie różnych narzędzi. Zastosowanie sztucznej inteligencji jest niezwykle kosztowne i mogą sobie na nie pozwolić wyłącznie największe e-commerce. Na czym w ogóle polega uruchomienia sztucznej inteligencji w SEO. Głównie na połączeniu sklepu, który każdego dnia gromadzi wiele informacji z odpowiednim systemem, który wskaże nam drogę na wielu płaszczyznach, co zrobić, aby więcej sprzedawać. Przykładem takim może być badanie wrażeń użytkownika poprzez obszary w sklepie, w których spędza najwięcej czasu, lecz finalnie nic nie kupuje. Człowiek nigdy nie będzie bezstronny, zawsze będzie podejmował decyzję, wyciągał wnioski na podstawie nieracjonalnych i nienaukowych metod. Przykładem takim może być ocena potencjalnego zachowania, poprzez własne doświadczenia. Uważamy, że jeśli my czegoś nie robimy, to cały świat postępuje tak samo, jak my. Sztuczna inteligencja gromadzi dane, uczy się, a następnie wskazuje, co należy poprawić np.: na stronie www czy w sklepie internetowym, aby użytkownik dokonał zakupu. Jak to robi? Zaawansowane narzędzia pobierają dane np.: o liczbie wyświetleń w Google danej marki produktu lub nazwy tego produktu. Następnie na tej podstawie, sugeruje nam, że dzisiaj warto pokazać na samej górze pralki BEKO. Dlatego też w dniu, kiedy najwięcej ludzi szuka pralki BEKO, w TOP10 umieszcza wyniki związane z pralkami BEKO. Algorytm gromadzi dane, buduje bazy a następnie tworzy wzorce. Wzorce oparte są głównie na zrachowaniach użytkowników i w TOP10 pokazuje wyniki, jakie oczekiwane są przez czytelników. Wykorzystanie uczenia maszynowego (Machine Learning) w SEO wymaga systemu, który zgromadzi, przeanalizuje, na następnie samodzielnie pokaże na stronie głównej sklepu, produkty, których ludzie poszukują.

Zmiany algorytmów SEO – jaki mają wpływ na pozycjonowane strony?

15.07.21

Algorytmy Google zmieniają się wprost proporcjonalnie do zmian, jakie zachodzą po stronie użytkowników wyszukiwarki Google. Wraz z rosnącymi oczekiwaniami użytkowników, zmieniają się mechanizmy prezentowania poszukiwanych informacji. Każda zmiana ma za zadanie prezentowanie maksymalnie trafnych wyników wyszukiwania. Zmiany algorytmów mają także za zadanie eliminowanie z TOP10 nieaktualizowanych, czy nieprawdziwych treści. O zachodzących zmianach, świat Internetu jest cyklicznie informowany, lecz nigdy nie są podawane żadne konkrety, które mogłyby ułatwić proces pozycjonowania. W większości podawane są ogólniki na temat zmian, które zaszły. Zmiany zachodzą coraz częściej i zmuszają firmy oferujące pozycjonowanie do ciągłego dokształcania, prowadzania badań nad nowymi metodami oraz ciągłego dostosowywania procesu pozycjonowania do panujących warunków.

Jak sprawdzić, czy doszło do zmiany algorytmu?

Zmiany algorytmów są jednym z elementów w procesie pozycjonowania, które mają duży wpływ na wahania pozycji, promowanych słów kluczowych. Dlatego tak ważne jest, aby sprawdzać, czy doszło do zmiany, a jeśli doszło to do jakiej. Klienci firm oferujących SEO, otrzymują w raportach informacje, że doszło do zmiany algorytmu, co przełożyło się na jakieś wahania pozycji. Nie zawsze jednak informacja taka jest pozytywnie odbierana, ponieważ klienci nie wiedzą, jak sprawdzić, czy doszło do zmiany algorytmu. Sprawdzenie, czy doszło do zmian algorytmów jest bardzo proste i dość szybkie. Istnieją na rynku narzędzia, które informują użytkowników o ewentualnych zmianach. Jednym z nich jest narzędzie algoroo.com. Narzędzie to za pomocą wykresów wskazuje, czy były jakieś zmiany. Kolor czerwony oznacza zmianę, a pomarańczowy etap wdrażania. Narzędzie pokazuje zmiany w wersji mobile oraz desktop. Istnieje także inne narzędzie o nazwie MozCast.com. MozCast to raport pogodowy pokazujący turbulencje w algorytmie Google w ciągu poprzedniego dnia. Oczywiście istnieje więcej takich narzędzi np.: cognitiveseo.com/signals czy narzędzie SENUTO. To, czy doszło do zmiany algorytmu, można sprawdzić czytając blogi branżowe, które po każdej zmianie informują o tym swoich czytelników. Na rynku istnieje wiele takich miejsc, a najbardziej znane to: searchengineland.com i searchenginejournal.com. W działach SEO znajdziemy takie informacje. Informacje o zmianach można także znaleźć na oficjalnych blogach Google: Google Webmaster Central Blog oraz Google Blog Polska. A skąd o zmianach wiedzą blogerzy? Z oficjalnych profili mediów społecznościowych, osób odpowiedzialnych za zmiany algorytmów w Google np: z profilu John Mueller – Senior Webmaster Trends Analyst w Google https://twitter.com/johnmu.

Czy zmiany algorytmów wpływają na pozycje strony www?

Zmiany algorytmów Google mają wpływ na funkcjonowanie każdej strony internetowej w wyszukiwarce Google. Świat się zmienia, a w raz z nim oczekiwania użytkowników Internetu. Niestety nie każda strona www zmienia się wraz z rozwojem świata. Głównie chodzi o informacje, jakie się na niej znajdują, ale także o technologie w jakiej jest zbudowana oraz czy jest dostosowana do aktualnych wskazówek Google. W przypadku, kiedy strona jest pozycjonowana, zmiana algorytmu może również wpłynąć na osiągane pozycje w wynikach wyszukiwania. Jeśli po zmianie algorytmu strona www, jak i działania zewnętrzne, związane z pozycjonowaniem, nie zostaną dostosowane do zachodzących zmian, to można liczyć się ze spadkiem pozycji. Aby sprawdzić, czy strona ucierpiała na skutek zmiany algorytmów, można skorzystać z narzędzi Senuto lub Semstorm, które pokażą nam, czy doszło do spadku liczby słów kluczowych w segmencie TOP10, czy też nie. Oczywiście nie każda strona zareaguje negatywnie na zmianę algorytmów. Strony, które są na bieżąco dostosowywane do wymagań Google, a ich linkowanie prowadzone jest w sposób prawidłowy, mogą być spokojne o ewentualne wahania. Dobrze zoptymalizowane strony z prawidłowym linkowaniem, podczas zmiany zwiększają swoją widoczność. Wpływ zmiany algorytmów na stronę można sprawdzić także za pomocą analizy statystyk strony w narzędziu Google Analytics lub Google Search Console. Jeśli nagle dochodzi do gwałtownego spadku ruchu organicznego, mimo braku działań ze strony właściciela domeny, to można domniemać, że zmiana algorytmu miała wpływ na zajmowane pozycje przez naszą domenę. Zmiany algorytmów Google mogą mieć także wpływ na indeksowanie Twojej witryny. Jeśli nasza domena zostanie uznana, za niespełniającą wymogów Google, to może dojść do spadku ilości zaindeksowanych podstron serwisu. Naturalnym efektem jest spadek pozycji strony w wynikach wyszukiwania Google oraz spadek ruchu organicznego. Warto w tym miejscu wspomnieć, że nie istnieją domeny w 100% odporne na zmiany. Każda domena może zostać zrzucona z wysokich pozycji. Oczywiście spadek pozycji nie jest procesem trwałym, a czasowym, który uzależniony jest od działań, jakie wykonamy na stronie, aby wszystko wróciło do normy.

Jak długo trwa odbudowanie pozycji po zmianie algorytmów?

Odbudowanie wypracowanej wcześniej pozycji w wynikach wyszukiwania wymaga czasu. Wiele osób zada pytanie, ale konkretnie, ile? Otóż określenie czasu, jaki jest potrzebny, aby pozycje wróciły do TOP10, nie jest możliwy. Aby pozycje powróciły na swoje miejsce po zmianie algorytmów, wymagane jest przede wszystkim przeprowadzenie analizy strony oraz zmian, jakie zaszły w wyszukiwarce. W tym celu należy sprawdzić statystyki Google Analytics, pozycje pozycjonowanych słów kluczowych, widoczność w narzędziu typu Senuto czy Semstorm. Należy także sprawdzić w narzędziach typu Algoroo, czy na blogach branżowych, do jakiej zmiany właściwie doszło. Należy zrobić analizę linków prowadzących do strony a następnie z całości analizy wyciągnąć wnioski. Po ustaleniu co się stało i co należy zrobić, aby odwrócić trend spadkowy, należy naprawić na stronie lub poza nią to, co zostało uznane za niespełniające wymagań Google. Jeśli problemem jest linkowanie, to również należy je wykonać od nowa, a szkodliwe linki usunąć. Pozostawienie na stronie www lub poza nią elementów mających negatywny wpływ na odbiór strony przez wyszukiwarkę Google, może sprawić, że nie wrócimy już do TOP10. Bardzo problematyczne jest to w przypadku linkowania w miejscach z których później tych linków nie da się usunąć. Jest to niestety powszechna praktyka, która ma negatywny wpływ na strony www po zmianach algorytmów. Jeśli szybko uporamy się z ustaleniem o co chodzi i wszystko poprawimy, to pozycje mogą wrócić po 4-5 dniach. Dlatego najlepiej w dniu zmiany algorytmu zacząć obserwować stronę i w razie potrzeby reagować, aby powrót do TOP10 nie trwał 4 miesięcy lub dłużej.

Content marketing, a pozycjonowanie strony internetowej

24.03.21

Content marketing jest istotną częścią SEO oraz pozycjonowania, bez którego niemożliwe byłoby wypozycjonowanie strony www i sklepu internetowego. Strona internetowa, na której nie znajduje się odpowiednia ilość wartościowej treści będzie miała gorszy odbiór nie tylko przez algorytm wyszukiwarki, ale i samych użytkowników. Sama oprawa graficzna bez treści nie sprawi, że użytkownik pozyska ze strony informacje, których poszukiwał. Content marketing jest jednym z czynników rankingowych w SEO, mający wpływ na pozycje strony www w wynikach wyszukiwania. Jest również ważną częścią przekazu marketingowego i ma duży wpływ odbiór strony oraz to czy ostatecznie użytkownik wykona zakładane w planie działania konwersyjne. Dobrze przygotowana strategia content marketingu umożliwia nie tylko wypozycjonowanie strony www na dużą ilość słów kluczowych i zwiększanie ruchu organicznego na witrynę, ale również jest narzędziem marketingowym mającym wpływ na osiąganie założonych celów biznesowych.

Jaki content tworzyć na stronę www?

Na stronę www, a także na sklep internetowy należy tworzyć content z zachowaniem odpowiedniej ilości znaków. Oczywiście nie ma tu reguły, która mówi o dokładnej długości tekstu. Wpis jednocześnie nie może być za długi i przypominać niekończącej się opowieści, która zniechęci użytkownika. Nie powinien też być za krótki i pełen niedomówień. Każdy tekst na stronę internetową powinien mieć charakter typowo marketingowy z elementami storytellingu, poradnika czy rozważania nad określonym tematem. Czyli jeśli przykładowo mamy stronę, która oferuje projekty i druk wizytówek, to warto w tekście skupić nie tylko na przekazaniu, jakie produkty oferuje firma czy dodać grafikę z realizacji. Warto również poruszyć tematy związane z wizytówkami i tym jak prawidłowo je projektować, jaki papier wybrać do druku, opisać najlepsze projekty wizytówek czy wpisać co ma wpływ na koszt wizytówki. Powinno się tworzyć treści ciekawe zarówno dla odbiorców i wyjaśniające wątpliwości, które jednocześnie będą wartościowe dla wyszukiwarki. Content, który zamieszczany na stronie www powinien być spójny z całą strategią marketingową marki, czyli jeśli pozycjonujemy swoją stronę www na frazy np.: wizytówki na zamówienia lub projektowanie wizytówek, to wpis powinien również dotyczyć tego samego. W przypadku opisów produktów powinny być konkretne i jednocześnie barwne, aby użytkownik był zainteresowany zakupem po ich przeczytaniu.

Jak często dodawać nowy content na stronę www?

W przypadku stron usługowych wpisy powinny być dodawane raz w miesiącu np.: w ilości 2- 4 wpisów w zależności od ich długości. Opisów produktów można dodawać więcej, natomiast wpisów blogowych, powinno dodawać się maksymalnie 2-4 miesięcznie. W przypadku bloga liczy się regularność. Częstotliwość dodawania wpisów ma duży wpływ na pozycje osiągane w wynikach wyszukiwania w Google. Nowe treści na stronie www sprawiają, że zmienia się wartość witryny i należy od nowa ustalić pozycję. Przy częstym dodawaniu wielu wpisów może dojść do sytuacji, w której wypracowane pozycje, zaczną spadać i będziemy musieli poczekać aż wrócą. Ważne jest, aby także zastanowić się czy faktycznie potrzebujemy dobudować lub rozszerzyć treści do danej podstrony. Nie zawsze jest on potrzebny, a dodawanie go na siłę, lub rozwijanie w nieskończoność sprawi, że użytkownik nie znajdzie na naszej stronie tego, czego szuka i stworzymy ścianę tekstu od której pozyskany ruch będzie się odbijał. Finalnie przeładowanie treściami spowoduje, że użytkownik opuści stronę i będzie to pusta odsłona.

Jaki content generuje najbardziej wartościowy ruch?

Wartościowy ruch na stronie www, czy w sklepie internetowym, to taki, który zaowocuje wypełnionym formularzem kontaktowym, zakupem czy rozmową telefoniczną. Nie każdy content jest w stanie wygenerować taki ruch. Wpis, który zamieszczamy na stronie, powinien być powiązany z produktami lub usługami, które prezentujemy i oferujemy na stronie internetowej. Content dający największą konwersję, to taki, który w swojej strukturze znajduje odpowiedź na zadanie pytanie przez osobę poszukującą np.: butów w czerwone kropki czy wierteł do betonu. Jeśli wpis będzie bezpośrednio prowadził do miejsca zakupu, to możliwe jest pozyskanie nowego klienta, dlatego treść powinna być skierowana do odpowiedniej grupy docelowej i odpowiadać na ich potrzeby wyrażane w oknie wyszukiwarki.

Jeżeli jeszcze nie wiesz, czy warto zdecydować się na treści content marketingu, nie czekaj. Takie rozwiązania przyniosą Ci więcej konwersji oraz potencjalnych Klientów. Nasi eksperci przygotują najlepszą strategię i zrealizują ją dla Twojego biznesu, co realnie zwiększy Twoją sprzedaż.

Niepełnosprawni w sieci

16.12.20

W dzisiejszych czasach web developerzy często zapominają o osobach niepełnosprawnych, których jest ponad 7 mln osób w Polsce. Codzienne wyzwania pokroju braku podjazdu, czy niedostosowane łazienki dopełniają dziś nieprzystosowane strony internetowe. Zaniedbanie, które wielu kosztuje niemożność dotarcia do treści. Dziś ponad 40% serwisów publicznych nie było prawidłowo przystosowanych dla osób niepełnosprawnych. Ta ogromna liczba może się jednak wkrótce zmienić.

Czy sytuacja się zmieni?

Wszelkie prognozy na to wskazują. Przede wszystkim powstał trend zapoczątkowany przez strony rządowe, które muszą spełniać szereg norm. Seria wytycznych nazywana jest WCAG (Web Content Accessibility Guidelines). To jedna z najważniejszych norm międzynarodowych ustalających normy dzisiejszego Internetu. WCAG w 2016 roku doczekało się swoistego ulepszenia, które jeszcze bardziej restrykcyjnie podchodzi do tego tematu. Tzw. WCAG 2.1.

Jak przystosować stronę do tych standardów?

Aby nasza strona była dostępna dla osób niepełnosprawnych musi spełnić szereg warunków. Najważniejsze z nich to:

Umieszczenie alternatywnych tekstów w zdjęciach. Pozwala to na odczytanie treści przez programy odczytujące strony, dzięki czemu niewidoma osoba, wie co znajduje się na witrynie.
Odpowiednio przystosowane linki, które są w wyraźnie odmienny kolorze tak aby użytkownicy nie mieli problemu z odszukaniem ich pośród tekstu.
Możliwość nawigacji klawiaturą tak aby przykładowo klawisz TAB przenosił nas kolejno przez pola formularza itd. Dzięki temu nawigacja myszą nie jest potrzebna.
Wielkość elementów klikanych powinna być dostosowana tak aby nie pozwolić na bezproblemowe namierzenie ‘przycisku’.
Kolory na naszej stronie powinny zawierać odpowiedni kontrast między elementami czytanymi do tła.

Warto także dodać przykładową zmianę rozmiaru tekstu lub nawet zmianę całkowicie kontrastu strony. Pozwoli to na dokładniejszą pomoc osobom niedowidzącym.

Rodzaj pomocy

Pamiętajmy o tym, że użytkownicy są bardzo zróżnicowani i sposób ich niepełnosprawności w różny sposób oddziałuje na ich samych. Zrobienie kilku rzeczy nie sprawi, że strona będzie dostępna dla każdego. Nie oczekujmy, że każdy niepełnosprawny będzie w stanie odczytać tekst, jeżeli obok będzie sporo animowanych elementów, które są zagrożeniem dla osób cierpiących na padaczkę fotogenną. Pamiętajmy więc, że określając naszą stronę jako przystosowana dla osób niepełnosprawnych musimy wziąć odpowiedzialność za to, że jest w pełni przystosowana. Pomóc nam w tym może np. walidator online WCAG.

Podsumowanie

Projektując witrynę powinniśmy pamiętać o osobach niepełnosprawnych. Jest to duży odsetek użytkowników, który ma swoje potrzeby. Jeżeli jednak jesteśmy administratorem strony, która nie jest przystosowana powinniśmy zainteresować się tym tematem. Inaczej odsuwamy od siebie sporą ilość potencjalnych klientów naszej treści. Jeżeli jesteście zainteresowani dostosowaniem swojej strony Internetowej dla osób niepełnosprawnych, służymy pomocą. Nasi specjaliści mają wieloletnie doświadczenie w tworzeniu oraz modyfikacji stron internetowych.

Dobry interfejs użytkownika

06.11.20

Zacznijmy od początku, ustalmy co określamy mianem interfejsu użytkownika? Jest to strefa, w której między użytkownikiem, a witryną zachodzi interakcja. Obecność interfejsów w dzisiejszym świecie jest nieodzownym elementem naszego funkcjonowania w cyfrowym świecie. Wszędzie natkniemy się na gorsze lub lepsze praktyki tworzenia UI. W tym artykule zajmiemy się poprawnymi praktykami projektowania interfejsów.

Co zyskasz dzięki dobremu interfejsowi?

Przyjazny użytkownikowi interfejs jest jednym z najważniejszych elementów projektowania witryny i aplikacji mobilnych oraz webowych. To jak powinien być zaprojektowany interfejs jest jednym z największych wyzwań dla web developera. Musi on sobie odpowiedzieć na pytanie dotyczące tego jaka grupa użytkowników będzie korzystać z portalu. Dobre zaprojektowanie tego elementu wpływa na przypływ użytkowników i ich utrzymanie. Im lepiej zaprojektujemy nasz interfejs, tym użytkownik chętniej ponownie wejdzie w interakcję z naszą stroną. Oczywiście najgorszą praktyką jest przeładowanie funkcjonalności oraz niekonsekwentne projektowanie graficzne. Wprowadza to użytkownika w frustracje wynikającą z nieintuicyjnej nawigacji po interfejsie, co przełoży często się na opuszczenie serwisu.

Jak uzyskać dobry interfejs?

W głównej mierze zadowalający efekt developer uzyska dzięki zaznajomieniu się z preferencjami swoich użytkowników. Tego jacy są jego stali i napływający użytkownicy. Możemy też wyróżnić kilka aspektów wpływających pozytywnie na końcowy efekt:

Intuicyjność – interfejs powinien być zrozumiały i nie zawierać np. elementów wskazujących, że są klikalne poprzez nadanie im animacji. Po wejściu z nimi w interakcję element ten powinien gdzieś przenieść użytkownika. To działa w obie strony, nie powinno się także tworzyć mało widocznych odnośników, które odnoszą się do potencjalnie ważnych dla użytkownika treści.
Nowości – dziś w projektowaniu stron internetowych jest wiele trendów graficznych i projektowych, ale przy tym wszystkim wielu developerów zapomina o tym, że jest to produkt skierowany przede wszystkim do człowieka. W skrócie stwórzmy bogaty i rozwinięty layout, ale pamiętając o tym do kogo go kierujemy.
Kolory i układ strony – tworząc layout witryny powinniśmy pamiętać, żeby najważniejsze informacje, które trzeba przekazać powinny być dostatecznie uwidocznione. Ważnym aspektem layoutu są także kolory, które nie powinny być zbyt jaskrawe, ale także powinny mieć zachowany kontrast.
Niedociągnięcia i niekonsekwencja – niewłaściwe w projektowaniu przez developera witryny jest traktowanie jej po macoszemu. Najlepszy efekt uzyskamy przy dostatecznej pracy nad danym elementem. Niekonsekwentne podchodzenie do wyglądu wprowadza użytkownika w błąd i frustracje
Detale – projektowanie interfejsu, z którym użytkownik chętnie ponownie wejdzie w interakcję to takie, w którym zadbano o każdy detal. To właśnie odróżnia w wielkiej liczbie przypadków słaby interfejs, od tego dobrego.
Rozmieszczenie – Wyłączenie pop-upów w prawym górnym rogu, logo po lewo u góry itp. Niepisany kodeks, który pozwala prościej odnaleźć się na witrynie.
Powszechność – jak mamy słuchawkę to dajemy tam telefon, a nie funkcje druku. W innym przypadku wprowadzimy niepotrzebnie użytkownika w błąd powodując frustrację.
Dostępność – odpowiednia wielkość elementów, tak by było czytelnie

Podsumowanie

Dobre praktyki i to jak prezentujemy treści musi być estetyczne i wydajne. Nie powodując zakłopotania u użytkownika zapewniamy mu godziwe doświadczenie z naszą witryną. To przekłada się na ostateczny wynik, czy nasza witryna będzie przyjazna dla użytkowników i uda się prowadzić ich do oczekiwanych przez nas akcji (konwersji).

Przykłady dobrego interfejsu:

https://www.virgin.com/

https://www.airbnb.pl/

https://boostedusa.com/

https://pitch.com/

Progressive Web App w pigułce

19.06.20

Progressive Web App, czyli inaczej Progresywna Aplikacja Internetowa, jest to nowa generacja tworzenia aplikacji internetowych, która w ciągu kilku lat ostatnich lat zdobyła uznanie web developerów. Nowa technologia umożliwia imitowanie aplikacji mobilnej w naszej przeglądarce. To rozwiązanie wykorzystuje nowoczesną technologie tworzenia stron internetowych, a także zapewnia użytkownikowi, który odwiedza witrynę tworzoną w technologii PWA doświadczenie podobne do tego, które przynosi aplikacja mobilna.

Jakie zastosowanie ma PWA?

Mobilny rynek to blisko 5 miliardów urządzeń, w których mamy niezliczoną ilość aplikacji. Większość odbiorców uważa, że wygodniejsze jest korzystanie z aplikacji mobilnej, niż ze zwykłych stron internetowych. Jej celem jest zapewnienie najwyższej jakości odbioru stron internetowych przez wszystkie systemy operacyjne, bez względu na jakość połączenia z Internetem. Po wejściu na stronę typu PWA, zawartość aplikacji zapisywana jest automatycznie w pamięci urządzenia. Największą zaletą mobilek, jest ich szybkość i dostępność, która nie wymaga aktywnego łącza internetowego. Dodatkową zaletą są powiadomienia, które informują nas o wszelkich aktywnościach w naszych aplikacjach. To wszystko, tworzy znaczącą przewagę dla aplikacji mobilnych.

Najważniejsze zastosowanie PWA

Należy wspomnieć o praktycznym zastosowaniu PWA. Jeżeli strona napisana została w CSS + HTML + JS jest poprawna, jednak nie zapewnia tego, co proponuje aplikacja. Jeżeli spełnimy kilka poniższych wymagań możemy udostępnić ją użytkownikowi w sposób podobny do działania aplikacji (web push notifications, ikona na ekranie głownym itd.).

Wymagania:

RWD
Szybkie działanie
Działa bez łącza internetowego – zastosowanie JS App lub po prostu informacja o braku połączenia
Https (bezpieczeństwo danych jest najważniejsze)

Mając wszystkie powyższe wymagania, wystarczy prosta implementacja pliku manifest.json, który określi nam w jaki sposób nasza aplikacja będzie działać.

Cechy PWA:

Niezawodność – ponieważ Progressive Web App muszą działań, nawet w sytuacjach, w których tracimy dostęp do sieci
Niezależność – według wymogów, aplikacje PWA wyświetlane są bez konieczności używania przeglądarki, dodatkowo muszą działać na każdym urządzeniu
Responsywność – musi być dopasowana do każdego urządzenia
Bezpieczeństwo – aplikacje PWA obsługiwane jest przez protokół TLS, który szyfruje dane i monitoruje integralność
Szybkość – strony PWA ładuje się szybko, nawet jeżeli połączenie z Internetem jest słabe
Reaktywność – aplikacja szybko reaguje na ruch użytkownika

PWA, czyli zastępowanie aplikacji mobilnej?

W pewnym aspekcie aplikacja webowa PWA jest znacznie prostsza dla developera. Przede wszystkim wydanie aplikacji jest problematyczne w przeciwieństwie do naszej strony w PWA, która jest aktualizowana „na żywo”, kiedy tylko użytkownik odwiedzi stronę. Z pewnością aplikacja mobilna jest wygodniejsza i zapewnia szybsze działanie (min. ładowanie obrazów), lecz przy rosnącej szybkości łącza to akurat traci na znaczeniu. PWA staje się więc z dnia na dzień coraz bardziej rozsądnym rozwiązaniem.

Przykłady zastosowań PWA

https://app.starbucks.com

https://www.alibaba.com

https://www.virgin.com

https://www.olx.pl

Identyfikacja wizualna

22.05.20

Z definicji identyfikacja wizualna jest zbiorem elementów graficznych i zasad ich używania panujących w firmie w celu uzyskania spójności wizerunkowej marki i wyróżnienia jej na tle konkurencji. To właśnie system identyfikacji wizualnej określa, z jakiej kolorystyki korzysta marka, jak powinny być stosowane logo na różnych rodzajach powierzchni czy z jakiej typografii korzystać i w jakich warunkach. Firmy, które nie posiadają spójności w materiałach reklamowych, często nie są traktowane poważnie. Profesjonalnie i przemyślanie przygotowana identyfikacja wizualna przyczynia się do rozpoznawalności marki, a także do profesjonalizmu, z którym kojarzona będzie firma korzystająca ze spójnej koncepcji wyróżniającej się spośród konkurencji.

Podstawowymi elementami systemu identyfikacji wizualnej są:

• Logo – W zależności od branży, specyfiki firmy jak i również upodobań właścicieli firmy może przyjmować różne formy. Od stosowania samego sygnetu lub logotypu poprzez pełnego logo składające się z obu elementów zestawionych razem. Jest najważniejszym i najbardziej zauważalnym elementem który łączy w sobie pozostałe elementy składowe takie jak typografia czy kolor.

• Typografia – odpowiedni wybór typografii używanej przez markę jest niezmiernie ważny ponieważ całość musi współgrać z pozostałymi elementami a także zachować czytelność podczas wykorzystywania w elementach marketingowych online i offline. Dzięki wielu stylom typografii możemy podkreślić profesjonalizm, dodać powagi powagi lub nie formalnej formy.

• Kolorystyka – element identyfikacji nadający charakteru, podkreślający niektóre elementy i dodający wizualnych walorów w całym Brandzie. Wybór koloru poza aspektami estetycznymi odgrywa bardzo wielką rolę jak firma jest postrzegana przez klientów firmy. Również poszczególne branże cechują się własnymi kolorami co dodatkowo ułatwia rozpoznawalność marki i jej oferty.

• Wygląd produktów i ich opakowań – opakowania produktów są idealnym elementem do podkreślania spójności marki a także do zwiększenia rozpoznawalności. Dzięki przemyślanym i nietuzinkowym pomysłom produkty fizyczne znajdujące się na pułkach sklepowych mają szansę wyróżnić się na tle innych produktów co przyczyni się do wzrostu sprzedaży.

• Materiały reklamowe – w dobie natłoku informacji jakie dostają konsumenci wielką rolę odgrywa przemyślana reklama. Jej wygląd powinien zwracać uwagę konsumentów i zachęcać do interakcji z firmą. Ważne żeby przekaz wizualny noszący z przez reklamę był spójny z pozostałymi z identyfikacją wizualną marki i wykorzystywał jej elementy.

Mówi się, że klient kupuje wzrokiem, a pierwsze wrażenie można zrobić tylko raz. Dlatego ważne jest o zadbanie o jak najlepszy odbiór marki przez klienta. Profesjonalizm, jaki niosą za sobą spójne materiały reklamowe, przygotowane według wytycznych zawartych w księdze identyfikacji wizualnej znacząco poprawiają odbiór marki. Dodatkowym atutem posiadania swojej wizualnej osobowości jest pewność, że niezależnie z którą firmą będziemy współpracować w zakresie marketingu, firma ta będzie mieć odpowiednie informacje jak stosować i jakach zabiegów unikać podczas przygotowania kolejnych akcji reklamowych co korzystnie wpłynie na współpracę.

Wiemy jak trudnym i złożonym procesem jest stworzenie spójnej identyfikacji wizualnej. Jest to złożony proces, który wymaga odpowiedniej wiedzy, doświadczenia, a także czasu. W AdLike wiemy jak przygotować identyfikację wizualną, która pomoże twojej firmie w przebiciu się na rynku na tle konkurencji.

ARD W PROJEKTOWANIU WWW

25.02.20

Dostosowywanie wyglądu strony do wieku odbiorcy

Hasło ARD rozwija się jako Age Responsive Design i jest nadchodzącym w 2017 roku trendem, który automatycznie dostosowuje wygląd oraz układ strony. Do tej pory stosowanym i promowanym przez Google jest Responsive Web Design (RWD), czyli pokrótce dostosowywanie witryn do typu urządzenia, na którym ma się wyświetlać. ARD ma dodatkowo dostosowywać strony do wieku odbiorcy.

Co zmieni ARD?

Jak ma to się dziać? ARD wychodząc naprzeciw potrzebom użytkownika uzależnionych od jego wieku, dostosuje takie elementy strony jak rozmiar i styl fontu, kolorystykę czy funkcje menu nawigacyjnego. Wpływa to na podniesienie funkcjonalności i tu dla przykładu osobom starszym font ukaże się w większym rozmiarze, co poprawi jego czytelność. Zmiana kolorystyki witryny, będzie prezentować bardziej barwną odsłonę dla dzieci, a dla dorosłych z kolei będzie bardziej stonowana. Ponadto ARD może automatycznie dostosować różnorodne menu nawigacyjne, zmieniające się w zależności od kompetencji technologicznych użytkownika, a także dobrać treść tak by była bardziej zrozumiała w zależności od wieku odbiorcy.

Ponieważ ARD skupia się na potrzebach odbiorców – równocześnie dbając o ich komfort, zdrowie fizyczne oraz psychiczne, przewidujemy, że będzie przekładać się na o wiele wyższe współczynniki konwersji. Już niedługo będzie nieodłącznym elementem każdej witryny.