Eine aus einer Textverarbeitung eingefügte Produktbeschreibung sieht im Editor sauber aus und wird im Code zum Problem. Der sichtbare Text macht bisweilen weniger als 10 % des tatsächlichen Gewichts der Beschreibung aus, der Rest ist Formatierungscode, den Sie nicht brauchen.
Was die Textverarbeitung tatsächlich einschleust
Ein Kopieren aus einem Dokument bringt vier Familien von Störcode mit.
Inline-Stile. Jeder Absatz, jeder Satzteil bekommt eine Angabe zu Schrift, Größe, Farbe und Zeilenhöhe. Ein Satz mit zehn Wörtern kann dreihundert Zeichen Stilattribute tragen.
Herstellereigene Tags. Elemente und Attribute der Ursprungssoftware, die Browser ignorieren, die aber in der Datenbank gespeichert bleiben und bei jeder Anzeige ausgeliefert werden.
Bedingte Kommentare. Codeblöcke für alte Browser, mitunter umfangreicher als der Text selbst.
Leere und verschachtelte Tags. Absätze, die nur ein geschütztes Leerzeichen enthalten, Formatierungselemente in fünf Ebenen um ein einziges Wort gestapelt.
Die konkreten Folgen
Drei Wirkungen, nach Schwere geordnet.
Das Seitengewicht. Bei einem Katalog, in dem jede Beschreibung 30 statt 3 Kilobyte wiegt, lädt die Produktseite langsamer, und das schlägt auf Ihre Leistungskennzahlen durch.
Kaputte Darstellung am Smartphone. Das ist für Ihre Kunden das sichtbarste Problem. Eine auf 11 Punkt festgelegte Schrift und eine Breite in Pixeln erzeugen unlesbaren Text oder horizontales Überlaufen auf kleinen Bildschirmen. Das Theme kann nicht korrigieren, was ein Inline-Stil vorschreibt.
Optische Uneinheitlichkeit. Fünf Personen, die aus fünf verschiedenen Dokumenten einfügen, erzeugen fünf verschiedene Schriftbilder in Ihrem Katalog. Die Website wirkt zusammengestückelt, und keine Theme-Änderung behebt das.
Eine vierte, unauffälligere Wirkung: der Inhalt wird schwer wiederverwendbar. Der Export dieser Beschreibungen in einen Produktfeed oder auf einen Marktplatz gibt den Störcode weiter, der dort oft abgelehnt oder unverändert angezeigt wird.
HTML-Bereinigung für Produkt- und Kategoriebeschreibungen: Word-Code, Inline-Styles und leere Tags entfernen (PrestaShop 8 & 9)Entfernen Sie Word-Code, Inline-Styles und leere Tags aus Ihren Beschreibungen, ohne den Text anzurühren.79,00€
Was zu entfernen und was zu behalten ist
An dieser Frage entscheidet sich, ob eine Massenbereinigung machbar ist.
Ohne Zögern entfernen: Inline-Stilattribute, herstellereigene Tags und Attribute, Kommentare, rein optische Formatierungstags, leere Absätze, Klassenattribute, die es in Ihrem Theme nicht gibt.
Unbedingt behalten: die semantische Struktur. Überschriften, Absätze, Listen, Tabellen, Links, Fett und Kursiv, wenn sie Bedeutung tragen.
Einzelfallprüfung: Tabellen, deren Formatierung für die Lesbarkeit nötig sein kann, und in der Beschreibung eingebettete Bilder, deren feste Maße die mobile Darstellung sprengen können.
Die Entscheidungsregel: entfernen Sie, was das Aussehen beschreibt, behalten Sie, was die Natur des Inhalts beschreibt. Eine Überschrift muss eine Überschrift bleiben und darf kein fetter 16-Punkt-Absatz werden.
In Masse bereinigen, ohne etwas zu zerstören
Drei Vorsichtsmaßnahmen, in dieser Reihenfolge.
Vorher sichern. Eine falsch eingestellte Bereinigung von dreitausend Beschreibungen lässt sich nicht von Hand zurücknehmen. Die Datenbanksicherung muss erstellt und geprüft sein.
An einer Stichprobe testen. Nehmen Sie zwanzig repräsentative Produkte, darunter die kompliziertesten: solche mit Tabellen, eingebetteten Bildern und langen Listen. Vergleichen Sie vorher und nachher optisch, nicht nur im Code.
In Stapeln vorgehen. Eine Kategorie nach der anderen statt des ganzen Katalogs. Sie begrenzen den Umfang eines Fehlers und können die Regeln zwischen zwei Durchläufen anpassen.
Zur Methode: behandeln Sie auch Kurzbeschreibungen, Kategoriebeschreibungen und CMS-Seiten. Sie haben dasselbe Problem und werden oft vergessen.
Die Wiederkehr des Problems verhindern
Eine einmalige Bereinigung nützt nichts, wenn derselbe Inhalt beim nächsten Import zurückkommt.
Drei vorbeugende Maßnahmen.
Einfügen ohne Formatierung. Schulen Sie Ihre Teams auf das Tastenkürzel für das Einfügen als reinen Text. Das ist die wirksamste und billigste Maßnahme.
Filtern bei der Eingabe. Der Editor im Backoffice lässt sich so einstellen, dass eingefügter Inhalt automatisch bereinigt wird. Diese Einstellung existiert und wird selten aktiviert.
Bereinigen beim Import. Kommen Ihre Beschreibungen von einem Lieferanten oder aus einer Datei, muss die Verarbeitung beim Import greifen, nicht danach.
Der Fall der Lieferantenbeschreibungen
Häufige Lage bei Händlerkatalogen: die Beschreibungen kommen aus einer Lieferantendatei, mit eigenem Markup.
Zwei Probleme kommen zur technischen Bereinigung hinzu. Der Inhalt ist bei allen Händlern identisch, was Sie aus Sicht der Suchmaschinen in keiner Weise unterscheidet. Und er enthält manchmal Hinweise auf den Lieferanten, externe Links oder Garantieangaben, die nicht Ihren Bedingungen entsprechen.
Die HTML-Bereinigung regelt die Form. Der Inhalt verlangt eine Neufassung, zumindest bei Ihren Hauptartikeln.
Das Ergebnis prüfen
Drei Kontrollen nach einer Bereinigung.
Das durchschnittliche Gewicht der Beschreibungen, vorher und nachher. Eine Verringerung um 60 bis 80 % ist bei einem nie bereinigten Katalog üblich.
Die Darstellung am Smartphone bei einer Stichprobe von Seiten, besonders bei jenen mit Tabellen.
Die Ladezeit einer typischen Produktseite, die sich bei den schwersten Beschreibungen spürbar verbessern sollte.
Das Modul HTML-Bereinigung der Beschreibungen für PrestaShop bearbeitet dieses Feld auf PrestaShop 8 und 9: Entfernen von Code aus Textverarbeitungen, von Inline-Stilen und leeren Tags, Stapelverarbeitung mit Vorschau vor der Anwendung und Erhalt der semantischen Struktur.