De 7 geheimen van Google onthuld
7 geheimen van
onthuld
Door Georgette van Aart
© copyright 2012 Bizzyweb, Zwolle, Nederland
1
De 7 geheimen van Google onthuld
© copyright BizzyWeb, Zwolle, Nederland Informatie uit deze uitgave mag worden gebruikt, mits de bron wordt vermeld met een link naar de website: http://www.bizzyweb.nl
© copyright 2012 Bizzyweb, Zwolle, Nederland
2
De 7 geheimen van Google onthuld
INHOUDSOPGAVE 7 geheimen van Google onthuld ......................................................................................... 1 INHOUDSOPGAVE .............................................................................................................. 3 De zoekmachine ................................................................................................................. 5 Wat is een zoekmachine .................................................................................................... 6 Spider ........................................................................................................................................................................................ 6 Zoveel termen voor hetzelfde ........................................................................................................................................ 6 Indexeren ................................................................................................................................................................................ 6 Database .................................................................................................................................................................................. 6 Relevantie ............................................................................................................................................................................... 6 De uitdaging van de zoekmachine ................................................................................................................................ 6 Geheim 1: Backlinks ........................................................................................................... 8 Wat is een backlink ............................................................................................................................................................. 8 Waarom backlinks ............................................................................................................................................................... 8 Backlinks kopen ................................................................................................................................................................... 8 Gekochte backlinks vaak een kat in de zak ............................................................................................................... 8 Geheim 2: Kopjes ............................................................................................................. 10 Wat is een kopje? .............................................................................................................................................................. 10 Voor de gebruiker ............................................................................................................................................................. 10 Koppensnellers .................................................................................................................................................................. 10 Voor de zoekmachine ...................................................................................................................................................... 10 Kopje is in HTML “heading” ......................................................................................................................................... 10
mag je maar 1 keer gebruiken ......................................................................................................................... 11 Scangedrag bezoeker ...................................................................................................................................................... 11 Geheim 3: Teksten ........................................................................................................... 13 Relevante teksten ............................................................................................................................................................. 13 Schrijf voor de bezoeker ................................................................................................................................................ 13 Zoekwoorden ...................................................................................................................................................................... 13 Geheim 4: Titel van de pagina .......................................................................................... 15 Wat is een titel ................................................................................................................................................................... 15 Titel is in HTML .................................................................................................................................................. 15 Waarom is de titel zo belangrijk ................................................................................................................................ 16 Voorbeeld van een resultaat van zoekopdracht .................................................................................................. 16 Plaats van de titel in de zoekresultaten .................................................................................................................. 16 Iedere pagina zijn eigen titel ........................................................................................................................................ 17 Geheim 5: Navigatiestructuur .......................................................................................... 19 Diepte van de navigatiestructuur .............................................................................................................................. 19 Techniek achter uitklapmenu’s .................................................................................................................................. 19 Waar ben ik ......................................................................................................................................................................... 20 Sitemap ................................................................................................................................................................................. 20 Een voorbeeld van een sitemap ................................................................................................................................. 20 Geheim 6: Bestandsnamen .............................................................................................. 22 Wat is een bestandsnaam .............................................................................................................................................. 22 Wat is een URL? ................................................................................................................................................................. 22 Semantisch webdesign ................................................................................................................................................... 22 Images met herkenbare naam .................................................................................................................................... 22 Images een alternatieve tekst geven ........................................................................................................................ 23
© copyright 2012 Bizzyweb, Zwolle, Nederland
3
De 7 geheimen van Google onthuld
Zorg voor herkenbaarheid ............................................................................................................................................ 23 URL niet langer dan 63 tekens .................................................................................................................................... 23
Geheim 7: Laadtijd ........................................................................................................... 25 Grootte van je pagina ...................................................................................................................................................... 25 Grootte van je afbeelding .............................................................................................................................................. 25 De resolutie van je afbeelding ..................................................................................................................................... 25 Het gebruik van Flash ..................................................................................................................................................... 26 Overtollige code ................................................................................................................................................................ 26 Fancy uitklapmenu’s en banners .............................................................................................................................. 26 Checken op fouten in de techniek .............................................................................................................................. 26 Goed gestructureerde code .......................................................................................................................................... 28 Ten slotte ......................................................................................................................... 29
© copyright 2012 Bizzyweb, Zwolle, Nederland
4
De 7 geheimen van Google onthuld
De zoekmachine
© copyright 2012 Bizzyweb, Zwolle, Nederland
5
De 7 geheimen van Google onthuld
Wat is een zoekmachine Een zoekmachine is niet echt een machine. Het is een netwerk van computers die voorzien zijn van speciale software. Door middel van deze software zoeken zij het internet af op zoek naar nieuwe artikelen, video’s, plaatjes etc.
Spider Een spider is een spin. En aangezien we van een World Wide WEB spreken, is dit een toepasselijke naam. Een spin die door het web “kruipt”. De spin leest alle codes en ziet dus niet de voorkant ( dat wat jij ziet op je computer) van de website.
Zoveel termen voor hetzelfde Er zijn zoveel termen die hetzelfde betekenen in zoekmachineland: Bovenstaande techniek heeft de volgende namen: •
Spider
•
Crawler of webcrawler
•
Robot of bot
Indexeren Indexeren is het verzamelen van data op het internet en het vervolgens opslaan in grote databases.
Database In een database kun je bestanden opslaan en met behulp van bepaalde software deze bestanden onderzoeken op bijvoorbeeld een bepaald woord.
Relevantie Door een zoekopdracht in te tikken bij Google, wordt er in de database gezocht op het meest relevante resultaat.
De uitdaging van de zoekmachine De uitdaging van de zoekmachine is om zo exact mogelijk te komen tot een perfect zoekresultaat, zodat jij niet eerst 10 websites moet bekijken om tot je gevraagde onderwerp te komen. © copyright 2012 Bizzyweb, Zwolle, Nederland
6
De 7 geheimen van Google onthuld
© copyright 2012 Bizzyweb, Zwolle, Nederland
7
De 7 geheimen van Google onthuld
Geheim 1: Backlinks Wat is een backlink Een backlink is een link, verwijzing, naar jouw website. Dat betekent dat andere websites een link naar jouw website hebben geplaatst op hun site.
Waarom backlinks Als je backlinks hebt, betekent dat voor Google dat jouw inhoud van je site wel interessant móet zijn, als anderen er naar verwijzen. Dus als je veel backlinks hebt, scoor je hoger in de zoekmachine. Je hebt dus een sleutel in handen voor een betere positie in Google.
Backlinks kopen Er bestaat een mogelijkheid om backlinks te kopen. Er zijn erg veel bedrijven die hier rijk van worden. Maaarrrrrr........
Gekochte backlinks vaak een kat in de zak
Let op, deze gekochte backlinks zijn niet zo waardevol als je zou denken. Vaak zijn ze afkomstig van websites die uitsluitend bestaan uit links naar andere sites en nauwelijks wisselende inhoud, laat staan relevante inhoud, op de website hebben.
Deze bedrijven worden ook wel “linkfarms” genoemd. Ook komt het voor dat een website een “ban” heeft van Google. Dat wil zeggen dat er dingen gebeuren die niet volgens de regels van Google gaan. Dan wordt je uit de zoekresultaten gegooid en je kunt je dan voorstellen dat zo’n backlink totaal geen waarde heeft. Google kijkt namelijk naar de website waar jouw backlink vandaan komt. Als dat zo’n linkfarm is, dan word jij als het ware ook geïnfecteerd en dus kun jij ook een “ban” krijgen. Nu daar heb je uiteraard niet voor betaald.
© copyright 2012 Bizzyweb, Zwolle, Nederland
8
De 7 geheimen van Google onthuld
© copyright 2012 Bizzyweb, Zwolle, Nederland
9
De 7 geheimen van Google onthuld
Geheim 2: Kopjes
Wat is een kopje? Een kopje is een bekende term voor diegene die veel met tekst werkt. In Word bijvoorbeeld kun je aangeven of je een stuk tekst ( welke je in dit document ziet in het blauw) als kopje wilt weergeven. Zo’n kopje gebruik je om de aandacht te trekken, maar ook om meer structuur aan te brengen in je teksten.
Voor de gebruiker Voor de gebruiker, de bezoeker van je website zijn de kopjes erg belangrijk. Als je bedenkt dat een bezoeker binnen 3 seconden je website bekijkt of deze verlaat, begrijp je dat je snel en overzichtelijk een aantal kopjes op je pagina moet hebben om je bezoeker vast te houden.
Koppensnellers Vergelijk het met het lezen van de krant. Jij zult ook ongetwijfeld eerst je ogen over de koppen van een krantenpagina laten gaan, voor je echt een artikel gaat lezen. Wat dat betreft zijn wij allemaal “koppensnellers” Pakkende koppen die de bezoeker trekken zijn dus essentieel.
Voor de zoekmachine Voor de zoekmachine hebben de kopjes een andere betekenis. De crawler of spider wil graag weten hoe jouw tekst is opgebouwd. De spider ziet alleen de codes en kan deze alleen interpreteren.
Kopje is in HTML “heading” In HTML taal noemen we een kopje een “heading”. Deze heading wordt in HTML opgeschreven in de code: , dit is de grootste kop. De zoekmachine ziet H1 dan ook als het belangrijkste onderdeel van je pagina en legt daar de meeste nadruk op. Om de zoekmachine structuur aan te bieden plaats je de kopjes in verschillende groottes, immers niet alle koppen zijn even belangrijk. De headings hebben in totaal 6 verschillende maten van tot en met . In de afbeelding hiernaast zie je de verschillende groottes van deze maten.
© copyright 2012 Bizzyweb, Zwolle, Nederland
10
De 7 geheimen van Google onthuld
Je kunt echter zelf met behulp van CSS (Cascading Style Sheets) de headings zo vormgeven dat ze er op de webpagina allemaal hetzelfde uitzien. Dus dezelfde kleur en grootte.
mag je maar 1 keer gebruiken Houd er rekening mee dat Google het niet accepteert als je vaker dan 1 keer heading 1 gebruikt ( ). Je kunt hiervoor straf krijgen. Een aantal jaren geleden waren er “handige” webdevelopers die hele teksten in H1 zetten. Op basis daarvan kwamen zij hoger in Google. Maar of dit het resultaat van een zoekopdracht verbetert kun je je afvragen. Doordat Google graag een zo nauwkeurig mogelijk zoekresultaat wil geven, hebben zij deze “truc” om zeep geholpen en wordt deze nu bestraft. De overige headings mag je vaker gebruiken op je pagina, maar waarom niet gewoon duidelijkheid naar je spider toe en je headings “doornummeren”.....
Scangedrag bezoeker Je bezoeker scant je pagina en gaat pas lezen als er een pakkende kop staat. Zorg dus voor pakkende koppen, zonder overdreven te zijn. Blijf je bezoeker, dus je doelgroep in je achterhoofd houden.
© copyright 2012 Bizzyweb, Zwolle, Nederland
11
De 7 geheimen van Google onthuld
© copyright 2012 Bizzyweb, Zwolle, Nederland
12
De 7 geheimen van Google onthuld
Geheim 3: Teksten Relevante teksten Wat zijn relevante teksten? Relevante teksten zijn teksten die passen bij het onderwerp van je pagina. Die hout snijden. Interessante teksten die graag gelezen worden ( dus meer bezoekers op je pagina brengen) Zorg dus voor een duidelijke titel van je pagina waarbij de inhoud ( tekst) naadloos aansluit.
Schrijf voor de bezoeker Dit lijkt zo vanzelfsprekend, maar hoe vaak betrap jij jezelf erop dat je aan het schrijven bent in “jouw taal”. Het is erg belangrijk onderzoek te doen naar wat er leeft in je doelgroep. Als je voor een popmuziek-‐website schrijft zal de stijl ongedwongen en wellicht met sms of whats’app taal gevuld kunnen worden. De bezoekers van zo’n site zijn deze stijl gewend en voelen zich hierbij sneller thuis. Als je doelgroep bestaat uit mensen die niets weten van een bepaald onderwerp, zal je je woordgebruik en het gebruik van technische termen moeten beperken. Anders zullen ze snel afhaken. Zorg ervoor dat je bezoeker zich thuis voelt op je website en dat je dus zijn taal spreekt.
Zoekwoorden Zoekwoorden worden ook wel “keywords” genoemd. Keywords zijn woorden waar veel op gezocht wordt in Google. Als jij ervoor zorgt dat er in je tekst ook gebruik gemaakt wordt van bepaalde keywords, dan wordt de factor “relevantie” ook groter en ga je hoger scoren. Het gebruik van de “juiste zoekwoorden” is een zoektocht en deze start je meestal op de keywordtool van Google: https://adwords.google.com/o/KeywordTool Hier kun je woorden “checken” en kijken of er veel op gezocht wordt. Belangrijk is natuurlijk waar JIJ op gevonden wilt worden. En let erop dat je dan altijd aan je doelgroep denkt.
© copyright 2012 Bizzyweb, Zwolle, Nederland
13
De 7 geheimen van Google onthuld
© copyright 2012 Bizzyweb, Zwolle, Nederland
14
De 7 geheimen van Google onthuld
Geheim 4: Titel van de pagina De titel van een pagina speelt een grote rol bij het vindbaar zijn in Google
Wat is een titel
Een titel is de naam van je pagina ( niet je bestandsnaam!) en die je zelf kunt kiezen. Ook hierin verwerk je natuurlijk weer die zoekwoorden waar jij op gevonden wilt worden. Titel van een pagina
Titel is in HTML Als je de code bekijkt van je website ( ga in je browser naar een bepaalde pagina -‐-‐> klik vervolgens op deze pagina met je rechtermuisknop en kies dan “view source” of “bekijk bronversie”) dan zie je heel veel codes. Daar gaan we in dit boek niet verder op in ;-‐) Wel kijken we even aan het begin van een pagina en zien we als snel de code staan. Alle tekst die tussen deze 2 codes staat is zichtbaar bovenin je browser als titel. Je kunt je voorstellen dat als bezoekers jouw pagina willen opslaan, of bookmarken, dat het dan erg fijn is om een herkenbare titel te zien. Google maar eens op “untitled” en je vindt minstens 527 miljoen pagina’s die dus geen titel hebben gebruikt. Dus mocht je het vergeten, dan ben je niet de enige ;-‐)
© copyright 2012 Bizzyweb, Zwolle, Nederland
15
De 7 geheimen van Google onthuld
Waarom is de titel zo belangrijk Als je de titel wél gebruikt, heb je duidelijk een streepje voor. Niet alleen op je bezoeker die je immers meer duidelijkheid geeft, maar ook op de zoekmachine want die vindt titels helemaal geweldig.
Voorbeeld van een resultaat van zoekopdracht We zoeken nu op de term “fietsenmaker”. Je krijgt dan het volgende resultaat ( op dit moment dat ik dit boek schrijf, over enige tijd is het zonder twijfel weer anders)
Plaats van de titel in de zoekresultaten De tekst “ dé fietsenmaker voor thuis en onderweg” is de tekst die de webdesigner ingevuld heeft als titel. Je ziet dat dit heel duidelijk zichtbaar is. Maak daar dus gebuik van. Dat fietsned een hoger resultaat heeft dan de domeinnaam “defietsenmaker.nl” is natuurlijk wel frappant. Als je fietsned bekijk zie je dat er veel meer geoptimatliseerd is voor de zoekmachie dat de website “defietsenmaker.nl” Hoe dit precies in elkaar zit, voert in dit e-‐book te ver. Dat vergt meer kennis van de zoekmachine en het kunnen lezen van codes. En mijn belofte was om niet te technisch te worden ;-‐)
Zoekresultaat op fietsenmaker 1 © copyright 2012 Bizzyweb, Zwolle, Nederland
16
De 7 geheimen van Google onthuld
Iedere pagina zijn eigen titel De paginatitel is een handige tool om op meer zoekwoorden gevonden te worden in Google. Zorg er voor dat je iedere pagina een eigen titel geeft, relevant voor de inhoud van die pagina. Nu je weet wat een titel is raad ik je aan websites te gaan bekijken op titels. Je zult verbaasd zijn hoeveel websites steeds dezelfde titel hebben op al hun pagina’s. Dat is jammer, want dan mis je kansen in de zoekmachine. Als je website bijvoorbeeld uit 25 pagina’s bestaat en je zorgt er voor dat iedere pagina een andere titel krijgt, dan maak je 25 keer meer kans om gevonden te worden in de zoekmachine. Zo eenvoudig is het. Met het maken van je titels zorg je voor relevantie. Dus iedere titel moet duidelijk maken waar de bewuste pagina over gaat. Ook hier doe je dus onderzoek via de keywordtool, immers je moet wel weten waar jij de bewuste pagina op gevonden wilt hebben. Controleer regelmatig je eigen website op het gebruikt van titels en wees zeer alert op pagina’s die als titel “untitled” hebben. Dat is echt erg slordig. Experimenteer ook met je titels. Als je merkt dat de toeloop naar een bepaalde pagina stagneert, bedenk dan een sprekender titel. Je hebt in bovenstaand voorbeeld gezien hoe duidelijk je titel direct in het zoekresultaat staat.
© copyright 2012 Bizzyweb, Zwolle, Nederland
17
De 7 geheimen van Google onthuld
© copyright 2012 Bizzyweb, Zwolle, Nederland
18
De 7 geheimen van Google onthuld
Geheim 5: Navigatiestructuur Navigatiestructuur is de opbouw van je navigatie, je links naar andere pagina’s.
Diepte van de navigatiestructuur Diepte van de navigatiestructuur kan in principe oneindig zijn, maar de zoekmachine vind het prettig als deze uit maximaal 3 niveaus bestaat: •
Niveau 1 o Niveau 2 § Niveau 3
Hoe minder niveaus, hoe beter. Des te overzichtelijk is je website, niet alleen voor de bezoeker maar ook voor de spider/crawler. Denk goed na over je navigatiestructuur. Wat vind je het belangrijkst en zit dus in het hoofdmenu en wat bundel je vervolgens in de submenu’s. Ga je gebruik maken van “vaste menu’s” of van uitklapmenu’s? Het voordeel van een vast menu is, dat je bezoeker altijd overzicht heeft over je gehele site of een deel bijvoorbeeld het hoofdmenu met daaronder een submenu van het betreffende item. Een uitklapmenu heeft als nadeel dat je nadat je het menu niet meer aanklikt ook geen overzicht meer hebt in het submenu. En als je pech hebt moet je behoorlijk snel zijn om bij het submenu te komen omdat het steeds wegvalt.
Techniek achter uitklapmenu’s De techniek achter uitklapmenu’s bestaat vaak uit de scripttaal “Javascript”. Die taal maakt het mogelijk je menu te laten uitschuiven/uitklappen. Maarrrrrr, niet iedere browser ondersteunt standaard Javascript en dat betekent dat je toestemming moet geven om de pagina te openen met javascript of zonder. Dat is direct een belemmering voor de bezoeker, die moet je een keuze laten maken en afhankelijk van de waarschuwing ( bijvoorbeeld: “Javascript kan deze computer beschadigen, weet u zeker dat u deze pagina wilt openen?”). Gezien het feit dat een bezoeker maar gemiddeld 3 seconden op je webpagina is, maak je het wel heel lastig om de bezoeker aan je te binden. Bovendien vind de zoekmachine Javascript niet fijn, dus beter is het hier niet mee te werken. Ook Flash menu’s ( Flash is een programma waarmee je prachtige animaties kunt maken, maar ook schitterende uitklapmenu’s) niet gebruiken. Flash is voor de browser een gesloten box, waar hij geen code kan lezen. De enige code voor de spider is de mededeling dat het om een filmpje gaat. Dus leest de spider je navigatie niet dan heeft deze geen idee hoe je structuur van de website in elkaar zit. En daar krijg je geen hogere positie van.
© copyright 2012 Bizzyweb, Zwolle, Nederland
19
De 7 geheimen van Google onthuld
Tevens is een ander belangrijk argument om geen Flash te gebruiken in je menu ( of als hele website) de verschillende devices als IPhone en IPad die geen Flash accepteren. Dan raak je als bezoeker al gauw geïrriteerd en haak je af.
Waar ben ik Laat zien waar de bezoeker is op je website. Dat doe je door in je menu een link die op dat moment actief is een andere kleur te geven: Je ziet hiernaast dat deze pagina gaat over Referenties. Het overzicht is voor je bezoeker erg belangrijk, maak het de bezoeker makkelijk om te navigeren en hij/zij voelt zich al snel thuis en zal langer op je pagina blijven of vaker terug komen.
Sitemap Een sitemap is de inhoudsopgave van je gehele website. De zoekmachine is er dol op. Het geeft Google direct inzicht in de structuur van je website en dat wordt gewaardeerd!
Een voorbeeld van een sitemap Albert Heijn, alle teksten zijn links en brengen je direct naar de gewenste pagina. Een sitemap wordt vaak onderaan de pagina gezet. Als een pagina lang is, zie je vaak de navigatie niet meer en kun je via de sitemap weer terug naar de pagina die je wilt. Als je een sitemap hebt laat Google dat weten. Dat doe je in je Google analytics account. Het voert te ver om dit hier te behandelen, daar schrijf ik een ander e-‐boek over ;-‐)
© copyright 2012 Bizzyweb, Zwolle, Nederland
20
De 7 geheimen van Google onthuld
© copyright 2012 Bizzyweb, Zwolle, Nederland
21
De 7 geheimen van Google onthuld
Geheim 6: Bestandsnamen Bestandsnamen spelen een belangrijke rol als onderdeel van je URL. Ook hier geldt weer: maak gebruik van zoekwoorden in je URL en je bent beter vindbaar Voor Google geeft dit duidelijkheid, wat je weer voordeel oplevert met betrekking tot de positionering in Google.
Wat is een bestandsnaam Bestandsnamen zijn de namen die jij toekent tijdens het maken van je website. Je eerste pagina is vaak de index.html. Deze naam mag je niet veranderen want het is de sleutel van je website. Als er geen index.html bestaat ( of index.php, index.asp) dan is je website niet zichtbaar.
Wat is een URL? Een URL is een Uniform Resource Locator. Je URL bestaat uit je domeinnaam met daarachter de bestandsnaam van de pagina in je website:
Semantisch webdesign Semantisch webdesign wil zeggen dat je de website zo in elkaar zet dat de bestandsnamen, titels, plaatjes een naam krijgen die een duidelijke betekenis hebben. Semantiek noemen we ook wel “betekenisleer”. Het is de wetenschap die zich bezig houdt met de betekenis van taalkundige constructies zoals woorden (woordsemantiek) en zinnen (zinssemantiek). Het indexeren van je website gaat sneller en beter als de spiders de pagina’s begrijpen. Geef dus duidelijke namen aan je bestanden en titels.
Images met herkenbare naam Vergeet daarbij ook zeker niet je images die je gebruikt te voorzien van een duidelijke naam, met daarachter je bedrijfsnaam. In de zoekresultaten staat altijd ook een overzicht van images die betrekking hebben op jouw zoekopdracht: Je begrijpt nu vast dat het een gemiste kans is als jouw image niet voorzien is van een duidelijke naam. Dat zorgt ervoor dat je weer een mogelijkheid hebt om beter vindbaar te zijn in Google.
© copyright 2012 Bizzyweb, Zwolle, Nederland
22
De 7 geheimen van Google onthuld
Images een alternatieve tekst geven Een afbeelding of image wordt weergegeven in HTML taal als: Wat betekent het?
• • •
src=”smiley.gif” betekent: waar de bron ( src) vandaan komt height=”42px” width=”42px”: de hoogte en breedte van de afbeelding alt=”Smiley face”: de alternatieve tekst voor het plaatje
Zorg voor herkenbaarheid Wat veel voorkomt op het internet zijn namen als: image001.png, of plaatje23.jpeg. Dit zegt jou niks en zeker de spider niet. Een laatste reden waarom je je plaatjes moet voorzien van een duidelijke naam is het feit dat je als eigenaar van een website ook rekening dient te houden met toegankelijkheid van je website. Onder toegankelijkheid (of accessibility) wordt verstaan dat iemand die een bepaalde beperking heeft, bijvoorbeeld slecht ziend of zelfs blind toch jouw website helemaal kan “zien”. Voor deze mensen is namelijk een screenreader ontwikkeld die de website “voorleest”. Dat betekent dat als er een afbeelding in staat en deze heeft geen alternatieve tekst, deze gebruiker geen idee heeft wat voor afbeelding het is. Geeft dus een duidelijke omschrijvende tekst mee aan iedere afbeelding.
URL niet langer dan 63 tekens Je URL mag niet langer zijn dan 63 tekens in totaal: dus inclusief http://www. Bovendien heeft Google het niet zo op lange URL’s. Maak deze dus krachtig en ook hier weer met zoekwoorden erin verwerkt. Met het oog op de zoekmachine, maar ook met het oog op je bezoeker. Als de bezoeker je pagina opslaat ( bookmarkt) is het direct duidelijk waar de pagina over gaat.
© copyright 2012 Bizzyweb, Zwolle, Nederland
23
De 7 geheimen van Google onthuld
© copyright 2012 Bizzyweb, Zwolle, Nederland
24
De 7 geheimen van Google onthuld
Geheim 7: Laadtijd De laadtijd van je pagina is de tijd die nodig is om je webpagina op het beeld “ op te bouwen”. Nu hebben we tegenwoordig wel snelle internetverbindingen, maar dat wil niet zeggen dat we onze websites kunnen vol stoppen met allerlei vernuftige zaken.
Grootte van je pagina De grootte van je pagina, of de zwaarte, wordt bepaald door de volgende factoren:
1. 2. 3. 4. 5.
De grootte van je afbeelding De resolutie van je afbeelding Het gebruik van Flash Overbodige code Fancy uitklapmenu’s, filmpjes etc.
Grootte van je afbeelding De grootte van de afbeelding kun je zelf aanpassen. Dit kan bijvoorbeeld in Photoshop. Wat je vaak ziet is het volgende: Een afbeelding wordt door het systeem in een fotoalbum “vanzelf” in het juiste formaat gezet. Waar je dan aan moet denken is het feit dat de foto door software verkleind wordt, maar wel eerst als grote foto wordt “gelezen” en dus geladen. Daarna vind de bewerking pas plaats. Houd rekening met hoe groot je een bepaalde afbeelding wilt vertonen op je website en sla deze dan ook in dit formaat op. Dat kan ontzettend veel schelen, zeker als je gebruik maakt van een wat groter fotoalbum op je website.
De resolutie van je afbeelding De resolutie van een afbeelding wordt uitgedrukt in DPI. DPI is de afkorting van Dots Per Inch. Het geeft dus aan het aantal puntjes dat er op een vierkante centimeter zitten. Je kunt je voorstellen dat hoe meer puntjes hoe beter. Echter dat gaat niet helemaal op. We hebben het hoofdzakelijk over print kwaliteit: 300 DPI en schermkwaliteit: 72 DPI. Aangezien je website altijd door middel van een scherm wordt bekeken is 72 DPI dus hoog genoeg als resolutie. Als je een afbeelding hebt en deze is gebruikt voor drukwerk, dan weet je zeker dat het gaat om een afbeelding van 300 DPI. Deze kun je terugzetten in Photoshop naar 72 DPI en dan hou je nog ongeveer 10% over van de bestandsgrootte! En de kwaliteit is voor het beeldscherm prima.
© copyright 2012 Bizzyweb, Zwolle, Nederland
25
De 7 geheimen van Google onthuld
Het gebruik van Flash Flash is een schitterend programma om fancy websites, menu’s of fotoalbums te maken. Er zijn 2 nadelen aan verbonden:
1. Flash wordt niet door alle devices(apparaten) gelezen, denk hierbij aan Apple producten. Je slaat dus een grote groep mogelijke bezoekers over. 2. De bestandsgrootte van een Flash toepassing is erg groot. Dat beïnvloedt dus je laadtijd enorm
Overtollige code Op veel websites staat overtollige code. Overtollige code wil zeggen, code niet óf niet voor een bepaald doel is geschikt, óf is blijven staan zonder gebruikt te worden. Zonder nu te technisch te worden: Als je gebruik maakt van een paragraaf, word er automatisch extra ruimte boven en onder de alinea geplaatst. Dit noemen we witruimte. Waar de alinea ook vaak voor wordt gebruikt is alleen voor de witruimte om bijvoorbeeld iets meer afstand te creëren tussen stukken tekst , of tekst en een afbeelding. Dan is de alinea in de code leeg en de spider begrijpt hier niets van. Raakt in verwarring en dat kost tijd. Dit noemen we overtollige code.
Fancy uitklapmenu’s en banners Uitklapmenu’s kosten tijd, er zit immers een andere techniek achter die eerst begrepen moet worden door de spider. Banners staan vaak in Flash en zoals eerder genoemd zijn dit de zwaardere bestanden.
Checken op fouten in de techniek Bijna iedere website kun je betrappen op fouten in de techniek. Wat zijn fouten in de techniek? Fouten in de techniek kun je meestal niet zien aan de voorkant ( dus achter je beeldscherm). Er zijn regels vastgesteld waaraan de techniek van een website moet voldoen. Deze regels zijn door het W3C ( Word Wide Web Consortium) samengesteld om er voor te zorgen dat er uniformiteit is op het World Wide Web. En dan met name het bekijken van websites in de verschillende browsers zou hetzelfde moeten zijn. Nu is dat op het moment al stukken beter dan 5 jaar terug. Dan zag een pagina in Internet Explorer er heel anders uit dan in Safari of FireFox. Om tot uniformiteit te kunnenkomen heb je regels nodig. © copyright 2012 Bizzyweb, Zwolle, Nederland
26
De 7 geheimen van Google onthuld
Een van de regels is dat je HTML, de structuur van je webpagina en de opmaak (gekleurde kopjes, grootte van je lettertype, soort lettertype etc.) gescheiden worden. Dat wil zeggen dat de opmaaktaal (CSS = Cascading Style Sheet) in een aparte map moet komen en niet verweven mag worden in de HTML. Nu kun je ook je eigen website checken op fouten in de volgende URL: http://validator.w3.org Fouten in de techniek kun je alleen ontdekken als je gebruik maakt van een stukje software. Het is mogelijk om online je webpagina te checken op eventuele fouten.
Je vult bij address je domeinnaam in en drukt dan op de button “check”. Je krijgt dan een keurig rapport van deze pagina van je website
Als je pech hebt dan krijg je foutmeldingen:
In bovenstaand voorbeeld bij rtl4.nl staan op de eerste pagina 23 errors. Dat betekent dat deze pagina langzamer laadt dan zou kunnen. En dat is jammer. Ook vind ik het jammer dat zulke websites van bekende bedrijven toch zoveel fouten bevatten ;-‐( © copyright 2012 Bizzyweb, Zwolle, Nederland
27
De 7 geheimen van Google onthuld
Een voorbeeld van een website die wel foutloos is www.bizzyweb.nl:
In bovenstaand voorbeeld zie je dat het document nu groen is gekleurd, hetgeen betekent dat de webpagina foutloos is. En als je wilt, mag je dan op je website de buttons plaatsen van het W3C om te laten zien dat deze pagina voldoet aan de eisen van het W3C. Maar hoofdzaak is dat je website sneller laadt wanneer de code foutloos is. Bovendien beloont Google je met een hogere positie in de zoekresultaten als de techniek achter de website foutloos is. Ga het eens checken en kijk hoe goed jouw website technisch in elkaar zit. Overleg eventueel met je websitebouwer om de fouten eruit te halen.
Goed gestructureerde code Goed gestructureerde code wil zeggen, dat de code die voor je webpagina nodig is netjes op zijn plaats staat. Dat bijvoorbeeld je CSS in een aparte map staat en niet tussen de HTML Dat de code van een footer onderin je pagina, ook daadwerkelijk onderin de code staat. Dat lijkt vreemd maar dat kan heel gemakkelijk ontstaan en is niet wenselijk. © copyright 2012 Bizzyweb, Zwolle, Nederland
28
De 7 geheimen van Google onthuld
Ten slotte Je hebt nu 7 geheimen van Google onthuld gekregen. Er zijn nog meer geheimen van Google die ik in een later stadium zal publiceren ;-‐) Als je dit e-‐book waardeert, zou ik het fijn vinden als je je waardering wilt tonen in de vorm van •
Een tweet naar: @georgettebw
•
Een like naar: facebook.com/bizzywebNL
•
Een vermelding op mijn linkedin: http://www.linkedin.com/company/bizzywebnl
•
Een reactie plaatsen op mijn blog: http://www.bizzyweb.nl
Heb je vragen of opmerkingen over dit boek of in het algemeen, laat het mij weten via mijn email of blog. Hartelijke groeten, Georgette van Aart Bizzyweb.nl [email protected]
© copyright 2012 Bizzyweb, Zwolle, Nederland
29