Categorie: Webdesign

Hoe ontwerp ik een website, zelf een website maken met Wordpress. Webwinkel maken. Website portfolio Brinkman.IT.

Tanya Zenart - Ukrainian artist

Nieuwe website: Tanya Zenart – kunst uit de Oekraïne

Door de oorlog in de Oekraïne is er helaas vaak weinig postiefs te melden uit of over de Oekraïne. Tanya Zenart is de naam waaronder kunstenares Tanya haar werkt publiceert op onder andere Instagram.

Tanya Zenart - Ukrainian artist

Door de oorlogsomstandigheden is haar website offline gegaan. Wij hebben haar kunnen helpen een nieuwe website online te brengen met een gallerij (van verkochte werken) en een eenvoudige online shop waar je rechtstreeks kunst van Tanya kunt kopen.

Tanya Zenart

Tanya Zenart – kunst uit de OekraïneTanya is in de Oekraïne actief in het ondersteunen van ouderen en diverse andere vrijwilligerstaken. Op haar Instagram valt daar meer over te lezen.

Haar man dient in het leger, net als zoveel mannen in de Oekraïne. Spannende tijden voor haar en de kinderen. Door het down gaan van haar oude website werd het moeilijker haar kunst (online) te verkopen.

Het is voor ons daarom een eer om Tanya te mogen helpen weer een website online te brengen. De basis van het ontwerp, de technische realisatie (shop, website inrichten) is door BrinkmanIT gedaan. Tanya zorgt nu zelf voor verdere invulling, onderhoud en uiteraard contact met de klanten.

De website is volledig schaalbaar en vooral met het oog op mobiel gebruik ingericht. De website is mede daarom ook bewust eenvoudig gehouden. Uiteraard is de site ook geschikt voor PC, laptop of tablet want: volledig responsive.

De webshop is een eenvoudig systeem, gekoppeld aan Paypal. Zodat kopers vanuit de hele wereld haar kunst kunnen bestellen.

Ingeval u een schilderij wilt bestellen: het is het beste om even vooraf te informeren of een kunstwerk nog beschikbaar is aangezien het allemaal unieke producten zijn.

De website is te vinden op https://tanyazenart.com/.

chrome browser webdesign

Voor welk apparaat en browser ontwerp je een website?

BrinkmanIT - webhosting en webdesign

Onwerp je een website alleen maar met één specifieke browser? Jarenlang was dat not done en erg belangrijk om compatible zijn met verschillende browsers.

Rudy Brinkman, Brinkman.IT

Nu een browser als Internet Explorer eindelijk nagenoeg volledig van de markt verdwenen is, en Chrome de meest populaire browser, is dan de vraag voor welke browser je een website maakt nog belangrijk?

Microsoft Edge

De aanname is dat de meeste mensen die een telefoon of computer hebben vaak de standaard ingestelde apps gebruiken. Voorheen was dit in bijvoorbeeld Microsoft Windows, dé marktleider op desktops, lange tijd Microsoft Internet Explorer. Die is een tijd geleden eindelijk uitgefaseerd en vervangen door Microsoft Edge.

Edge is oorspronkelijk gebouwd met de eigen gepatenteerde browser-engine van Microsoft, EdgeHTML. Eind 2018 werd aangekondigd dat Edge volledig opnieuw zou worden opgebouwd als een op Chromium gebaseerde browser.

Microsoft Edge is de standaard browser op Windows 10 en Windows 11. Je zou dus verwachten dat deze browser een behoorlijk marktaandeel heeft. Niets is minder waar. Kennelijk installeren veel gebruikers dus toch een niet-standaard browser waarbij de keuze meestal valt op de razendpopulaire Google Chrome.

Google Chrome de meest populaire browser

Chrome is de meest populaire browser. Als een website werkt in Chrome kun je er gevoeglijk vanuit gaan dat in ruim 85% van de gevallen  internetgebruikers die je website bezoeken een goed werkende website ervaren, zeker nu Microsoft Edge ook op Chromium gebaseerd is.

