Spis treści:

• Czym jest Nuxt.js?
• Dlaczego warto skorzystać z Nuxt.js?
• Wady Nuxt.js
• Podsumowanie – czy warto skorzystać z Nuxt.js?

Czym jest Nuxt.js?

Nuxt.js to intuicyjny framework, który oparty został na Node.js, Vue.js, Webpack i Babel.js. Za jego pomocą można tworzyć bardzo popularne SPA, do których wykorzystuje się między innymi takie konkurencyjne do Vue frameworki, jak np. Angular, React. Sporą jego zaletą jest to, że umożliwia on również tworzenie stron renderowanych po stronie serwera (SSR), które są o wiele bardziej przyjazne dla SEO. SSR zaciąga AJAX-owe dane i renderuje komponenty Vue.js do stron html na serwerze Node.js, który przesyła je bezpośrednio do przeglądarki, gdy cała asynchroniczna logika się wykona. Końcowo przesyła statyczne znaczniki do w pełni interaktywnej aplikacji webowej po stronie klienta.

Dlaczego warto skorzystać z Nuxt.js?

• Wykorzystuje on architekturę opartą o moduły. Umożliwia korzystanie z przygotowanych już modułów, które usprawniają proces tworzenia strony. Dzięki temu nie musimy „wynajdywać koła na nowo”.
• Framework jest rozwijany według najlepszych praktyk wykorzystywanych przy tworzeniu stron w oparciu o Vue.js oraz Node.js. Dzięki temu nasze strony są zoptymalizowane pod względem wydajności.
• Nuxt.js skupia się również na odczuciach developerów korzystających z jego produktu. Dlatego jest on nieustannie rozwijany oraz posiada blog dla społeczności z dobrymi poradami względem jego wykorzystania.
• Jest świetny do poprawy SEO. Rozwiązuje praktycznie wszystkie problemy z nim związane, które występują w przypadku aplikacji SPA.
• Łatwy w konfiguracji podczas tworzenia startowego szablonu strony.

Wady Nuxt.js

• Popularne pluginy często nie istnieją lub nie są zbytnio dopracowane.
• Korzystanie z niestandardowych bibliotek może być uciążliwe.
• Strony z dużym ruchem mogą być bardzo obciążające dla serwera.
• Debugowanie jest wyjątkowo uciążliwe.
• Stosunkowo mała społeczność stojąca za frameworkiem.

Podsumowanie – czy warto skorzystać z Nuxt.js?

Zalety Nuxt.js sprawiają, że tworzenie aplikacji opartych o Vue.js staje się o wiele przyjemniejsze. Ułatwia on tworzenie aplikacji SPA, jak również jest przydatnym narzędziem do tworzenia wydajnych stron renderowanych po stronie serwera. Myślę, że warto go wykorzystać, jeśli chcemy otrzymać więcej, niż otrzymujemy przy wykorzystaniu czystego Vue.js. Jeśli jednak nie zależy nam na samym Vue.js, myślę, że lepszym konkurencyjnym rozwiązaniem jest Gatsby.js, który wykorzystuje konkurencyjny do Vue.js framework – React.js. Porównanie funkcjonalności popularnych frameworków JAMstack można zobaczyć na poniższej oficjalnej stronie Gatsby.js: https://www.gatsbyjs.com/features/jamstack/.

Artykuł Czym jest framework Nuxt.js? pochodzi z serwisu - candyweb.pl.

Spis treści:

• PageSpeed – definicja
• Zasada działania PageSpeed Insights
• Czy szybkość ładowania strony może wpłynąć na pozycję?
• Czynniki składające się na wynik PageSpeed Insight
• Co trzeba zrobić, aby skrócić czas ładowania się strony?
• Sposoby pomiaru
• Jaki wynik osiągnąć, by poprawić pozycję?
• Podsumowanie

PageSpeed – definicja

Najprościej stwierdzając, PageSpeed jest to dokładny czas, w którym ładowana jest konkretna strona. Wiadomo, że im krótszy czas ładowania się strony, tym lepiej, ponieważ witryny, których czas ładowania się wydłuża, odrzucane są przez wielu użytkowników. Istnieje wiele czynników składających się na szybkość ładowania strony. Na aspekt, który wpływa na jej spowolnienie, wpływa użycie wielu wtyczek bądź też błędnie zoptymalizowane grafiki.

Zasada działania PageSpeed Insights

Wielu użytkowników myli działanie tego narzędzia poprzez nazewnictwo i w ten sposób sądzą oni, że sprawdza on szybkość ładowania się strony. Niestety są oni w błędzie, ponieważ głównym zadaniem tego narzędzia jest badanie wydajności urządzeń mobilnych oraz urządzeń typu PC. Dzięki wykonaniu takiego testu możemy poprawić stronę, dokonać audytów, sprawdzić checklistę oraz możliwości optymalizacji, aby osiągnąć jak najwyższy wynik, a jest nim 100 punktów.

Test można przeprowadzić na stronie:

https://developers.google.com/speed/pagespeed/insights/?hl=pl

Czy szybkość ładowania strony może wpłynąć na pozycję?

Czas ładowania się witryny obniża koszt pozyskania użytkownika, zwiększa efektywność oraz ruch na stronie. Wniosek nasuwa się sam, nie możemy przejść obok tego obojętnie, ponieważ daje nam to możliwość uzyskania ponad 50% konwersji na stronie. To wspaniałe narzędzie od Google jest bardzo przydatne i pozwoli przyśpieszyć nasz serwis.

Czynniki składające się na wynik PageSpeed Insight

Wynik, jaki otrzymujemy po przetestowaniu szybkości działania strony w PageSpeed Insights, podzielony jest między innymi na First Contentful Paint, Largest Contentful Paint, Total Blocking Time oraz Cumulative Layout Shift.

