Pierwsze wrażenie ma znaczenie

Kiedy użytkownik przegląda wyniki wyszukiwania, tytuł i krótki opis są często pierwszymi elementami, które przyciągają jego uwagę. Dlatego ważne jest, aby te elementy były atrakcyjne i przyciągające wzrok. Tytuł powinien być zwięzły, ale jednocześnie treściwy i zachęcający do kliknięcia. Opis zaś powinien uzupełniać informacje zawarte w tytule, zapewniając użytkownikowi jasny obraz tego, czego może spodziewać się po wejściu na stronę.

Optymalizacja tytułów: wykorzystanie słów kluczowych

Włączenie odpowiednich słów kluczowych w tytule i opisie jest kluczowe dla osiągnięcia dobrej widoczności w wynikach wyszukiwania. Słowa kluczowe pomagają użytkownikom i algorytmom wyszukiwarek zrozumieć, o czym jest dana strona. Jednakże ważne jest, aby używać ich z umiarem i naturalnie, unikając nadmiernego nagromadzenia, co może sprawić, że treść stanie się mało czytelna i atrakcyjna.

Dopasowanie do intencji wyszukiwania

Współczesne algorytmy wyszukiwarek coraz bardziej skupiają się na zrozumieniu intencji użytkownika. Dlatego optymalizacja tytułów i opisów powinna uwzględniać to, czego użytkownik oczekuje znaleźć na danej stronie. Dopasowanie treści do intencji wyszukiwania może zwiększyć szanse na kliknięcie, ponieważ użytkownik będzie bardziej skłonny kliknąć na wynik, który najlepiej odpowiada jego potrzebom.

Testowanie i optymalizacja

Nie ma jednej idealnej formuły na optymalizację tytułów i opisów. Dlatego ważne jest przeprowadzanie testów A/B, aby zidentyfikować najskuteczniejsze kombinacje tytułów i opisów dla danej strony. Testowanie pozwala na monitorowanie skuteczności poszczególnych wariantów i dostosowywanie strategii w oparciu o uzyskane wyniki.

Rzetelność i spójność

Ostatnim, ale nie mniej ważnym aspektem optymalizacji tytułów i opisów jest rzetelność i spójność treści. Tytuł i opis powinny dokładnie odzwierciedlać zawartość strony, zapewniając użytkownikowi wartościową informację na temat tego, czego może spodziewać się po wejściu na stronę. Brak spójności między tytułem/opisem a treścią strony może prowadzić do niezadowolenia użytkowników i negatywnego wpływu na wskaźnik odrzuceń.

Podsumowując, optymalizacja tytułów i opisów to kluczowy element strategii SEO, który może znacząco wpłynąć na wskaźnik kliknięć (CTR). Stosując odpowiednie słowa kluczowe, dopasowując treści do intencji wyszukiwania i przeprowadzając testy, możemy zwiększyć atrakcyjność wyników wyszukiwania i przyciągnąć większą liczbę użytkowników na naszą stronę. Jednak pamiętajmy również o rzetelności i spójności treści. Są one kluczowe dla budowania zaufania użytkowników i utrzymania wysokiej jakości doświadczenia użytkownika.

Profesjonalne strony internetowe? Zapytaj o ofertę KoboSystem!

Artykuł Optymalizacja tytułów i opisów kluczem do zwiększenia CTR pochodzi z serwisu KoboSystem - skuteczne rozwiązania internetowe - sprawdź nas!.

Ruch na stronie internetowej – Google Analytics to absolutna podstawa

Jeśli jeszcze nie masz konta, załóż je od razu po przeczytaniu tego artykułu. Dzięki temu narzędziu będziesz w stanie śledzić ilość odwiedzin, źródła ruchu, czasy spędzone na stronie, konwersje i wiele innych informacji – rzecz jest naprawdę rozbudowana i pozwala na wyodrębnienie dokładnie tych danych, których potrzebujesz. Co niezwykle ważne, Google Analytics jest zupełnie darmowe.

