Cache pamiec podreczna czym jest i do czego sluzy

Cache – pamięć podręczna czym jest i do czego służy

poradniki

Cache pamięć podręczna czym jest i do czego służy

header_wpis

Cache to rodzaj pamięci o którym każdy napewno słyszał ale nie koniecznie wie o co w tym wszystkim chodzi.

Cache to inaczej pamięć podręczna, która odpowiada za tymczasowe przechowywanie danych, aby zapewnić do nich szybszy dostęp. Powstała w celu poprawy komunikacji między procesorem a nośnikiem pamięci. Z czasem została także wdrożona do Internetu.

Rodzaje pamięci podręcznej :

  • Przeglądarki – przechowuje elementy stron internetowych na komputerze i grupuje je z pozostałymi plikami związanymi z zawartością. Może ona zawierać multimedia (np. wideo czy obrazy), dane CCS, ale też całe strony HTML.
  • Strony Internetowej
  • Serwera – zmniejsza obciążenie serwera

Pamięć cache przeglądarki zapisuje pobrane przez użytkownika dane niezbędne do poprawnego działania strony internetowej. Wykorzystuje w tym celu dysk twardy komputera. Przy otwieraniu witryny zapamiętane pliki są odtwarzane nie ma więc potrzeby na ich ponowne pobieranie, a tym samym przyśpiesza otwieranie strony.

W cache przechowywane są nie tylko obrazki i inne elementy graficzne, wideo czy czcionki, ale także skrypty JavaScript, style CSS itp. Istnieje także druga strona medalu. Czasami przyczynia się on do spowolnienia pracy urządzeń. Jeśli przechowywane dane są stare, wówczas przeglądarka internetowa nie będzie mogła ładować nowych treści, przykładowo po zaktualizowaniu witryny. W efekcie użytkownicy nie zobaczą elementów, które zostały odświeżone.

Jak wyczyścić cache

Chrome

  • Więcej narzędzi
  • Wyczyść dane przeglądania. Możesz samodzielnie zdecydować, czy usuwasz wszystkie pliki tymczasowe, czy jedynie część, przykładowo z ostatnich 7 dni. Określasz też, jakich dokładnie danych chcesz się pozbyć: pliki i obrazy tymczasowe, pliki cookies, historia przeglądania.
  • Na koniec kliknij opcję Wyczyść dane.

Firefox

  • Przejdź do menu i wybierz Ustawienia.
  • Kliknij Prywatność i bezpieczeństwo.
  • Wyszukaj sekcję Ciasteczka i dane witryn.
  • Kliknij Wyczyść dane i wskaż, co dokładnie chcesz usunąć.
  • Wybierz Wyczyść.
Optymalizacja meta danych - Znacznik Title

Optymalizacja meta danych – Znacznik Title

poradniki

Optymalizacja meta danych – Znacznik Title

header_wpis

Title to tytuł strony internetowej, który jest wykorzystywany przez algorytmy wyszukiwarki, ale również przydatny dla użytkowników. Zawiera on infromarcje o czym jest dana strona i znajduję się pomiędzy znacznikami

 

Jak zoptymalizować title ?

  • Tworząc title, myślmy przede wszystkim o użytkownikach, ale warto także umieść w title frazę kluczową, im bliżej początku tym lepiej.
  • Stwórz tytuł, który będzie krótki i chwytliwy – powinien obejmować maksymalnie ok. 60-70 znaków ze spacjami (max. 600 pikseli). Powyżej tego zakresu Google skróci go i wstawi na końcu wielokropek.
  • Unikalny tytuł dla każdej podstrony.
  • Umieść w title nazwę swojej firmy.
  • Zamiast myślników używaj separatorów |. Zajmują mniej miejsca w tytule i zajmują mniej pikseli.
  • W tytule warto użyć kilku słów kluczowych ale nie możemy z nimi przesadzać. Tytuł musi wyglądać naturalnie.
  • Kanibalizacja słów kluczowych – każda podstrona powinna być zoptymalizowana na inne słowa kluczowe.
  • Staraj się używać słów przyciągających uwagę użytkownika np. gratis, promocja.