Maar zijn er nog andere browsers? Is het nog van belang om specifiek voor die andere 15% te ontwikkelen en welke browsers zijn dat eigenlijk?

Aan de hand van de bezoekersstatistieken van een aantal websites heb ik gekeken wat de marktaandelen van andere browsers zijn. Dit komt in grote lijnen overeen met de constateringen die StatCounter doet, alhoewel zij de Safari browser een veel groter marktaandeel toekennen dan ik op basis van mijn eigen ervaringen vaststel. Opmerkelijk is ook dat bij desktop/laptop-gebruikers het aandeel van FireFox nog steeds vrij groot is volgens StatCounter.

Marktaandeel browsers

Headless Chrome 49,29
Chrome 25,58
Chrome Mobile 10,87
Mobile Safari 6,49
Safari 2,66
Microsoft Edge 1,67
Firefox 1,18
Google Search App 0,84
Samsung Browser 0,74
Facebook 0,69
Totaal 100,00

De ‘afwijkende’ browsers waar je dus nog echt rekening mee moet houden zijn Safari en FireFox. Safari is de webbrowser van Apple en beschikbaar voor de besturingssystemen macOS, iOS en iPadOS. Daarnaast is er dus nog FireFox, maar mijn ervaring is dat wat op Chrome draait, ook op FireFox draait.

Als doel zou je dus in principe kunnen ontwikkelen voor de Chrome browser en uiteraard, nadat je je website hebt gemaakt, deze testen in Safari en Firefox.

Mijn standaard browser is FireFox, uit het oogpunt van onder andere privacy een veel betere browser dan Google Chrome. Als ik een website maak, doe ik dit in FireFox en voordat de site live gaat test ik uiteraard met Chrome, Chromium en op de laptop, desktop en (Android) telefoon.

Facebook browser?

Wie het tabelletje hierboven bekijkt zal het waarschijnlijk opvallen dat er een vreemde eend in de bijt lijkt te zijn: de facebook browser.

In de Facebook app zit een aangepaste browser en die wordt gebruikt als je op een link klikt in Facebook die je naar een website buiten Facebook brengt. Je bent vanaf dat moment internet aan het gebruiken met de Facebook app. Waarom doet Facebook dat? Zodat ze data over je kunnen verzamelen…  Dit kun je overigens uit zetten.

Met deze browser hoef je bij het ontwerp echt absoluut geen rekening te houden, al was het alleen al vanwege het zeer bescheiden marktaandeel.

Facebook is overigens niet de enige die data over je verzamelt. Ook Google doet dat. Via hun zoekmachine, browser en allerlei apps verzamelen ze zeer veel data over de gebruikers.

Responsive ontwerpen

helpdesk persoonlijk en betrokkenHet allerbelangrijkste is overigens niet voor welke browser je een website ontwerpt, maar voor welk apparaat. Of beter gezegd: of je ontwerp ook werkt op elk apparaat.

Ik kom regelmatig nog websites tegen die bijvoorbeeld op de mobiele versie ándere informatie bevatten dan de desktopversie, websites die niet goed schalen op een ander schermformaat (telefoon, tablet) of websites die domweg niet goed werken op een smartphone.

Recent las ik nog dat de Volkskrant bijvoorbeeld het erg belangrijk vind dat de ’tablet ervaring’ van hun nieuwsaanbod goed was. Zo’n insteek is in mijn ogen (zeker gezien het kleine marktaandeel van tablets en het feit dat tablets vooral populair zijn bij ouderen) niet erg slim.

Bij de ontwikkeling van een website is dit echt het meest belangrijke. Test dit daarom altijd goed, bij voorkeur met een paar verschillende telefoons. Want smartphones zijn nu eenmaal de méést gebruikte apparaten (bijna 60%) tegenwoordig om te surfen op het web. Een website die niet goed werkt op een smartphone betekent minder bezoekers en, uiteraard, in veel gevallen daardoor ook minder omzet.