Po założeniu konta wystarczy pobrać krótki kod śledzący, który należy umieścić na stronie. W ten sposób strumień danych będzie trafiać bezpośrednio do Google, które przedstawi Ci je w liczbowej oraz graficznej formie. Z początku ilość opcji, pól i tabel może wydawać się przytłaczająca, ale zapewniamy, że gdy skupisz się na tym, co dla Ciebie ważne (w tym wypadku statystki dotyczące ruchu), szybko poczujesz się pewnie – obsługa jest bardzo intuicyjna. Poza tym nikt nigdy nie wykorzystał wszystkich opcji. 😊

Inne narzędzia analityczne

Google Analytics jest świetne w śledzeniu ruchu, ale ma swoje ograniczenia. Dlatego większość osób regularnie korzystających z analityki wspomaga się płatnymi narzędziami. Nie bój się – zróżnicowane pakiety oferowane przez większość z nich pozwalają na dobranie sensownej finansowo opcji nawet małym przedsiębiorcom.

Najpopularniejsze to na przykład SEMRush, SEMSTORM albo Ahrefs. W porównaniu do darmowego narzędzia Google pozwolą one zebrać dużo dokładniejsze dane o ruchu i zestawić je z innymi ciekawymi analizami. Przydaje się to szczególnie, gdy ruch pochodzi zarówno ze źródeł bezpłatnych, jak i sponsorowanych. Płatne narzędzia analityczne zapewniają też dużo lepszą obsługę klienta, wsparcie wielu wtyczek i aplikacji oraz lepszą ochronę prywatności użytkowników.

Wtyczki na stronie

Wcześniej mówiliśmy o narzędziach zewnętrznych, ale możesz też umieścić na swojej stronie wtyczkę do monitorowania ruchu. Co to daje? Bezpośrednie dane dotyczące szczegółowych zachowań wewnątrz strony i niezależność. Sztandarowym przykładem jest mapa cieplna (heatmap). Dzięki narzędziom monitorującym możesz w graficzny sposób przekonać się, jak wygląda poruszanie się użytkownika na Twojej stronie. Miejsca najgęstszych ruchów kursorem będą oznaczone w ciepłych barwach, co pozwoli Ci ocenić, czy ruch odbywa się po Twojej myśli. Podobnych narzędzi, na przykład dla kliknięć lub powiązania zachowań są dziesiątki. Opcja zdecydowanie warta rozważenia.

Sprawdzanie ruchu u konkurencji

Ruch na Twojej stronie internetowej mamy już ogarnięty, ale warto także śledzić, co dzieje się u konkurencji. Oczywiście nie możesz liczyć na tak dokładne dane, ale można dowiedzieć się sporo. Przykładowo darmowe narzędzie SimiliarWeb pozwoli Ci nie tylko określić ruch na innych stronach, ale też jego źródła, współczynnik odrzuceń i średni czas trwania wizyt. To bezcenne informacje, gdy zestawisz je z danymi swojej strony.

To, co może Cię zaskoczyć, to rozbieżność wyników między różnymi narzędziami. Wynika ona z różnych systemów próbkowania i analizy danych – to zupełnie normalne. Pamiętaj też, że informacje dotyczące ruchu stają się tym dokładniejsze, im większe liczby bierzemy pod uwagę, a błąd statystyczny stanowi ich drobniejszą część.

Artykuł Ruch na stronie internetowej – jak go sprawdzić? pochodzi z serwisu KoboSystem - skuteczne rozwiązania internetowe - sprawdź nas!.

Monitorowanie pozycji w wyszukiwarce

Wskaźniki monitorowania stron możemy z grubsza podzielić na dwie grupy. Zewnętrzne, czyli te, które odnoszą się do pozycji naszej strony w wynikach wyszukiwania i tego, jak docierają na nią użytkownicy oraz wewnętrzne, opisujące zachowania użytkowników na stronie. Choć są ze sobą mocno związane i oddziałują na siebie wzajemnie, to podtrzymamy to rozdzielenie w ramach utrzymania porządku i łatwiejszego wyjaśnienia sprawy. W pierwszej kolejności zajmiemy się tymi pierwszymi.

Liczba odwiedzin