Identyfikacja wizualna

Identyfikacja wizualna

poradniki

Identyfikacja wizualna

header_wpis

Co to jest indentyfikacja wizualna?

Identyfikacja wizualna to narzędzie, umożliwiające budowanie świadomości marki. Dzięki niej mamy lepszą komunikację z rynkiem, budujemy zaufanie i pozytywne skojarzenia, angażujemy odbiorców, a także poprawia rozpoznawalność marki.

Elementy identyfikacji wizualnej:

  • logo/logotyp
  • kolorystyka i typografia firmowa – krój i wielkość czcionek
  • szata materiałów drukowanych firmy, marketingowych i promocyjnych
  • wygląd produktów i ich opakowań
  • wygląd strony internetowej
  • dress code pracowników, design siedziby i otoczenia firmy, stoisk targowych, szyldów itd

Księga Indentyfikacji wizualnej

Księga identyfikacji wizualnej jest oficjalnym zapisem wzorców prezentacji firmy, który w sposób kompleksowy opisuje elementy systemu identyfikacji oraz sposoby i zasady ich wykorzystania.

Księga identyfikacji wizulanej powinna zawierać:

  • symbole firmy, takie jak logo, a także inne znaki i sygnatury
  • kolorystyka;
  • typografia;
  • druki firmowe (m.in. koperty, papier firmowy, teczki, wizytówki, faktury);
  • media społecznościowe;
  • drukowane materiały reklamowe (m.in. broszury, ulotki, foldery, plakaty);
  • audiowizualne formy prezentacji ofert;
  • opakowania firmowe (m.in. torby papierowe, pudełka, kartony, etykiety, reklamówki);
  • gadżety reklamowe (m.in. długopisy, koszulki, kubki, maskotki);
  • architektura i wystrój – zarówno budynków, wnętrz, jak i punktów sprzedaży;
  • identyfikatory i ubiór pracowników;
  • oznakowanie środków transportu;
  • informacja wizualna (m.in. szyldy, tablice informacyjne).
  • system identyfikacji wizualnej
Open Graph - czym są i jak mogą zwiększyć liczbę odwiedzin strony

Open Graph – czym są i jak mogą zwiększyć liczbę odwiedzin strony

poradniki

Open Graph czym są i jak mogą zwiększyć liczbę odwiedzin strony

header_wpis

Czym są meta tagi

Meta tagi to fragmenty kodu, które wpływają między innymi na to, jak poszczególne strony prezentują się w wyszukiwarkach. Najpopularniejsze z nich to :

  • Meta title – Tytuł strony, wyświetlany w wynikach wyszukiwania i pasku przeglądarki.
  • Meta description – opis, który będzie wyświetlał się pod tytułem strony (title) w wyszukiwarce.
  • Znacznik viewport – definiuje, jaki obszar danej strony ma być wyświetlany. Jego ustawienie to sygnał dla Google, że witryna jest mobile-friendly.

Open Graph

Open Graph to fragmenty kodu, które wpływają na to, jak prezentują się treści ze stron internetowych udostępniane w mediach społecznościowych. Zostały stworzone przez Facebooka, ale z czasem swoje wersje Open Graph stworzył bowiem również Twitter (Twitter Cards), a także LinkedIn i Pinterest. Warto zwrócić uwagę, że dla niektórych firm są one nawet jednym z głównych źródeł pozyskiwania klientów.

Znaczniki Open Graph

og:title

Tytuł strony, do której prowadzi dany post. Działa na podobnej zasadzie, co opisany wyżej znacznik title z tym że dotyczy strony w mediach społecznościowych a nie wyszukiwarki.

<meta property=”og:title” content=”tytuł strony” />

