html tips om html fouten te voorkomen Gebruik de volgende htmltips om je website te optimaliseren, meer bezoekers te krijgen via zoek-machines en dat zoveel mogelijk mensen de website zo goed mogelijk kunnen zien en ervaren.
test je website in meerdere browsers, naast MS IE (internet explorer) versie 8 en 9 (windows 7, vista en windows XP) ook Mozilla Firefox 3 of 4 of Google Chrome of Opera Marktaandeel MSIE zo'n 60 %, FireFox zo'n 30 %, Google Chrome zo'n 10 % (Waarom: i.v.m. ander gebruik van CSS en tabellen en uitlijning) bekijk de site in meerdere scherm resolutie's, zie uitleg onderaan 16 Bit (en hoger) kleurdiepte (hele oude PC's en PDA's hebben nog 256 kleuren) voorkom javascript fouten (uitroepteken links onder in statusbalk of popup met error boodschap) maak je homepage niet groter dan 100 KB (niet iedereen heeft A.D.S.L. of Kabel, 10 % heeft nog een 56K6 modem ! of mobiel internet) Langzame verbinding (bijv. 33k6 of 56K6 modem of gprs/umts via PDA of smart phone/gsm) gebruik voor foto's het jpg bestandsformaat, voor logo's en buttons gif of png, gebruik geen bmp ! optimaliseer plaatjes en foto's zo goed mogelijk, zie uitleg onderaan plaats altijd een: robots.txt, zie uitleg onderaan is een pagina/frame printbaar, klik op de print knop en kijk naar het resultaat kort URL path zoveel mogelijk in bij druk bezochte websites analyseer de error_log en los veel voorkomende fouten op. plaats een favicon.ico bestand in de root (www) directory. voor zoekmachines is het beter om nooit te redirecten Optimaliseer je website voor zoek-machines heet SEO = Search Engine Optimalisation Van sommige instellingen worden vaak gedacht dat ze aanstaan of standaard aanwezig te zijn, maar de praktijk was soms wel eens uit dat sommige mensen bepaalde 'high tech features' uit zetten (dit kan een gebruiker of systeembeheerder hebben ingesteld): geen java (JVM), bijv. MSIE 6, 7 of 8 en Firefox hebben dit niet meer standaard, maar moet apart geinstalleerd worden javascript (ActiveX scripting MSIE) uitgezet (Simpele browser test / datum-tijd) Flash geen cookies Plaats altijd een: robots.txt vb op: www.profhost.nl/robots.txt de directory pictures mag niet geindexeerd worden: Disallow: /pictures/ Testen in meerdere scherm resolutie's; dit zijn 10 % gebruikt 800 x 600 (15" beeldscherm), 70 % gebruikt 1024 x 768, 1280 x 1024 (17 of 19" beeldscherm) en 20 % gebruikt 1600 x 1200 (21" of groter beeldscherm) Op de 3 hogere resolutie gebruikt niet iedereen meer de maximale grootte van het scherm, maar gebruikt kleinere windows dan de schermresolutie.
Fotos en plaatjes optimaliseren. optimaliseer plaatjes en foto's zo goed mogelijk De huidige generatie digitale fotocamera's kan foto's maken die veel te groot zijn voor op internet / beeldscherm. Foto's op internet kun je het beste 640 x 480 of maximaal 800 x 600 pixels groot houden. Dan passen ze namelijk precies op het beeldscherm wat het meest gebruikt wordt: 1024 x 768 of 1280 x 1024 (17 of 19" beeldscherm), zonder dat de foto niet helemaal past en er gescrolled moet worden. Verklein plaatjes en foto's zo efficient mogelijk: met sommige webdesign pakketten zoals frontpage kun je plaatjes/foto's verkleinen door met de muis op de rand te gaan staan en dan de muis naar binnen te bewegen/slepen zodat het lijkt dat de grafische afbeeldingen verkleind is. In werkelijkheid wordt de foto eerst helemaal ingeladen (de oorspronkelijke grootte), waarna hij zichtbaar wordt verkleind in de browser. Dit is niet efficient. Beter kun je de foto op de gewenste grootte verkleinen in een foto bewerkingspakket zoals photoshop, paintshop, Lview of irfanview. Let dan ook op dat je de JPG-compressie factor op 4 a 6 zet of 70 %. Doe dit net zo lang (telkens 1 stapje minder) zolang de foto acceptabel mooi genoeg is. Dan is de grootte in KB's meestal 30 tot 60 KB. Dat scheelt soms een factor 2 a 5 qua grootte ! De verkleining kun je dan in je webdesign pakket inladen. Meer tips volgen binnenkort. Bezoek ook Emailtips

De positie in een zoekmachine kun je verbeteren met deze htmltips.