Tu chyba nie trzeba wiele tłumaczyć. Ważny jest jedynie podział na unikalnych użytkowników i ogólną liczbę odwiedzin. W końcu jedna osoba może wejść na Twoją stronę kilka razy dziennie.

Ruch prowadzący na stronę

Jak użytkownicy docierają na Twoją stronę? Poprzez linki z innych witryn, social media, kampanie e-mailowe czy właśnie wyszukiwania w Google? A może bezpośrednio, wpisując jej adres? To bardzo ważna wiedza, gdyż pozwala określić, które z naszych działań są skuteczne i gdzie pozyskujemy najwięcej użytkowników. Jeżeli na przykład konkretne, specjalistyczne strony internetowe są źródłem stałego ruchu, to warto postarać się o umieszczenie na nich większej ilości linków.

Pozycje na dane frazy

Jeden z najważniejszych wskaźników. Pokazuje, na którym miejscu od góry Twoja strona pokazuje się w wyszukiwarce po wpisaniu konkretnego zapytania. Jeżeli zajmujesz się dla przykładu usługami ogrodowymi w Trójmieście, to warto postarać się, aby Twoja strona pokazywała się jako pierwszy z trzech wyników dla zapytania „koszenie trawy w Gdyni”. Bycie na pierwszej stronie to absolutne minimum. Mało który internauta dociera na drugą stronę Google’a.

Liczba fraz

A właściwie liczba fraz z wysokimi pozycjami. Pokazuje, jak często odnosimy sukces w pozycjonowaniu naszej strony. Zazwyczaj kilka fraz z wysokimi pozycjami to zbyt mało, dlatego ten wskaźnik powinien nieustanie pokazywać coraz wyższą wartość. Jest nierozerwalnie związany z poprzednim. Razem tworzą podstawę określenia autorytetu Twojej strony i tego, jak odbiera ją wyszukiwarka.

Działania użytkowników na stronie

To tutaj dzieją się kluczowe wydarzenia. Na nic nam będzie ogromna liczba odwiedzin, jeżeli zawiedzeni użytkownicy nie znajdą obiecanej zawartości na stronie. Nie tylko ją opuszczą, ale prawdopodobnie już nigdy nie wrócą zirytowani zawodem. Monitorowanie stron WWW pod tym kątem pomaga ją ulepszyć i przynosi wiele informacji o klientach, przydatnych także w innych celach.

Ruch na stronie

Czyli co tak naprawdę robią użytkownicy, gdy już znajdą się na Twojej stronie internetowej. Czy korzystają z wewnętrznych odnośników i docierają do sekcji związanych ze sprzedażą? Monitorowanie pokazuje, które podstrony cieszą się największym zainteresowaniem, a które nie radzą sobie dobrze i pozwala określić, które z naszych działań są skuteczne.

Czas trwania wizyt

Jak dużo czasu odbiorcy spędzają na poszczególnych podstronach oraz w ciągu całej sesji. Pozwala określić, czy treści, które chcesz przekazać, rzeczywiście do nich docierają, czy są jedynie pospiesznie scroll’owane.

Konwersje

Czy to się opłaca? Konwersje to wizyty, które zakończyły się zakupem lub dokonaniem zdarzenia na którym nam najbardziej zależy. Stosunek tej liczby do wszystkich wyświetleń lub wizyt na stronie pozwalają określić skuteczność naszej strony i opłacalność inwestycji. Zazwyczaj jest to niewielki procent lub promil wszystkich wizyt.

Współczynnik odrzuceń

Smutna konieczność – należy wiedzieć, gdzie poniosło się porażkę. Odrzucenia, czyli wizyty zakończone na pierwszej stronie świadczą o tym, że odbiorca z jakiegoś powodu szybko się zniechęcił. Jeżeli zdarza się to często, to może warto sprawdzić, co jest przyczyną sytuacji.

Dane demograficzne

Poznaj swoich klientów. Monitorowanie stron WWW umożliwia pozyskanie danych o płci, wieku i miejscu zamieszkania klientów. Dzięki temu dowiesz się, czy trafiasz do założonej grupy docelowej i kim są osoby odwiedzające Twoją stronę. Może okazać się, że Twoimi produktami zainteresowani są kompletnie inni ludzie, niż można by się spodziewać.

