chatvalentines-heartheartview userswipe-to-right

Mobile first

Mobile first: wat betekent dat?

Jarenlang maakten bijna alle websitebezoekers gebruik van een vaste computer. Sinds de opkomst van smartphones is dit aantal geleidelijk steeds meer afgenomen. Momenteel maakt 50% van alle website bezoekers wereldwijd gebruik van een mobiel apparaat. Het is als website eigenaar heel erg belangrijk om mobiel gebruik serieus te nemen en je website design te optimaliseren of te ontwerpen voor mobiele apparaten. Bijna de helft van de Nederlanders bezoekt websites op mobiele apparaten en dit aantal wordt alleen maar meer. We kunnen er niet meer omheen, want mobiel optimaliseren vraagt om een andere aanpak.

Het mobile-friendly maken van je website kan je bijvoorbeeld doen door responsive of adaptive design toe te passen, maar in veel gevallen is het nog beter om te ontwerpen voor mobiel. 

Wat zijn de verschillen tussen responsive en adaptive design?

Responsive design

Responsive design is simpelweg: websites die zich aanpassen naar het juiste formaat scherm. Een responsive website is één website die zich schaalt naar het scherm van het device wat gebruikt wordt. De website blijft hetzelfde, maar wordt aangepast naar het juiste schermformaat, waardoor de website op elk schermformaat gemakkelijk te gebruiken is.

Adaptive design

Adaptive design is weer een andere manier van webdesign. Bij adaptive design wordt de website niet geschaald naar het juiste formaat, maar wordt er een andere website of andere content laten zien. Op deze manier kan je een heel ander design maken voor desktop en mobiel. Je kan hierbij ook kiezen om bepaalde content niet te laten zien op mobiel die wel te zien is op de desktop versie of andersom. Dit kan bijvoorbeeld ook betekenen dat bepaalde knoppen op een andere plek staan, weggehaald zijn of dat er juist knoppen zijn toegevoegd. Denk hierbij bijvoorbeeld aan een button waarmee je direct kan bellen. Op deze manier optimaliseer je de website voor het juiste device, maar ontwerp je nog steeds voor alle mogelijke devices.

Dit is het verschil met mobile first

Om het verschil uit te leggen tussen responsive design en mobile first neem ik als voorbeeld Picnic: de online supermarkt. De Picnic-app is ontwikkelt voor mobiele gebruikers en desktop speelt hier eigenlijk geen rol meer. Het concept van Picnic is ontwikkelt voor mobiel en de gebruiker kan alleen boodschappen doen via de mobiele app. Zij hebben dus volledig gefocust op de mobiele gebruiker en mobiel gebruik als uitgangspunt genomen in plaats van een design aanpassen voor mobiel. Dit is mobile first, ontwikkelen vóór mobiel. Bij responsive design wordt er een website ontworpen die goed werkt op verschillende schermen en zich aanpast naar het device waarop de website wordt bezocht, maar hier wordt nog steeds de focus gelegd op desktop terwijl mobile first echt draait om de mobiele ervaring. Mobile first is dus eigenlijk een hele verandering in de aanpak van webdesign.

mobile first picnic

Veranderingen in de Google zoekindex 

Omdat mobiel zoeken steeds belangrijker wordt speelt Google hier natuurlijk op in. Zij hebben de trend mobile first geïntroduceerd door de manier van indexeren te veranderen. Zo is Google al enige tijd begonnen met mobielvriendelijke websites hoger in de zoekresultaten te laten komen en wordt de laadtijd van websites ook steeds belangrijker om in een hogere positie te komen. In een eerder artikel schreef ik al over AMP: Accelerated Mobile Pages. Dit zijn pagina’s die geoptimaliseerd zijn voor mobiel en de gebruiksvriendelijkheid van de website verhogen wat kan resulteren in een betere online positie. 

Wil jij ook een mobile-friendly website?

Merk jij nou ook dat jouw website niet hoog in de zoekresultaten verschijnt en denk je dat dit komt omdat je website niet mobile-friendly is? Wij helpen je graag met het mobiel optimaliseren van jouw website en maken voor jou een volledig responsieve website. Heb je wel een goede mobiele website, maar rankeert jouw website nog niet goed genoeg? Ook dan kan je bij ons terecht. Wij scannen je website en geven vrijblijvend advies over de verbeterpunten. 

 

