Wil jij weten of die QR-code nu eindelijk gaat doorbreken en of online dood is of net weer niet? Heb je al gehoord over NFC maar is SoLoMo je eerder onbekend? Of je invalshoek nu marketing, webdesign, social of anders is; je vindt zeker je gading in het trendrapport van 2012.

Benieuwd om verder te lezen? Ga dan naar de website van Netlash-bSeen en download de pdf of lees online via Issuu. Er is zelf een dodeboomversie voor wie de online trends liever offline tot zich neemt.

Glue wenst je avast een prettig eindejaar en een trendy 2012!!

Is de homepage nog belangrijk?

Alsmaar meer bezoekers komen op je website terecht via zoekmachines. Deze zoekmachines proberen bezoekers meteen door te sturen naar de pagina die voor hun zoekactie relevant is.

Je homepage krijgt hierdoor niet alleen minder bezoekers te verwerken, ze krijgt ook een andere functie. Nu bezoekers via vele manieren meteen op alle mogelijke webpagina’s kunnen terechtkomen, kan de homepage niet langer exclusief als ‘voordeur’ worden beschouwd. Elke pagina is nu een mogelijke voordeur. De homepage is meer een referentiepagina, die een algemene indruk moet geven van de kwaliteit en de sfeer van je organisatie.

Let op, een homepage moet door het lager aantal bezoekers daarom niet aan belang inboeten. Tenminste, als je rekening houdt met zijn gewijzigde functie.

Waarvoor dient de homepage dan nog?

Wanneer je zelf snel even naar de homepage van een website surft, doe je dat om in één oogopslag de sfeer van de website op te pikken, en snel te zien wat de website te bieden heeft. De kerntaken van de homepage zijn dus:

• Een goede eerste indruk geven. Kwaliteit uistralen.
  Een degelijk, overzichtelijk design zet meteen de toon van een website.  Kies voor een ontwerp dat ademt, en bezoekers de ruimte geeft om zelf keuzes te maken.
• Duidelijk maken waar de website over gaat.
  Vermijd gefrustreerde bezoekers, laat ze meteen evalueren of ze bij jou gaan vinden wat ze zoeken. Gebruik een goede tagline. Een tagline is een zin die beschrijft waar jullie website precies voor dient, wat jullie activiteit is als organisatie of bedrijf. Verval niet in verkoopstermen als ‘de beste of de goedkoopste’, maar communiceer echt de inhoud van je website. Maak van de kernwoorden in uw tagline een link naar een achterliggende pagina met meer informatie over die kernwoorden.
• Duidelijk maken wat je kan doen op de website.
  Als het mogelijk is om te kopen/reserveren/registreren op je website, laat dat dan weten. Plaats wegwijzers om bezoekers te brengen waar ze willen en moeten zijn. Plaats weinig, maar duidelijke wegwijzers.
  Heeft een bezoeker in één oogopslag niet gezien waar hij moet klikken, dan loopt hij waarschijnlijk weg. Plaats dus een aantal uitnodigende ‘Call To Actions’ (‘bestel nu’, ’schrijf je in’, ‘bekijk’, ‘reserveer’, etc. ) voor de meest uitgevoerde taken op je website. (En analyseer nadien ook hoe vaak er effectief op deze Call To Actions wordt geklikt.)
• Focus op de gebruiker.
  Een regel die geldt voor elke pagina van je website. Ontwerp je homepage met de wensen van de gebruikers in het achterhoofd. Wees niet te opdringerig.

Aan de slag

Wil je advies over het webdesign van jouw homepage? Je weet ons te vinden.

We worden nogmaals gelauwerd voor het ontwerp van onze corporate website. Dit keer is het InstantShift, de showcase/blog site voor webdesigners en webdevelopers, die een oplijsting maakte van de 45 meest inspiratievolle corporate websites. We zijn erg vereerd dat we als enige web bureau opgenomen werden in deze lijst. We hopen nu wel dat dit geen voorbode is van een nieuwe reeks rip-offs (cfr. Je bent pas succesvol als je gekopieerd wordt).

Bekijk de volledige lijst op InstantShift.com (Glue staat op nummer 37 in de lijst)

“Iemand vraagt help op het EE forum voor zijn site… herken je ‘t een en ‘t ander? http://tinyurl.com/qhcv88”