Artykuł Monitorowanie stron WWW – na jakie wskaźniki zwrócić uwagę? pochodzi z serwisu KoboSystem - skuteczne rozwiązania internetowe - sprawdź nas!.

Czym jest przekierowanie 301?

Zastanawialiście się kiedyś, dlaczego czasem podczas ładowania się strony internetowej zmienia się jej adres (na przykład znika „www”)? To właśnie tytułowe przekierowanie 301 w akcji. Co się stało? Zostaliście błyskawicznie przekierowani z jednego adresu na drugi (choć zazwyczaj bardzo podobny). Odpowiada za to umieszczone w kodzie pierwszego adresu permanentne przekierowanie na drugi. Przekierowanie 301 umożliwia to płynne i bezobsługowe „przerzucenie” użytkownika na inny adres URL. Dlaczego jest tak ważne?

Jeżeli przenosisz stronę pod nowy adres bez przekierowania, wyszukiwarki potraktują go jako nową stronę i całe dotychczasowe budowanie „siły” pójdzie na marne. Pozostawiając dotychczasowy adres i ustawiając na nim przekierowanie 301, utrzymasz dotychczasowe wyniki. Co ważne unikniesz zdezorientowania użytkowników, którzy często nie mają czasu ani ochoty szukać nowej strony lub nawet klikać w link. Tyczy się to nie tylko sytuacji, kiedy całą stronę internetową przenosimy pod nowy adres, ale także bardziej „codziennych” działań.

Jak i kiedy stosować przekierowanie 301?

Przede wszystkim warto zebrać wszystkie wersje domeny do jej głównej wersji. Tak jak w przykładzie z pierwszego akapitu – jeżeli masz możliwość korzystania z różnych adresów zawierających na przykład „www”, „http://”, „https://”, to warto ustawić na nich przekierowania, aby po pierwsze ułatwić użytkownikom życie, a po drugie zmaksymalizować autorytet strony. Przekierowanie 301 jest rekomendowane przez Google, które uwzględnia pozycje, wiarygodność i zewnętrzne linki ze wszystkich połączonych adresów.

Nawet przy radykalnej zmianie nazwy firmy, a co za tym idzie nowym adresem, należy koniecznie ustawić przekierowanie na starym, aby utrzymać dotychczasowe wyniki i pomóc klientom. Wielu przedsiębiorców, jeżeli może sobie na to pozwolić, wykupuje domeny z nazwami podobnymi do swojej lub związanymi z branżą. Taka technika zwiększa szanse odwiedzin docelowej strony, oczywiście pod warunkiem umieszczenia przekierowania na dodatkowych adresach.

Naprawianie błędów

Czasem zdarzy się, że jakaś podstrona zdobędzie popularność i będzie osiągać dobre wyniki, ale po jakimś czasie zorientujesz się, że zawiera błąd w adresie (na przykład rażącą literówkę w tytule). Co zrobić, aby go skorygować, a jednocześnie nie tracić dotychczasowych wyników i linków umieszczonych na zewnętrznych stronach? Wystarczy przenieść zawartość na poprawny adres, a na pierwotnym umieścić przekierowanie 301.

Inne zastosowania przekierowania 301

Jeżeli masz możliwość umieszczenia przekierowania na zaprzyjaźnionych zewnętrznych stronach, to także będzie wartościowym ruchem. Dobrym ruchem jest też umieszczenie go w banerach i innego rodzaju reklamach. Dzięki temu użytkownicy szybko dotrą na stronę, a Ty zyskasz możliwość bezpośredniego monitorowania skuteczności reklam.

Najczęściej popełniane błędy

Choć przekierowanie 301 wydaje się cudownie prostym rozwiązaniem wielu problemów, trzeba pamiętać, że jest jedynie narzędziem. I jak wszystkie narzędzia musi być wykorzystywane rozsądnie. Na koniec przedstawiamy najczęściej spotykane błędy związane z tą funkcją i sposoby ich uniknięcia.

Zła kolejność działań