• First Contentful Paint (FCP) – Wynik, jaki otrzymujemy w tej części, wskazuje nam czas, jaki zajął testowanej stronie internetowej na wyrenderowanie dowolnej części zawartości strony na naszym ekranie. Aby zagwarantować użytkownikom najlepsze wrażenia ze strony, otrzymany wynik nie powinien przekraczać wartości 1.8s. Wiadome jednak jest to, że im krótszy czas ładowania strony, tym lepsze wrażenie może mieć o niej użytkownik. Gdy nasz wynik przekracza wskazany próg, powinniśmy dodawać kod krytyczny CSS czy też JavaScript bezpośrednio do naszego kodu HTML. Dzięki tej operacji unikamy tworzenia łańcucha żądań, co przełoży się nam na krótszy wynik FCP.
• Largest Contentful Paint (LCP) – Wynik LCP pokazuje nam czas, jaki strona potrzebuje do wygenerowania największego bloku tekstu lub obrazu na stronie testowanej od pojawienia się pierwszego elementu (FCP). Wynik 2.5s jest wartością, której nie powinniśmy przekraczać na naszej stronie. Na wynik LCP wpływają głównie: długi czas odpowiedzi serwera, czas ładowania zasobów, czas blokujący renderowanie kodu JavaScript i CSS oraz czas renderowania strony po stronie klienta. Aby poprawić rezultat LPC, powinniśmy w przypadku zdjęć zastosować ich optymalizację lub techniki lazy-loading. Natomiast w przypadku tekstów największy wpływ na poprawę wyniku ma optymalizacja ilości instalowanych fontów.
• Total Blocking Time (TBT) – Całkowity czas blokowania to czas, w którym dłuższe niż 50ms zadania blokują wątek główny i wpływają one na użyteczność strony. Główny wątek odpowiedzialny jest za analizę otrzymanego kodu HTML i przekształcenie go na obiektowy model dokumentów (DOM), a następnie wdraża pliki CSS dla każdego elementu. Napotkanie zadania wymagającego dłuższego czasu wykonania powoduje blokowanie głównego wątku, ponieważ przeglądarka nie jest w stanie przerwać czy też wykonywać w tle rozpoczętego procesu na cześć wykonania krótszych operacji.
• Cumulative Layout Shift (CLS) – W tej metryce, aby zapewnić użytkownikowi najlepsze wrażenia korzystania z witryny, powinniśmy nie przekraczać progu 0.1s. Cumulative Layout Shift odpowiedzialny jest za stabilność wizualną strony i ma bardzo duży wpływ na User Experience (UX). Gdy wynik CLS przewyższa zalecany próg, użytkownik podczas ładowania strony może doświadczyć przeskakiwania treści. Przykładowo podczas ładowania strony chęć szybkiego kliknięcia linijki z menu powoduje wyświetlenie się reklamy, która nie została na czas załadowana. Aby uniknąć nadmiernego czasu CLS, powinniśmy wykluczyć z mechanizmu lazy-load elementy położone w obszarze above the fold, ustawianie atrybutów width i height dla standardowych obrazków czy też unikanie reklam o zmiennej wysokości.

Co trzeba zrobić, aby skrócić czas ładowania się strony?

• Zmniejszyć wagę zdjęć;
• używać kompresji kodu html, skryptów czy css;
• kompresować dane do użytkowników;
• korzystać z pamięci podręcznej przeglądarki;
• kompresować style blokujące renderowanie strony.

Jaki wynik osiągnąć, by poprawić pozycję?

Ogólnie rzecz biorąc, nie istnieje taki wynik. Logicznie myśląc, każdy lepszy wynik od konkurencji będzie wynikiem zadowalającym. Należy jednak pamiętać, że jeśli konkurencja jako pierwsza wdroży optymalizację, to może zyskać wyższą pozycję, którą ciężko będzie później nadrobić. Poprawienie wydajności strony przyniesie nam wiele korzyści. Dobry wynik jest wysoko oceniany przez algorytm pozycjonowania, skutkiem czego wyraźnie wpływa on na pozycjonowanie i SEO.

Podsumowanie

PageSpeed Insights ma zapewne już swoich zwolenników oraz oponentów. Jednak w większości użytkowników jest to bardzo przydatne narzędzie, poprawiające wydajność oraz szybkość strony. A co za tym idzie? Dzięki poprawnie wykonanej optymalizacji nasza strona znajdzie się wyżej w wynikach wyszukiwania.

Artykuł Czy wynik PageSpeed Insights ma jakiś wpływ na pozycję? pochodzi z serwisu - candyweb.pl.

Spis treści:

• Jakie działania należy podejmować przy pozycjonowaniu strony serwisu klimatyzacji?
• Ile stron www pokazuje się w wyszukiwarce po wpisaniu frazy serwis klimatyzacji Mława? – krótka analiza
• W ramach konkluzji – czy łatwo wypozycjonować firmę świadczącą serwis klimatyzacji?

Jakie działania należy podejmować przy pozycjonowaniu strony serwisu klimatyzacji?

Pozycjonowanie może stać się dla firm doskonałym źródłem dochodu oraz podstawowym punktem do pozyskiwania klientów. Jednak, aby móc zdobywać klientów poprzez pozycjonowanie stron internetowych trzeba najpierw wykonać kilka działań. Żeby pozycjonowanie mogło być skuteczne, to istnieją 3 takie główne czynniki, które mają na to wpływ.