Tag ten powinien mieć maksymalnie 60 znaków, a najlepiej 40, by wyświetlał się w całości również na urządzeniach mobilnych.

og:url

Adres URL udostępnianej strony. Określamy jedną stronę, na którą będą trafiać wszyscy użytkownicy, klikający w udostępniane posty.

<meta property=”og:url” content=”adres URL danej strony” />

og: type

Rodzaj udostępnianej treści. Tzn

  • strona internetowa,
  • artykuł,
  • blog,
  • książka,
  • gra,
  • film,
  • jedzenie,
  • miasto, kraj,
  • aktor, autor, polityk,
  • firma, hotel, restauracja.

<meta property=”og:type” content=”website” />

 

og:image

Obrazek wyróżniający nasz wpis.

<meta property=”og:image” content=”adres URL danego zdjęcia” />

og:description

Opis naszego posta

<meta property=”og:description” content=opis strony” />

fb:app_id

Jest to tag, który łączy stronę z aplikacją Facebooka. Umożliwia on przeglądanie statystyk dotyczących danego adresu URL wszystkim administratorom tej aplikacji i wszelkim powiązanym wtyczkom.

<meta property=”fb:app_id” content=””/>

 

Meta tagi Open Graph zwiększą ruch Twojej na stronie warto więc zadbać o ich wdrożenie i optymalizację.

Pełną listę tagów możemy znaleźć na stronie https://ogp.me/#types

Poprawność tagów Open Graph możemy sprawdzić na :

Facebook: https://developers.facebook.com/tools/debug/
Twitter: https://cards-dev.twitter.com/validator
Pinterest: https://developers.pinterest.com/tools/url-debugger/
LinkedIn: https://www.linkedin.com/post-inspector/inspect/

 

Meta description, czyli skuteczny opis strony internetowej

Meta description, czyli skuteczny opis strony internetowej

poradniki

Meta description czyli skuteczny opis strony internetowej

header_wpis
Meta decsription czyli opis strony to nic innego jak streszczenie zawartości naszej witryny. Wyświetla się on zaraz pod tytułem strony w wyszukiwarce i ma zachęcić użytkownika do wejścia na naszą stronę z ofertą , artykułem i wygenerować ruch.

Meta description to zaledwie dwie linijki tekstu ale jakże ważne. Długość tekstu powinna oscylować między 120 a 160 znaków wraz ze spacjami. Dlaczego tak mało ? Ponieważ wyświetlane jest w polu o wielkości 680 px na urządzeniach mobilnych oraz do 920 px na stacjonarnych.

Na meta desc powinniśmy zwrócić szczególną uwagę jeżeli chodzi o :

  • stronę główną
  • strony ofertowe, produkty, usługi
  • strony, które znajdują się w TOP 10 wyszukiwarki

Wpływ meta descriptiona na pozycjonowanie

Kilkanaście lat temu meta desc odgrywał kluczową rolę w czynnikach rankingowych Google. Zawartość słów kluczowych w opisie strony znacząco wpływał na pozycjonowanie strony internetowej podobnie jak znacznik title. W 2009 Google zmieniło zasady i meta description jak i meta keywords przestały być traktowane jako czynnik rankingowy.

Czy warto zatem przejmować się meta description ?

Dobrze napisany i atrakcyjny opis strony mimo, że nie wpływa na pozycje naszej strony w wyszukiwarce to generuje ruch. Zachęcający tekst zwiększa szanse na kliknięcie linku przez użytkownika. Dzięki temu rośnie nasz CTR ( Click Through Rate) czyli współczynnik klikalnośći, który to jest czynnikiem rankingowym.

Jaki powinien być meta desription ?

Pisząc opisy warto zwrócić uwagę przede wszystkim na :

  • zwięzłość
  • wykorzystanie fraz kluczowych
  • rozwinięcie tytułu strony
  • wykorzystanie CTA