To chyba najpopularniejsza wpadka. Mechanizm jest prosty – przenosimy stronę na nowy adres, a na starym ustawiamy przekierowanie… po jakimś czasie. Wystarczy kilka dni, aby wyszukiwarki zaindeksowały stronę jako nową i w ten sposób wyzerowały miesiące lub lata pozycjonowania, a skorygowanie błędu nic już nie pomoże. Dlatego bezwzględnie przekierowanie należy umieścić na starym adresie przed uruchomieniem nowego!

Przekierowanie 302

Użycie błędnego przekierowania to kolejny częsty błąd. 302 to przekierowanie tymczasowe, używane tylko, gdy zamierza się szybko powrócić do pierwotnego adresu. Dla użytkownika wyglądają tak samo, ale wyszukiwarki nie przekazują siły SEO na nową witrynę w przypadku przekierowania 302!

Nieodpowiednia treść

Jeżeli do tej pory sprzedawałeś samochody, a chcesz otworzyć salon kosmetyczny, to użycie autorytetu poprzedniej domeny się nie uda. Google szybko wyłapie nieprawidłowość i utnie wszystkie wyniki. To samo tyczy się zdublowanej treści i innych błędnych przekierowań.
Wystrzegając się tych błędów i rozsądnie korzystając z przekierowania 301, wykorzystasz optymalnie swoje możliwości i umożliwisz użytkownikom płynne poruszanie się po Twoich stronach. A o to przecież chodzi!

Potrzebujesz firmy, która zajmie się skutecznym pozycjonowaniem sklepu internetowego bądź przeprowadzi angażującą kampanię reklamową Google Ads – skontaktuj się z Nami!

Artykuł Przekierowanie 301 – dlaczego jest tak ważne pochodzi z serwisu KoboSystem - skuteczne rozwiązania internetowe - sprawdź nas!.

Według informacji, jakie udostępnił Google witryna, która ładuje się przez pięć lub więcej sekund może niestety zaobserwować czterdziestoprocentowy spadek konwersji. Niestety, jeśli posiadamy świetnie przygotowany content, nasza strona internetowa lub sklep oferują wręcz wybitnie ciekawą oprawę graficzną, jednak wczytywanie trwa wieczność możemy być pewni, że nie uzyskamy interesującej nas popularności. W takim przypadku odpowiedzią jest tak zwany lazy loading, co w dosłownym tłumaczeniu ma wydźwięk wręcz przeciwny do założenia, jednak w kwestii SEO jest właśnie odwrotnie. Czym więc jest bohater tego artykułu? Lazy loading to specjalnie przygotowany skrypt, który umieszcza się w kodzie naszej strony. Odpowiada on za ładowanie grafik oraz filmów na naszej witrynie wtedy, kiedy użytkownik przejdzie dopiero do tej sekcji. Krótko mówiąc, strona wczytuje się znacznie szybciej, a multimedia załadują się dopiero wtedy, kiedy “pojawią się” na monitorze odwiedzającej naszą stronę osoby.

Lazy loading to bardzo ważna rzecz dla każdej witryny

Portale oraz sklepy internetowe oferują coraz większą liczbę multimediów. Wszelkiego rodzaju obrazki oraz filmy powodują, że witryna wczytuje się zdecydowanie za wolno. Użytkownik traci cierpliwość i opuszcza ją tak naprawdę jeszcze jej nie odwiedzając. Tracimy przez to współczynnik konwersji, co w przypadku e-biznesu jest bardzo ważne. Przykładem niech będzie czytelnik zainteresowany contentem na naszej stronie, który wyszukał nas po konkretnej frazie kluczowej. Oczywiste jest, że nie wejdzie na stronę główną, by później szukać w poszczególnych kategoriach interesującej podstrony, tylko od razu trafi z wyszukiwarki właśnie na nią. W przypadku, gdy strona nie będzie się mu ładowała opuści ją szybciej niż się nam wydaje. W takim przypadku pomaga lazy loading, który blokuje wczytywanie dużych multimediów do czasu, kiedy czytelnik “zjedzie na dół” strony, aby przeglądać dalszą część podstrony.