Tot slot nog een tip voor wat betreft de SEO (zoekmachine indexering): een website moet er niet alleen goed uitzien op een mobiele telefoon. Zoekmachine Googe vind er ook wat van. Je kunt dat hier en hier testen.

Website Dorpskerk Elahuizen

Oplevering website Dorpskerk Elahuizen

Website Dorpskerk ElahuizenVoor de Dorpskerk Elahuizen hebben wij een website gemaakt en vandaag overgedragen aan de beheerders van de website van de Dorpskerk Elahuizen, die voor verdere invulling van de website zorg zullen dragen.

De Dorpskerk Elahuizen is een prachtige kerk in het Friese Elahuizen (Ealahuzen, Zuid West Friesland).

De website bevat onder andere informatie over de kerkelijke gemeente van Elahuizen, het kerkgebouw zelf, de verhuur van het gebouw – onder andere als trouwlocatie en voor concerten, lezingen, workshops, (koor)repetities of exposities-, en de historie van het kerkgebouw.

De website heeft als (extra) bijzonderheid dat de domeinnaam eindigt op .frl (Friesland), een domeinnaam die wij vaker leveren aan Friese organisaties, instellingen en bedrijven, en is te vinden via het adres: https://tsjerkeealahuzen.frl/

Naast het bouwen van de website verzorgt BrinkmanIT tevens de webhosting voor de Dorpskerk Elahuizen.

 

Website Rolltech Montage en Advies

Oplevering nieuwe website Rolltech Montage

Website Rolltech Montage en AdviesRolltech Montage in Hoensbroek is een jong en dynamisch bedrijf dat advies geeft en levering en montage verzorgt voor Particulieren en Bedrijven van onder andere rolluiken, terrasoverkappingen, carports, garagepoorten, kunststof ramen en deuren, zonweringen en zonnepanelen.

Voor Rolltech Montage hebben wij de bestaande website, gemaakt in Joomla, vernieuwd en in een nieuwe omgeving (WordPress) gebouwd.

Via de website verstrekt Rolltech Montage informatie over hun diensten, onder andere via het projecten-portfolio, biedt contactinformatie alsmede een online mogelijkheid voor het aanvragen van een offerte. De website is daarnaast door ons uiteraard voorzien van SEO-optimalisatie voor een betere vindbaarheid in Google.

Voor Rolltech Montage verzorgden wij reeds enkele jaren de webhosting.

Website Rolltech Montage

De website is te vinden via: https://www.rolltech.nl/.

Voor meer informatie over onze webdesign-diensten en eerder uitgevoerde opdrachten zie het portfolio.

domeinnaam opheffen cybersecurity datalek phishing

Beveiliging van je website via Security Headers testen en uitvoeren

Security Headers zijn een essentieel onderdeel voor de beveiliging van je website. In ons helpdeskartikel hierover hebben we de meest recente updates doorgevoerd en in het voorbeeld aangepast.

Via Security Headers is de beveiliging van je website snel en eenvoudig verbeteren. Voorkom dat anderen schade oplopen door je website!

domeinnaam opheffen cybersecurity datalek phishing

Wat zijn Security Headers?

Security Headers zijn stukjes code die aan de internetbrowser van de bezoekers van je website vertellen om iets te doen óf na te laten. Je internetbrowser is namelijkl het meest kwetsbare punt in de communicatie tussen de website/server en de computer, telefoon of tablet van de bezoeker. De Security Headers voorkomen dat er misbruik wordt gemaakt van de browser (van de bezoeker van je website). Daar ben je als website eigenaar verantwoordelijk voor.

Testen Beveiliging van je website