Właściwie przygotowane meta description, czyli takie, które zachęci internautów do wejścia na Twoją stronę. Warto zatem poświęcić czas na jego optymalizację i przemyślane przygotowanie. Nudny i źle przygotowany opis nie oddający zawartości strony zamiast zachęcić potencjalnego klienta do zapoznania się z naszą oferta może go odstraszyć i zniechęcić.

trendy w ecommerce 2021

Trendy e-commerce 2021

poradniki

Trendy e-commerce 2021

header_wpis

2020 był dziwnym rokiem i nie ma co tu ukrywać. Lockdowny, ograniczenia nie tylko zmieniły nasze życie ale też i cały biznes. W wyniku zaistniałem sytuacji związanej z COVID większość firm przeniosła się ze swoim biznesem do internetu co przyczyniło się do rozwoju usług e-commerce. Według opinii wielu specjalistów czas ten się nie skończył a sprzedaż internetowa będzie się rozwijać coraz dynamiczniej czyli na rynku będzie coraz więcej sklepów internetowych.

Trendy E-commerce 2021

Handel głosowy

W USA funkcja ta jest bardzo popularna, w Europie w tym Polsce zaczyna zyskiwać coraz większą grupę użytkowników. Prym wiedzie u nas Asystent Google, mimo iż na rynku są też dostępne inne rozwiązania. Mowa tu o Siri od Apple, a także Alexa od Amazona, nie są one jednak dostępne w języku polskim póki co, ale trzeba je obserwować. Warto więc zadbać o jasne przejrzyste treści, optymalizację fraz kluczowych zwłaszcza longtail.

Chatbot

Ludzie są z natury niecierpliwi, Długi czas oczekiwania w kolejce na odebranie przez konsultanta telefonu, czy czekanie na odpowiedź na mail nie wpływa pozytywnie na zainteresowanie naszą ofertą. Warto więc postawić a inteligentny i rozwinięty chatbot.

RWD czyli responsywne strone internetowe

W 2020 60% ruchu w e-commerce pochodził z urządzeń mobilnych, mowa tu o światowych statystykach. Prognozy mówią, że w roku 2021 może to być nawet 75%, i właśnie dlatego musisz mieć stronę dostosowaną do urządzeń mobilnych.

Dostawy

Paczkomaty zyskały niespotykaną popularność. Ludzie się boją więc wybierają bezkontaktową formę dostawy zamówionego towaru. Warto zatem oprócz tradycyjnej poczty czy kuriera uwzględnić właśnie paczkomaty.

trendy web design 2021

Trendy Web Design na 2021

poradniki

Trendy Web Design na 2021

header_wpis

Nie wystarczy raz zrobić stronę i o niej zapomnieć. Pomijająć kwestie algorytmów google i pozycjonowania zmieniają się także trendy projektowania stron internetowych. Nie ma ściśle określonych regół i wytycznych ale pogdybać zawsze warto co będziemodne w danym roku

  1.  Efekt paralaksy
    Na czym polega efekt paralaksy ? Jest to zabieg sprawiający wrażenie głębi i przestrzeni. Innymi słowy elementy wydają się być bliżej, przesuwają się podczas scrollowania strony wolniej niż te znajdujące się dalej.
  2.  Gradient
    Gradient to nic innego jak płynne przechodzenie między kolorami. Warto zwrócić uwagę, że kiedyś był negowany i uważany za mało estetyczny a dziś wraca do łask.
  3. Glassmorphism
    Trudne słowo prawda? Wybrane elementy strony są półprzezroczyste i wyglądają, jakby były wykonane z matowego szkła. Zabieg ten jest często stosowany na tle wykorzystującym gradient.
  4. Grafiki w formacie .SVG
    Strony mobile friendly to podstawa. Muszą być szybkie przejrzyste i łatwe w obsłudze. Nic tak nie obciąża strony jak niezoptymalizowane grafiki. W związku z tym coraz częściej stosowana jest grafika wektorowa .SVG. Obrazy nie tracą na jakości, a sam plik waży mniej.
  5.  Stonowana Kolorystyka
  6.  Dark mode
    Użycie czerni nadaje elegancji i szyku. Czarne wyszczupla, a przy tym nie męczy oczu.
  7. Interaktywne scrollowanie
    Była paralaksa czas na interaktywne scrollowanie. Zwiększa to dynamikę strony. Poszczególne elementy na stronie przesuwają się, pojawiają i znikają czy też zmieniają rozmiar.
  8. Fonty szeryfowe