Jest to treść umieszczona na stronie, wartościowe linki prowadzące do witryny oraz optymalizacja strony. Opierając się na przykładzie serwisu klimatyzacji w Mławie, to aby go wypozycjonować trzeba zadbać o to, aby tekst na stronie danej firmy był wypełniony treścią dopasowaną do prowadzonej działalności. W tym przypadku powinna ona być na temat serwisowania klimatyzacji. Bardzo ważne jest, aby w tekście zamieścić odpowiednie słowa kluczowe (najlepiej, żeby były one popularne). A to dlatego, że dzięki nim strona internetowa będzie miała większe szanse na znalezienie się na wyższej pozycji w wyszukiwarce i tym samym dotrze do większej ilości użytkowników.

Jeśli chodzi o linki prowadzące do witryny, to najlepiej, aby były one jak najbardziej wartościowe. W przypadku strony serwisu klimatyzacji Mława będzie dobrze, jeśli linki te będą powiązane z tematyką znajdującą się w witrynie. Co więcej, jakość linku prowadzącego do strony powinna określać autorytet domen linkujących bądź też wartość oraz przydatność linku, jaką ma on dla użytkowników. Natomiast jeśli chodzi o optymalizację strony, to dotyczy ona takich aspektów, które można podjąć w witrynie, aby poprawić jej pozycję w wyszukiwarce Google. Są to na przykład takie działania jak optymalizowanie kodu strony, analizowanie słów kluczowych czy też doskonalenie treści znajdującej się już na stronie.

Ile stron www pokazuje się w wyszukiwarce po wpisaniu frazy „serwis klimatyzacji Mława”? – krótka analiza

Stwierdzając fakty, po wpisaniu frazy „serwis klimatyzacji Mława” wyświetla się tylko jedna strona internetowa firmy świadczącej usługi serwisowania klimatyzacji. Chociaż takich firm w mieście istnieje więcej, żadna z nich nie podjęła się jeszcze stworzenia własnej witryny. Można z tego wysnuć kilka wniosków. Otóż taka firma, która nie posiada strony internetowej, może być postrzegana przez użytkowników gorzej od firm, które taką witrynę posiadają. Trzeba przy tym zaznaczyć, że będąc w posiadaniu własnej strony internetowej, można zyskać wiele korzyści. Za jej pomocą można dotrzeć do większej ilości osób, a także wzbudzić zaufanie do marki. Strona www to również poprawa wizerunku firmy i podstawowy punkt informacyjny dla użytkowników. Co jeszcze, jest ona wizytówką firmy i buduje relacje z klientami.

W ramach konkluzji – czy łatwo wypozycjonować firmę świadczącą serwis klimatyzacji?

Firmę, która posiada stronę internetową można wypozycjonować. Wystarczy tylko podjąć odpowiednie działania. W przypadku firmy zajmującej się serwisem klimatyzacji należy znaleźć słowa kluczowe odnoszące się do naprawy bądź zakładania klimatyzacji. Jeśli oferta usług danej firmy ma być skierowana do lokalnych odbiorców, to dobrze jest na końcu słowa kluczowego dodać nazwę miejscowości. A więc, zamiast naprawa klimatyzacji warto napisać naprawa klimatyzacji Mława. Oprócz tego trzeba znaleźć wysokiej jakości linki prowadzące do strony oraz zwrócić uwagę na optymalizację strony. Skuteczne pozycjonowanie wpłynie na to, że strona znajdzie się w jednych z pierwszych wyników wyszukiwania. Trzeba jednak zaznaczyć, że pozycjonowanie jest procesem długofalowym i efektów nie będzie widać od razu. Najczęściej są one zauważalne po około 3 miesiącach.

Artykuł Czy łatwo wypozycjonować serwis klimatyzacji w Mławie? pochodzi z serwisu - candyweb.pl.

Spis treści:

• Co to jest mapa strony?
• Co powinna zawierać dobra mapa strony xml?
• Jakie korzyści wynikają z utworzenia pliku Sitemap.xml?
• Podsumowanie informacje

Co to jest mapa strony?

Mapa strony to nic innego jak plik (najczęściej Sitemap.xml), w którym znajdują się informacje na temat podstron znajdujących się w Twojej witrynie. Inaczej mówiąc jest to seria linków, które chcesz, aby były widoczne w wyszukiwarce i dostępne dla użytkowników sieci. Ponadto jest to plik podobny do robots.txt, ponieważ ułatwia on i zdecydowanie przyspiesza analizę danej strony internetowej robotom Google. Należy tutaj również wspomnieć o tym, że utworzenie mapy strony nie zagwarantuje automatycznej indeksacji wszystkich podstron znajdujących się w Twojej witrynie, a jedynie usprawni cały ten proces i trzeba o tym pamiętać.

Co powinna zawierać dobra mapa strony xml?

Dobra mapa strony ma przede wszystkim stworzoną pewną strukturę, z której powinno się korzystać. Taka mapa xml powinna przede wszystkim posiadać obowiązkowe 3 tagi, do których należą:

• <urlset> – jest to znacznik, który zawiera wiele znaczników <url> i odwołuje się do obowiązującego protokołu;
• <url> – natomiast ten znacznik to tag nadrzędny dla każdego wpisu adresu URL;
• <loc> – ten znacznik określa lokalizację adresu URL.

Do jeszcze innych parametrów dostępnych w pliku mapy strony xml należą:

• <lastmood> – znacznik wskazujący datę ostatniej aktualizacji pliku;
• <changefreq> – znacznik określający częstotliwość zmian występujących na stronie;
• <priority> – znacznik, który określa priorytet adresu URL pośród innych adresów URL.

Oprócz tego, plik ten powinien znajdować się w głównym katalogu serwera HTML, a wszystkie adresy URL ulokowane w mapie strony powinny być w tym samym serwerze. Ponadto mapa strony xml może posiadać maksymalnie 50 tysięcy adresów URL. Natomiast jeśli chodzi o rozmiar pliku, to nie powinien on przekraczać 10 MB. Jeżeli będzie taka sytuacja, że liczba adresów będzie większa lub rozmiar będzie większy, to trzeba wtedy stworzyć nową mapę strony lub podzielić ją na kilka mniejszych plików. Należy również pamiętać, że przy tworzeniu pliku Sitemap.xml wykorzystuje się zawsze kodowanie UTF-8. A poniżej przykłady mapy strony xml.

