Tag: CSS

Chris Wolters Wordpress website ontwikkeling

Nieuwe website Chris Wolters Engineering

Nieuwe WordPress website met customized theme voor engineer en technisch specialist. Child-theme op maat gebaseerd op Twenty Seventy theme met full-width video header.

Chris Wolters WordPress website ontwikkelingVoor dhr. Chris Wolters, engineer en specialist in technische projecten, hebben wij een nieuwe website mogen maken. Dhr. Wolters gebruikte voorheen een website met een andere onderliggende techniek (Joomla) en wij hebben voor hem een nieuwe site opgebouwd in WordPress.

De nieuwe site is gemaakt in WordPress met een op zijn wensen aangepast WordPress theme; een aangepaste versie van het default Twenty Seventeen-theme. Door het maken van aangepaste CSS en functies hebben we de layout van de site (via een zogeheten “child theme”) aangepast. Daarnaast hebben we een aanpassing gedaan in de default header door het afspelen van een video op volledige breedte mogelijk te maken en de site voorzien van nog een aantal andere functionaliteiten.

Naast het ontwerpen van de website mochten we ook de domeinregistratie en hosting wederom verzorgen voor deze op maat gemaakte website. U kunt de website vinden via https://www.chriswolters.nl/

Optimaliseer uw SEO zoekresultaten

SEO, Google updates en je website ranking (vindbaarheid website)

Bovenaan in Google door een snelle, veilige en goed ontworpen website. Controleer het ontwerp van je website met gratis online tools voor SEO.

Google Zoekmachine SEO

Wie bovenaan in Google wil staan moet daar moeite voor doen. De zoekmachine wijzigt regelmatig haar algoritmes (de manier waarom indexering en rangschikking plaatsvind van website). Ook worden de laatste tijd steeds meer websites minder goed vindbaar via Google door het ontbreken van een SSL-certificaat. Zoals aangekondigd worden websites die geen SSL hebben gemarkeerd als ‘onveilig’. Dat is niet nodig want SSL is gratis verkrijgbaar!

Niet alleen Google markeert je website als minder relevant, internetgebruikers schrikken terug voor het bezoeken van een website die als ‘onveilig’ is gemarkeerd. Al was het maar omdat ze niet begrijpen wat die markering inhoudt.

Want hoewel het voor veel websites niet uitmaakt of er wel of niet SSL gebruikt wordt geeft het een onprettig gevoel. Zeker als Chrome, Edge of Firefox zeggen dat een website onveilig is. Alleen als er sprake is van data-overdracht via bijvoorbeeld bestelformulieren of een webshop is het écht relevant. Maar waarom de moeite nemen dat allemaal uit te leggen aan bezoekers van je website als SSL gratis inbegrepen is bij je hostingpakket?

Hoger in Google

Verkeer, bezoekers, naar je website is van levensbelang voor je onderneming of dienst. En Google is daarbij de nummer 1 bron van verkeer naar je site. Hoe kom je hoger in Google? De algemene tips die wij hier geplaatst hebben zijn nog steeds relevant. De snelheid van je website is ook erg belangrijk uiteraard. Want hoger in google, SSL “slotje” en daarnaast goed ontwerp (snelheid, overzichtelijkheid) zorgt uiteindelijk voor hogere omzet.

Onder andere Online Marketingbureau Rooza heeft een uitgebreide, gratis raadpleegbare, kennisbank opgezet met heel veel informatie over SEO en andere, gerelateerde, onderwerpen. Zie hiervoor: https://rooza.nl/kennisbank. Het kost tijd, soms heel veel tijd, maar uiteindelijk is de inspanning het waard.

Controleer regelmatig je SEO

Recent daalde het aantal bezoekers op veel van onze websites en websites van onze klanten zeer scherp. In sommige gevallen met wel 80-90%. Dat is schrikken! Maar een kleine analyse leerde hier dat er, gelukkig, niets aan de hand was. Integendeel. Google had haar algoritme aangepast waardoor spammers, brute-force aanvallen en crawlers niet meer geteld werden als ‘bezoeker’ van de website. Terecht. Het zijn immers geen echte bezoekers? Maar het was voor ons wel aanleiding de SEO weer eens een grondige controle te geven.

Je zoekmachine-optimalisatie (SEO) regelmatig controleren en verbeteren is namelijk heel belangrijk. Controle is niet moeilijk, er zijn diverse websites voor beschikbaar. Nadeel is alleen dat ze elkaar soms tegenspreken of je soms laten schrikken met hun score. Denk je het zó goed geregeld te hebben melden ze nog steeds ‘kritische fouten’. Soms komen ze ook met adviezen waar je niets mee kunt. Het is daarom handig verschillende met elkaar te vergelijken en alleen de écht kritische punten te verbeteren.

Wat vertelt de SEO-score?

SEO Tools Software and Articles SEO Site Checkup

Een voorbeeld is onze eigen website. Verschillende testsites geven aan dat “GZip” bij ons niet gebruikt wordt. Dat is wel degelijk het geval. Echter, doordat wij gebruik maken van het Cloudflare Content Delivery Network (CDN) lijkt het alsof dat niet zo is, in de ogen van sommige testwebsites. Ook melden ze dat wij geen ‘minify’ gebruiken als kritisch punt.