Het is eenvoudig online te testen of je website wel afdoende beveiligd is tegen diverse zaken als XSS (Cross Site Scripting) exploits en veel andere manieren waarop hackers kunnen inbreken op je site. Via de website “Security Headers” kun je je website testen of deze op dit gebied wel veilig genoeg is.

De bovenstaande test laat in veel gevallen, ook wanneer mensen wel de nodige security headers hebben ingesteld, zien dat de X-Frame-opties (nog) niet goed zijn ingesteld*. De X-Frame-Options HTTP-responsheader kan worden gebruikt om aan te geven of een browser een pagina moet kunnen weergeven in een <frame>, <iframe>, <embed> of <object>. Sites kunnen dit gebruiken om clickjacking-aanvallen te voorkomen door ervoor te zorgen dat hun inhoud niet wordt ingesloten in andere sites.

Kopieëren en plakken van onderstaande code in de .htaccess van uw website zorgt voor toepassing van de meest voorkomende instellingen. Dit voorbeeld kun je voor nagenoeg alle websites toepassen. Controleer uiteraard na aanpassingen of alles nog naar behoren werkt. Wanneer je bijvoorbeeld via een <iframe> tag content van elders in je website inleest (wat je overigens absoluut niet zou moeten doen!) kan dit problemen veroorzaken.

## SECURITY ##
<ifModule mod_headers.c>
Header edit Set-Cookie ^(.*)$ "$1; HTTPOnly"
Header edit Set-Cookie ^(.*)$ "$1; Secure"
Header always set Strict-Transport-Security: "max-age=31536000" env=HTTPS
Header always set Content-Security-Policy "upgrade-insecure-requests"
Header always set X-Content-Type-Options "nosniff"
Header always set X-XSS-Protection "1; mode=block"
Header always set Expect-CT "max-age=7776000, enforce"
Header always set Referrer-Policy: "no-referrer-when-downgrade"
Header always append X-Frame-Options "SAMEORIGIN"
Header set X-Content-Type-Options nosniff
Header always set Permissions-Policy "geolocation=(), midi=(),sync-xhr=(),accelerometer=(), gyroscope=(), magnetometer=(), camera=(), fullscreen=(self)"
</IfModule>
## EINDE SECURITY ##

Nadat u bovenstaande hebt toegepast zou het resultaat als onderstaand moeten zijn.

Security Headers scan resultaat
(Security Headers scan resultaat)

Laat u de aanpassingen liever door ons uitvoeren, neem dan contact met ons op via deze link. Vergeet svp niet om aan te geven om welke website (domeinnaam) het gaat. Voor gedetailleerde informatie zie bijvoorbeeld de website van Mozilla.

___
*) voor de website brinkhost.nl ziet u dit ook, dit wordt veroorzaakt doordat wij CloudFlare gebruiken

Joomla!

Joomla! 3.10 End of Life vanaf 17 Augustus 2023

Joomla!Zoals eerder gemeld is Joomla! 3.10 de laatste release van de Joomla! 3.x-serie. Joomla! 3.10 wordt 2 jaar ondersteund nadat het is uitgebracht. Die twee jaar zijn in augustus 2023 verstreken. Dit betekent dat u een migratie moet (laten) uitvoeren van uw Joomla! website.

Veel cliënten gebruiken Joomla. Wij constateren regelmatig dat de software niet onderhouden wordt. Dat betekent dat er op korte termijn een update naar 3.10 moet worden gedaan alvorens u kunt overstappen naar Joomla! 4.x.

Er is inmiddels een Nederlandstalige uitleg over de migratie beschikbaar. Volg deze link voor meer informatie.

Beveiligingsrisico

Ook constateren we dat er in veel Joomla! websites verouderde componenten worden gebruikt waardoor de website niet naar een courante PHP-versie kan worden bijgewerkt. Dit is een beveiligingsrisico voor uw website!

Migreren naar WordPress