Źródło: https://support.google.com/webmasters/answer/183668?hl=pl

Źródło: https://mansfeld.pl/seo/mapy-xml-sitemap-zalety-wady-mity/

Jakie korzyści wynikają z utworzenia pliku Sitemap.xml?

Jeśli utworzy się mapę strony, to można spodziewać się z tego względu wielu korzyści. A można do nich zaliczyć:

• mapa strony xml umożliwia szybką i poprawną indeksację strony internetowej;
• mapa strony pozwala na indeksację archiwalnych dokumentów lub też pożytecznych danych i multimediów znajdujących się w witrynie;
• można wskazać, które podstrony mają być częściej indeksowane przez roboty Google;
• możliwość dodania daty aktualizacji i jej częstotliwości.

Podsumowanie informacje

Jeżeli chcesz, aby Twoja witryna była szybciej za indeksowana w wyszukiwarce to koniecznie powinieneś utworzyć plik mapy strony xml. O innych korzyściach nie muszę wspominać, ponieważ były już wyżej wymienione. A podsumowując, jeśli zamierzasz utworzyć plik Sitemap.xml, to nie powinieneś zapominać o wszelkiego rodzaju aktualizacjach, które usprawnią całe działanie i wprowadzą więcej korzyści dla Twojej strony internetowej.

Artykuł Co powinna zawierać dobra mapa strony xml? pochodzi z serwisu - candyweb.pl.

Spis treści:

• Czym tak naprawdę jest AMP?
• Jak działa AMP?
• Jakie korzyści można mieć z korzystania z AMP?
• Podstawowa różnica pomiędzy zwykłą stroną www, a stroną AMP
• Podsumowanie informacji na temat AMP

Czym tak naprawdę jest AMP?

Jak działa AMP?

Jakie korzyści można mieć z korzystania z AMP?

Korzystając z AMP możesz zyskać wiele korzyści. A można do nich zaliczyć:

• bardzo szybkie, wręcz natychmiastowe załadowanie treści na stronie internetowej;
• zmniejszenie czasu ładowania się plików JavaScript;
• wsparcie procesora urządzenia;
• możliwość tworzenia szybko ładujących się stron internetowych;
• szybkość ładowania strony wpływa na zwiększenie konwersji i pozyskanie lojalnych klientów;
• strona internetowa zyskuje na jakości, co przekłada się na wynik w rankingu Google.

Podstawowa różnica pomiędzy zwykłą stroną www, a stroną AMP

Podsumowanie informacji na temat AMP

Szybkość ładowania się strony internetowej ma ogromny wpływ na konwersję i pozyskanie klienta. A jak każdy wie nawet z własnych doświadczeń, nikt nie lubi długo czekać na znalezienie jakichkolwiek informacji bądź produktów na stronie internetowej. Dlatego jeśli chciałbyś uniknąć tego na swojej stronie internetowej i w pewien sposób się wyróżnić od innych, to skorzystaj z przyspieszonych stron mobilnych AMP.

Artykuł Co to jest AMP i jaki ma wpływ na szybkość strony internetowej? pochodzi z serwisu - candyweb.pl.

Spis treści:

• Co to jest Gatsby.js i na czym polega?
• Zalety i wady Gatsby.js
• Jak stworzyć swój pierwszy projekt z gatsby.js?
• Moja subiektywna opinia o Gatsby.js
• Podsumowanie – czy Gatsby.js może być dobrym rozwiązaniem do stworzenia strony?

Co to jest gatsby.js i na czym polega?

Gatsby.js na oficjalnej stronie określa siebie jako dynamiczny generator stron dla dynamicznych web deweloperów. Powszechnie określa się go jednak jako generator stron statycznych, z powodu sposobu jego działania i zwracania statycznych stron html. Wykorzystuje się go zwykle wraz z React.js oraz językiem zapytań GraphQL. Każdy programista stron internetowych chciałby pozycjonować je w szybki i poprawny sposób. A wybrani wiedzą, że do właściwego pozycjonowania strony potrzebny jest czysty kod HTML. Jest to możliwe dzięki frameworkowi webowemu Gatsby.js, który w wersji produkcyjnej tworzy czyste pliki HTML. Takie działania sprawią, że praca programistów staje się o wiele szybsza i prostsza. No nie do końca, to poprzednie zdanie mi wybaczcie!

Na czym więc polega wykorzystanie generatora stron statycznych? Gatsby.js wykorzystuje się głównie do optymalizacji kodu strony internetowej. Powodem wykorzystania tego generatora stron statycznych może być również to, że dzięki jego użyciu witryna uruchamia się bardzo szybko bez względu na to, czy będzie ona otwarta na komputerze, czy też telefonie. Na dodatek ważną tutaj kwestią jest to, że przechodzące dane przez ten właśnie generator mogą pochodzić z dowolnego źródła.

Zalety i wady Gatsby.js

Żadne rozwiązanie nie jest idealne. Aby korzystać z jakiegoś rozwiązania, musi ono być konkurencyjne względem innych i posiadać odpowiedni bilans zalet do wad. Jakie mogą być zalety i wady w przypadku odpowiedniego wykorzystania Gatsby.js?

Do zalet generatora stron statycznych należą:

