Het ontwerpen van een website is zowel kunst als wetenschap. Het vereist artistieke inspanning, visualisatie vanuit het perspectief van de gebruiker en geweldige technische vaardigheden om het gevisualiseerde ontwerp om te zetten in tastbare creativiteit. Het ergste wat een bedrijf kan doen, is de website van een ander bedrijf kopiëren en implementeren als zijn/haar eigen website. Deze volgorde, indien herhaald door andere bedrijven, leidt tot een groep van onvoldoende ontworpen websites. Het voldoet niet aan de basisvereiste van gebruikerservaring. Dergelijke websites kwalificeren een lage rangorde in SEO-waarderingen, wat resulteert in slecht verkeer en een lage siterangschikking in de rangschikking van zoekmachines.
Er zijn technieken voor webontwerp die moeten worden vermeden of die moeten worden gekozen met objectieve analyse, omdat ze het website-ontwerp kunnen schaden of de SEO-waardering kunnen verminderen. Enkele worden hieronder besproken:
1. Tabellen gebruiken in de lay-out van de website
Het gebruik van tabellen in een Eigen email webpaginalay-out maakt de pagina ingewikkeld, aangezien de meeste lay-outtabellen veel tabelattributen gebruiken, zoals colspan, rowspan en geneste tabellen. Hoewel het ontwerpen van tafels misschien eenvoudig is, is het onderhoud moeilijk. De meeste schermlezers vinden het moeilijk om tabellen te begrijpen, omdat ze geacht worden deze te lezen in de volgorde die wordt weergegeven in HTML, en de inhoud in een tabellay-out wordt een raadsel wanneer ze van links naar rechts en van boven naar beneden worden gelezen. Dit wordt nog verergerd wanneer de tabel is genest. HTML5 pleit voor het vermijden van tabellen in paginalay-out en HTML 4.01 staat dit niet toe. Presentatie wordt gescheiden gehouden van HTML, wanneer CSS wordt gebruikt, dus het onderhoud van tabellen in CSS is een beetje eenvoudiger. Tabellen kunnen de flexibiliteit van de pagina belemmeren en beïnvloeden SEO. Geneste tabellen hebben veel meer tijd nodig om te laden dan CSS voor hetzelfde ontwerp. (1)
2. Oneindig scrollen
Hoewel scrollen een zeer populair ontwerp is en vaak wordt gebruikt op de meeste websites (vooral e-commerce), is het niet voor elke website geschikt. Het gebruik van deze techniek is afhankelijk van de doelen van de website. Als het doel van de website is om continu content te streamen en de contentstructuur plat is, kan dat handig zijn. Als het doel van de website echter is om gebruikers te helpen een specifieke taak te vinden of keuzes te vergelijken, kan dit de gebruikerservaring schaden.
Bij het uitvoeren van specifieke taken vinden gebruikers gegroepeerde inhoud interessanter. De gebruiker kan zich overweldigd voelen door de overvloed aan informatie die wordt gepresenteerd door een oneindige pagina te scrollen (wat leidt tot lage conversie). Daarom is oneindig scrollen een slechte techniek voor websites die zich richten op activiteiten voor het uitvoeren van taken. Dit vereist dat ze teruggaan naar hun zoekopdracht of een specifieke inhoud vinden. (2)
3. Parallax-scrolling
Hoewel parallax scrollen veel wordt gebruikt en een goede functie is die leidt tot een loyale bezoeker, zijn er ook problemen aan verbonden. Parallax scrollen kan leiden tot een lage waardering voor SEO ranking. Als de parallax-website één pagina met inhoud, afbeeldingen en een goede visuele weergave is, is het OK. Als de website echter infographic.i.e. afbeelding met tekst, Google leest het niet! Dit kan leiden tot een lage SEO ranking. Het kan worden gesorteerd door de afbeeldingsinhoud om te zetten in daadwerkelijke tekst. Er moet rekening worden gehouden met het probleem dat verband houdt met voetteksten, aangezien sommige gebruikers mogelijk naar de informatie onderaan de pagina kijken. Parallax-webpagina’s met afbeeldingen kunnen langer dan normaal duren om te laden, waardoor de meeste gebruikers de website verlaten voordat de pagina daadwerkelijk wordt geladen. (3)
4. Lui laden:
Lazy loading zorgt ervoor dat inhoud of afbeeldingen niet kunnen worden geladen totdat gebruikers interactie hebben met dat deel van de pagina. Deze inhoud kan dan niet worden geïndexeerd door spiders en zal de rest van de pagina niet kunnen laden (alleen de zichtbare inhoud wordt geïndexeerd). Dit kan leiden tot lage waarderingen voor SEO en het paginaverkeer schaden. Het ontwikkelings- en SEO-team moet het beoogde ontwerp evalueren om ingewikkelde elementen te vinden die moeilijk te implementeren zijn. (4)
5. Gebrek aan mobiel geconfigureerd ontwerp
Met een hoge infiltratie van mobiel is het essentieel voor een bedrijf om zijn website mobielvriendelijk te hebben, met een responsief en adaptief ontwerp. Dit heeft directe gevolgen voor het verkeer. Met de introductie van mobiel algoritme door Google, worden websites die niet mobielvriendelijk zijn, naar beneden geduwd in de zoekresultaten. Een responsive design zorgt ervoor dat de website op alle soorten apparaten kan worden geladen. Apparaatdetectie is mogelijk door middel van een adaptief ontwerp, dat geleidelijke verbetering mogelijk maakt volgens de vereisten van de gebruiker. Het configureren van alle beschikbare apparaattypen kan echter een uitdaging zijn. Responsieve/adaptieve ontwerptechniek maakt gebruik van de responsieve functie voor alle inhoud en speciale codering voor afbeeldingen, waardoor lichtgewicht pagina’s voor mobiel worden gemaakt, en dit verbetert de laadtijd. (5)