Dopracowanie strony Bropack na WordPress (poprawki w szablonie, konfiguracja formularzy i SEO)

Opis zadania:

Szukamy doświadczonego dewelopera/wykonawcy WordPress do szybkiego zakończenia projektu https://bropack.com.ua/. Strona została już zbudowana i osadzona na WordPressie, ale z powodu opóźnień poprzedniego wykonawcy, konieczne jest zamknięcie części technicznej, skonfigurowanie podstawowego SEO oraz wprowadzenie szeregu punktowych poprawek wizualnych ściśle według makiety Figma.

Ważne: Praca wymaga ścisłego przestrzegania terminów i uwagi na szczegóły. Płatność następuje dopiero po sprawdzeniu wszystkich punktów specyfikacji. Mamy pełny backup strony (pliki motywu + baza danych) oraz link do makiet w Figma.

Koszt: W kosztach prac należy uwzględnić poprawki do 10% od aktualnej specyfikacji, które mogą być obecnie niewidoczne z powodu niedokończonej budowy. Może również wystąpić niewielka zmiana w projekcie niektórych bloków (wysokość, szerokość, rozmieszczenie przycisków, rozmiar obrazka).

Poprawki: Wysyłane są plikiem Word przez zamawiającego. Przyjmowane od wykonawcy w tym samym pliku z komentarzami obok każdej linii. Bez takiej odpowiedzi na poprawki nastąpi zmiana wykonawcy.

1. Architektura motywu i podstawowa optymalizacja

• Cecha budowy (Custom PHP): Strona jest niestandardowym motywem napisanym w PHP/HTML/CSS/JS (bez użycia ciężkich wizualnych builderów). Logika zarządzania treścią została przeniesiona do wbudowanego customizera WordPress (Wygląd -> Dostosuj). Wszystkie kluczowe sekcje (Nagłówek, Hero, Kolaże, Bloki zalet) są edytowane właśnie tam. Będziesz musiał pracować bezpośrednio z kodem (szablonami PHP) i tą strukturą.

• Adresy URL: Skonfigurować automatyczną transliterację adresów URL (SEO). Wszystkie cyryliczne nazwy stron i wpisów powinny być automatycznie konwertowane na łacinkę (na przykład: "Про компанію" -> /pro-kompaniyu/)

• Wtyczka SEO: Wtyczka Yoast SEO jest zainstalowana, ale nie skonfigurowana. Należy przeprowadzić jej podstawową konfigurację dla poprawnego generowania snippetów, indeksacji i pełnej gotowości stron docelowych do uruchomienia kampanii reklamowych.

• SEO dla niestandardowych bloków: Na stronach z blokami przewidzieć poprawną pracę/konfigurację SEO.

• Atrybuty obrazów (Alt/Tytuł): W bieżących szablonach PHP (w szczególności w artykułach blogowych i elementach siatki bento) nie są wyświetlane atrybuty alt i title dla obrazów. Należy poprawić logikę wyświetlania obrazków tak, aby te atrybuty były dynamicznie pobierane z standardowej biblioteki mediów WordPress. Bez tego niemożliwa jest poprawna optymalizacja SEO obrazów.

• Microdata (Schema.org): W wtyczce Yoast SEO skonfigurować mikroformat Schema.org dla Google.
  - Skonfigurować globalne parametry organizacji (nazwa firmy, logo, dane kontaktowe).
  - Sprawdzić poprawność generowania tagów i technicznej daty zmiany stron (dateModified), aby roboty wyszukiwarek natychmiast widziały ręczne aktualizacje dat na stronie.
  - Upewnić się, że w niestandardowych szablonach PHP stron wyświetlany jest i poprawnie działa standardowy funkcjonalność Yoast do punktowego zarządzania typami formatowania - przypisać typy stron według zaleceń zamawiającego.

