Layout SEO tips

By
James
– 9 februari 2012Geplaatst in: gast blog
€250,- per dag verdienen? internetgeheimenInternetGeheimen.com 250 euro P/Dag systeem! => Bekijk de GRATIS Video. Wordpress handleiding.
 wordpress handleidingMoeite met Wordpress? Met deze handleiding wordt Wordpress een eitje. 		Verdienmodel.
Verdienmodel. De internet marketing cursus voor wie echt geld wil verdienen.
About

James Hardenberg is een SEO Specialist, Get Found Online.
Hij geeft tips om hoog op Google te komen.

Gastartikel van James, SEO specialist, Get Found Online

zoekmachine optimalisatieEen website moet winstgevend zijn. De basis van een winstgevende website is goede vindbaarheid, zodat de site bezoekers naar zich toetrekt.

Om zoveel mogelijk bezoekers vanuit de zoekmachines naar je website te lokken
is een zoekmachine-vriendelijk design erg belangrijk; een goed siteontwerp kan meer bezoekers opleveren.

Tips voor webmasters die in de toekomst een nieuwe layout gaan ontwerpen voor de website vind je in dit artikel.

Een layout is het ontwerp van je website. Bij het creëren van een nieuw ontwerp is het raadzaam om naast usability ook rekening te houden met search engine optimization (SEO).

Eén van de belangrijkste factoren om rekening mee te houden bij het ontwerpen van een nieuw design is Speed.
Beperk het gebruik van afbeeldingen of andere zware elementen.

Hieronder een aantal punten om rekening mee te houden (zonder te pretenderen volledig te zijn):

Browser Compatibiliteit

Controleer hoe je nieuwe design in verschillende browsers wordt weergegeven. Je lay-out moet in alle browsers (en in alle browserversies) foutloos worden weergegeven, zodanig dat deze voor alle bezoekers goed zichtbaar is.

Niet teveel advertenties boven de vouw

Google heeft onlangs een nieuwe algoritme update gelanceerd. Waar het om draait is de plek waar advertenties op een webpagina worden weergegeven. Gebruikers vinden het niet prettig wanneer ze op een webpagina gehinderd worden door advertenties.

Teveel advertenties boven de vouw is hinderlijk voor bezoekers

Het komt dikwijls voor dat webmasters zoveel mogelijk advertenties bovenaan de webpagina plaatsen om zodoende zoveel mogelijk inkomsten te verwerven. Dat is niet prettig voor gebruikers.

Zij willen juist zo snel mogelijk de content zien. Daarom hebben grote hoeveelheden ads bovenaan de webpagina (b.v. direct onder de header) nu invloed op de manier waarop jij vindbaar bent.
Zorg dat bezoekers niet hoeven te scrollen om de content te kunnen zien.

Maak de content bij binnenkomst dus direct zichtbaar voor bezoekers om te voorkomen dat jij de dupe wordt van deze Google algoritme update.

Speed: zorg voor snelle laadtijden

Wees er van verzekerd dat je layout niet “te zwaar” is. Denk eraan dat speed een SEO factor is. Het is de bedoeling dat alle webpagina’s op je site snel laden, zodra deze worden opgevraagd. De hoeveelheid afbeeldingen, video’s en ander “zwaar materiaal” die jij in de layout wil gebruiken heeft dus invloed op de snelheid waarmee de webpagina geladen wordt.

Zorg ervoor dat de aanwezige elementen op de pagina geen trage loadtime tot gevolg hebben. Gebruik Google Pagespeed Online of Webpagetest.org om gemakkelijk en snel te achterhalen waar de grootste winst mee te behalen valt op het gebied van sitespeed.

Tips om site sneller te maken

  • Snelle sites zorgen voor meer conversies!
  • Snelle sites zorgen voor meer tevreden gebruikers!
  • Bezoekers blijven langer rondhangen op snelle sites (goed voor SEO)!
  • Een trage site is slecht voor je reputatie; bezoekers keren minder snel terug!