Ja, ik wil een mobile-friendly website!

AMP zorgt voor meer gebruiksvriendelijkheid

AMP: Accelerated Mobile Pages

Niets is zo vervelend als te lang moeten wachten tot een pagina geladen is. Gelukkig heeft Google iets bedacht wat er voor zorgt dat mobiele webpagina’s sneller kunnen worden geladen en hiermee meer gebruiksvriendelijkheid voor mobiele bezoekers creëert: AMP

AMP staat voor Accelerated Mobile Pages oftewel: versnelde mobiele pagina’s. AMP is een initiatief van Google en is gemaakt om te zorgen dat mobiele pagina’s sneller geladen worden. Om dit te kunnen doen, worden deze pagina’s ‘gestript’. Dit betekent dat bepaalde elementen uit de styling worden weggelaten of andere elementen die de laadtijd vertragen. Als je op Google zoekt kan je, voordat je klikt, zien of de pagina een AMP pagina is. Dit kan je zien aan het tekentje van een bliksemschicht (zie afbeelding).

AMP voorbeeld van Mad Media

Mobile first

Mobile first is misschien wel de belangrijkste online marketing trend. Momenteel komt meer dan 30% van de website bezoeken via mobiel en dit wordt alleen maar meer. AMP maakt het voor de bezoeker fijner om mobiel een pagina te bezoeken, omdat het laden van een pagina hierdoor veel sneller gaat. Door je bezoekers een betere ervaring te geven wanneer zij jouw website bezoeken, zullen ze minder snel afhaken en sneller jouw website nog een keer bezoeken.

Waarom gebruiksvriendelijke pagina’s?

Dat AMP zorgt voor meer gebruiksvriendelijkheid is logisch, want de pagina’s laden sneller en dit zorgt voor een betere ervaring. Gebruiksvriendelijkheid creëren voor jouw website is super belangrijk. Je wilt dat bezoekers op jouw website komen en hier een goede ervaring bij hebben zodat ze niet afhaken en wellicht terug komen. Als bezoekers bij de eerste klik op jouw pagina al veel te lang moeten wachten haken zij sneller af en zullen dan eerder de website van de concurrent bezoeken.

Wil jij ook AMP op jouw website?

AMP op je website installeren is mogelijk door een speciale plugin hiervoor te installeren op je website. Deze plugins werken echter niet altijd even goed en kunnen er soms voor zorgen dat je meer schade doet aan je website dan dat je er iets mee wint. Daarom is het belangrijk dat, wanneer je AMP wilt installeren op je website, je dit laat doen door iemand die hier verstand van heeft. Wil je meer weten van AMP en hoe jij AMP op je website krijgt? Wij helpen je hier graag mee. Of heb je nog geen (goed werkende) website? Dan kunnen wij deze voor je bouwen! Heb jij interesse? Neem dan snel contact met ons op.

Ja, ik ben geïnteresseerd

Krijg een hogere CTR met structured data

Wat is structured data?

Zoekmachines worden steeds slimmer en begrijpen complexe informatie steeds beter. Toch moeten we Google af en toe nog een beetje helpen met het begrijpen van bepaalde informatie. Eigenlijk is structured data ook een manier om aan Google te vertellen welke informatie er op jouw website staat. Structured data geeft de betekenis van een stukje informatie aan Google en maakt het begrijpbaar voor zoekmachines.

We helpen Google al op diverse manieren bij het begrijpen van de informatie op onze website. Zo geven we afbeeldingen een alt-tekst, waardoor Google begrijpt wat er op de afbeelding staat en gebruiken we meta descriptions op onze websites om Google te vertellen wat er op de pagina te vinden is.

Afbeeldingen met alt-tekst

Je kunt afbeeldingen voorzien van een alt-tekst. Google is heel slim, maar kan niet zien wat er op een afbeelding staat. Door een alt-tekst, oftewel beschrijving, toe te voegen aan een afbeelding kan je Google vertellen wat er op de afbeelding te zien is. De alt-tekst vertelt dus aan de zoekmachine waar de afbeelding over gaat. Als één van de afbeeldingen op je website om wat voor reden dan ook niet kan worden weergegeven, dan ziet de gebruiker de door jouw ingevoerde alt-tekst.

