Opis produktu wklejony z edytora tekstu wygląda czysto w polu edycji i staje się problemem w kodzie. Widoczny tekst stanowi czasem mniej niż 10 % rzeczywistej wagi opisu, a reszta to znaczniki formatowania, które są ci do niczego niepotrzebne.
Co edytor tekstu naprawdę wstrzykuje
Kopiowanie z dokumentu wnosi cztery rodziny śmieciowego kodu.
Style w linii. Każdy akapit, każdy fragment zdania dostaje deklarację kroju pisma, rozmiaru, koloru i interlinii. Zdanie z dziesięciu słów potrafi nieść trzysta znaków atrybutów stylu.
Znaczniki firmowe. Elementy i atrybuty właściwe programowi źródłowemu, które przeglądarki ignorują, ale które zostają w bazie i są serwowane przy każdym wyświetleniu.
Komentarze warunkowe. Bloki kodu przeznaczone dla starych przeglądarek, czasem obszerniejsze niż sam tekst.
Znaczniki puste i zagnieżdżone. Akapity zawierające wyłącznie spację nierozdzielającą, elementy formatujące spiętrzone na pięciu poziomach wokół jednego słowa.
Konkretne skutki
Trzy efekty, w kolejności wagi.
Waga strony. Przy katalogu, w którym każdy opis waży 30 kilobajtów zamiast 3, karta produktu ładuje się wolniej, a to odbija się na wskaźnikach wydajności.
Zepsuty wygląd na telefonie. To problem najbardziej widoczny dla klientów. Krój ustawiony na 11 punktów i szerokość podana w pikselach dają tekst nieczytelny albo wychodzący poza ekran w poziomie. Motyw nie poprawi tego, co narzuca styl w linii.
Niespójność wizualna. Pięć osób wklejających z pięciu różnych dokumentów daje pięć różnych typografii w twoim katalogu. Witryna wygląda na skleconą, a żadna zmiana motywu tego nie naprawi.
Czwarty efekt, mniej rzucający się w oczy: treść staje się trudna do ponownego użycia. Eksport takich opisów do feedu produktowego albo na marketplace przekazuje śmieciowe znaczniki, które bywają odrzucane albo wyświetlane wprost.
Czyszczenie HTML Opisów Produktów i Kategorii: Usuń Kod Worda, Style Inline i Puste Znaczniki (PrestaShop 8 i 9)Usuń kod Worda, style inline i puste znaczniki ze swoich opisów, nie ruszając tekstu.€79,00
Co usunąć, a co zachować
To pytanie rozstrzyga o wykonalności masowego czyszczenia.
Usuwać bez wahania: atrybuty stylu w linii, znaczniki i atrybuty firmowe, komentarze, znaczniki formatowania czysto wizualnego, puste akapity, atrybuty klas, które nie istnieją w twoim motywie.
Bezwzględnie zachować: strukturę semantyczną. Nagłówki, akapity, listy, tabele, linki, pogrubienie i kursywę, gdy niosą znaczenie.
Badać przypadek po przypadku: tabele, których formatowanie bywa potrzebne do czytelności, oraz zdjęcia wstawione w opis, których sztywne wymiary potrafią rozbić wygląd na telefonie.
Reguła rozstrzygająca: usuwaj to, co opisuje wygląd, zostawiaj to, co opisuje naturę treści. Nagłówek ma pozostać nagłówkiem, a nie stać się pogrubionym akapitem 16 punktów.
Czyścić masowo bez psucia
Trzy środki ostrożności, w tej kolejności.
Zrób kopię zapasową. Źle wykalibrowane czyszczenie trzech tysięcy opisów nie da się odzyskać ręcznie. Kopia bazy musi być zrobiona i sprawdzona.
Przetestuj na próbce. Weź dwadzieścia reprezentatywnych produktów, w tym najbardziej złożone: z tabelami, wstawionymi zdjęciami i długimi listami. Porównaj przed i po wzrokowo, nie tylko w kodzie.
Postępuj partiami. Jedna kategoria naraz zamiast całego katalogu. Ograniczasz zasięg ewentualnego błędu i możesz poprawić reguły między przebiegami.
Uwaga metodyczna: obejmij też opisy skrócone, opisy kategorii i strony CMS. Mają ten sam problem i często się o nich zapomina.
Jak nie dopuścić do nawrotu
Jednorazowe czyszczenie nic nie da, jeśli ta sama treść wróci przy następnym imporcie.
Trzy środki zapobiegawcze.
Wklejanie bez formatowania. Naucz zespół skrótu do wklejania jako czysty tekst. To środek najskuteczniejszy i najtańszy.
Filtrowanie przy wprowadzaniu. Edytor w panelu administracyjnym można ustawić tak, żeby automatycznie czyścił wklejaną treść. Ta opcja istnieje i rzadko bywa włączona.
Czyszczenie przy imporcie. Jeśli opisy przychodzą od dostawcy albo z pliku, obróbka musi następować w momencie importu, nie później.
Opisy od dostawcy
Sytuacja częsta w katalogach odsprzedażowych: opisy przychodzą z pliku dostawcy, z własnymi znacznikami.
Do czyszczenia technicznego dochodzą dwa problemy. Treść jest identyczna u wszystkich sprzedawców, co w oczach wyszukiwarek w niczym cię nie wyróżnia. I zawiera czasem odniesienia do dostawcy, linki zewnętrzne albo zapisy o gwarancji, które nie odpowiadają twoim warunkom.
Czyszczenie HTML załatwia formę. Treść wymaga przepisania, przynajmniej przy głównych indeksach.
Sprawdzenie efektu
Trzy kontrole po czyszczeniu.
Średnia waga opisów, przed i po. Zmniejszenie o 60 do 80 % jest typowe przy katalogu nigdy nieczyszczonym.
Wygląd na telefonie na próbce kart, zwłaszcza tych, które zawierały tabele.
Czas ładowania typowej karty produktu, który powinien zauważalnie poprawić się przy najcięższych opisach.
Moduł Czyszczenie HTML Opisów dla PrestaShop obsługuje ten obszar na PrestaShop 8 i 9: usuwanie kodu pochodzącego z edytorów tekstu, stylów w linii i pustych znaczników, przetwarzanie partiami z podglądem przed zastosowaniem oraz zachowanie struktury semantycznej.