Content hoog in de HTML code

Het gerucht gaat dat het voor SEO goed is om de content tussen de <body> tags zo hoog mogelijk in de broncode te plaatsen. Wanneer Googlebot webpagina’s crawlt is het van belang dat de content
(waar het eigenlijk allemaal om draait) zo snel mogelijk wordt weergegeven.

Op die manier ben je er zeker van dat Google alle content crawlt  (bij HTML bestanden boven een bepaald aantal kb zou dit problemen kunnen opleveren).

Helaas kan ik niet met zekerheid zeggen of dit nog steeds een belangrijk SEO punt is. Hierover is geen officiële Google documentatie te vinden. Ervan uitgaande dat Googlebot steeds slimmer wordt, is het maar de vraag of dit nog een grote rol speelt. Moet je je niet al te druk om maken, denk ik zo.

Alle CSS en Javascript in aparte files onderbrengen

Wat echter wel belangrijk is voor SEO is het plaatsen van de CSS style en Javascript in een apart bestand. Als je files extreem lange CSS style of Javascript informatie bevatten, kunnen sommige zoekmachines problemen hebben met het crawlen van je content.

Door CSS en Javascript in een extern bestand te plaatsen, hou je de kb’s zo laag mogelijk. Dit heeft vooral effect op de laadtijd van je webpagina. Hoe kleiner de grootte van het HTML bestand, des te sneller je webpagina’s opladen. Bovendien bespaar je bandbreedte doordat de crawlprocedure efficiënter zal verlopen.

Er is een heleboel te vertellen omtrent het optimaliseren van Javascript, CSS en HTML. Het grootste voordeel wat je hiermee behaald zijn snelle laadtijden. Hier is een handige Google pagina met meer artikelen en video’s op het gebied van speed optimization: Google speed optimization tips

Voldoende ruimte voor tekstuele content

Een veelgemaakte fout die ik als SEO specialist tegenkom zijn webpagina’s die onvoldoende ruimte vrijhouden voor tekstuele content. Bij het ontwerpen van een layout is het extreem belangrijk om een plek te reserveren voor tekst. Pure tekst.

Googlebot heeft nog altijd voldoende teksten nodig (lees: woorden) om het thema van een pagina vast te stellen.

Ik ben er van overtuigd dat websites beter scoren als men voldoende tekstuele inhoud biedt aan zoekmachines.
Hou rekening met ruimte voor teksten bij het ontwerpen van de website lay-out. Een belangrijk aandachtspunt voor SEO.

Aanvullende tips:

  • Beperk het gebruik van Flash. Hier kunnen zoekmachines vaak niet goed mee overweg.
  • Betrek een SEO specialist bij de bouw van een nieuwe site, aangezien de sitestructuur opgezet
    moet worden op basis van de wijze waarop bezoekers zoeken. Een zoekmachine specialist kan je helpen
    bij het in kaart brengen van een optimale sitestructuur.
  • Optimaliseer afbeeldingen. Geef elk plaatje een optimale bestandsnaam en alternatieve tekst.

Links naar belangrijke pagina’s in het top-navigatie menu

Bij het ontwerpen van de header moet je er logischerwijs rekening mee houden dat er voldoende ruimte overblijft om hyperlinks te plaatsen naar de belangrijkste secties in de site. Dit kunnen bijvoorbeeld links zijn naar je diensten of producten. Daarnaast is een kort rijtje met “quick links” zeer aanbevolen. Zorg voor optimale navigatie.

HTML validatie

Controleer of de HTML code volledig voldoet aan de opgestelde HTML standaarden. Idealiter bevat de HTML code nul fouten.

Googlebot kan echter prima overweg met broncodes waarin fouten voorkomen. Het is de vraag of andere zoekmachines dat ook kunnen. Aangezien we webpagina’s optimaal opzetten voor zoekmachines is het verstandig om alle zoekmachines een foutloze HTML code voor te schotelen.