Meta descriptions

Een meta description werkt een beetje hetzelfde als een alt-tekst. Maar in plaats dat er aan de zoekmachine wordt verteld wat er op een afbeelding te zien is, vertelt een meta-description wat er op een pagina te vinden is. De grijze tekst in de onderstaande afbeelding is een meta description. Met een meta description optimaliseer je een website, hierdoor heb je dus ook een grotere kans om hoger in de zoekresultaten te komen.

meta description Mad Media

Optimaliseren van de content

Je optimaliseert je content door het begrijpelijk te maken voor zoekmachines, zodat zij deze beter kunnen aanbieden aan (be)zoekers. Met structured data kun je bijvoorbeeld aan Google vertellen waar bepaalde content voor staat. Deze informatie wordt vervolgens weergegeven als rich snippets.

Wat zijn rich snippets?

Van rich snippets heb je misschien wel een keer gehoord. Eerder schreven wij al een artikel over featured snippets, maar wat zijn rich snippets eigenlijk? Om in de zoekresultaten van Google een beetje op te vallen kun je gebruik maken van rich snippets. Dit is een extra regel waarin bijvoorbeeld de bereidingstijd van een recept staat, reviews of een productnaam. Verschillende soorten rich snippets:

  • Producten
  • Recepten
  • Evenementen
  • Lokale bedrijven
  • Reviews

Producten

Voor producten kan je met rich snippets zorgen dat bijvoorbeeld de prijs of de voorraad wordt weergegeven in de zoekresultaten.

Recepten

Rich snippets voor recepten zijn handig wanneer je wilt aangeven hoelang de bereiding duurt van een bepaald gerecht of bijvoorbeeld hoeveel calorieën er in het gerecht zitten. Op de onderstaande afbeelding zie je in de derde regel een voorbeeld van zo’n rich snippet.

Evenementen

Rich snippets worden ook gebruikt voor het weergeven van evenementen. Zo kan je rich snippets instellen waarin de datum van bepaalde evenementen zichtbaar is. Op deze manier valt het niet alleen op in de zoekresultaten. Zo’n rich snippet geeft ook direct de informatie weer waarnaar wordt gezocht.

Reviews

Zoals in het voorbeeld bij recepten ook te zien is kan je een rich snippet toevoegen met reviews. De gebruiker ziet direct wat de beoordeling is van de website en hoeveel mensen een beoordeling hebben gegeven op deze website.

Hoe pas je structured data toe ?

Door structured data toe te passen vertel je eigenlijk aan Google dat de 1 uur en 40 minuten (zie bovenstaande afbeelding) staat voor de bereidingstijd. Hierdoor snapt Google dat dit de bereidingstijd is en niet zomaar een getal. Structured data toepassen moet met een speciale codetaal. Hiervoor wordt gebruik gemaakt van Schema.org. Schema.org is dus de taal die zorgt voor structured data op je website. Met Schema.org voeg je in feite geen structured data toe, maar zorg je ervoor dat er structuur wordt aangebracht aan de bestaande data van je website. JSON-LD is een andere taal waarmee structured data kan worden geschreven. 

Ook een website met structured data?

Wil jij meer weten over structured data? Of wil jij een nieuwe website of webshop? Neem dan vrijblijvend contact met ons op via onderstaand formulier. Wil jij heel je website optimaliseren voor zoekmachines? Ook dan ben je bij Mad Media aan het juiste adres. Wij doen een gratis SEO scan en geven vrijblijvend advies over de verbeterpunten van jouw website. 

 

Ja, ik wil mijn mijn website optimaliseren!

Usability: is jouw website écht gebruiksvriendelijk?

Usability: wat is dat?