Hmm… http://visualjelly.com/ heeft blijkbaar het design onze glue.be letterlijk overgenomen. Zelfs de teksten werden gekopieerd en lichtjes veranderd… Bij nader inzicht blijkt het eigenlijk de Heer Matt Abron http://www.mattabron.com/ te zijn die onze site klakkeloos overneemt voor het bedrijf Visual Jelly. Zelfs tot en met de kleinste visuele elementjes werden gekopieerd.

Dat een site inspirerend kan werken wisten we al… iedereen haalt zijn inspiratie ergens vandaan… zonder Paul Cezanne was er geen Picasso, en zonder Picasso zag de kunstwereld er totaal anders uit.. Iedere webdesigner of -bouwer van eender wat haalt de mosterd ergens. We inspireren ons allemaal ergens op… maar onverdund plagiaat zoals dit gaat ons wel wat te ver.. De sites die we bouwen, zijn gemaakt met liefde voor het design- en developersvak.

Dat Matt Abron echt wel schuldig is, blijkt op het ExpressionEngine forum http://expressionengine.com/forums/viewthread/121273/,…  Foei foei zeggen we hier bij Glue.. waar hou je je mee bezig? Heb je echt geen inspiratie? Kijk eens op http://www.templatemonster.com/. Voor wie wil reageren: matt@mattabron.com… Oh.. mr. Matt Abron.. bedankt voor de gratis reclame!! You dirty Ripper!! Maar blijkbaar ben je niet de enige die onze site geript heeft. Technominesolutions, xypnoss & perintis-services doen net hetzelfde. Zie meer voorbeelden op onze flickr-set.

Grappig detail: de mailto-link bij de contactgegevens op http://visualjelly.com/ verwijst nog altijd naar onze mailbox.

<p>e-mail: <a href=”mailto:info@glue.be”>matt@mattabron.com</a></p>

Een ding is overduidelijk het origineel is beter dan de copy.

Good night and good luck!

Door de vele vragen die we erover krijgen hebben we besloten om er een mini-blogpost aan te wijden. Op onze site en blog gebruiken we voor onze titels het font FF netto OT. FF staat voor fontfont en OT staat voor Open Type. Onze voorkeur ging aanvankelijk uit naar FF Dax maar door het overmatig gebruik van Dax op het internet, hebben we gezocht naar een font dat net als Dax  coporate en hedendaags oogt. Met FF Netto hebben we dat dus gevonden.  En dat het gesmaakt wordt, blijkt uit de vele vragen die we krijgen omtrent het fontje.

(*) Dit is een pangram van 51 letters

Onlangs werden de CMS Awards voor de beste Europese websites uitgereikt. Drie van de vier, door Glue, ingezonden websites, vielen in de prijzen. Onze sites wonnen maar liefst goud, zilver en brons. De professionele jury* was bijzonder lovend.

Beka-cookware, triomfeerde in de categorie ‘design’. Nog steeds in de categorie webdesign, kaapten we met de Greenway website ook het zilver weg. Beide websites lieten letterlijk en figuurlijk het water in de mond komen, aldus de jury van de CMS Awards.

In de categorie navigatie scoorde pijnstiller.be met brons. Een mooi bewijs dat we erin geslaagd zijn om een site met gigantisch veel content zeer gebruiksvriendelijk te maken. Je kan zeer vlot en duidelijk navigeren naar de onderwerpen die je interesseren, zonder de weg kwijt te geraken.

We zijn erg trots op deze professionele erkenning. Het is een hele eer voor het ganse Glue team. Dankzij hun webdesign, webdevelopment, usability en CMS expertise konden we deze mooie resultaten behalen. Thanks guys!

Daarnaast mogen we ook EllisLab, de bedenkers van Expression Engine niet vergeten te bedanken. Elke ingezonden website diende immers te beschikken over een gebruiksvriendelijk content management systeem om aan deze competitie te kunnen deelnemen.

Aan die voorwaarde voldoen alle Glue websites. Expression Engine, ons CMS systeem dat eerder al uitgebreid op deze blog aan bod kwam, is werkelijk een droom op vlak van usability.

A big shout out to the EllisLab team! Thank you Rick, Leslie, Derek, Lisa, Derek, Robin, Sue, Ingmar, Greg and Pascal!! We are proud to work with you guys! Keep up the good work!

