KREATYWNI

... Z NATURY

Więcej o nas

NASZA OFERTA

co robimy ?

Od momentu założenia w 2004 roku, rozwija się bardzo dynamicznie. Dzięki ciągłemu rozszerzaniu świadczonych przez nas usług, stale powiększamy grupę zadowolonych klientów. To co przekonało naszych klientów to nasza elastyczność i uwzględnianie ich indywidualnych potrzeb.

Strony internetowe
optymalizacja seo

Strona WWW jest głównym źródłem informacji i interaktywnym środowiskiem kontaktu z klientem.

Czytaj więcej

SKLEPY INTERNETOWE PRESTASHOP

Nowoczesne, funckjonalne i łatwe w obsłudze rozwiązanie e-commerce dostosowane do Twoich potrzeb.

Czytaj więcej

SEO /SEM
audyty

Zwiększanie widoczności strony, podniesienie pozycji w wyszukiwarce Google. Pozycjonowanie sklepów internetowych - SEO PrestaShop. Audyty SEO.

Czytaj więcej
Strona WWW jest głównym źródłem informacji i interaktywnym środowiskiem kontaktu z klientem. Jest to równocześnie najtańszy sposób zareklamowania się szerokiemu gronu klientów i kontrahentów. Jakie funkcje powinna spełniać Twoja strona internetowa?

PORTFOLIO

Nasze prace

Uwaga na fałszywe strony Roundcube – czy roundcube.pl to phishing?

Webmail Roundcube to jedno z najczęściej wykorzystywanych narzędzi do przeglądania poczty e-mail przez przeglądarkę. Jego otwartość i popularność sprawiają jednak, że często staje się celem cyberprzestępców. Coraz częściej pojawiają się przypadki stron podszywających się pod Roundcube, których celem jest wyłudzanie danych logowania. Jedną z takich podejrzanych stron jest https://roundcube.pl **UWAGA (Zalecamy unikać wchodzenia na tę stronę, chyba że w celach analitycznych i ze świadomością zagrożeń). **

Czym jest Roundcube?

Roundcube to darmowy, open-source’owy klient poczty e-mail, używany przez wiele firm hostingowych. Umożliwia łatwe zarządzanie skrzynką bez dodatkowego oprogramowania.

Dlaczego roundcube.pl budzi podejrzenia?

Strona roundcube.pl wygląda jak panel logowania Roundcube, ale:

  • Nie jest powiązana z twórcami Roundcube ani znanymi dostawcami usług pocztowych.
  • Brak danych właściciela domeny (ukryty Abonent w WHOIS).
  • Data modyfikacji WHOIS: 2025-05-08 – przyszła data, co sugeruje manipulację.
  • Może być narzędziem do phishingu, wyłudzającym loginy i hasła.

Czerwone flagi w danych WHOIS

Rejestrator: Alphanet sp. z o.o. (legalny, ale nie gwarantuje uczciwości strony).

Abonent: Dane ukryte – brak przejrzystości.

Podejrzana data: Wpis z przyszłości budzi wątpliwości co do wiarygodności.

Brak jawności + formularz logowania = ALARM!

Legalne serwisy pocztowe zawsze podają dane kontaktowe i działają transparentnie.

Dodatkowe informacje o właścicielu

Brak danych firmowych

Polityka prywatności i regulamin (Terms of Service) wskazują jedynie, że:

„Administratorem Serwisu oraz Danych jest właściciel domeny roundcube prowadzący działalność zgodnie z art. 5 ust. 1 Prawa przedsiębiorców”

Brakuje jednak jakichkolwiek innych danych identyfikujących właściciela – nie ma nazwy firmy, numeru NIP, KRS, ani adresu siedziby. To poważna luka informacyjna, szczególnie jak na usługę, która potencjalnie prosi użytkowników o dane dostępowe do ich poczty elektronicznej.

W Polityce Prywatności oraz Regulaminie serwisu roundcube podano jedynie jedną ogólnikową informację

„Administratorem Serwisu oraz Danych jest właściciel domeny”

Na tym kończy się jakakolwiek próba identyfikacji. Nie znajdziemy:

  • nazwy firmy,
  • imienia i nazwiska właściciela,
  • numeru NIP, REGON, KRS,
  • ani adresu prowadzenia działalności.

Co więcej – dane właściciela domeny są ukryte w rejestrze WHOIS, więc nie ma żadnej możliwości samodzielnej weryfikacji, kto faktycznie stoi za tym serwisem.

Czy roundcube.pl może ukraść Twoje hasło?

TAK! Logując się na tej stronie. Twoje dane (login i hasło) mogą zostać przechwycone.

Jak znalazłeś się na stronie roundcube.pl

To oznacza, że wpisałeś adres, taki jak:

  • https://webmail.twojadomena.pl
  • https://roundcube.twojadomena.pl
  • https://twojadomena.pl/roundcube
  • https://twojadomena.pl/webmail

nie w pasek adresu przeglądarki, a w wyszukiwarkę Google i kliknąłeś w link z wyników wyszukiwania. W ten sposób nie łączysz się bezpośrednio ze swoim serwerem, a z podejrzaną stroną, która może być zoptymalizowana do wyłudzania danych.

Jak się chronić?

Loguj się TYLKO przez oficjalny adres dostawcy, np.:
https://twojadomena.pl/roundcube
https://twojadomena.pl/webmail
https://webmail.twojadomena.pl
https://roundcube.twojadomena.pl

Unikaj nieznanych portali logowania, takich jak roundcube.pl

Co robić, jeśli podałeś dane?

  • NATYCHMIAST zmień hasło do skrzynki.
  • Zgłoś incydent administratorowi poczty.
  • Sprawdź historię logowań – szukaj nieznanych lokalizacji.
  • Zmień hasła w innych serwisach, jeśli używałeś tego samego.

Roundcube.pl to podejrzana strona z ukrytym właścicielem, potencjalnie służąca do phishingu. NIGDY nie loguj się przez nieznane domeny! Zawsze korzystaj z oficjalnych adresów swojego dostawcy poczty, takich jak https://webmail.twojadomena.pl, https://roundcube.twojadomena.pl, https://twojadomena.pl/roundcube lub https://twojadomena.pl/webmail.