Usability, oftewel: gebruiksvriendelijkheid is de mate waarin jouw website ‘vriendelijk’ is voor de gebruiker. Dit betekent eigenlijk: hoe gemakkelijk en fijn is het voor de gebruiker om jouw website te gebruiken? Usability is dus letterlijk vertaald: de mogelijkheid om iets te gebruiken. Maar hoe wordt dit bepaald? Beakdal noemt in zijn artikel een aantal punten waar een hoge usability aan moet voldoen.

  • Het gebruik kost geen mentale inspanning
  • Er kunnen nauwelijks tot geen fouten gemaakt worden tijdens het proces
  • Het draagt bij aan de snelheid waarmee de gebruiker de juiste informatie kan vinden

Als jouw website niet of niet helemaal geoptimaliseerd is het op het gebied van usability kan dit negatieve effecten hebben op je bezoekers en daardoor voor jou. Zij zullen niet lang op jouw website willen blijven dit zorgt voor een hoog bouncepercentage.

Usability of user experience?

User Experience (UX) en usability liggen misschien heel dicht bij elkaar, maar toch is het niet hetzelfde. UX: de ervaring die de gebruiker heeft met jouw website. Usability: het gemak die de gebruiker heeft tijdens de interactie met jouw website. Natuurlijk kan de gebruiker geen goede ervaring hebben met jouw website als deze niet gebruiksvriendelijk is. UX heeft meer te maken met design en de algehele ervaring, waarbij usability meer draait om de techniek en of deze goed werkt. Op onderstaande afbeelding van T. Liu kan je duidelijk zien wat het verschil is tussen usability en UX. 

usability en user experience verschil

Wat zijn de resultaten van een goede usability?

In webdesign is usability misschien wel het belangrijkste begrip. De gebruiker van de website bepaalt namelijk hoe succesvol jouw website wordt. Als jouw website niet gebruiksvriendelijk is zal je snel bezoekers kwijtraken. Dit zijn de resultaten van een gebruiksvriendelijke website:

Op de korte termijn

Gebruiksvriendelijkheid op de korte termijn heeft vooral te maken met de conversie ratio. Op korte termijn heeft gebruiksvriendelijkheid als voordeel dat de conversie ratio verhoogd kan worden. Als je geen gebruiksvriendelijkheid op je website hebt kan dit zorgen voor een hoog bouncepercentage omdat de gebruiker zonder enige interactie de website verlaat.

Op de lange termijn

Op de lange termijn kan usability zorgen voor meer loyaliteit met de klanten. Hoe gemakkelijker het gebruik van jouw website is voor de bezoekers, hoe eerder zij terug komen naar jouw website.

Een lange laadtijd is slecht voor de gebruiksvriendelijkheid

Snelheid is een belangrijk onderdeel van usability. Bezoekers van jouw website moeten gemak ervaren en zitten vaak niet te wachten op een lange laadtijd. Als bezoekers te lang moeten wachten voordat de pagina geladen is, zullen zij sneller afhaken. Jacob Nielsen is een specialist in usability. In zijn onderzoek neemt hij dit onderwerp onder de loep. Een aantal conclusies uit zijn onderzoek: 

  • 0.1 seconden: de gebruiker heeft het gevoel dat hij direct reactie heeft op zijn actie.
  • 1 seconde: de gebruiker voelt een vertraging, maar voelt nog steeds dat hij controle heeft over de situatie.
  • 10 seconden: tot en met 10 seconden na de actie heeft de gebruiker nog aandacht voor hetgeen waar hij mee bezig is. Hierna begint de gebruiker te denken aan andere dingen en haakt hij hoogstwaarschijnlijk af.

Over het algemeen zijn een aantal seconden al genoeg om een onaangename gebruikerservaring te creëren. Zijn de vertragingen te lang? Dan kan je zo de helft van je bezoekers kwijtraken. 

Wat kunnen wij voor jou doen op het gebied van usability?

Wij bij Mad Media weten als geen ander hoe belangrijk een goede gebruikerservaring is. Wij maken al jarenlang user-friendly websites en weten precies hoe bezoekers gebruik maken van websites, wat zij belangrijk vinden en wat valkuilen zijn. 

Wil jij weten of jouw website user-friendly is of wil jij een nieuwe website die vanaf het begin user-friendly is gebouwd? Schroom niet en neem contact met ons op via onderstaand formulier. 

Ja, ik wil mijn omzet verhogen!

Voice search: een niet te missen SEO trend