Oczywiście szybkie ładowanie naszej witryny wpływa korzystnie nie tylko na zadowolenie naszych czytelników. Chodzi tu także, rzecz jasna o pozycjonowanie. Jest to jeden z czynników, który wpływa na ocenę witryny w kwestii SEO. Jeśli już posiadamy gotową stronę, opartą na przykład na jednym z popularnych systemów zarządzania treścią strony warto wykorzystać wtyczkę, która automatycznie wdroży skrypt lazy loading i optymalizuje go tak, abyśmy widzieli efekt praktycznie po chwili. Niezależnie, czy mówimy o WordPressie, a więc i WooCommerce, Joomli, PrestaShop, czy OpenCart. Praktycznie każdy popularny CMS posiada zarówno darmowe, jak i płatne wtyczki.

Co jeszcze warto wiedzieć?

Oprócz wdrożenia skryptu lazy loading warto stosować kompresję Gzip, która kompresuje pliki HTML i CSS. Powinniśmy także pamiętać o buforowaniu przeglądarek. Dzięki temu osoba, która kolejny raz odwiedza naszą stronę będzie miała wczytane już pliki graficzne. To owocować będzie znacznie krótszym czasem wczytywania się witryny. Ostatnią rzeczą, o której warto pamiętać jest usunięcie skryptów oraz pluginów, które są tak naprawdę nam niepotrzebne i nie wpływają na działanie naszej witryny lub sklepu internetowego.

Artykuł Czym jest lazy loading i dlaczego warto się nim zainteresować w kontekście SEO? pochodzi z serwisu KoboSystem - skuteczne rozwiązania internetowe - sprawdź nas!.

Czym jest język CSS?

CSS, czyli kaskadowe arkusze stylów to skrót od angielskiej nazwy Cascading Style Sheets. Język ten wykorzystywany jest do opisu układu elementów znajdujących się na stronie internetowej WWW. Za jego pomocą możemy zdefiniować wiele parametrów podczas projektowania strony takich jak: rodzaj czcionek, kolor tła czy wyrównanie elementów na stronie.

Arkusze stylów języka CSS to zbiór wytycznych, które odpowiedzialne są za regulację wyglądu danego dokumentu. To, co odróżnia go od XHTML to to, że ten pierwszy odpowiedzialny jest za prezencję strony, zaś drugi za jego strukturę. CSS znacząco ułatwia pozycjonowanie elementów i może odnosić się jednocześnie do wielu dokumentów. Oznacza to, że przy pomocy języka CSS z poziomu jednego arkusza możemy z łatwością kontrolować wygląd wielu innych dokumentów. Jest to bardzo wygodne podczas wprowadzania wizualnych zmian na stronach WWW. Pozwala to na zaoszczędzenie czasu, ponieważ nie musimy spędzać kolejnych godzin na edycji każdej podstrony, ponieważ wszystko dokonujemy w jednym arkuszu.

Na tym nie kończą się zalety korzystania z tego języka. CSS jest kompatybilny ze wszystkim popularnymi przeglądarkami internetowymi. W przeszłości zdarzało się tak, że podczas projektowania wyglądu strony internetowej programiści zmuszeni byli do pisania wielu kodów jednej strony, by ta była prawidłowo wyświetlana na konkretnej przeglądarce internetowej. W tej chwili nie jest to już konieczne, ponieważ język CSS obsługiwany jest przez wszystkie przeglądarki. Projektowanie skomplikowanych układów graficznych nie stanowi już problemu, gdyż CSS jest językiem standardowym. Dodatkowo jest on odpowiedzialny za prawidłowe renderowanie wyglądu strony w zależności od urządzenia na jakim dana witryna jest przeglądana – czy jest to komputer, tablet czy smartfon.

Za co odpowiadają arkusze CSS?

Jak to bywa w przypadku stron internetowych, każdy element jest za coś odpowiedzialny. Oczywiście CSS odpowiada za wygląd strony. Dokładnie za:
– teksty,
– tło,
– marginesy,
– obramowanie,
– czcionki,
– filtry,
– tabele.

Przy pomocy kaskadowych arkuszy stylów możemy ustalić wielkość czcionki, styl, proporcje czy ich rodzaj. Z kolei cechy tekstu ustalane przez programistę dotyczą koloru, dekoracji, wcięcia czy wyrównania.

