SEO tips: The Need For Speed (Deel 3)

In deel 3 van onze SEO tips serie gaan we in op het opschonen van vervuilde HTML elementen. Vervuilde HTML zorgt ervoor dat je pagina's onnodig groot worden en daardoor trager laden. Opschonen van je codes leidt tot snellere en betere weergave van je pagina's en daardoor betere prestaties in de zoekmachines.

Wat is vervuilde HTML Code?

Een van de grootste issues die we zien met SEO - Search Engine Optimization is vervuilde HTML in website tekst content. Het is dan ook iets waar alle ShopFactory gebruikers op moeten letten in hun website en voor zover mogelijk al direct vanaf het begin van het bouwen/onderhouden van de website op de juiste manier mee omgaan.

Als je teksten kopieert vanaf andere bronnen, dan zal je zonder dat je dit in de gaten hebt vaak ook "verborgen code" en "verborgen tags" meekopiëren. Dit gebeurt o.a. als je teksten kopieert vanaf bronnen zoals:

  • Andere Websites
  • Microsoft Word
  • Microsoft Excel
  • En een groot aantal andere tekstverwerkingsprogramma's waar je teksten vanaf kopieert.

In sommige gevallen kan het rechtstreeks kopiëren vanaf deze bronnen naar ShopFactory pagina's en producten ook een negatieve invloed hebben op bestaande HTML en andere functies van ShopFactory zelf of op je online website.

Het kopiëren van vervuilde HTML kan o.a lettertype instellingen en andere opmaakelementen met zich meebrengen waardoor je website er anders uit gaat zien dan dat je zelf wil. Het aanpassen van de opmaak is dan ook niet meer mogelijk, niet eerder dan dat je de vervuilde code opschoont. In het ergste geval kun je zelfs verborgen programma code meekopiëren waardoor je hele website onbestuurbaar wordt.

Hoe identificeer je het in ShopFactory

Als je ooit, misschien per ongeluk, teksten hebt gekopieerd met verborgen code / tags vanuit andere bronnen, dan kan het gebeuren dat je ineens te maken krijgt met vreemde "errors" of “layout issues” in je website. In vele gevallen zal de opmaak van je teksten er niet uit zien zoals jij dat wil en is het duidelijk dat je een probleem hebt. Dit is echter niet altijd het geval, waardoor je soms niet kunt zien wat het probleem veroorzaakt. Daarom is het aan te raden om al je pagina's en producten te controleren of er vervuilde HTML code in zit.

Als je weet dat je ooit teksten hebt gekopieerd vanaf andere bronnen - dan is het sterk aan te raden om je teksten op te schonen. Het zou zelfs kunnen dat je AL je producten en pagina's één voor één moet controleren om te bepalen of ze vuile code bevatten.

In ShopFactory kun je als je in een tekst van een pagina of een product zit, klikken op het (HTML) Icoon dat je vindt onderaan de editor, zie afbeelding hieronder:

Zodra het HTML editor venster zich opent, kun je al snel zien dat er “groene, paarse, rode, of bruine” gedeeltes in de HTML code zitten:

Het is van belang om te weten dat als je de tekstopmaak functies in ShopFactory gebruikt dat je dan ook enige “groene en blauwe opmaak” ziet in je code, dat is normaal. Echter als er hele blokken gekleurde code staat dan is er sprake van vervuilde code. Bijvoorbeeld: Code vanuit Word of Excel gekopieerd bevatten gewoonlijk o.a. class=MsoNormal.

Let op - de paarsgedrukte code   is gewoonlijk geen HTML code probleem - je kunt deze handmatig verwijderen maar je kunt deze net goed laten staan, ze kunnen geen kwaad. All website content generators can create non-breaking space tags by default.

Hieronder een afbeelding die laat zien hoe dezelfde tekst als hierboven eruit zou zien als de HTML code is opgeschoond. Zoals je ziet is er veel minder code nodig:

(PS: de <p> en de </p> tags worden soms wel en soms niet getoond. Deze alinea tags worden gewoonlijk getoond als er meerdere alinea's met tekst aanwezig zijn in je tesk content. Tekst die uit één alinea bestaat laat de tags soms niet zien in ShopFactory.)

Hoe moet je de HTML code opschonen

De snelste en de beste manier om teksten op te schonen van vervuilde HTML codes is door de tekst te selecteren in de Normale weergave, vervolgens te kopiëren en te plakken naar Windows Kladblok.

Vervolgens klik je op het HTML Icoon onderaan de pagina in ShopFactory waardoor de html editor opent, je selecteert daar alle tekst en verwijdert deze en klikt op OK.

Tenslotte kopieer en plak je de tekst die je in de eerste stap hebt gekopieerd naar Windows kladblok weer terug in ShopFactory Normal weergave op de plaats waar de originele tekst stond. Je kunt nu weer op het HTML Icoon klikken en controleren dat je nu "schone" code hebt. Als dat het geval is kun je nu de opmaakfuncties in ShopFactory gaan gebruiken om de tekst op te maken zoals jij dat wil. ShopFactory genereert automatisch schone HTML codes.