Een andere optie is om uw website om te laten zetten naar WordPress. Deze migratie kan door ons worden uitgevoerd voor u. De kosten hiervoor zijn afhankelijk van uw wensen en eisen en de manier van overzetten.

Voordeel van omzetting van uw website naar WordPress is dat u dan ook gebruik kunt maken van onze Managed WordPress diensten. Wij onderhouden dan de software van uw website voor u zodat u er geen omkijken meer naar hebt. Daarnaast is WordPress een modern en zéér gebruikersvriendelijk (ons inziens veel beter dan Joomla), ook voor wie niet erg veel met ICT op heeft!

Voor de meeste Joomla! websites geldt dat wij tegen zeer concurrerend tarief kunnen migreren naar WordPress, mits u cliënt bent van Brinkman.IT.

Neem voor meer informatie of vragen via deze link contact met ons op.

 

bijbelcollege stichting yarah

Nieuw thema en herinrichting Yarah BijbelCollege

Voor de Stichting Yarah’s online BijbelCollege doet Brinkman.IT het onderhoud van de website. Er is voor de website een nieuw WordPress Theme ingericht en een herinrichting gedaan voor de website van het online BijbelCollege.

bijbelcollege stichting yarah

Yarah BijbelCollege

Het Yarah BijbelCollege is een gratis bijbelschool die mensen in de gelegenheid stelt een online opleiding in de Bijbelse wetenschappen (theologie) te volgen. De opleiding is, net als (nagenoeg) alle andere bijbelscholen in Nederland, niet rijkserkend maar biedt studenten wel de mogelijkheid certificaten en een diploma te behalen na afronding van de opleiding.

Voor de website is om budgettaire redenen gebruik gemaakt van een gratis standaard thema dat ontworpen is voor- en ingericht is naar de eisen van online onderwijs.

Studenten kunnen zich eenvoudig inschrijven, toetsen doen en de resultaten daarvan direct online en per email inzien. Daarnaast zijn er ‘onder de motorkap’ een aantal wijzigingen doorgevoerd waardoor het BijbelCollege weer klaar is voor het nieuwe seizoen.

De website is te vinden op: https://bijbelcollege.nl/

Online Onderwijs

Op het uitreiken van de certificaten na is het gehele proces volledig geautomatiseerd door online studieaanbod en online examens. Het is daarmee een goed voorbeeld hoe online studeren, toetsen en examineren voor onderwijsinstellingen kan worden gerealiseerd.

Het Yarah BijbelCollege was de eerste, al sinds 2004, en nog steeds één van de weinige religieuze opleidingsinstituten die op deze manier haar onderwijs aanbiedt.

Sponsoring

Het Yarah BijbelCollege wordt door Brinkman.IT gedeeltelijk gesponsord.

Kunststof Kozijnen en Deuren

AL-LES Kunststof Kozijntechniek – Kunststof Kozijnen en deuren

Kunststof Kozijnen en DeurenAL-LES Kunststof Kozijntechniek is een leverancier van onder andere Kunststof Kozijnen en deuren, dakkapellen en voert renovatie en onderhoudswerkzaamheden uit.

Voor AL-LES Kunststof Kozijntechniek hebben wij een website ontwikkeld waardoor zij potentiële cliënten van informatie over hun diensten en producten kunnen voorzien. Daarnaast bevat de website een uitgebreide fotogallerij met uitgevoerde werkzaamheden zoals plaatsing van kunststof kozijnen, kunststof deuren en kunststof dakkapellen.

Voor de website is een theme gebruikt van Theme Fresia die door ons op maat is aangepast met Elementor en door AL-LES Kunststof Kozijntechniek nu verder zelf kan worden onderhouden.

De website is te vinden via:
https://www.alleskunststofkozijnen.nl/

Uiteraard is de website voorzien van ondersteunende SEO techniek en is de website geoptimaliseerd voor een maximale performance. De hosting van de website wordt ook door BrinkmanIT verzorgd.