• Indeksowanie przez wyszukiwarki – roboty wyszukiwarki Google mogą w pełni zindeksować treść, która znajduje się na stronie, a pomaga to w pozycjonowaniu strony.
• Wtyczki – w Gatsby.js można wyróżnić ich bardzo dużo. A więc można łączyć ze sobą wszystkie najpopularniejsze wtyczki. A dzięki ich wykorzystaniu praca każdego programisty znacznie się skróci.
• Gatsby.js może być przydatnym narzędziem do stworzenia aplikacji webowych.
• Osoby, które korzystały kiedyś z React’a z łatwością odnajdą się w tym frameworku webowym.
• Hosting stron stworzonych przy wykorzystaniu Gatsby.js jest tańszy i prostszy w strukturze.
• Gatsby.js wyróżnia się szybkością ładowania i nawigowania stron aplikacji.
• Większa możliwość modyfikacji strony.
• Bezpieczeństwo.

Natomiast do wad tego rozwiązania można zaliczyć:

• Osoby, które nigdy nie miały do czynienia z narzędziami JavaScript, React czy też GraphQL będą musiały poświęcić sporo czasu na naukę.
• Strony statyczne nie są najlepszym pomysłem w przypadku częstych aktualizacji treści, czyli jeśli Twoja strona posiada chociażby dział aktualności – Gatsby nie jest dla Ciebie. To samo tyczy się sklepów internetowych czy innych usług opartych o stronę internetową.

Jak stworzyć swój pierwszy projekt z gatsby.js?

W celu stworzenia swojej pierwszej strony z gatsby.js należy najpierw zainstalować środowisko node.js. Oprogramowanie to można pobrać z oficjalnej strony (link znajduje się poniżej):

https://nodejs.org/en/

Po instalacji środowiska należy stworzyć główny folder projektu i za pomocą komendy npm install -g gatsby-cli zainstalować gatsby globalnie (parametr -g w poleceniu) na komputerze.

Następnie tworzymy stronę w głównym folderze za pomocą polecenia gatsby new my-gatsby-site.

Po wykonaniu w pełni polecenia przechodzimy do utworzonego przez nasz framework folderu my-gatsby-site, za pomocą komendy cd my-gatsby-site i wykonujemy polecenie gatsby develop.

W taki sposób utworzona zostanie nasza pierwsza strona w gatsby.js. Uruchomiona zostanie ona domyślnie pod adresem localhost:8000/.

Moja subiektywna opinia o Gatsby.js

Gatsby wydaje się być bardzo ciekawym frameworkiem napisanym w JavaScript z potencjałem na zostanie technologią wykorzystywaną przy prawie każdej stronie internetowej w przyszłości. Jego sporym atutem jest pełne indeksowanie stron przez wyszukiwarki. Pomaga to bardzo w pozycjonowaniu stron, ponieważ roboty znanych wyszukiwarek są w stanie przetworzyć całą treść strony. Dzięki generowaniu statycznych plików html, strony nie są również obciążające i szybciej są przetwarzane.

Gatsby wspiera również pracę wraz z popularnymi systemami CMS m.in. takimi jak WordPress, Drupal.

Dokumentacja tego frameworka, zdaniem wielu programistów, jest bardzo dobrze przygotowana, co na pewno pomoże początkującym adeptom technologii frontendu wdrożyć się w jego funkcjonowanie.

Podsumowanie – czy Gatsby.js może być dobrym rozwiązaniem do stworzenia strony?

Generator Gatsby.js wykorzystuje się zazwyczaj do stworzenia mniejszych lub aplikacji internetowych. Czy jednak jest to dobry pomysł, aby zbudować witrynę w oparciu właśnie na Gatsby.js? Będzie to oczywiście dobre rozwiązanie dla osób, które cenią sobie szybkość i wydajność strony. A strona oparta właśnie na Gatsby.js wczytuje się bardzo szybko jeśli ma zbudowane statyczne pliki strony. Oprócz tego Gatsby.js pozwala budować strony zoptymalizowane pod SEO oraz interaktywne strony i aplikacje. Na dodatek jest to opcja, która oferuje bezpieczeństwo. Dlatego jeśli Ty też cenisz sobie powyższe cechy, prowadzisz lokalny biznes z rzadko aktualizowaną stroną, to stworzenie strony opartej na Gatsby.js powinno być dla Ciebie dobrym rozwiązaniem.

Artykuł Gatsby.js na czym polega i czy warto? pochodzi z serwisu - candyweb.pl.

Spis treści:

• Co to jest protokół HTTPS?
• Co to jest certyfikat SSL?
• Co to jest certyfikat SSL Wildcard?
• Jakie korzyści można mieć z posiadania certyfikatu SSL Wildcard?
• Jaka jest różnica między protokołem HTTPS, a certyfikatem SSL?
• Jak wpływa na pozycjonowanie protokół HTTPS oraz certyfikat SSL?
• Czy certyfikat SSL jest potrzebny?
• Jaki certyfikat SSL wybrać – płatny czy darmowy?
• Podsumowanie

Co to jest protokół HTTPS?

Protokół HTTPS z angielskiego Hypertext Transfer Protocol Secure, czyli zabezpieczony. Można powiedzieć, że jest to, ta strzeżona wersja protokołu HTTP. Zastosowanie protokołu HTTPS u siebie na stronie www sprawia, że przesyłane informacje pomiędzy komputerem, a serwerem nie przedostaną się do osób trzecich, czyli osób niewłaściwych.

Co to jest certyfikat SSL?

Certyfikat SSL to narzędzie, które gwarantuje ochronę witryn internetowych, a także zabezpiecza przesyłane dane drogą elektroniczną. A w dzisiejszym świecie, bezpieczeństwo powinno być priorytetem. Dlatego też, certyfikat SSL zapewnia ochronę przesyłania informacji pomiędzy serwerem, a komputerem użytkownika.

Co to jest certyfikat SSL Wildcard?