Landing Page Co to jest i jak moze pomoc Twojej Firmie

Landing Page – Co to jest i jak może pomóc Twojej Firmie

poradniki

Landing Page Co to jest i jak moż pomóc Twojej Firmie

header_wpis

Landing Page to strona docelowa mająca na celu pozyskiwanie klientów i większą ilość zapytań ofertowych. Strony takie są uważane za podstawowy element kampanii marketingowych.

Kampanie marketingowe mają na celu budowanie marki, wzrost sprzedaży itp. Strony lądowania jak określa się landing page mają na celu pozyskanie danych kontaktowych, preferencji klientów czy promowania np. organizowanych kursów.
Wchodząc na taką stronę klient z osoby anonimowej staje się potencjalnym klientem. Dlaczego ? Mamy możliwość zdobycia jego adresu e-mail, numeru telefonu bądź innych potrzebnych nam danych. Dzięki landing page poznajemy jego preferencje , województwo, płeć co pozwala nam określić grupę docelową dla naszej kampanii. Bardzo często przyjmują one formę ankiety czy formularza, który wypełnia określonymi przez nas danymi.

Podczas tworzenia landing page warto zwrócić uwagę na kilka elementów, które mogą przyciągnąć klientów

  • Nagłówek Landing Page
    Nasze główne hasło jakim chcemy zachęcić klienta do działania informujące jednocześnie czego dotyczy owa promocja czy też korzyści jakie będzie miał po skorzystaniu z naszej oferty.
  • Treść czyli content
    Warto tu wskazać najważniejsi cechy naszego produktu. Nie ma sensu rozpisywać się nad jego pełną charakterystyką, bądźmy konkretni i wybierzmy tylko to co najważniejsze i przykuje największą uwagę.
  • Korzyści
    Czyli to co każdy z nas lubi najbardziej. Musimy zachęcić klienta to wyboru naszej usługi, a benefity jakie będzie miała z jego wyboru to sprawa kluczowa. Nie chcemy inwestować w nic co nie przyniesie nam profitów.
  • Opinie
    Zawsze chcąc coś kupić szukamy recenzji i opinii na temat danego produktu. Dobrym pomysłem jest więc umieszczenie opinii klientów na naszym landing page o produkcie.
  • Call to Action
    Nasz landing page musi posiadać CTA. Jest to przycisk, który ma zachęcić do działania czyli kliknięcia. „Zarejestruj się” , ” Załóż konto w 10 sekund” czy „Tak chcę odebrać rabat„. Landing page ma służyć pozyskiwaniu klientów więc chcemy by wykonał on jakąś akcję zarejestrował się, przeszedł na stronę produktu. Musimy mu więc to ułatwić i „zmusić” do działania.
  • Formularz
    Wbrew pozorom może on nie nadawać się do umieszczenia na każdej stronie docelowej, ale warto się nad nim zastanowić. Można go wykorzystać do poznania preferencji klientów, ale też do zapisania się do newslettera.
  • Grafika
    Wybieramy oczami. Postaw na unikalne zdjęcia, filmy a także na całą szatę graficzną landingu.
Jakie informacje powinny znalezc sie na stronie internetowej

Jakie informacje powinny znaleźć się na stronie internetowej

poradniki

Jakie informacje powinny znaleźć się na stronie internetowej

header_wpis

