Binnenkort te bezoeken!

Wenst u geen website maar enkel een webhosting, of hebt u plannen voor een nieuwe website en wenst u alvast de domeinnaam registreren?

Ook dat is geen probleem, we helpen u graag.

Voor meer info en prijzen, kijk eens naar onze diensten pagina of neem contact op met ons.

Naam, voornaam, e-mailadres, telefoonnummer en misschien ook de adresgegevens zijn zaken die te veel gevraagd worden bij contactformulieren en zorgen ervoor dat de gebruiker even gaat zuchten. In veel gevallen gaat het alleen over een aanvraag voor informatie en dan is het misschien niet nodig al deze gegevens verplicht te laten invullen.

Vraag enkel wat echt nodig is...

Als je even nadenkt kan je al veel gegevens afleiden uit een e-mailadres. Een e-mailadres is dikwijls verbonden aan een bedrijfswebsite, vb info@webflow.be.

En niet dat wat je zelf kan afleiden...

Aan de hand van het e-mailadres is het dus direct mogelijk om de bedrijfswebsite af te leiden. Daarnaast bevat een e-mailadres veelal een achternaam of voornaam, of misschien wel de volledige naam gescheiden door een punt. Dus ook 2 invulvelden voor achternaam en voornaam kunnen we beperken tot 1 invulveld, nl. naam.

Voorzie een vrij tekstveld waar de gebruiker zijn vraag in kwijt kan, en vraag enkel de noodzakelijke contactgegevens. De overige zaken zal de gebruiker, indien hij dit wenst, zeker invullen in het vrije tekstveld.

Een telefoonnummer is zeker handig om over te beschikken, maar ook daar dien je de keuze aan de gebruiker over te laten. Wenst de gebruiker opgebeld te worden, dan zal die zijn telefoonnummer toevoegen aan het tekstveld "uw vraag" of "uw boodschap". Een niet verplicht tekstveld zou hier nog een uitzondering kunnen zijn, al schrikt dit meer af dan het vragen van een e-mailadres.

Binnenkort online...

Je kent het wel, Google indexeert bepaalde websites zowel zonder de www. als met de www. bijvoorbeeld: http://webflow.be en http://www.webflow.be. Dit is twee keer dezelfde content en pagina dus krijgen we opnieuw te maken met het fenomeen duplicate content.

Oplossing kan op verschillende manieren.

Een snelle manier is opnieuw gebruik te maken van een .htaccess bestand. Voeg volgende regels toe in je .htaccess bestand en alle inkomende links zonder www. zullen door een 301 (permanente redirect) verwijzen naar de correcte vorm, met www.

RewriteEngine On
 RewriteCond %{HTTP_HOST} ^voorbeeld\.com [NC]
 RewriteRule ^(.*)$ http://www.voorbeeld.com/$1 [L,R=301]

Een 2de mogelijkheid is het gebruik maken van Google Webmaster Tools. Eenmaal de site is toegevoegd kan er via Siteconfiguratie > Instellingen bepaald worden of je de url's met of zonder www wil laten indexeren.

Opmerkingen? We horen ze graag!

Deze tutorial gaf ons al de meeste van de functies die we nodig hadden, maar we hadden er graag nog volgende functies bij gezien:

• een pauze knop, en bijgevolg ook een start knop
• mogelijkheid tot het selecteren van een bepaalde slide, adhv een thumb

Het is niet de bedoeling om alles te gaan herhalen, enkele de nieuwe functies worden in deze post besproken.

Verder moesten de knoppen ook aangepast worden zodat ze passen binnen het design van de website voor Van Vynckt.

Enkele aanpassingen

We gaan enkel de slideshow starten indien er meer dan 1 slide is:

if(numberOfSlides > 1) slideShowInterval = setInterval(changePosition, speed);

Afhandeling van de pauze knop:

	// pauzeer de slideshow met clearInterval
	$('#pauseNav').bind('click', function () {		
    				
		$('#pauseblock').hide();
		$('#playblock').show();		
		clearInterval(slideShowInterval);
		
	});

Bij het klikken op de pauze knop zullen we de timer stoppen (clearInterval), de pause knop verbergen en de play knop zichtbaar maken.