Voice search: wees voorbereid

Voice search, oftewel gesproken zoekopdrachten worden steeds belangrijker om rekening mee te houden in online marketing. Alhoewel wij in Nederland nog niet zoveel gebruik maken van voice search als in de Verenigde Staten, groeit het gebruik van voice search heel snel en is het van belang om hier op tijd op in te spelen met je online marketing.  Uit onderzoek van Google blijkt dat nu in de Verenigde Staten al 55% van alle tieners en 41% van alle volwassenen gebruik maakt van voice search. Omdat je in de meeste gevallen geen scherm nodig hebt voor gesproken zoekopdrachten is dit een populaire manier van zoeken tijdens het autorijden of koken.

Hoe belangrijk is voice search?

Uit een onderzoek van Gartner blijkt dat voice search een hele belangrijke ontwikkeling is die niet zomaar genegeerd kan worden in de online marketing. Uit dit onderzoek blijkt dat in 2020, 30% van alle zoekopdrachten zonder scherm zal plaatsvinden. Dit betekent dus dat mensen niet meer naar hun telefoon grijpen om zelf de zoekopdrachten te typen,  maar zonder het device aan te raken een zoekopdracht uitvoeren. In deze video zie je hoe voice search gebruikt kan worden en hoe het werkt.

voice search video voorbeeld

Voice search = long tail zoekwoorden

Door de opkomst van voice search wordt er anders gezocht dan voorheen, omdat er met voice search vaak volledige zinnen worden gesproken in plaats van één keyword. De focus moet juist gelegd worden op long tail zoekwoorden, in plaats van short tail zoekwoorden. Omdat consumenten anders gaan zoeken met voice search, is het nog belangrijker geworden om de zoekintentie te snappen. Met textual search zoeken mensen bijvoorbeeld sneller: laptop kopen, waarbij er met voice search sneller wordt gezocht met: ‘Waar kan ik het beste een laptop kopen?’.

Hoe wordt voice search gebruikt

Voice search wordt gebruikt op smart devices zoals smartphones en tablets of via een smart systeem in huis. De gebruiksvriendelijkheid van voice search heeft voornamelijk te maken met de opkomst van virtuele assistenten zoals Siri, Alexa en Google Assistant. Hoe zo’n virtuele assistent werkt kan je lezen in het artikel Google Assistant & Online Marketing. Door een gesproken zoekopdracht uit te voeren, krijg je antwoord van een virtuele assistent die het antwoord voorleest. Om te zorgen dat jouw content wordt weergegeven als de consument zoekt door middel van voice search, is het belangrijk om te zorgen dat je content featured snippet ready is. 

Blogartikel: Google Assistant & online marketing

Je hebt vast wel gehoord van Google Assistant: de virtuele assistent van Google. In dit artikel lees je wat Google Assistant precies is en hoe je hiermee kunt inspelen op jouw online marketing. In de loop der jaren is het steeds gemakkelijker geworden om smart devices te bedienen. De gebruiksvriendelijkheid in het online zoeken is enorm gegroeid en zal in de toekomst blijven groeien… 

Andere manieren van zoeken

Natuurlijk kennen we allemaal textual search: zelf een vraag intypen in Google of een andere zoekmachine. Maar nu weet je ook wat voice search is. Buiten deze vormen van zoeken bestaan er ook nog ander manier waarop er online gezocht kan worden, namelijk: visual search. Ook visual search gaat een steeds belangrijkere rol spelen en zorgt er samen met voice search voor dat textual search snel overbodig wordt. 

Zorgen dat jij inspeelt op voice search?

Wil jij weten of jouw content geoptimaliseerd is voor voice search, visual search of voice search en wil jij zeker weten dat jij online gevonden wordt?  Vraag dan vrijblijvend een SEO scan aan.

Ja, ik wil meer weten!

Blockchain als trend in online marketing

Blockchain: een echte trend

Je hebt er vast wel van gehoord, Blockchain. Sinds de opkomst van Bitcoin en andere cryptocurrency is de blockchain-technologie razend populair geworden. Maar wat het precies is en hoe deze technologie werkt is nog niet altijd duidelijk. In dit artikel leg ik je uit wat Blockchain is en welk effect het heeft op online marketing.