Zgłaszaj podejrzane strony do Google i CERT Polska.

Jak dodać tag weryfikacyjny Google Search Console w WordPress przez functions.php

Jeśli chcesz zweryfikować swoją stronę internetową w Google Search Console (GSC), jednym ze sposobów jest dodanie specjalnego meta tagu do sekcji <head> swojej witryny. W tym artykule pokażę Ci, jak to zrobić w WordPressie za pomocą prostego wpisu w pliku functions.php.

Czym jest tag weryfikacyjny Google (GSC)?

Google Search Console udostępnia różne metody weryfikacji strony. Jedną z nich jest wstawienie do kodu strony takiego oto meta tagu:

<meta name="google-site-verification" content="Twój kod Google Search Console" />

Dzięki temu Google może potwierdzić, że jesteś właścicielem witryny i przyznać Ci dostęp do danych w Search Console.

Krok po kroku – jak dodać tag do WordPressa

Najprostszym sposobem na wstawienie tagu do sekcji strony w WordPressie jest użycie funkcji PHP w pliku functions.php.

1. Zaloguj się do panelu WordPress

Wejdź do swojego kokpitu WordPress i przejdź do:

Wygląd → Edytor plików motywu (lub użyj FTP / Menedżera plików w cPanelu).

2. Otwórz plik functions.php

Z listy plików po prawej stronie znajdź functions.php. To plik, który pozwala dodawać własne funkcje do Twojego motywu.

Na samym końcu pliku dodaj poniższą funkcję:

3. Wklej poniższy kod

function dodaj_google_site_verification_meta() {
    echo '<meta name="google-site-verification" content="Twój kod Google Search Console" />' . "\n";
}
add_action('wp_head', 'dodaj_google_site_verification_meta');

4. Zapisz zmiany i sprawdź źródło strony

Otwórz swoją stronę w przeglądarce, kliknij prawym przyciskiem i wybierz „Pokaż źródło strony” (lub naciśnij Ctrl+U). Upewnij się, że wewnątrz sekcji <head> znajduje się wstawiony przez Ciebie tag weryfikacyjny.

Dlaczego nie warto używać wtyczek do każdej drobnej rzeczy?

Oczywiście istnieją wtyczki, które umożliwiają dodanie tagów weryfikacyjnych, jednak dla jednej linijki kodu nie ma sensu instalować kolejnego rozszerzenia. Dodanie funkcji w functions.php to lekka i bezpieczna metoda — pod warunkiem, że robisz to ostrożnie i najlepiej w motywie potomnym (child theme).

Prestashop nie zapisuje zmian? Ukryte formatowanie z Worda może być problemem

Nie możesz zapisać zmian w opisach produktów lub treści CMS w Prestashop? Nie widzisz błędów, a serwer milczy? Przyczyna może leżeć w nieoczywistym miejscu – formatowaniu tekstu wklejonego z Worda. Przeczytaj, jak zdiagnozować i rozwiązać ten problem.


Objawy problemu

  • Zmiany w opisie produktu nie zapisują się.
  • Panel CMS działa, ale nowe treści nie są zapisywane.
  • Brak komunikatów błędów w interfejsie Prestashop.
  • Logi serwera (Apache/Nginx) w pliku error.log są puste.
  • Konsola przeglądarki nie pokazuje żadnych błędów.
  • Ręczna analiza bazy danych ujawnia „zanieczyszczone” dane w polu opisu.

Przyczyna problemu

Wklejanie tekstu z edytorów Microsoft (Word, Outlook, MS Teams itp.) do edytora Prestashop (np. TinyMCE) wprowadza ukryte tagi i atrybuty, takie jak <!-- [if gte mso 9]>, style="mso-fareast-language", czy mso-xxx. Prestashop nie zawsze filtruje te elementy, co może powodować problemy:

  • Serwery z włączonymi zabezpieczeniami (np. mod_security) mogą blokować podejrzane żądania POST, nawet po wyłączeniu mod_security, co komplikuje diagnozę.
  • Ukryte formatowanie może przekraczać limity pól w bazie danych (np. TEXT zamiast LONGTEXT).
  • Dane mogą zostać zapisane, ale ich ponowna edycja jest niemożliwa z powodu błędów w tle.
  • Włączenie display_errors na serwerze często nie pomaga, ponieważ problem leży w cichym odrzucaniu danych przez serwer lub aplikację.

Jak zdiagnozować problem?

  1. Sprawdź źródło HTML: W edytorze Prestashop kliknij opcję „Źródło” (lub „Source”). Jeśli widzisz nietypowe tagi i style (np. mso- lub <!--[if ...]>), to one są problemem.
  2. Zweryfikuj bazę danych: Użyj phpMyAdmin, aby przejrzeć pole opisu produktu w bazie (np. tabela ps_product_lang). Często znajdziesz tam ukryte style z Worda.
  3. Test z czystym tekstem: Skopiuj problematyczny tekst, wklej go do Notatnika (lub innego edytora tekstowego), a następnie wklej jako czysty tekst do Prestashop i spróbuj zapisać.

Jak rozwiązać problem?

Wklejaj czysty tekst: Używaj skrótu Ctrl+Shift+V lub wklejaj treść przez Notatnik, aby pozbyć się formatowania.

Jak zapobiegać w przyszłości?

Włącz tryb debugowania w Prestashop: W pliku defines.inc.php ustaw define('_PS_MODE_DEV_', 1);, aby logować zapytania SQL i żądania POST. Uwaga: Jeśli po ustawieniu PS_MODE_DEV na 1 nadal nie widzisz błędów, problem może leżeć w konfiguracji serwera (np. ciche odrzucanie żądań POST przez filtry bezpieczeństwa). Spróbuj włączyć dodatkowe logowanie w panelu administracyjnym Prestashop (Zaawansowane → Logi) lub skonfiguruj serwer do bardziej szczegółowego logowania.

Włącz display_errors na serwerze testowym: Ustaw w pliku php.ini opcję display_errors = On. Jeśli to nie ujawnia błędów, zweryfikuj logi PHP (error_log) lub skonfiguruj niestandardowe logowanie błędów w Prestashop.

