html tips om html fouten te voorkomen

htmltips 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, 9, 10 en 11 (windows 7 en 8, vista, windows XP, windows 10) ook Mozilla Firefox 3 tm 38 of Google Chrome 43 of Opera
    Marktaandeel MSIE zo'n 40 %, FireFox zo'n 20 %, Google Chrome zo'n 40 %
    (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 200 KB (niet iedereen heeft A.D.S.L. of Kabel, 5 % heeft nog een 56K6 modem ! of lagzamer 2G of 3G mobiel internet)
    Langzame verbinding (vroeger 33k6 of 56K6 modem of nu gprs/umts via PDA of smart phone/gsm)
  • Niet iedereen heeft snel 4G internet in 2015 !
  • 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.
  • plaats een apple-touch-icon.png en een apple-touch-icon-precomposed.png 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, 8, 9, 10 of 11 en Firefox hebben dit niet meer standaard, maar moet apart geinstalleerd worden
  • javascript (ActiveX scripting MSIE) uitgezet (Simpele browser test / datum-tijd)
  • Flash wordt niet op een Iphone of Ipad ondersteund
  • 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
2 % gebruikt 800 x 600 (15" beeldscherm),
20 % gebruikt 1024 x 768, 1280 x 1024 (17 of 19" beeldscherm) en
20 % gebruikt 1440 x 900 (19" of 21" breedbeeld beeldscherm) en
20 % gebruikt 1600 x 1080 (21" of 24" beeldscherm) en
30 % gebruikt 1920 x 1080 (24" 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 80 %.
Doe dit net zo lang (telkens 1 stapje minder) zolang de foto acceptabel mooi genoeg is.
Dan is de grootte in KB's meestal 40 tot 70 KB.
Dat scheelt soms een factor 2 a 5 qua grootte !
De verkleining kun je dan in je webdesign pakket inladen.
Verkleinen in je webdesignpakket is niet efficient; je oorspronkelijk foto wordt compleet geladen
en pas later in de browser verkleind. niet doen !

Meer tips op fotopic.nl

Bezoek ook Emailtips

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

Een browser is een web browser voor het bekijken van internet pagina's.

html tips en html fouten oplossen



html verbeter tips en kijk direct naar het resultaat in je webbrowser zoals ie, chrome of firefox.
htmltips voor optimale html maakt je website vooral sneller en beter vindbaar in zoekmachines.
zeker op mobiel wordt een snelle compacte website met optimale goede html erg belangrijk !