Bewuste keuze
Voor wat betreft de minify van CSS en Javascript is hier bij ons sprake van een bewuste keuze. Dit heeft namelijk te maken met het feit dat sommige plugins in WordPress niet werken zodra je minify toepast. Een foutmelding die dan kan optreden is bijvoorbeeld “Uncaught ReferenceError: jQuery is not defined” (een melding die je gelukkig meestal alleen maar kunt zien in de Webdeveloper → Web Console maar wel invloed op de functionaliteit heeft). In ons geval treedt het op door de scripting waarmee je de beschikbaarheid van een domeinnaam controleert via onze website kunt controleren.

Brinkhost Noordhorn Groningen WordPress Webdesign SEO optimalisatieJe kunt dus soms voor de keuze komen te staan: “een lagere SEO-score of minder functionaliteit”?

Voor ons is de keuze niet moeilijk. We willen onze cliënten deze functionaliteit gewoon kunnen bieden. Sterker nog: wij vinden dat een noodzaak. Dan maar een “foutje” in de SEO en een iets lagere score!

Analyse
De score moet je dus altijd goed analyseren. Is het een verklaarbare score? Zijn de problemen die gemeld worden wel écht een probleem? Sites die wij aanraden voor analyse zijn https://seositecheckup.com/, https://tools.pingdom.com/ en https://gtmetrix.com/. De laatste kan nogal lange laadtijden voor je website laten zien. Dat komt omdat ze in Canada gevestigd zijn. Bij Pingdom kun je zelf kiezen uit een aantal plaatsen om als meetpunt te nemen.

Allemaal techniek?
Is het dus allemaal afhankelijk van de techniek? Nee! Wat héél belangrijk is, is de inhoud. Goed geschreven teksten zijn natuurlijk de basis voor je website. Het zijn de teksten die door google ‘gelezen’ en geïndexeerd worden. Een website met allerlei foefjes voor vindbaarheid is leuk, als de inhoud niets voorstelt trek je nog steeds helemaal géén bezoekers.

Mobielvriendelijke website

Nog één “technische” tip die we niet vaak genoeg kunnen herhalen: zorg voor een website die mobielvriendelijk is. Google levert daar via https://search.google.com/test/mobile-friendly een handige tool voor om het te controleren. Klik daarbij vooral ook even door naar het “rapport mobiele bruikbaarheid voor de hele site openen”.

Die optie geef alle links van de website en de mobiele bruikbaarheid er van weer. Zoals U ziet is dat voor onze site 100% in orde. Dat heeft natuurlijk alles te maken met het “mobile first” principe van onze website ontwerpen én het onderliggende “Content Management Systeem” (CMS) WordPress. WordPress gebruiken wij voor nagenoeg alle websites die wij maken en is zeer geschikt hiervoor. Mits uiteraard van een ontwerp (“theme”) gebruik wordt gemaakt dat “responsive” (geschikt voor mobiel, tablet, pc/laptop) is.

Gratis SSL Certificaat

Eén “foute link” kan je SSL site “breken”…

Eén “foute” link in een bestandje diep verstopt in je website kan je veilige site ‘breken’. We ervoeren het zelf met de nieuwe website op de pagina voor domeinen en hosting.

Alle links in de website zijn, om dit zoveel mogelijk te voorkomen, “relatief”. Met andere woorden, in plaats van het bekende “http://” geen harde codering. Toch bleef de pagina een fout geven. Na lang zoeken op de bekende methoden (webdeveloper tools van Firefox en Chrome, testen via de SSL Toolbox van deze site) waren we bereid de pagina in zijn geheel te verwijderen en opnieuw op te bouwen, … en plots bedachten we ons “laten we eerst de plaatjes eens verwijderen van het winkelwagentje”. Waarom? Die waren toegevoegd vóór dat er omgezet was naar SSL en je weet maar nooit, .. en inderdaad. Geen enkele tool gaf het aan, maar de plaatjes hadden een effect wat geladen werd uit een CSS-bestandje dat een “harde” link genereerde naar een ‘onveilige’ afbeelding.

De afbeelding verwijderen, pagina opslaan, en weer toevoegen bleek de oplossing. Voordeel van dit probleem? Alle CSS is weer helemaal goed gecodeerd. Géén foute aanroepen meer naar http.

Er zijn allerlei plugins en ‘fixers’ in de markt die dit probleem, in WordPress, claimen op te lossen. We hebben, uiteraard, een aantal getest voordat we handmatig de CSS gingen nalopen (en zo een indicatie van de fout vonden). De plugins doen veel, maar ze kunnen niet altijd alles. Als een fout, ergens in het begin van het ontwerptraject, in je website is geslopen krijg je die er moeilijk uit. Dus hoe los je een dergelijke fout op? Met ouderwets ‘handwerk’. Zoek en vervang in een teksteditor (css bewerken) en vervolgens de pagina, in ons geval, zelf aanpakken. Stap voor stop probleemgebieden analyseren en oplossen.