Bovendien zorgt een foutloze code er ook voor dat alle browsers goed met de code overweg kunnen, zodat je bezoekers niet gehinderd worden door pagina-elementen die niet juist worden weergegeven.

De geldigheid van de HTML code controleren kan op: http://validator.w3.org/

Goede heading tags gebruiken <h1> <h2>

Een vaak voorkomend probleem bij layout, templates of themes zijn de heading tags die op incorrecte wijze worden gegenereerd. Het is van gróót belang dat er slechts 1 of enkele <h1> tag(s) in de broncode worden weergeven waartussen enkel en alleen de hoofdtitel van de content in staat vermeld.

Denk even aan de headline in kranten. De grootste koptekst in de krant kun je vergelijken met de <h1> tag op een webpagina. De woorden tussen deze heading tag wordt door zoekmachines beschouwd als “extra belangrijk” ten opzichte van de overige teksten op de webpagina.

Indien er meerdere <h1> tags in de code worden weergegeven, kunnen zoekmachines niet exact bepalen welke paginatekst de meeste aandacht verdiend. Kijk dus goed naar de hoeveelheid <h1> <h2> en ook <h3> tags in de broncode en gebruik deze alleen wanneer dat zinvol is voor SEO.

Share buttons, goede navigatie, Google sitesearch box, Facebook facepile, overige links

Hou voldoende ruimte over in de layout voor social share buttons, een Google sitesearch box, een Facebook facepile box (facebook box met gezichten van fans) en overige links.

Het is natuurlijk erg belangrijk voor zoekmachine optimalisatie om het gemakkelijk te maken content te delen via social media.

Voldoende ruimte overhouden voor goede, opvallende share knoppen is een must.

Met een Google sitesearch box kunnen bezoekers je site heel eenvoudig doorzoeken met de kracht van Google’s zoekmachine.

Noem het maar gewoon “een eigen Google op je site“.

Vanuit een SEO gedachte is het cruciaal dat bezoekers snel vinden wat ze zoeken. Met een krachtige zoekfunctie maak je het bezoekers gemakkelijk om de gewenste informatie te vinden. Hou plek vrij voor die box.

Facebook Facepile is een plugin die je op de website van Facebook kan ophalen. Hiermee toon je de foto’s van mensen die je site leuk vinden incl. een handige like knop. Hiermee straal je veel vertrouwen uit.  Je laat ermee zien dat vele mensen jouw site waardevol vinden.

Indien sitebezoekers het gevoel hebben dat ze op een vertrouwde website zitten, is de kans groot dat ze meer artikelen lezen (bezoektijd neemt toe door vertrouwen) en sneller overgaan tot de gewenste actie. Ze hebben het gevoel dat je betrouwbaar bent.

Het is belangrijk om een community rondom je site te bouwen. Een groep mensen die van je site houden.
Combineer social met SEO. Laat daar plek voor vrij in de layout!

Lees ook de ontwerprichtlijnen van Google en de 30 tips voor een zoekmachine vriendelijk design goed door.

Een site met goede, gemakkelijke, toegankelijke, intuitieve navigatiemogelijkheden is extreem belangrijk voor zoekmachineoptimalisatie en voor gebruikers. Zorg ervoor dat bezoekers makkelijk hun weg kunnen vinden.
Zorg voor de best mogelijke gebruikerservaring. Biedt meerdere navigatiemogelijkheden aan.

Tijdens de bouw van de layout moet je hier al rekening mee houden.

Dit zijn een paar eenvoudige SEO tips die je kan gebruiken bij het ontwerpen van een nieuw design.
Stel de gebruiker altijd voorop bij alles wat je doet, maar hou daarnaast wel rekening met zoekmachines.
Heb jij aanvullende layout SEO tips voor andere webmasters? Deel deze dan met andere lezers.

Geen gerelateerde posts.

Tags: , ,

About James

James Hardenberg is een SEO Specialist, Get Found Online. Hij geeft tips om hoog op Google te komen.