Certyfikat SSL Wildcard służy do zabezpieczania wszystkich subdomen w obrębie danej domeny w odróżnieniu od zwykłego certyfikatu SSL, który chroni tylko pojedynczą domenę. Przykładowo: jeśli wykupiło się certyfikat SSL Wildcard dla domeny naszafirma.pl, to będzie on chronił również dane dla każdej subdomeny pierwszego stopnia (czyli takie nazwy, które będą zawierały jakieś znaki przed domeną główną, na przykład a.naszafirma.pl, mlawa.naszafirma.pl i tym podobne). Certyfikaty Wildcard polecane są w szczególności dla firm, których działalność oparta jest na wielu adresach www.

Jakie korzyści można mieć z posiadania certyfikatu SSL Wildcard?

Zakupienie certyfikatu SSL Wildcard daje nam wiele korzyści, do których należy zaliczyć:

• oszczędność pieniędzy – posiadając wiele subdomen, nie trzeba kupować już wielu certyfikatów, które będą je zabezpieczać. Wystarczy kupić tylko jeden certyfikat SSL Wildcard, który jest tańszym rozwiązaniem niż zakup kilku osobnych certyfikatów na każdą subdomenę.
• większa wygoda – odnawia się tutaj tylko jeden certyfikat w określonym czasie i u jednego dostawcy.
• jeden adres IP = jednemu certyfikatowi Wildcard. Nie ma tutaj konieczności wykupowania dodatkowych adresów IP.

Jaka jest różnica między protokołem HTTPS, a certyfikatem SSL?

Chociaż obydwa te pojęcia mają za zadanie chronić nasze dane, to jednak jest między nimi pewna różnica. Całkiem często, protokół HTTPS jest identyfikowany z certyfikatem SSL. Jednak jest to błędne rozumowanie, bo protokół HTTPS umożliwia przesyłanie pomiędzy serwerem, a przeglądarką. Natomiast certyfikat SSL chroni przesyłane dane przez użytkowników. A także, to właśnie od certyfikatu SSL będzie zależało czy dana strona będzie strzeżona oraz to czy protokół HTTP zmieni się na HTTPS.

Jak wpływa na pozycjonowanie protokół HTTPS oraz certyfikat SSL?

Trzeba zaznaczyć, że zabezpieczanie danych ma duże znaczenie pod kątem optymalizacji strony www. Zastosowanie certyfikatu SSL może jeszcze bardziej na to wpłynąć. Bo dzięki wdrożeniu takiego certyfikatu na swojej stronie, możesz zyskać na wiarygodności. Nie tylko w Google, ale także wśród użytkowników. Więc każda osoba, może przychylniej spojrzeć w Twoją stronę. Oprócz tego, dodatkowym plusem jest ochrona. Zabezpieczysz nie tylko swoje dane (hasła czy loginy), ale również dane użytkowników, którzy często podają swoje dane w postaci e-mailów, numerów telefonu czy też numeru karty kredytowej.

Czy certyfikat SSL jest potrzebny?

Certyfikat SSL zapewnia przede wszystkim ochronę przed wieloma czynnikami związanymi z wykradaniem danych osobowych. A jest to głównie ochrona przed usuwaniem bądź fałszowaniem danych osobowych, a także przed kradzieżą haseł i loginów, numerów telefonów lub kont bankowych. A czy tak naprawdę certyfikat SSL jest potrzebny? Trzeba wspomnieć o tym, że certyfikat SSL nie musi być konieczny. Jednak powoli staje się on obowiązkową częścią każdej strony internetowej. Przede wszystkim Google zwraca na to uwagę. Strony z certyfikatem SSL będą oceniane wyżej, zaś strony bez certyfikatu uznawane za niebezpieczne.

Jaki certyfikat SSL wybrać – płatny czy darmowy?

Certyfikat SSL może być zarówno płatny jak i darmowy. Trzeba zaznaczyć, że darmowe certyfikaty SSL to dobry pomysł dla małej strony www, np. bloga. Natomiast płatny certyfikat SSL jest potrzebny wtedy, kiedy posiadasz witrynę internetową, która jest w posiadaniu wrażliwych danych osobowych. W tym właśnie przypadku, powinno wybrać się ten płatny certyfikat SSL. Powiem więcej, wykupienie takiego certyfikatu będzie konieczne, jeśli chcesz zadbać o bezpieczeństwo swoje i swoich użytkowników.

Podsumowanie

Mam nadzieję, że dowiedziałeś się z powyższego artykułu jaki związek ma ze sobą protokół HTTPS oraz certyfikat SSL. Jeśli jesteś przedsiębiorcą i masz swoją własną stronę internetową, to najlepiej będzie, jeśli wykorzystasz u siebie na stronie właśnie taki certyfikat. W ten sposób zyskasz na wiarygodności u Google oraz użytkowników, co przełoży się na ich zaufanie do Ciebie i Twojej strony internetowej.

Artykuł Protokół HTTPS i certyfikat SSL – porównanie pochodzi z serwisu - candyweb.pl.

• Dlaczego SEO jest ważną częścią dla eCommerce?
• Podstawowe elementy jakości produktowej
• Wskazówki, które pomogą Ci zoptymalizować karty produktowe
• Dodatkowe problemy sklepów internetowych
• Podsumowanie

Dlaczego SEO jest ważną częścią dla eCommerce?

Podstawowe elementy jakości strony produktowej

• Produkt – jest chyba najistotniejszym elementem tego całego procesu. Oczywiście na sprzedanie danego produktu wpływa również to w jaki sposób będzie on przedstawiony w witrynie.
• Marka – powinieneś rozgłosić swoją markę w mediach społecznościowych lub za wykorzystaniem innych kanałów sprzedażowych np. e-mailingu.
• Copywriting – inaczej treści sprzedażowe. Odpowiednia treść jest w stanie skłonić klienta do zakupu danego produktu. Oprócz tego opisy produktów mogą pomóc w rozpoznaniu stylu Twojej marki.
• Design i UX – są to elementy, które mają istotny wpływ na budowanie konwersji. A to będzie zależało od tego w jaki sposób ułożysz i wykorzystasz te elementy.