blockchain cryptogeld bitcoin

Wat is Blockchain technologie?

Een Blockchain is een systeem om digitale informatie vast te leggen en aan elkaar te verbinden. Het is een van de veiligste manieren van informatieoverdracht, omdat alle informatie in een Blockchain wordt vastgelegd. Alle wijzigingen en aanpassingen worden als een schakel ‘block’ toegevoegd aan een ketting ‘chain’ van informatie. Deze ketting kan alleen maar groeien door er nieuwe schakels aan toe te voegen, maar schakels kunnen niet worden verwijderd. Buitenstaanders die geen toegang hebben tot de ketting kunnen deze informatie niet ontvangen en bewerken. Als er wijzigingen worden doorgevoerd aan de ketting is dit zichtbaar in de code, omdat er dan een nieuw stukje code wordt geschreven. Op deze manier kan er direct worden achterhaald wat de wijzigingen zijn en wie deze heeft doorgevoerd. Elk nieuw stukje code bevat alle eerder geschreven code, hierdoor is er altijd te herleiden waar de informatie vandaan komt. Maar wat heeft de Blockchain technologie te maken met online marketing? In eerste instantie denk je waarschijnlijk: ‘Niks, toch?’. Toch is dit niet helemaal waar, want de blockchain technologie kan wel degelijk online marketing beïnvloeden. Ik ga je uitleggen hoe dit zit.

1. Blockchain technologie verandert de verzameling van data

Iedereen heeft toegang tot het internet. Maar om het web te bezoeken moet je eerst langs Gatekeepers zoals ISP’s en webbrowsers. Deze ‘gatekeeper, ofwel poortwachters,’ geven ons niet alleen toegang tot het web, maar verzamelen daarbij ook heel veel data. De data die wordt verzameld wordt vervolgens gebruikt door, bijvoorbeeld, adverteerders. Door de opkomst van nieuwe netwerken die werken met de Blockchain technologie, zijn deze poortwachters niet meer nodig. Blockchain maakt het mogelijk om op het web te gaan en er vanaf te gaan, zonder dat er data wordt verzameld.

2. Hoe blockchain display advertenties beïnvloed

Nieuwe browsers en netwerken zoals bijvoorbeeld Brave worden aangedreven door blockchain technologie. Zij proberen de huidige monopolie op digitale advertenties van Google en Facebook te doorbreken. Dit doen zij door gebruikers, uitgevers en adverteerders de mogelijkheid te bieden om zelf te handelen over de waarde van online aandacht. Met andere woorden: zij laten gebruikers zelf kiezen welke advertenties zij willen zien in plaats van te adverteren en Google al het werk laten doen. Zo weet je zeker dat jouw advertentie van waarde is voor de personen die het zien.

3. De Blockchain-technologie om digitale middelen te beheren en veilig te stellen

Streamingdiensten zoals Spotify en Apple Music zijn eigenlijk de Gatekeepers tussen artiest en consument. Van de bedragen die streamingdiensten ontvangen krijgen artiesten maar een heel klein deel. Met behulp van Blockchain technologie kunnen er platformen worden gemaakt waar artiesten en fans direct met elkaar transacties kunnen uitvoeren zonder dat de Gatekeepers hier tussen zitten.  

Blockchain en online marketing

Eigenlijk komt het erop neer dat de Blockchain technologie ervoor zorgt dat producent en eindgebruiker direct met elkaar in contact staan en informatie kunnen uitwisselen op veilige manier zonder dat hier tussenpersonen voor nodig zijn. Op dit moment komen er steeds meer partijen die hiervan leren en zal het gebruik van Blockchain  stijgen. Het is goed om te weten hoe je als online marketeer hierop kunt inspelen en mee om kunt gaan. Advertenties zullen niet snel verdwijnen, maar wel de manier waarop deze worden getoond.

Meer weten?

Wil jij meer weten over online adverteren of wil je zorgen dat jouw website geoptimaliseerd is voor zoekmachines? Bij ons kan je terecht voor alles over SEO en SEA. Neem contact met ons op en kom snel een keertje langs voor advies van onze specialisten!

WordPress Lightbox
Offerte aanvragen