Afhandeling van de play knop:

	// ga verder na pauzeren
	$('#playNav').bind('click', function () {	

		$('#playblock').hide();
		$('#pauseblock').show();
		slideShowInterval = setInterval(changePosition, speed);
		
	});

Hier doen we het omgekeerde, we starten opnieuw de timer zodat de slideshow zal verdergezet worden, maken de play knop onzichtbaar en de pause knop zichtbaar.

Selecteren van een bepaalde slide/thumb:

Het was ook de bedoeling om naast de slideshow een bepaalde thumb te kunnen selecteren, door op de foto te klikken.

Daartoe is er aan iedere thumb een REL-attribuut toegekend die overeenkwam met de positie van de slide.

	// toon de slide na klik op een bepaalde thumb
	$('.thumb').bind('click', function () {
		
		currentPosition = parseInt($(this).attr('rel'));		
		manageNav(currentPosition);
		moveSlide();		
		
	});

Deze REL-waarde wordt omgezet naar een integer en de huidige slide zal afgebeeld worden.

Demo

Een online demo kan je vinden op de website van Parket Van Vynckt: http://www.vanvynckt.be

Laat je het liever over aan ons? Neem contact met ons op! 

De tijd waar de ID's van de records in de url zaten is ondertussen verlopen, kwalitatief goede websites zouden vandaag de dag allemaal moeten gebruik maken van zoekmachinevriendelijke URL's.

Om bovenstaande wat duidelijk te maken, hieronder een voorbeeldje:

De voordelen van een gebruiksvriendelijke URL zijn overduidelijk:

• Meer relevante woorden in de URL, dus leesbaarder voor Google
• Het vertelt aan de gebruiker iets waardoor het een indicatie geeft over waar hij zich in de website bevindt (op voorwaarde dat de url goed opgebouwd is)

Opgelet

Je dient wel rekening te houden met het volgende. Een url zonder of met slash die naar dezelfde pagina verwijst is wordt gelijkgesteld aan duplicate content, waarbij de laatst geïndexeerde pagina als een kopie opgeslaan zal worden.

De links die naar de kopie zullen verwijzen zullen dan ook hun kracht verliezen en niet meegeteld worden voor het bepalen van de ranking in Google, en dat willen we natuurlijk niet!

met slash
http://www.webflow.be/nl/portfolio/e/webdesign/willems-biscuits-eeklo/

zonder slash
http://www.webflow.be/nl/portfolio/e/webdesign/willems-biscuits-eeklo

Oplossing

Je kan dit eenvoudig oplossen door in een .htaccess bestand volgende 2 regels toe te voegen (pas natuurlijk wel even de domeinnaam aan):

# non-slash to slash
RewriteCond %{REQUEST_URI} !(/$|\.)
RewriteRule (.+) http://www.webflow.be/$1/ [R=301,L]

Veel succes!

Het vernieuwde logo:

Voordelen zijn vanzelfsprekend:

• de eigenaar van de website heeft zoals eerder gezegd de touwtjes in eigen handen: een adresverandering, een nieuwsbericht of een aantal nieuwe foto's online plaatsen kan op een eenvoudige en snelle manier
• er moet niet gemaild en gebeld worden naar de webontwikkelaar om de aanpassingen door te voeren
• het is overal toegankelijk, dus je hoeft niet je eigen computer bij de hand te hebben, internettoegang is voldoende!
• snelle toegang tot een aantal statistieken van uw website; aantal bezoekers, meest bezochte pagina's, enz...

Hmz... dat klinkt allemaal mooi maar is dat niet te moeilijk?

Neen! Webflow webdesign heeft een eigen CMS-pakket gemaakt waar nog iedere dag verder aan gebouwd wordt. Op zich hoort bij dit CMS weinig extra uitleg, met een toetsenbord, muis en een beetje gezond verstand kan je in een handomdraai je website updaten!

Er wordt dus een afgewerkte website afgeleverd die ook kan blijven verder bestaan, beheersbaar door de eigenaar, zonder dat wij als webdesigners er voor iets tussen moeten zitten. Natuurlijk blijft webflow webdesign u ondersteunen, voor moest dit nodig zijn!