• Szablon bloga (Artykuły): Należy usunąć skomplikowaną budowę artykułu wyłącznie przez niestandardowe bloki/pola. Artykuły powinny być publikowane przez standardowy edytor tekstowy WordPress. Wymagana jest konfiguracja wyświetlania the_content() oraz zapisanie stylów CSS tak, aby wszystkie standardowe elementy wewnątrz artykułu automatycznie przejmowały projekt z Figma (style globalne). A mianowicie:
  1. Standardowy tekst (akapity, interlinia, kolor).
  2. Nagłówki H1, H2, H3 (rozmiar, waga czcionki, marginesy).
  3. Obrazy i osadzone wideo (adaptacyjna szerokość, marginesy, możliwe zaokrąglenie rogów według makiety).
  4. Listy (punktowane i numerowane).
  5. Standardowe przyciski.
  
  
  

2. Część techniczna: Formy, ochrona i logika

Należy zapewnić bezpieczne działanie wszystkich formularzy do pozyskiwania leadów:

• Integracja: Skonfigurować wysyłanie leadów przez SendPulse. Proszę wskazać przed rozpoczęciem prac, jakie dostępności (klucze API itp.) będą potrzebne.

• Antyspam: Zainstalować solidną ochronę przed spamem na wszystkie formularze (priorytetem jest Cloudflare Turnstile, lub zaproponować uzasadnioną alternatywę).

• Wprowadzić ochronę przed floodem. Limit: z jednego adresu IP formularz można wysłać maksymalnie 2 razy w ciągu 5 minut. Wszystkie inne próby powinny być blokowane.

• Walidacja i maska: Sprawdzić maskę wprowadzania dla numeru telefonu (brakujące komórki są wypełniane cyframi). Pole "Telefon" powinno być obowiązkowe we wszystkich formularzach. Pole "Imię" powinno być opcjonalne we wszystkich formularzach - sprawdzić.

• Zachowanie po wysłaniu: Skonfigurować automatyczne czyszczenie pól formularza po pomyślnym wysłaniu. Strona nie powinna być przy tym przeładowywana ani przewijana w górę/w dół — użytkownik pozostaje w bieżącym miejscu na ekranie.

3. Bieżące poprawki według Figma

Należy usunąć niedociągnięcia i doprowadzić budowę do 100% zgodności z makietą (szczegółowe zrzuty ekranu zostaną dostarczone wybranemu wykonawcy):

Style:

• Skorygować tło głównego banera (rozjaśnić według makiety) i przesunąć przycisk (zaprezentować 3 zrzuty do zatwierdzenia) https://bropack.com.ua/ready-solutions/.

• W sliderach i blokach wideo pozostawić dokładnie 5 przycisków (punktów).

• Sprawdzić tekst „Onowiono” (kursywą) w dolnej części stron.

• Na urządzeniach mobilnych w wszystkich sliderach sprawdzić działanie przesuwania, czasami zdarza się, że łapie prawą lub lewą krawędź strony zamiast przesuwania.

Siatka, bloki i marginesy:

• Zmniejszyć niektóre marginesy między blokami zgodnie z Figma - 15-20 szt.

• Zwiększyć wysokość wskazanych bloków oraz rozmiar czcionki w nich do wartości z Figma.

• Sprawdzić dolne formularze do pozyskiwania: zwiększyć ich całkowitą wysokość, a także wysokość przycisków i czcionki wewnątrz.

• Na stronie „Про компанію”: opuścić linię dzielącą, aby wyrównać z lewą kolumną, nagłówek „Наші цінності” przesunąć w lewo.

Popupy i grafika (Postać):

• Przywrócić na miejsce przesuniętą w prawo postać w oknie modalnym (popupie).

• W popupie umieścić ikonę zamknięcia (krzyżyk) na szarym okręgu według makiety.

• Poprawić proporcje/wyświetlanie pionowego zdjęcia w popupie.

• Całkowicie usunąć pusty popup bez tekstu.

• Skorygować pozycjonowanie postaci (bohaterów): w jednym z bloków zmniejszyć rozmiar; na stronie „Kontakty” przesunąć w lewo i wyżej; na stronie „Про компанію” — zwiększyć i przesunąć w prawo.