Oooops, en ik zou het bijna nog vergeten. De belangrijkste spelers in dit verhaal. Onze klanten. Dankzij hun vertrouwen konden we dit succes realiseren. Bedankt, Marc, Veerle, Delphine en Adelheid van Beka! Bedankt, Paul ‘Greenway‘ Florizoone! Bedankt, Sophie en McLee van McNeil!

(*) De jury was samengesteld uit de volgende experten: Robin Wauters, Lieven Raes, Bart Van Herreweghe, Bart Nelis, Karine Blommaert, Sigrid Vandenweghe en Christian Daems.

Handige templates van Firefox (Mac en Win) en internet explorer voor gebruik in webdesigns
Photoshop browser templates/

Mooie site van Toshiba die gebruik maakt van mouse gestures
What Next

CasaLib, een Actionscript 3 library met een grote verzameling handige functies
CasaLib

Leuke portfolio site van een illustrator uit Australië
Okayboss.com

10 Expression Engine Add-ons die je productiviteit moeten verhogen
10 expressionengine production add ons/

Een alternatief voor Windows Explorer
Nexusfile

De ‘mooiste’ collectie Zweedse bands die je ooit te zien kreeg, het moeten zalige tijden geweest zijn de seventies
Svenska dansband from the 70s

Yet another strange IE6 bug
Explorer 6 Duplicate Characters Bug

Portfolio website in Lino stijl
Cricketdesign.com.br

Bijzondere onderwatervideos
Champwilliams.com

Informatief filmpje over onze wegwerpmaatschappij
storyofstuff.com/

75 handige Javascript technieken
75 really useful javascript techniques/

Speel Pong in en met je browser
Window-pong

Een server op een schijfje of in je broekzak
Server2go

De meest bizarre videomanipulatie die ik ooit heb gezien
Interactive Video Object Manipulation

Een PHP5 framework dat gebruik maakt van het Model View Control principe, gebaseerd op CodeIgniter
Kohana

De 148 beste IPhone applicaties
148apps.com

Waarom investeren bedrijven in SEO, net nu we in zware crisistijden zitten
Why companies are investing in seo during the economic downturn

Prototype je website met XHTML
Prototyping with XHTML

Een ‘Kick-ass’ presentatie uit 1975, welcome to the future
IBM presentatie

In onze reeks ‘tools’ kunnen we u de volgende tool zeker niet onthouden. Smush it is een plugin voor firefox die afbeeldingen optimaliseert tot de laatste byte.. zo beweren ze althans…
We hebben zelf de test uitgevoerd en we zijn wel onder de indruk.

Probeer zelf. Installeer de plugin en surf naar een website in ontwikkeling. Onderaan je browser kun je ‘rechtsklikken’ op het smush it icoontje en de optie run Smush.it kiezen. Onmiddellijk surf je naar de smush it website en krijg je een overzicht van de gebeurtenissen achter het scherm.
We namen als test een home pagina van een door glue ontwikkelde site nl beka-cookware. We krijgen onmiddellijk het rapport “Smushed 6.51% or 10.66 KB from the size of your image(s)..”
Het gemiddelde van 6.5% mag dan al niet veel lijken, het betekent wel dat sommige afbeeldingen niet moesten geoptimaliseerd worden, maar enkele van die afbeeldingen werden toch nog met 30% verkleind. Dat wil dus eigenlijk zeggen dat Adobe Photoshop het zijn werk niet optimaal doet en dat hun compressie zeker beter kan.
Ik hoop dat iemand bij Adobe zijn oor tegen de grond houdt.

Na de optimalisatie krijgen we op de smush it site de mogelijkheid om alle afbeeldingen van een bepaalde pagina in een zip-fileke te downloaden.
Een andere optie is ‘upload your images’, we navigeren naar een map afbeeldingen op onze computer, selecteren die allemaal, we uploaden ze en we krijgen ze geoptimaliseerd terug van smushit.

Superhandig is het zeker. Waar we kunnen besparen op bytes, besparen we ook in co2 uitstoot. Wel dat willen we in ieder geval geloven. Probeer het zelf maar eens op www.smush.it

In onze serie lijstjes, het vervolg van “Hoe maak ik mijn site zoekmachinevriendelijk“, vandaag, hoe scoor ik niet goed in Google. Iedereen wil scoren in Google. En liefst nogal goed en hoog. Scoren in Google doe je vooral met unieke content. Maar ook met optimalisatie van je website. En met geduld, een pas gelanceerde site zal niet direct goed scoren in Google.