Monitoruj logi serwera: Nawet po wyłączeniu mod_security, inne filtry bezpieczeństwa mogą blokować żądania POST. Sprawdź logi dostępu (access.log) i błędów (error.log) serwera.

Skonfiguruj limity pól tekstowych: Zwiększ limit pól w bazie danych (np. zmień TEXT na LONGTEXT w tabeli ps_product_lang), jeśli problem się powtarza.

Ogranicz formatowanie w edytorze WYSIWYG: Skonfiguruj TinyMCE, aby automatycznie usuwał podejrzane tagi (np. poprzez ustawienia wtyczki w Prestashop).

Edukuj zespół: Wklejaj tekst jako czysty (np. przez Notatnik lub Ctrl+Shift+V), aby uniknąć formatowania z Worda.

Podsumowanie

Jeśli Prestashop nie pozwala zapisać zmian w opisach produktów lub treści CMS, a Ty nie widzisz żadnych błędów, winowajcą może być formatowanie tekstu wklejonego z Worda. Ukryte tagi i style z edytorów Microsoftu mogą blokować zapis danych, a problem często pozostaje niewidoczny w logach serwera. Sprawdzaj źródło HTML, wklejaj tekst jako czysty i korzystaj z narzędzi do usuwania formatowania. Dzięki temu zaoszczędzisz czas i nerwy!

Czym jest „noindex” i jak wpływa na widoczność strony w Google?

Jeśli prowadzisz stronę internetową lub bloga, na pewno zależy Ci na dobrej widoczności w wyszukiwarkach. Ale co, jeśli chcesz świadomie ukryć niektóre podstrony przed Google? Właśnie do tego służy znacznik noindex – jedno z podstawowych narzędzi w arsenale każdego specjalisty SEO.

Co to jest „noindex”?

Noindex to dyrektywa, która mówi robotom wyszukiwarek: „nie indeksuj tej strony”. To oznacza, że dana podstrona nie pojawi się w wynikach wyszukiwania – nawet jeśli zawiera unikalną treść, wartościowe informacje czy słowa kluczowe.

Dyrektywę noindex można zastosować na dwa sposoby:

  1. W nagłówku HTML strony:
<meta name="robots" content="noindex">

2. W nagłówkach HTTP (przy serwowaniu strony z serwera):

X-Robots-Tag: noindex

Kiedy warto używać „noindex”?

Choć ukrywanie treści przed Google może wydawać się sprzeczne z celem SEO, są sytuacje, kiedy to najlepsze możliwe rozwiązanie. Oto kilka przykładów:

  • Strony z duplikatami treści (np. wersje filtrowania w e-commerce).
  • Strony tymczasowe, np. robocze wersje ofert.
  • Strony z polityką prywatności, regulaminami, podziękowaniami za wysłanie formularza – niepotrzebne w indeksie Google.
  • Strefy tylko dla zalogowanych użytkowników – np. panele klienta.
  • Strony ubogie w treść (thin content), które mogą pogarszać ogólny profil jakości witryny.

Uwaga: „noindex” ≠ „nofollow”

Nie myl noindex z nofollow. Ten drugi mówi robotom, by nie podążały za linkami na stronie – ale sama strona nadal może być indeksowana. Często spotyka się połączenie obu: noindex, nofollow, ale warto zrozumieć ich działanie osobno.

Jak sprawdzić, czy strona ma „noindex”?

Najprostsze sposoby:

  • Sprawdzenie źródła strony (Ctrl+U) i wyszukanie <meta name="robots".
  • Narzędzia dla webmasterów – np. Google Search Console (raport indeksowania, testowanie URL).

Realny problem: noindex

W ramach własnych działań badawczo-analitycznych przeprowadziliśmy szeroko zakrojone skanowanie ponad 1 000 000 polskich stron internetowych, wykorzystując nasze autorskie narzędzie do analizy kodu źródłowego.

W wyniku tego badania wykryliśmy ponad 5 000 aktywnych adresów URL stron komercyjnych, które miały ustawiony tag noindex – mimo że ich treść i struktura jednoznacznie wskazywały, że powinny być widoczne w wynikach wyszukiwania.

Co ciekawe, w aż 90% przypadków były to strony oparte na WordPressie. Analiza wskazuje, że najczęściej noindex został dodany na etapie projektowania witryny – co jest uzasadnione technicznie, by uniknąć przedwczesnej indeksacji wersji roboczej. Niestety, później został przypadkowo pozostawiony przez twórcę strony i tak trafił do wersji produkcyjnej.

Efekt? Gotowa strona trafia do internetu, ale nigdy nie pojawia się w Google, mimo że właściciel inwestuje w treści, pozycjonowanie czy kampanie marketingowe.

To realny, a jednocześnie zaskakująco częsty błąd – i jedno z najlepiej ukrytych zagrożeń dla widoczności strony.

Noindex to dyrektywa dla robotów wyszukiwarek, która mówi im, aby nie dodawały danej strony do indeksu. Można ją dodać za pomocą tagu meta w kodzie HTML lub przez nagłówek HTTP.

Warto go używać na stronach tymczasowych, technicznych, zduplikowanych, stronach polityki prywatności lub podziękowaniach za formularz. Wszystkich, które nie wnoszą wartości SEO i nie powinny pojawiać się w wynikach wyszukiwania.

Tak. Jeśli znacznik noindex zostanie nieświadomie pozostawiony na stronie produkcyjnej, może całkowicie wykluczyć ją z wyników wyszukiwania Google — nawet jeśli strona zawiera unikalną i wartościową treść.

Można to zrobić przez analizę kodu źródłowego (Ctrl+U), wyszukiwanie meta tagów „robots”, korzystając z Google Search Console, testowania adresów URL lub rozszerzeń SEO w przeglądarce.

W ramach naszego badania przeanalizowaliśmy kod źródłowy ponad 1 miliona polskich stron internetowych, używając autorskiego narzędzia. Wykryliśmy ponad 5 tysięcy przypadków nieświadomego użycia noindex — głównie w WordPressie, gdzie znacznik został pozostawiony przez pomyłkę przez wykonawcę strony.

Duża liczba niezaindeksowanych stron w PrestaShop