Wskazówki, które pomogą Ci zoptymalizować karty produktowe

• Powinieneś zrozumieć swojego klienta – rynek eCommerce to jedna wielka konkurencja. Dlatego aby dotrzeć do swoich klientów musisz wykorzystać jak najlepsze metody. Poświęć więcej czasu na zapoznanie się z daną grupą docelową żeby móc później podjąć właściwe działania SEO.
• Wyszukanie słów kluczowych – w tym przypadku to Ty powinieneś postawić się na miejscu klientów, bo dzięki temu będziesz wiedział jakich fraz oni używają w poszukiwaniu Twojej oferty. Jednak może to być trochę męczące i czasami nietrafne posunięcie. Dlatego dobrym sposobem na wyszukanie słów kluczowych jest jedne z narzędzi do tego służących np. Google Ads Keyword Planner. Dzięki temu bez problemu znajdziesz słowa kluczowe powiązane z Twoją ofertą.
• Zdjęcie produktu – jest to ważna wskazówka, ponieważ każdy kupujący chciałby zobaczyć jak wygląda dany produkt. Jeśli nie mógłby go zobaczyć, zapewne miałby obawy przed jego zakupem. Dlatego zadbaj o to, by każde zdjęcie produktu miało zawartą dużą ilość szczegółów.
• Opis produktu – do ocenienia produktu nie pomoże tylko grafika, potrzeba czegoś więcej. Klienci potrzebują informacji dotyczących danego produktu np. jaka jest cena, z jakiego materiału to jest wykonane a nawet jaki jest jego rozmiar.
• Łatwość informacji – powinieneś w jasny sposób przedstawić klientowi informacje związane z wysyłką, gwarancją czy zwrotem przesyłki.
• Opinie zadowolonych klientów – jest to ważny element, który pomaga klientom w podjęciu decyzji zakupowej.
• Mobilność – większość osób woli przeglądać strony internetowe na smartfonach bo jest wygodniej. Dlatego powinieneś pomyśleć nad tym aby Twój sklep był także komfortowy dla użytkowników. W przeciwnym wypadku mógłbyś stracić klientów.
• Optymalizacja strony – można wyróżnić kilka standardów, które należą do optymalizacji SEO. Są one ważne i należy się do nich stosować. Wśród nich znajdują się:- meta znaczniki (meta title – tytuł strony i meta description – opis strony), dobrze by było aby zawierały one słowa kluczowe.- linkowanie wewnętrzne – jeśli umieścisz linki do innych podstron swojego sklepu to zachęcisz klientów do dalszego zapoznania się z ofertą. Na dodatek jest to bardzo pomocne w indeksowaniu Twojej strony co przekłada się na poprawę widoczności.rich snippets – to właśnie ten standard pozwala zrozumieć Google jakie informacje znajdują się na Twojej stronie. alt text – jest to atrybut, który zawiera opis zdjęcia. Powinien być zarazem krótki i jak najbardziej wyczerpujący. Warto też zawrzeć w nim słowo kluczowe. Alt text pomaga również osobom, które słabo widzą lub po prostu są niewidomi w sposób automatycznego czytania opisu.

Dodatkowe problemy sklepów internetowych

• brak treści na stronie lub jej duplikowanie
• stworzenie różniących się kart produktów
• uproszczenie rozbudowanych adresów URL dla oddzielnych produktów
• brak możliwości opiniowania produktów względem działań, które wspiera SEO sklepu

Podsumowanie

Mam nadzieję, że powyższe informacje są przydatne, choć są to tylko ogólniki, dlatego że każda platforma sprzedażowa oferuje inne opcje, które trzeba wdrożyć i zoptymalizować. Wdrożenie działań eCommerce SEO dla Twojego sklepu internetowego wymagają całościowego połączenia wszystkich powyższych wskazówek. Dlatego jeśli tworzysz sklep internetowy dostosuj się do tych porad.

Artykuł SEO w eCommerce – czyli jak powinien wyglądać Twój sklep internetowy? pochodzi z serwisu - candyweb.pl.

Spis treści:

• Definicja technicznego SEO
• Z jakich elementów składa się techniczne SEO?
• Widoczność strony internetowej w wyszukiwarce, a techniczne SEO
• Meta znaczniki – jako element technicznego SEO
• Czas ładowania się strony internetowej
• Nagłówki, a techniczne SEO
• Przystosowanie do urządzeń mobilnych
• Treść (techniczne SEO)
• Poprawność plików robots.txt, sitemap.xml
• Linkowanie wewnętrzne (techniczne SEO)
• Zastosowane dane strukturalne w technicznym SEO
• Podsumowanie – techniczne SEO

Definicja technicznego SEO

Techniczne SEO jest to cała lista uwag oraz porad dla kontrolowanej strony internetowej. Zebrane uwagi używane są przez programistów oraz osoby, które w pewien sposób powiązane są ze stroną internetową do wykonania pracy skupionej na poprawnym SEO.

Z jakich elementów składa się techniczne SEO?

Techniczne SEO składa się m.in. z następujących elementów:

Widoczność strony internetowej w przeglądarce, a techniczne SEO

Żeby użytkownik mógł odnaleźć stronę internetową w wyszukiwarce wystarczy poprawna optymalizacja SEO. Ale to od pozycjonowania zależy widoczność danej strony internetowej. Może ją poprawić liczba fraz kluczowych, pod którymi można znaleźć daną stronę, a także jej widoczność może zależeć od wielu czynników m.in. poprawnej struktury strony.

Meta znaczniki – jako element technicznego SEO