Graag geven we nog eens een overzicht van van enkele zaken waardoor je slechter zal scoren in Google of zelfs uit Google kan verwijderd worden. Hier onze lijst van Black Hat Search Engine Optimization technieken.

Dubbele content (duplicate content)

Neem gewoon de inhoud van artikels en blogposts over van andere sites (of van je eigen site) en publiceer ze op jouw blog of website. Absoluut niet doen! Speel het spel eerlijk, Google zal je ervoor belonen. Zorg voor unieke content op je website en zorg dat je die inhoud niet klakkeloos gaat knippen en plakken op andere pagina’s. Vind je iets de moeite waard om met de wereld te delen, herschrijf dan het artikel en vermeld de bron. De uniciteit van content verhoogt de waarde daarvan, zelfs als de inhoud van je eigen site komt.

Pagejacking

Ietwat verwant aan de vorige. Je steelt een pagina van je concurrent met alle meta-tags en inhoud. Die pagina zet je op jouw of een ander domein en je linkt naar je eigen pagina’s of producten. Een big “No no” lijkt dit ons. Verdere uitleg lijkt ons overbodig.

Niet gerelateerde sleutelwoorden

Vul zoveel mogelijk sleutelwoorden in keywords meta-tag, ook al zijn die niet aan de inhoud van je pagina verwant. Ha! Probeer maar… Keywords zijn voor Google niet zo belangrijk meer als wat ze geweest zijn pakweg 5 jaar geleden, je mag ze gerust overslaan. Indien je ze toch liever in de meta-tags ziet staan beperk je dan tot de sleutelwoorden die ook in de inhoud van de pagina zitten en beperk jezelf tot een 20-tal sleutelwoorden.

Linken naar andere websites

Leg zoveel mogelijk uitgaande links op je pagina, naar eender welke website. Opgepast! Door te linken naar sites of pagina’s met verwante inhoud zorg je ervoor dat je een goede bewoner bent van je buurt. Als je dan ook nog een link terugkrijgt van je buren is dit ideaal. Maar opgepast naar wie je linkt, Google noemt spamming sites “bad neighborhoods”. Link je naar zo’n slechte buurt dan word je afgestraft… controleer dus de credibiliteit en de Pagerank van een website voor je ernaar gaat linken. Moet je toch linken naar een website met weinig credibiliteit maak dan gebruik van het nofollow-atribuut.

Cloaking

Cloaking is de zoekmachines om de tuin leiden door de bezoeker en de zoekmachine andere inhoud te tonen. Dit kan door middel van redirects of met javascript. Niet doen is de boodschap. Uw website kan door Google geweerd worden.

Verborgen tekst

Je zet teksten vol van sleutelwoorden waarmee je in google wil scoren op je site en je zet die verborgen door tekstkleur dezelfde te maken als de achtergrondkleur, of door de tekst een onleesbare grootte te geven zodat de bezoekers nooit zullen merken dat het effectief tekst is. De tekstkleur dezelfde te maken als de achtergrondkleur lijkt dan wel een uitstekende techniek, dat is het zeker niet. Deze term heet fontmatching. Google kent deze techniek maar al te goed. Ook uw tekst extreem klein maken verhoogt de kansen om uw website uit de zoekmachine database van Google te zien verdwijnen.

Title stacking

Title stacking is gebruik maken van meerdere title-tags in de html-code van je webpagina. Zo kan door het gebruik van verschillende title-tags, voor ieder sleutelwoord in de pagina de title-tag geoptimaliseerd worden. De browser ziet maar 1 title-tag, dus de gebruiker merkt dit niet. Google kent deze techniek en straft je meedogenloos af. Wil je meerdere sleutelwoorden in je title-tag dan kun je die gewoon scheiden met een koppelteken, zoals “Website design – zoekmachine optimalisatie | Glue – Interactive media”

Doorway pages

Gateway of ook wel doorway pages, bridge pages, jump pages, zebra pages,… zijn pagina’s geoptimaliseerd voor bepaalde sleutelwoorden en content, ze linken naar onderliggende pagina’s maar er ligt geen link terug of ze zijn niet via de normale navigatie te bereiken. Zo was BMW.de in 2006 door Google geweerd door het gebruik van doorway-pages. Een logische “no no” dus, voorlopig onze laatste…

bron: links en rechts op het internet

Weet je er nog? Laat ze ons weten, deze blog is open voor discussie… Good night and good luck!