Ecco Shop Wassenaar

Nieuwe website Ecco Shop Wassenaar

Ecco Shop WassenaarEcco Shop Wassenaar en Ara Ecco Shop in Katwijk aan Zee heeft een nieuwe website. De vorige webwinkel van Ecco Shop Wassenaar hebben wij jaren geleden mogen bouwen voor hen en ook nu mochten we bij de realisatie van de nieuwe site ondersteuning bieden.

De Ecco Shop Wassenaar is een echt familiebedrijf en heeft inmiddels de derde generatie aan het roer staan. De collectie wordt zorgvuldig samengesteld en in de winkels mag je nog ouderwets service verwachten.

In de webshop van Ecco Shop Wassenaar vind je de Outlet collectie. Bestellingen kunnen worden thuisbezorgd of worden afgehaald in de winkel in Wassenaar.

Na installatie van de basis voor een website met WordPress en WooCommerce heeft de eigenaar van Ecco Shop Wassenaar zelf de website verder ontwikkeld (vormgeving en inhoud). Daarna hebben we voor Ecco Shop Wassenaar de website vanuit de ontwikkel-omgeving vandaag live gezet.

De website is te vinden op https://eccoshoes.nl/

De website van Ecco Shop Wassenaar wordt al sinds 2012 door BrinkmanIT gehost. Kijk hier voor meer informatie over onze hostingpakketten.

Regionieuws voor Zuidhorn en Westerkwartier

Regionieuws voor Zuidhorn wordt Westerkwartier.NU

De website voor het Regionieuws voor Zuidhorn wordt Westerkwartier.NU. Het jarige Zuidhorn.NU wordt Westerkwartier.NU. Na 15 jaar als regionale nieuwswebsite onder de naam zuidhorn.nu is het jarige Zuidhorn.NU de afgelopen week van domeinnaam gewijzigd naar Westerkwartier.NU.

Zuidhorn.nu, website met regionieuws voor Zuidhorn, voor- en door inwoners van de (voormalige) gemeente Zuidhorn, begon in 2007 onder de naam Zuidhorn.NET. Maar de toenmalige gemeente Zuidhorn wilde deze domeinnaam graag in gebruik nemen en nam deze over (inmiddels weer in ons bezit). Reden voor ons om daarom indertijd onder de naam Zuidhorn.NU verder te gaan en de domeinnaam indertijd te verkopen aan de gemeente.

Regionieuws voor Zuidhorn

De Gemeente Westerkwartier ontstond op 1 januari 2019 en de naam van de website, en het nieuws dat we hier brengen, sluit daarom niet meer aan op de doelgroep, de gemeente bestaat immers niet meer en mede omdat die in de loop der jaren breder is geworden.

Daarom zijn is de website met regionieuws voor Zuidhorn verder gegaan onder de naam Westerkwartier.NU. Zodat er ook (meer) plaats is voor nieuws uit de voormalige gemeenten Leek, Marum, Grootegast en natuurlijk ook Zuidhorn.

Naast de wijziging van de domeinnaam is ook de website zelf enigzins aangepast en gemoderniseerd (kleurstellingen, lay-out aanpassingen en een aantal functionaliteiten).

De komende tijd zullen we nog af en toe aanpassingen moeten doen omdat er nog veel “oude verwijzingen” zijn. Vooralsnog worden deze automatisch doorgestuurd naar de nieuwe locatie.

Meer dan 1 miljoen pagina’s per jaar
In de afgelopen jaren kwamen er gemiddeld meer dan 300.000 unieke bezoekers per jaar (vorig jaar: 304.115 bezoekers en 1.083.785 bekeken pagina’s) op de website. De website, een gratis dienst van webhosting & webdesign onderneming BrinkmanIT, voorziet daarmee duidelijk in een behoefte.

De website is te vinden via https://www.westerkwartier.nu.