Strona internetowa to nie tylko nazwa i logo ale też informacje, które powinny znaleźć na niej znaleźć. Szukając usług, bądź chcąc zrobić zakupy online patrzymy nie tylko na całokształt firmy nie tylko dane kontaktowe ale też usługi, produkty ale też na lokalizację, oceny i często ludzi tam pracujących.

Jakie dane i informacje powinna zawierać strona internetowa ?

Opis firmy i działalności

Nie możesz pozwolić sobie na niedopowiedzenia. Każda strona powinna zawierać pełen zakres wykonywanych usług. Wiele osób patrząc jedynie na ogólny opis działalności, nie widząc konkretnej usługi, której w tym momencie oczekuje porzuca stronę i szuka dalej, a co za tym idzie tracimy klienta. Ważny też jest język, który musi być dostosowany do użytkownika. Chcąc używać bardziej specjalistycznego słownictwa czasem lepiej jest wykorzystać do tego Blog.

Proces realizacji

Warto oprócz wyżej wspomnianych informacji o tym czym zajmuje się nasza firma dodać informację jak wygląda proces realizacji zleceń czy zamówień. Dzięki temu wzbudzisz znacznie większe zaufanie niż Twoja konkurencja.

Zespół czyli pracownicy

Ludzie lubią wiedzieć z kim współpracują, co budzi większe zaufanie. Nikt nie lubi kupować kota w worku.

Dane kontaktowe

Pierwsze co przychodzi do głowy to formularz kontaktowy i jest trafne spostrzeżenie. Mimo wszystko warto zastanowić się nad dodaniem czatu na stronie, numer telefonu też na pewno nie zaszkodzi. I co najważniejsze dane muszą być łatwo dostępne i widoczne.

Blog

Idealne miejsce by publikować ciekawostki z naszej branży, recenzje czy poradniki. Dzięki blogom zyskujemy na renomie i pokazujemy naszą wiedzę w temacie oferowanych usług. Dodatkowo to doskonałe narzędzie wspomagające pozycjonowanie naszej strony internetowej

Realizacje

Budujesz domy, kładziesz instalacje fotowoltaiczne pokaż galerię swoich prac. Ludzie widząc za co mają płacić są bardziej skłonni do kontaktu i zakupu danej usługi czy produktu. O wiele łatwiej jest zdecydować się na wybór wykonawcy naszego projektu jeżeli widzimy jak  wyglądają jego prace. Nikt nie chciałby w ciemno wybrać np. architekta wnętrz nie widząc wcześniej jego portfolio

Twoja strona w Google Discover

Twoja strona w Google Discover

poradniki

Twoja strona w Google Discover

header_wpis
Google Discover to ta lista artykułów i ciekawych informacji, która pojawia Ci się w aplikacji pod polem do pisania szukanej frazy. Pojawiają się tam rzeczy związane z hobby, pracą czy wcześniej wyszukiwanymi frazami. Warto zwrócić uwagę, że wcześniej wyżej wspomniana funkcjonalność nazywała się Google Feed.

Co zrobić aby strona była widoczna w Google Discover

Dzięki Discover, Google śledzi Twoje nawyki, aby dostarczyć jak najbardziej trafną treść. Po pierwsze nasza strona pojawi się tam po spełnieniu kilku wymogów. Mianowicie musi zostać zweryfikowana i zaindeksowana w Google Search Console, a treści, które spełniają standardy Google News. Możesz o nich przeczytać na oficjalnej stronie Google.
Kampanię Discovery Ads włączymy za pomocą Google Ads, na poziomie wyboru typu kampanii. Przy projektowaniu reklam upewnijmy się, że artykuły, które chcemy promować, spełniają główne wytyczne E-A-T (expertise, authority and trustowrthiness).

Warto zadbać toż o :

  • Wyczerpujące i interesujące teksty;
  • Dodaniu szczegółowych danych (data, nazwisko autora itp.);
  • Wysokiej jakości, oryginalne obrazy;
  • Optymalizacja dla wersji mobilnej.