Voor iedere website wordt het CMS, gedoopt tot CMSFLOW, individueel bekeken en aangepast om aan de vereisten van die specifieke website te voldoen. Nieuwe modules worden ontwikkeld indien nodig, of aanpassingen aan bestaande modules worden doorgevoerd.

Wilt u ook zo een website die je graag zelf zou kunnen aanpassen? Neem contact op, we staan u graag te woord!

Alvast het logo:

Het zal mogelijk zijn om online de beschikbaarheid van het huisje te controleren, alsook online reservering zal via de website kunnen gebeuren.

Binnenkort meer.... alvast een voorproefje:

We hebben reeds een aantal websites van vakantiehuisjes in ons portfolio. Kijk maar even naar Vakantiehuisje Ghyvelde, vakantiehuisje Ardennen en Vakantiehuisje Bray-Dunes.

Gedaan met op een saaie bureaustoel te zitten en te zwoegen met de vele controls die moeten ingesteld worden op het toetsenbord en muis. Het gevoel dat je vingers langer moeten zijn omdat ze anders niet aan die bepaalde toets van slag of wapen reiken.

De WII gaf al een aanzet, de XBOX Kinect gaat verder. Benieuwd of dit zich ook gaat doortrekken naar webdesign. De technologie is nog nieuw en concrete gevallen zijn er nog niet maar je kan misschien al gaan dromen van de mogelijkheden.

Wat zou het geven als je de technologie, waarbij je via lichaamsbewegingen digitale interacties kan doen, zou combineren met touchscreens en 3D-omgevingen.

Zou je dan een website kunnen bedienen op dezelfde manier als de ongelooflijke computer waar de CSI-afleveringen soms mee gevuld zijn?

Zou je dan een product in een e-commerce website als het ware kunnen vastnemen met je handen en ergens kunnen "droppen"?

Ik ben benieuwd...

Zelf had Tim ook dringend nood aan een dynamisch en gemakkelijk te beheren website. Het ontwerp kwam, hoe kan het ook anders, van zijn eigen hand, webflow stond in voor de programmatie van de website met bijhorende CMS.

De projecten staan centraal op de website, via een uitgebreid portfolio. Verder vind je de nodige gegevens terug om ontwerp Tim te contacteren.

De website kan je vinden via de volgende url, http://www.ontwerptim.be

Detoxrox - Balance with an Attitude

Gezondheiscoach Stéphanie Reynaert zal via een weblog interessante tips omtrent gezondheid via het web verspreiden. Voor meer info of een afspraak kan je alvast terecht op www.detoxrox.be

Biscuitere Willems uit Eeklo

Speculoosfabrikant Willems uit Eeklo was op zoek naar een partner voor de vernieuwing van hun huidige website. Weldra zullen al hun koekjes bewonderd kunnen worden via een splinternieuwe website.

Mycelia - Mushroom spawn laboratory

Een groot internationaal bedrijf omtrent alles wat te maken heeft met paddestoelen. Hun huidige website www.mycelia.be was dringend aan vernieuwing toe. Webflow webdesign nam de uitdaging aan, binnenkort meer!

We maken hiervoor gebruik van de Google Analytics API, wat het mogelijk maakt live gegevens op te vragen uit Google Analytics. Dit opvragen lukt vrij aardig, echter zit er wel wat vertraging op de API. Het verwerken van de query's en het weergeven van de resultaten kost tijd, te veel tijd waardoor een doordeweekse internetgebruiker al snel de "kriebels" krijgt. Zo ook ten huize webflow webdesign...

PHP Caching

Nu er zijn hiervoor een aantal technische oplossing, samengevat onder het woord caching. Hieronder staat een gemakkelijke manier beschreven om bestanden te cachen met PHP, er zijn betere manieren, maar om snel caching te implementeren is dit een oplossing.

Principe:

• Je schrijft de pagina die je wil cachen weg naar een .html -bestand (of gewoon tekstbestand zoals je zelf wil) op de server.
• Bij het bezoeken van de pagina kijk je of het bestand bestaat in de cache. Indien dit zo is, haal het bestand op en geef het weer, indien niet laad de gevraagde pagina en sla het bestand op in de cache. De volgende keer dat je de pagina bezoekt zal het in de cache aanwezig zijn en kan het opgehaald worden.

De technische uitleg (PHP-code) hiervoor kan je vinden via eenvoudige zoekopdracht aan onze "Meneer Google".

