CSS nog steeds ver weg?
CSS of cascading styles sheets hebben belangrijke voordelen op vlak van design maar wist u dat Google CSS gestuurde websites rauw lust en snel indexeert?
Waarom CSS goed is voor oa Google
Cascading Style Sheets (CSS) worden gebruikt om de stijlelementen van een pagina zoals lay-out, kleur en lettertypes te scheiden van de inhoud van een webpagina zoals paragrafen en afbeeldingen. Maw CSS zal inhoud loskoppelen van presentatie.
Het bestuderen van CSS technologie heeft naast voordelen voor de zoekmachine Google ook nog andere technische voordelen die deze studie waard maken. Een belangrijke CSS bron voor “beginners” kan je vinden op de site van Sitepoint.com:CSS Tutorials.
- CSS maakt HTML pagina’s lichter (kleiner) en laden dus sneller op
- CSS geeft een grotere controle over de paginastruktuur
- CSS past een website op designniveau in een handomdraai om
CSS maakt bestanden lichter.
Door de stijlen uit de HTML pagina te halen en deze in een apart (geïmporteerd) stijlbestand (.css bestand) te plaatsen, kan men het totaal aan HTML code gevoelig doen dalen. Pagina’s met minder programmeercode hebben een kleinere bestandsgrootte en Google scant best kleinere dan loodzware bestanden. (Ook andere zoekmachines prefereren kleinere bestandsgroottes).
CSS stuurt de paginastruktuur.
CSS laat webdesigners toe een document te struktureren volgens de HTML standaarden zonder hiervoor afbreuk te doen aan de look & feel van een pagina.
Google beloont goed gestruktureerde pagina’s, ondanks dat het gros van de webdesigners de standaarden (onbewust) niet volgen omdat ze (onterecht) geloven dat het volgen van de standaarden zou leiden tot “on-mooie sites” (sic)
Door gebruik te maken van CSS kunnen designers aantrekkelijke pagina’s maken die genoeg flair en “design” hebben (volgens de “oude” school) maar toch een positief effect creeren voor de moeiteloze opname in de zoekmachines.
CSS stuurt de design.
De CSS designblokken kunnen in een handomdraai aangepast worden om een totaal nieuwe design aan te maken zonder dat hiervoor aan de inhoud gesleuteld dient te worden. Dit is zeer handig om bv promotieweken extra in de verf te zetten zonder hiervoor een totaal nieuwe design te laten maken.
CSS en browsers.
Indien u nieuw bent met de CSS technologie dient u er rekening mee te houden dat de CSS standaarden (helaas) in verschillende browser anders getoond worden en dat sommige (zeer) oude browsers CSS zelfs niet ondersteunen. Zorg er dus steeds voor dat de website ook steeds leesbaar is indien de CSS niet ondersteund is. Dit kan je nakijken door de site te bekijken in een Lynx browser.
Enkele knappe CSS voorbeelden:.
- CSSBeauty
- CSSVault
- CSS boek om in huis te halen: “Eric Meyer on CSS” door Eric Meyer,
- en “Designing with Web Standards” door Jeffrey Zeldman.
- En uiteraard (bijna) ALLE websites door NetResult gebouwd