Jeśli korzystasz z PrestaShop i masz aktywną nawigację fasetową (filtry produktów), możesz zauważyć, że Googlebot intensywnie indeksuje adresy URL z parametrem ?q=, mimo że strony te mają już znacznik noindex. To może prowadzić do kilku poważnych problemów:

Błędy w indeksacji zawieszają sklep PrestaShop

  • Nadmierna liczba zapytań od Googlebota (u mnie: 4,1 mln żądań indeksowania w 90 dni),
  • Wysokie obciążenie serwera,
  • Spowolnienie działania sklepu.
duża liczba nie zindeksowanych stron w Goolge Search Console

Przykładowe żądanie od Googlebota:

66.249.76.41 - - [05/Jun/2025:11:50:01 +0200] "GET /en/1032-gastrer-gn?q=Kapazit%C3%A4t+%28in+Litern%29-2%2C25-3%2C6-5%2C9-11%2C5-14-18-3 HTTP/1.1" 200 3743 "-" "Mozilla/5.0 (Linux; Android 6.0.1; Nexus 5X Build/MMB29P) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.7103.113 Mobile Safari/537.36 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"

Rozwiązanie: zablokuj Googlebota przed dostępem do adresów z ?q=

1. Dodaj regułę do pliku robots.txt

User-agent:*
Disallow: /*?q=
Disallow: /*&q=

To poinformuje Googlebota, żeby nie odwiedzał tego typu adresów.

2. Zgłoś nowy robots.txt w Google Search Console

Po wprowadzeniu zmian, wejdź do Google Search Console i poproś o ponowne zindeksowanie pliku robots.txt. Z mojego doświadczenia wynika, że Google reaguje na zmianę w ciągu kilkunastu godzin.

3. (Opcjonalnie, dla zaawansowanych) Blokowanie Googlebota po stronie serwera — .htaccess lub inna konfiguracja

Jeśli ruch od Googlebota na adresy z parametrem ?q= jest bardzo intensywny i obciąża serwer, można zastosować dodatkowe ograniczenie bezpośrednio na poziomie serwera — np. przez plik .htaccess (Apache) lub odpowiednią regułę w konfiguracji Nginx.

Uwaga: Ta metoda jest dla zaawansowanych użytkowników i niesie ze sobą ryzyko.
W zależności od rodzaju serwera oraz konkretnej konfiguracji, niewłaściwie zastosowana reguła może:

  • zablokować dostęp Googlebota do całej strony (a nie tylko do niechcianych adresów z ?q=),
  • spowodować błędy 403 lub 500 dla zwykłych użytkowników,
  • całkowicie unieruchomić stronę.

Dlatego kluczowe jest, aby po wdrożeniu tej metody:

  • monitorować logi serwera,
  • upewnić się, że Googlebot otrzymuje kod odpowiedzi 200 OK dla wszystkich właściwych stron,
  • oraz 403 Forbidden tylko dla adresów zawierających ?q=.

Przykład reguły .htaccess (dla Apache) może wyglądać tak:

<IfModule mod_rewrite.c>
RewriteEngine On

# Warunek 1: Sprawdź, czy w ciągu zapytania (query string) występuje "?q="
RewriteCond %{QUERY_STRING} (^|&)q= [NC]

# Warunek 2: Sprawdź, czy User-Agent to Googlebot
RewriteCond %{HTTP_USER_AGENT} Googlebot [NC]

# Jeśli oba warunki są spełnione, zablokuj dostęp (F - Forbidden, L - Last rule)
RewriteRule ^.* - [F,L]
</IfModule>
66.249.76.41 - - [06/Jun/2025:12:20:31 +0200] "GET /es/1022-gastrosr-gn?q=Kapazit%C3%A4t+%28in+Litern%29-2%2C25-3%2C6-5%2C9-11%2C5-14-18-3 HTTP/1.1" 403 3743 "-" "Mozilla/5.0 (Linux; Android 6.0.1; Nexus 5X Build/MMB29P) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.7103.113 Mobile Safari/537.36 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"

Powyższy log pokazuje natychmiastową blokadę Googlebota.
Bot otrzymuje odpowiedź 403 Forbidden, co oznacza, że:

  • serwer nie przetwarza żądania,
  • skrypt PHP nie jest uruchamiany,
  • baza danych nie jest obciążana.

To skuteczna i natychmiastowa metoda odciążenia serwera przy bardzo dużym ruchu botów na adresy z parametrem ?q=.

PrestaShop wykorzystuje nawigację fasetową (filtry), która generuje adresy URL z parametrem ?q=. Nawet jeśli strony mają znacznik noindex, Googlebot może próbować je odwiedzać, jeśli nie są zablokowane w robots.txt lub na poziomie serwera.

Najpierw dodaj w robots.txt: Disallow: /*?q=. Dodatkowo, możesz zablokować żądania po stronie serwera (np. w .htaccess), dzięki czemu Googlebot od razu otrzyma kod 403 i serwer nie przetworzy zapytania.

To skuteczna metoda, ale wymaga ostrożności. Zła konfiguracja może zablokować dostęp Googlebota do całej strony. Po wdrożeniu warto monitorować logi i sprawdzić, czy zwykłe strony mają status 200, a adresy z ?q= otrzymują 403.

Użyj narzędzi Google Search Console – Test pliku robots.txt lub funkcji Sprawdź URL. Dodatkowo analizuj logi serwera, by upewnić się, że odpowiednie strony mają kod 200, a te z ?q= są zablokowane (403).

Zbyt intensywne indeksowanie filtrów obciąża serwer, spowalnia sklep i wyczerpuje budżet indeksowania w Google. Strony z parametrem ?q= zwykle nie mają wartości SEO, ponieważ prezentują zduplikowaną treść.
Co ważne — PrestaShop domyślnie dodaje do tych adresów tag <link rel="canonical">, który wskazuje na główny adres URL bez parametru ?q=.
Mimo to Googlebot nadal może próbować je odwiedzać, dlatego warto je świadomie zablokować.

Potrzebujesz pomocy z PrestaShop?

Zajmujemy się kompleksową administracją, optymalizacją oraz opieką techniczną nad sklepami PrestaShop.
Pomagamy m.in. w:

  • rozwiązywaniu problemów z indeksowaniem i SEO,
  • konfiguracji,
  • poprawie wydajności sklepu i serwera,
  • aktualizacjach, backupach i bezpieczeństwie.

Jeśli chcesz mieć sprawny, szybki i bezpieczny sklep — skontaktuj się z nami.

Awaryjne wyłączenie wysyłki maili w WordPressie

Czasami podczas pracy nad stroną WordPress zachodzi potrzeba pilnego zatrzymania wysyłki wszystkich wiadomości e-mail. Może być to konieczne podczas naprawy błędu, problemów z bezpieczeństwem lub nagłego ataku spamerów.

Jak szybko wyłączyć wysyłkę maili w WordPressie?

WordPress umożliwia błyskawiczne wyłączenie wszystkich wiadomości e-mail za pomocą jednej linijki kodu w pliku functions.php w motywie lub poprzez wtyczkę snippetów:

add_filter('pre_wp_mail', '__return_true');

Ten prosty filtr całkowicie blokuje wysyłkę e-maili, powodując że WordPress nie będzie już wysyłać żadnych wiadomości, niezależnie od ich typu (powiadomienia, wiadomości z formularzy, itp.).

Kiedy stosować takie rozwiązanie?

Awaryjne wyłączenie maili może pomóc w sytuacjach:

  • gdy zauważysz, że Twój serwer zaczyna wysyłać dużą liczbę niekontrolowanych maili,
  • podczas ataków spamowych lub gdy formularze kontaktowe są nadużywane,
  • jeśli pracujesz na środowisku testowym i nie chcesz wysyłać maili do rzeczywistych użytkowników.

Czy to najlepsze rozwiązanie?

Wyłączenie wysyłki maili powinno być traktowane jako tymczasowy środek bezpieczeństwa, a nie stałe rozwiązanie. Jeśli masz problem z dużą ilością spamu, zdecydowanie lepszym i trwalszym rozwiązaniem będzie zastosowanie skutecznej ochrony typu CAPTCHA (np. reCAPTCHA od Google).

Stosując zabezpieczenie typu CAPTCHA:

  • skutecznie ograniczasz spam i fałszywe wiadomości,
  • zachowujesz podstawową funkcjonalność strony, taką jak formularze kontaktowe,
  • nie tracisz ważnych powiadomień, które mogą być kluczowe dla Twojego biznesu.

Podsumowanie

Awaryjne wyłączenie wysyłki maili w WordPress jest szybkie i skuteczne, ale powinno być używane tylko w sytuacjach wyjątkowych. Na co dzień warto zainwestować w narzędzia zabezpieczające, takie jak CAPTCHA, które zapewnią bezpieczeństwo strony i zachowają komfort użytkowników.

Wybierz rozwiązania skuteczne, trwałe i bezpieczne!

Jak usunąć sierotki w WordPressie? Automatyczna poprawa typografii

Czym są sierotki i dlaczego warto je usuwać?

Sierotki to pojedyncze, krótkie słowa (np. „i”, „a”, „w”), które zostają na końcu linii w tekście. Z punktu widzenia estetyki i poprawnej typografii warto je eliminować, aby treść wyglądała profesjonalnie i była łatwiejsza do czytania.

W WordPressie można to zrobić automatycznie, dodając odpowiednią funkcję do pliku functions.php. W tym wpisie pokażę Ci, jak to zrobić!

Automatyczne usuwanie sierotek w WordPressie

1. Dodanie funkcji usuwania sierotek do pliku functions.php

Aby dodać automatyczne usuwanie sierotek w treści wpisów, tytułach i widżetach, wystarczy wkleić poniższy kod do pliku functions.php Twojego motywu potomnego:

function usun_sierotki($text) {
    $sierotki = array(
        'i', 'a', 'o', 'u', 'w', 'z',
        'na', 'po', 'za', 'do', 'od', 'we', 'ze', 'ku', 'pod', 'bez',
        'czy', 'ale', 'lub', 'oraz', 'ani', 'więc', 'gdy', 'bo', 'lecz'
    );

    foreach ($sierotki as $sierotka) {
        $text = preg_replace('/\s(' . $sierotka . ')\s/iu', ' ' . $sierotka . '&nbsp;', $text);
    }

    return $text;
}

add_filter('the_title', 'usun_sierotki', 10);
add_filter('the_content', 'usun_sierotki', 10);
add_filter('widget_text', 'usun_sierotki', 10);

2. Jak działa kod do usuwania sierotek?

Tworzymy listę słów, które nie powinny pozostawać na końcu linii.

Zastępujemy zwykłą spację twardą spacją (&nbsp;), dzięki czemu te słowa zawsze zostaną przeniesione do nowej linii razem z kolejnym wyrazem.

Kod działa w tytułach wpisów, treści wpisów i widżetach tekstowych.

3. Jakie są zalety tego rozwiązania?

✅ Automatycznie poprawia estetykę tekstu bez ręcznej edycji.
✅ Działa na całym WordPressie, więc nie trzeba ręcznie poprawiać każdego wpisu.
✅ Nie wpływa negatywnie na wydajność strony.
✅ Możesz łatwo dodać inne słowa do listy sierotek.

Opcjonalne rozszerzenia

Jeśli chcesz, aby usuwanie sierotek działało również w komentarzach, fragmentach wpisów i opisach kategorii, dodaj te dodatkowe linijki:

add_filter('the_excerpt', 'usun_sierotki', 10); 
add_filter('comment_text', 'usun_sierotki', 10); 
add_filter('term_description', 'usun_sierotki', 10); 

Dzięki tej prostej funkcji możesz poprawić wygląd tekstu w WordPressie i uniknąć sierotek, które psują estetykę treści. To proste rozwiązanie sprawi, że Twoje artykuły będą wyglądały bardziej profesjonalnie i czytelnie.

4. Podsumowanie

Usuwanie sierotek to drobna, ale istotna poprawka typograficzna, która wpływa na estetykę treści w WordPressie. Warto jednak pamiętać, że dla tak prostych zadań nie ma sensu instalować osobnych wtyczek czy modułów. Każda dodatkowa wtyczka to potencjalne obciążenie dla strony, konieczność jej aktualizowania, a czasem nawet ryzyko pojawienia się luk bezpieczeństwa.

Zamiast tego, lepiej skorzystać z prostej, samodzielnej funkcji dodanej bezpośrednio do pliku functions.php motywu – bez narzutu, bez ryzyka i bez konieczności monitorowania aktualizacji.

Nowa Ustawa o WCAG 2.1 – Kto musi dostosować swoją stronę?

Ustawa z dnia 26 kwietnia 2024 r. o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług przez podmioty gospodarcze.

  • Data ogłoszenia: 15 maja 2024 r.
  • Data wejścia w życie: 28 czerwca 2025 r.
  • Status aktu prawnego: Oczekujący na wejście w życie
  • Organ wydający: SEJM
  • Organ zobowiązany: Prezes Rady Ministrów

W czerwcu 2025 roku wchodzi w życie ustawa o zapewnianiu spełniania wymagań dostępności cyfrowej, oparta na dyrektywie European Accessibility Act (EAA). Nakłada ona obowiązek dostosowania stron internetowych i aplikacji mobilnych do standardów WCAG 2.1 na poziomie AA. Poniżej znajduje się szczegółowa tabela, kto musi spełniać wymagania ustawy, a kto jest z nich zwolniony.

Sprawdź, czy musisz wdrożyć WCAG

PodmiotCzy musi spełniać WCAG 2.1?Uwagi
Podmioty publiczne (urzędy, szkoły, szpitale itp.)✅ TakObowiązek istnieje od 2019 r. dla instytucji publicznych.
Banki i instytucje finansowe✅ TakObejmuje serwisy bankowe, aplikacje mobilne, systemy logowania.
Sklepy internetowe (e-commerce)✅ TakObowiązek dla wszystkich sklepów internetowych B2C.
Firmy telekomunikacyjne✅ TakDotyczy stron i aplikacji operatorów telefonicznych, dostawców internetu.
Firmy transportowe (linie lotnicze, kolej, komunikacja miejska itp.)✅ TakDotyczy stron i aplikacji do zakupu biletów, rezerwacji itp.
Dostawcy energii, wody, gazu✅ TakObejmuje platformy obsługi klienta.
Firmy zajmujące się e-bookami i e-publikacjami✅ TakDotyczy portali sprzedających e-booki, audiobooki.
Portale zdrowotne (przychodnie, telemedycyna, apteki internetowe)✅ TakDotyczy e-recept, telekonsultacji, dostępu do wyników badań.
Platformy edukacyjne (kursy online, e-learning)✅ TakObowiązek dla serwisów e-learningowych, uniwersytetów.
Platformy streamingowe (filmy, muzyka)✅ TakDotyczy platform z filmami, muzyką, audiobookami.
Serwisy ogłoszeniowe (nieruchomości, motoryzacja)✅ TakObejmuje platformy sprzedaży ogłoszeń dla konsumentów.
Małe firmy (do 10 pracowników i obrót < 2 mln euro)❌ Nie**Mogą być zwolnione, jeśli wykażą „nieproporcjonalne obciążenie” kosztami dostosowania.
Strony prywatne (blogi, portfolio, strony hobbystyczne)❌ NieBrak obowiązku.

Nowe przepisy mają na celu zwiększenie dostępności cyfrowej i ułatwienie korzystania z internetu osobom z niepełnosprawnościami. Warto dostosować swoje serwisy już teraz, aby uniknąć konsekwencji prawnych oraz zapewnić lepszą jakość użytkowania wszystkim użytkownikom.

Realizujemy audyty WCAG 2.1 dostępności cyfrowej oraz wdrożeniach standardów WCAG 2.1 na stronach internetowych. Pomagamy firmom i instytucjom dostosować serwisy www do wymogów nowej ustawy o dostępności cyfrowej, zapewniając zgodność z European Accessibility Act (EAA).
Co oferujemy?

✅ Audyt dostępności strony – sprawdzamy zgodność z WCAG 2.1 AA
✅ Wdrożenia dostosowań – poprawki kodu, ulepszenia UX/UI
✅ Szkolenia i konsultacje – pomagamy zrozumieć obowiązki prawne
✅ Stałe wsparcie – monitorujemy zmiany i pomagamy w długofalowym utrzymaniu dostępności

Dzięki naszym usługom Twoja strona będzie przyjazna dla wszystkich użytkowników, zgodna z przepisami oraz lepiej widoczna w wyszukiwarkach (SEO). Skontaktuj się z nami, aby dostosować swoją stronę do nowych wymagań!

Kolory: HEX, CMYK i RGB

Czy wiesz, że kolor nie jest tylko kwestią estetyki, ale potężnym narzędziem w arsenale każdego marketera? To, jakie barwy wybierasz dla swojej strony, reklam czy logo, ma ogromny wpływ na emocje, decyzje zakupowe i percepcję Twojej marki. W Pro-Link wierzymy, że sukces w cyfrowym świecie to połączenie kreatywności i precyzyjnej analizy danych.

Rozumienie modeli kolorów RGB, CMYK czy Hex to podstawa dla każdego, kto chce tworzyć spójne i efektywne wizualizacje. Ale co, jeśli powiemy Ci, że to dopiero początek? Prawdziwa magia dzieje się, gdy łączymy psychologię kolorów z twardymi danymi analitycznymi.

  • Czy czerwień na Twoim przycisku „Kup Teraz” faktycznie zwiększa konwersje?
  • Jakie odcienie dominują u Twojej konkurencji i jak wyróżnić się w sieci?
  • Czy kolory w Twoich reklamach są optymalnie dopasowane do grupy docelowej, którą śledzimy za pomocą precyzyjnych danych UTM?

W Pro-Link nie tylko pomagamy Ci zrozumieć techniczne aspekty kolorów i tworzyć spójny branding. Idziemy o krok dalej! Analizujemy, jak konkretne wybory kolorystyczne przekładają się na ruch na stronie, zaangażowanie użytkowników i, co najważniejsze, Twoje zyski. Wykorzystując zaawansowane narzędzia analityczne, takie jak Google Analytics i parametry UTM, śledzimy każdy piksel, by dać Ci jasny obraz tego, co naprawdę działa.

1. Co to są kolory HEX?

Definicja HEX

HEX (skrót od Hexadecimal) to sześciocyfrowy kod, który reprezentuje kolor w formacie cyfrowym. Jest powszechnie stosowany w projektach internetowych i aplikacjach cyfrowych, ponieważ każdy kolor HEX jest kompatybilny z przeglądarkami internetowymi i CSS.

Struktura kodu HEX

Każdy kolor w formacie HEX jest zapisany jako:

#RRGGBB

RR – komponent czerwony (Red)

GG – komponent zielony (Green)

BB – komponent niebieski (Blue)

Każda para cyfr (od 00 do FF) określa intensywność danego koloru.

Przykłady kolorów HEX

  • Biały: #FFFFFF
  • Czarny: #000000
  • Czerwony: #FF0000
  • Niebieski: #0000FF
  • Zielony: #00FF00

Zastosowanie HEX

Prace związane z grafiką cyfrową.

Projektowanie stron internetowych (HTML, CSS).

Tworzenie interfejsów użytkownika (UI).

2. Co to są kolory RGB?

Definicja RGB

RGB (Red, Green, Blue) to model kolorów używany do wyświetlania kolorów na ekranach, takich jak monitory, telewizory czy smartfony. Opiera się na zasadzie addytywnego mieszania kolorów – łączenie czerwonego, zielonego i niebieskiego światła tworzy różne barwy.

Struktura RGB

W modelu RGB każdy kolor jest zdefiniowany przez trzy wartości w zakresie od 0 do 255:

rgb(R, G, B)
  • R – ilość czerwieni.
  • G – ilość zieleni.
  • B – ilość niebieskiego.

Przykłady kolorów RGB

  • Biały: rgb(255, 255, 255)
  • Czarny: rgb(0, 0, 0)
  • Czerwony: rgb(255, 0, 0)
  • Zielony: rgb(0, 255, 0)
  • Niebieski: rgb(0, 0, 255)

Zastosowanie RGB

  • Grafika cyfrowa i multimedia.
  • Projekty przeznaczone na ekrany.
  • Animacje, filmy i gry komputerowe.

3. Co to są kolory CMYK?

Definicja CMYK

CMYK (Cyan, Magenta, Yellow, Key/Black) to model kolorów używany w druku. W przeciwieństwie do RGB, który jest modelem addytywnym, CMYK działa na zasadzie subtraktywnej – kolory są tworzone przez odejmowanie światła od białego podłoża (np. papieru).

Struktura CMYK

Każdy kolor w modelu CMYK jest reprezentowany przez cztery wartości w procentach:

cmyk(C%, M%, Y%, K%)
  • C – cyjan (błękit).
  • M – magenta (purpura).
  • Y – żółty.
  • K – czarny.

Przykłady kolorów CMYK

  • Biały: cmyk(0%, 0%, 0%, 0%) (brak farby na papierze).
  • Czarny: cmyk(0%, 0%, 0%, 100%).
  • Czerwony: cmyk(0%, 100%, 100%, 0%).
  • Niebieski: cmyk(100%, 100%, 0%, 0%).
  • Zielony: cmyk(100%, 0%, 100%, 0%).

Zastosowanie CMYK

  • Materiały drukowane: ulotki, plakaty, wizytówki, katalogi.
  • Poligrafia i przygotowanie do druku.
  • Projektowanie opakowań.

4. Porównanie modeli kolorów: HEX, RGB i CMYK

CechaHEXRGBCMYK
DefinicjaSześciocyfrowy kod koloru w zapisie szesnastkowym.Model koloru oparty na świetle – Red, Green, Blue.Model koloru stosowany w druku – Cyan, Magenta, Yellow, Key (Black).
Struktura zapisu#RRGGBB – np. #FF0000rgb(R, G, B) – np. rgb(255, 0, 0)cmyk(C%, M%, Y%, K%) – np. cmyk(0%, 100%, 100%, 0%)
Zakres wartości00–FF dla każdego z trzech składników (RR, GG, BB)0–255 dla każdego koloru (R, G, B)0%–100% dla każdego składnika (C, M, Y, K)
Typ modeluKolor cyfrowy (szesnastkowy)Addytywny (dodawanie światła)Subtraktywny (odejmowanie światła)
ZastosowanieStrony internetowe, aplikacje cyfrowe, UIEkrany: monitory, smartfony, telewizory, multimediaDruk: ulotki, plakaty, wizytówki, opakowania
Przykłady kolorów Biały: #FFFFFF
Czarny: #000000
Czerwony: #FF0000
Niebieski: #0000FF
Zielony: #00FF00
Biały: rgb(255, 255, 255)
Czarny: rgb(0, 0, 0)
Czerwony: rgb(255, 0, 0)
Niebieski: rgb(0, 0, 255)
Zielony: rgb(0, 255, 0)
Biały: cmyk(0%, 0%, 0%, 0%)
Czarny: cmyk(0%, 0%, 0%, 100%)
Czerwony: cmyk(0%, 100%, 100%, 0%)
Niebieski: cmyk(100%, 100%, 0%, 0%)
Zielony: cmyk(100%, 0%, 100%, 0%)

5. Jak konwertować między modelami kolorów?

HEX do RGB:

Kolor zapisany w formacie HEX (szesnastkowym) wygląda tak: #RRGGBB, gdzie:

  • RR: komponent czerwony (Red),
  • GG: komponent zielony (Green),
  • BB: komponent niebieski (Blue).

Każda para znaków (RR, GG, BB) reprezentuje liczbę szesnastkową, którą należy przekonwertować na liczbę dziesiętną (RGB działa w zakresie 0–255).

Przykład: Konwersja HEX #FF5733 na RGB

  1. Podziel kod HEX na składniki:
    • RR = FF: komponent czerwony.
    • GG = 57: komponent zielony.
    • BB = 33: komponent niebieski.
  2. Przekonwertuj wartości szesnastkowe na dziesiętne:
    FF → 255
    57 → 87
    33 → 51
                
    • FF: (15 × 16) + 15 = 255.
    • 57: (5 × 16) + 7 = 87.
    • 33: (3 × 16) + 3 = 51.
  3. Złóż wynik: Kolor HEX #FF5733 to rgb(255, 87, 51).

RGB do HEX:

Kolor w formacie RGB to zapis w postaci rgb(R, G, B), gdzie:

  • R: wartość czerwieni (0–255),
  • G: wartość zieleni (0–255),
  • B: wartość niebieskiego (0–255).

Konwersja RGB do HEX polega na zamianie każdej liczby dziesiętnej na liczbę szesnastkową.

Przykład: Konwersja RGB rgb(255, 87, 51) na HEX

  1. Przekonwertuj każdy komponent na system szesnastkowy:
    • R = 255: (255 ÷ 16 = 15 reszta 15) → FF.
    • G = 87: (87 ÷ 16 = 5 reszta 7) → 57.
    • B = 51: (51 ÷ 16 = 3 reszta 3) → 33.
  2. Złóż wynik: Kolor RGB rgb(255, 87, 51) to #FF5733.

Podsumowanie:

– **HEX → RGB**: Odczytujemy składniki i zamieniamy je z systemu szesnastkowego na dziesiętny.
– **RGB → HEX**: Zamieniamy każdą wartość z systemu dziesiętnego na szesnastkowy i łączymy w ciąg #RRGGBB.

RGB do CMYK:

  1. Przelicz wartości RGB na skalę od 0 do 1:
    • Dziel każdą wartość RGB przez 255:
    • R_scaled = R / 255
      G_scaled = G / 255
      B_scaled = B / 255
                      
  2. Oblicz wartość K (czarnego):
    • Znajdź maksymalną wartość spośród R_scaled, G_scaled i B_scaled:
    • K = 1 - max(R_scaled, G_scaled, B_scaled)
                      
  3. Oblicz wartość C (cyjanowego):
    • Użyj wzoru:
    • C = (1 - R_scaled - K) / (1 - K), jeśli K ≠ 1
      C = 0, jeśli K = 1
                      
  4. Oblicz wartość M (magenty):
    • Podobnie jak dla C:
    • M = (1 - G_scaled - K) / (1 - K), jeśli K ≠ 1
      M = 0, jeśli K = 1
                      
  5. Oblicz wartość Y (żółtego):
    • Podobnie jak dla C i M:
    • Y = (1 - B_scaled - K) / (1 - K), jeśli K ≠ 1
      Y = 0, jeśli K = 1
                      

CMYK do RGB:

  1. Przelicz wartości CMYK na skalę RGB:
    • Użyj wzorów dla skali od 0 do 1:
    • R_scaled = (1 - C) * (1 - K)
      G_scaled = (1 - M) * (1 - K)
      B_scaled = (1 - Y) * (1 - K)
                      
  2. Przelicz wartości z powrotem na skalę 0–255:
    • Pomnóż każdą skalowaną wartość przez 255:
    • R = R_scaled * 255
      G = G_scaled * 255
      B = B_scaled * 255
                      

Aby przekonwertować kolor w formacie HEX na CMYK, wykonaj następujące kroki:

  1. Przekonwertuj HEX na RGB:

    Rozdziel HEX na komponenty RR, GG, BB, a następnie przekonwertuj każdą wartość szesnastkową na dziesiętną. (Szczegóły opisano w sekcji „HEX do RGB”).

  2. Przelicz wartości RGB na skalę od 0 do 1:
    • Dziel każdą wartość RGB przez 255:
    • R_scaled = R / 255
      G_scaled = G / 255
      B_scaled = B / 255
                      
  3. Użyj formuł subtraktywnych do obliczenia wartości CMYK:
    • Oblicz K (czarny):
    • K = 1 - max(R_scaled, G_scaled, B_scaled)
                      
    • Oblicz C (cyjanowy):
    • C = (1 - R_scaled - K) / (1 - K), jeśli K ≠ 1
      C = 0, jeśli K = 1
                      
    • Oblicz M (magenta):
    • M = (1 - G_scaled - K) / (1 - K), jeśli K ≠ 1
      M = 0, jeśli K = 1
                      
    • Oblicz Y (żółty):
    • Y = (1 - B_scaled - K) / (1 - K), jeśli K ≠ 1
      Y = 0, jeśli K = 1
                      
  4. Przelicz wartości CMYK na procenty:
    • Pomnóż każdą wartość CMYK (C, M, Y, K) przez 100, aby uzyskać wynik w procentach.

Przykład:

Weźmy kolor HEX: #FF5733

  1. Przekonwertuj HEX na RGB:

    #FF5733R = 255, G = 87, B = 51

    Kolor RGB: rgb(255, 87, 51)

  2. Przelicz RGB na skalę od 0 do 1:
    • R_scaled = 255 / 255 = 1
    • G_scaled = 87 / 255 ≈ 0.341
    • B_scaled = 51 / 255 ≈ 0.2
  3. Oblicz wartości CMYK:
    • K = 1 - max(1, 0.341, 0.2) = 1 - 1 = 0
    • C = (1 - 1 - 0) / (1 - 0) = 0
    • M = (1 - 0.341 - 0) / (1 - 0) ≈ 0.659
    • Y = (1 - 0.2 - 0) / (1 - 0) ≈ 0.8
  4. Przelicz wartości CMYK na procenty:
    • C = 0 × 100 = 0%
    • M = 0.659 × 100 ≈ 66%
    • Y = 0.8 × 100 = 80%
    • K = 0 × 100 = 0%

Wynik: CMYK: cmyk(0%, 66%, 80%, 0%)

Zamień Kolor

HEX ↔ RGB

RGB ↔ CMYK

HEX ↔ CMYK

Narzędzie RGB z Suwakami

RGB Suwaki

RGB: rgb(0, 0, 0)

HEX: #000000

CMYK: 0%, 0%, 0%, 100%

Narzędzie CMYK z Suwakami

CMYK Suwaki

CMYK: 0%, 0%, 0%, 0%

RGB: rgb(255, 255, 255)

HEX: #FFFFFF

Pokaż więcej projektów
Zamów wycenę
Polityka prywatności | Regulamin
Pro-link 2005-2020