Meta title i meta description służą do tego aby nadać nazwy poszczególnym stronom oraz wyświetlać je w wyszukiwarce Google. Meta title jest to tytuł strony, który powinien składać sie od 55 do 70 znaków. Natomiast meta description, czyli opis strony, który zawiera podstawowe informacje o zawartości danej podstrony serwisu internetowego powinien mieć ok. 155-170 znaków. Prawidłowe przygotowanie opisów może zwiększyć szansę na klikalność w nasza podstronę.

Czas ładowania się strony internetowej

Prędkość z jaką otwiera się dana strona internetowa ma ogromne znaczenie. Szybko ładująca się witryna zapewnia użytkownikowi większy komfort oraz minimalizuje współczynnik odrzuceń. Strona wczytująca się zbyt długo powoduje u odbiorcy utratę zainteresowania, który stracił swoją cierpliwość i w ten sposób opuszcza serwis. Choć nie jest to najważniejszy element technicznego SEO to jednak warto zadbać o szybkość strony internetowej.

Nagłówki, a techniczne SEO

Nagłówki w treści na stronie internetowej mają duży wpływ na jej pozycjonowanie w wyszukiwarce Google. Tekst oprócz swojej unikalnej treści powinien być odpowiednio rozmieszczony na danej stronie. Dlatego zadaniem nagłówków jest ustalanie hierarchii typograficznej i porządkowanie treści, co pozwala użytkownikom lepiej skanować treść na stronie oraz łatwiej jest im znaleźć informacje, których szukają. Na każdej stronie powinien znajdować się tylko jeden nagłówek H1, który zazwyczaj jest tytułem danego artykułu. Nagłówków H2, H3, H4, itd. może być więcej, ale powinny one budować odpowiednią strukturę. Według pracownika Google kolejność, w której użyjemy nagłówka H1 względem innych nagłówków nie ma większego znaczenia, choć przyjęło się stosowanie nagłówka H1 na górze strony.

Przystosowanie do urządzeń mobilnych

Obecnie strona internetowa przystosowana do urządzeń mobilnych to obowiązek każdego właściciela. Większość użytkowników woli sprawdzić coś w telefonie niż nosić wszędzie ze sobą przenośny komputer. Użytkownicy smartfonów czy tabletów w ten sposób mogą wygodniej przeglądać strony internetowe, robić zakupy w sklepie bądź korzystać z polecanych aplikacji. Od marca 2018 roku Google ogłosiło Mobile First Index, co sprawiło, że podczas ustalania pozycji w rankingu istotna stała się wersja mobilna. Właściciele, którzy nie posiadają takiej wersji, mogą już wywnioskować jaką pozycję może zająć ich strona internetowa. Dlatego żeby podnieść swoją pozycję warto włożyć trochę wysiłku w przygotowanie danego serwisu internetowego na urządzeniach mobilnych.

Treść (techniczne SEO)

Jest to ważna cecha technicznego SEO. Unikalna treść pozwoli przyciągnąć uwagę odbiorców. Ważne jest żeby wiedzieć do jakiego grona odbiorców ma być skierowany artykuł. Tekst przede wszystkim nie może być duplikowany, powinien być autorskiego wykonania. Co prawda możemy się zainspirować ale w niewielkim stopniu. Oprócz tego użyte w tekście frazy, czyli słowa kluczowe zwiększają szansę wyszukania danej strony w wyszukiwarce.

Poprawność plików robots.txt, sitemap.xml

Jest to plik, który steruje ruchem Googlebotów. Zawiera instrukcję dla wszystkich botów odwiedzających stronę. Pokazuje im jakie adresy mogą odwiedzić oraz te, które są dla nich niedostępne. Dzięki temu można wykluczyć niektóre typy podstron z indeksacji.

Jest to mapa strony internetowej, a inaczej plik, który umożliwia sporządzenie listy wszystkich adresów URL danej witryny, np. dacie ostatniej aktualizacji. W ten sposób informuje się wyszukiwarkę Google o strukturze i porządku na stronie.

Linkowanie wewnętrzne (techniczne SEO)

Jest to jeden z ważnych elementów na stronie internetowej. Poprawne umieszczenie na stronie www linków, które prowadzą do innej podstrony lub miejsca przynależnego do serwisu. Pomaga to użytkownikom w poruszaniu się po witrynach internetowych oraz zmniejsza współczynnik odrzuceń.

Zastosowane dane strukturalne w technicznym SEO

Stosowanie danych strukturalnych w kodzie strony internetowej, pozwala na zwiększenie wyniku jej wyszukalności. Są to znaczniki znajdujące się na stronie internetowej, które pomagają lepiej zrozumieć określony ciąg czynności wyszukiwarki Google. Dzięki danym strukturalnym roboty Google z dokładnością wiedzą jaki rodzaj tekstu i w jakich częściach strony się znajduje. Umożliwia to wyświetlenie dodatkowych informacji w wynikach wyszukiwania pod postacią opisów rozszerzonych (rich snippets). W porozumieniu z innymi wyszukiwarkami przyjęło się, że dane strukturalne będzie posiadać jednakowy format jakim jest schema.org.

Podsumowanie – techniczne SEO

Mam nadzieję, że powyższe informacje pomogą Wam w pewien sposób zapoznać się z dziedziną technicznego SEO. Jak możecie zauważyć wszystkie podane wiadomości mają bardzo duży związek z witryną i jej widocznością w wyszukiwarce Google. Żeby osiągnąć sukces trzeba zagłębić się bardziej w tajniki technicznego SEO i wprowadzać zmiany wraz z nadejściem nowych aktualizacji algorytmu od Google. A Ty co wiesz o technicznym SEO?

Artykuł Co to jest techniczne SEO? pochodzi z serwisu - candyweb.pl.