Easy toch?

Broodkruimels? 

Breadcrumbs (broodkruimels) geven de bezoekers van je website een overzicht waar hij zich ergens bevindt in de structuur van je website. Het is dus een volledige hiërarchische weergave van het pad doorheen je website, startende van de homepagina.

Vooral in websites waar de structuur van de pagina's complexer is en meerdere niveau's bevat, is het aangewezen breadcrumbs te integreren.

Niet alle surfers hebben ervaring met het gebruik van breadcrumbs, echter diegene die het wel gebruiken missen het als het er niet is, dus toch best rekening mee houden.

Voordelen: 

• de bezoeker weet op elk moment waar hij is, hij kan dus snel 1 of meerdere niveau's teruggaan met 1 eenvoudige klik
• het neemt niet veel ruimte in, en is dus gemakkelijker in een webdesign te verwerken dan pakweg een linkerbalk met talloze niveau's
• de basis van de interne linkstructuur van je website wordt door het voorzien van breadcrumbs automatisch voorzien, en dat heeft dan opnieuw zijn voordelen voor zoekmachine optimalisatie

Aan het 2^de voordeel kan je dus ook een nadeel koppelen, of het nu veel ruimte inneemt of niet, je moet het ergens in het design van je website opnemen. Zoals gezegd, veel is er niet nodig, je kan het vergelijken met de ruimte voor 1 lijn tekst.

Praktisch

Er zijn een aantal (vanzelfsprekende) richtlijnen voor het opbouwen van de breadcrumbs in je website. Wees echter inventief en probleer zelf alternatieven uit.

Enkele regels/richtlijnen:

• Zorg voor krachtige kernwoorden in je breadcrumbs
• Alles is aanklikbaar, behalve je laatste breadcrumb 
• Je eerste item is home, altijd terugkerend naar de homepagina
• De breadcrumbs worden opgebouwd van links naar rechts
• Een vermelding van "u bent hier:" maakt het nog iets duidelijker
• De aangewezen plaats is bovenaan de pagina, aan het begin van de content

Voorbeeld:

U bent hier: home › Diensten › Webdesign

Screenshot:

We bevinden ons op de pagina Diensten, in de subpagina Webdesign. Webdesign is de actieve pagina van dit moment dus deze is niet aanklikbaar in de breadcrumb.

Wat is Google Analytics?

Google Analytics is een gratis tool van zoekgigant Google en verzamelt heel gedetailleerde en uitgebreide statistieken omtrent de bezoekers van uw website. Deze informatie kan dan gebruikt worden om uw website te verbeteren en bij te sturen om... jawel, nog meer bezoekers te krijgen.

Klanten weten graag hoeveel bezoekers hun website heeft, en hoe ze op de website zijn terechtgekomen. De tool van Google Analytics geeft antwoorden op alle mogelijke vragen omtrent dit onderwerp, en dat blijft ook dé locatie om de statistieken te raadplegen. We willen echter de meest gebruikte statistieken direct zichtbaar maken voor de gebruikers in ons eigen CMS.

Voordelen:

• geen extra url, toegang, ... te kennen en te onthouden
• vertrouwde omgeving van uw administratiepaneel
• snelle opname van de nodige informatie

Technisch

Om dit technisch allemaal mogelijk te maken heeft Google een API (http://code.google.com/intl/nl/apis/analytics/docs/gdata/1.0/gdataProtocol.html) vrijgegeven. Beetje rondsurfen en zoeken en je zal snel merken dat het gebruik van deze api vrij eenvoudig is.

In combinatie met Google Charts (http://code.google.com/intl/nl/apis/chart/) kan je makkelijk interessante grafieken maken.

Een voorbeeldje:
(klik om te vergroten)

Het openingsmenu van Lien en Niels kan je lezen via de website. Onlangs verscheen in het nieuwsblad ook een artikel met een woorje uitleg omtrent hun keuze van een restaurant in hartje Aalter.

http://www.nieuwsblad.be/article/detail.aspx?articleid=TL2SDOE8&postcode=9880

Wens je een bezoekje te brengen aan dit nieuwe restaurant? Je kan het beste telefonisch reserveren.

http://www.facebook.com/webflow.webdesign