Jakie płyną korzyści z korzystania z CSS?

Tak jak wcześniej wspominaliśmy jedną z największych zalet tego języka jest jego kompatybilność ze wszystkim przeglądarkami z jakich korzystają użytkownicy. Kaskadowe arkusze stylów stały się po prostu podstawowym i nieodłącznym elementem podczas projektowania stron internetowych ponieważ pozwalają na bieżące edytowanie i kontrolowanie układu graficznego dokumentu przez programistę. Wszystko to dostępne jest z poziomu jednego arkusza stylów. Cały proces jest bardziej precyzyjny i mniej czasochłonny. Dodatkowo język CSS dba o to, aby strona wyświetlała się prawidłowo na każdym urządzeniu z jakiego korzysta użytkownik.

Jak skonstruowane są arkusze CSS?

O tym, że arkusze stylów CSS są w dzisiejszych czasach nieodłączną częścią projektowania stron internetowych już wiemy. Dzięki nim mamy możliwość swobodnej modyfikacji wyglądu strony. Dowiedzmy się zatem jak wygląda ich konstrukcja?

Kaskadowe arkusze stylów w języku programistów prezentują się następująco:

(style type=”text/css”)
(! – –
Znacznik { właściwości: wartość; }
– – >
(/style)

Każdy arkusz stylów posiada listę reguł, które określają w precyzyjny sposób, jakie elementy strony internetowej mają zostać wyświetlone przez przeglądarkę internetową. Każda z tych reguł składa się z selektora i deklaracji. Selektor odpowiedzialny jest za określenie grupy elementów, którego dotyczyć ma deklaracja określająca formatowanie. Deklaracja z kolei składa się z nazwy jednej z właściwości i jej wartości. Selektor może określać np. kolor a jego wartością może być nazwa tego koloru – np. czarny, biały czy zielony.

Jeśli chcemy aby arkusze CSS były wykorzystywane w przypadku wyświetlania stron internetowych muszą one zostać powiązane z dokumentem. Relację dokumentu CSS ze stroną należy określić przy użyciu linku:

<link rel=”stylesheet” href=”style.css” /> – dla (X)HTML

lub

<?xml-stylesheet type=”text/css” href=”style.css”?> – dla dokumentów XML.

Link umieszczamy we wnętrzu nagłówka dokumentu lub przy pomocy elementu style umieszczonego w dokumentach opierających się na języku XML.

Arkusze stylów odpowiedzialne są za prawidłowe wyświetlanie elementów na stronie internetowej i jej ogólny wygląd. Z racji tego, że jest to już standard przy projektowaniu stron internetowych nie musimy martwić się tym czy nasza strona z niego korzysta. CSS pozwala na szybką i łatwą modyfikację wyglądu witryn oraz wygodną kontrolę.

Artykuł Co to jest CSS? pochodzi z serwisu KoboSystem - skuteczne rozwiązania internetowe - sprawdź nas!.

Przekierowania – co to takiego? Po co je stosować?

Jeśli chcemy wytłumaczyć o co chodzi z przekierowaniami, wyobraźmy sobie najprostszą sytuację. Mamy swoją ulubioną restaurację, do której chcemy się udać. Po dotarciu na miejsce nagle okazuje się, że… tego miejsca już nie ma. Mało tego, nikt nam nie pozostawił wskazówki, co się stało i gdzie szukać tej konkretnej restauracji. Nie inaczej jest w przypadku strony internetowej. Wpisujemy interesujący nas tekst w wyszukiwarce. Odnajdujemy link do witryny, którą chcemy odwiedzić, a zamiast treści odnajdujemy komunikat, że dana strona nie istnieje. W takim przypadku administrator witryny powinien użyć redirectu, który przeniesie czytelnika na odpowiednią podstronę. Nie inaczej jest w przypadku treści już nieaktualnych. Przykładowo chcemy przeczytać artykuł o topowych smartfonach z czerwca br. Wchodząc na stronę internetową otrzymujemy interesujący nas tekst, jednak dotyczy on modeli z… ubiegłego roku. W tym przypadku właściciel witryny powinien przygotować nową treść, lecz także uruchomić przekierowanie, które ze starego linku będzie prowadzić na ten nowy, zaktualizowany.

Możemy wyróżnić dwa przekierowania, które są stosowane przez programistów. Pierwsze z nich to trwałe, a więc redirect 301. Boty odwiedzające daną witrynę wiedzą, że strona została przeniesiona na stałe, dlatego też wyniki wyszukiwania powinny dotyczyć tylko nowego, a więc aktualnego adresu. Dzięki temu algorytmy mogą przygotować wyszukiwarkę tak, aby podczas wpisywania interesujących nas fraz nie zachodził proces tak zwanego dublowania wyników. Kolejne przekierowanie, redirect 302 różni się od poprzedniego tym, że algorytmy traktują je jako tymczasowe. W tym przypadku w wynikach wyszukiwania pojawiają się zarówno te stare linki, jak i nowe. To, co łączy oba rodzaje przekierowań to brak widoczności redirect’u dla użytkownika. Dzieje się to tak szybko, jeszcze przed załadowaniem witryny, że Internauta, który chce sprawdzić daną treść nawet nie wie, że został przekierowany na inną stronę. Oczywiście nie są to jedyne przekierowania. Znajdziemy także redirect 303, 304, 305, 307. Opisane zostały jednak te dwa, które są powszechnie stosowane.

Jakie przekierowania są najczęściej stosowane?

Przeglądając redirect 301, które są stosowane możemy wyróżnić kilka najpopularniejszych. Pierwsze z nich dotyczy przekierowania domeny z www na tę bez www lub na odwrót. To ważne w przypadku preferowanej opcji w Google Search Console. Jak to działa?

Gdy chcemy przekierować adres z www na ten bez www:
RewriteCond %{HTTP_HOST} ^www.adresstrony.pl [NC]
RewriteRule ^(.*)$ http://adresstrony.pl/$1 [L,R=301]

Gdy chcemy przekierować adres bez www na ten z www:
RewriteCond %{HTTP_HOST} ^adresstrony.pl [NC]
RewriteRule ^(.*)$ http://www.adresstrony.pl/$1 [L,R=301]

Co ciekawe, możemy również ustawić przekierowanie jakiejś podstrony na inną (o czym wspominaliśmy – na przykład gdy treść jest już nieaktualna). Wtedy stosujemy kod:
RedirectMatch 301 /folder/plik-strony.php http://adrestrony.pl

W obu przypadkach musimy dokonać zmian w pliku .htaccess, który znajduje się w folderze głównym naszego serwera.

Nie musimy korzystać tylko i wyłącznie z edycji wyżej wymienionego pliku. Możemy również do przekierowania wykorzystać PHP. Przykładowo, jeśli chcemy, aby dany plik przenosił użytkowników na inną stronę musimy dodać kod:

<?php
header(„Location: http://nowyadresstrony.pl/index.php”);
die();
?>

W takim przypadku zarówno internauci jak i boty Google’a będą automatycznie przekierowywane na nowy adres.

Istnieje również możliwość uruchomienia przekierowania za pomocą kodu JavaScript. W tym przypadku także należy dodać go w danym pliku, aby uzyskać redirect.

<script type=”text/javascript”>
window.location = „http://www.nowyadresstrony.pl”;
</script>

Przekierowania są bardzo ważne. Warto je stosować

Stosowanie redirect jest bardzo ważne. Dzięki temu osoby odwiedzające naszą witrynę nie będą irytować się tym, że znajdą się po raz kolejny na pustej podstronie. To również bardzo ważne, jeśli zależy nam na jak najmniejszym współczynniku odrzuceń. Dlatego też nie tylko możemy, lecz wręcz musimy stosować przekierowania, aby nasza witryna była dobrze indeksowana w wyszukiwarkach.

Szukasz firmy, która kompleksowo zajmie się pozycjonowaniem twojego sklepu internetowego bądź strony www – skontaktuj się z KoboSystem!

Artykuł Przekierowania – jakie są ich rodzaje i po co robić redirecty? pochodzi z serwisu KoboSystem - skuteczne rozwiązania internetowe - sprawdź nas!.