Waarom Joomla? Makkelijk content publiceren. Presentaties tijdens de Nederlandse JoomlaDagen 2018.

1. Makkelijk content
publiceren
Daarom Joomla!

2. Structuur en
rechtenbeheer
Sander Potjer - Perfect Web Team
Daarom Joomla!

3. Opzet van de site

4. Organisatie
van content
Hoe de content is
ingedeeld in het beheer

5. Organisatie
van content
Ontsluiten
van content
Hoe de content wordt
ontsloten voor bezoekers
Hoe de content is
ingedeeld in het beheer

6. Organisatie
middels
categorieën

7. Organisatie
middels
tags

8. Organisatie
middels
secties

9. Organisatie
middels
secties

10. Ontsluiten
middels
menu’s

11. Ontsluiten
middels
menu-items

12. Organisatie-
structuur
Menu-
structuur

13. Organisatie-
structuur
Menu-
structuur

14. De gebruiker
maximaal op 1 plek
dezelfde content laten
invoeren.
De uitdaging voor ons als webbouwers

18. Toevoegen & bewerken van content

19. Via de
frontend
Gebruiker plaatst &
bewerkt content via een
frontend login

20. Via de
frontend
Via de
backend
Gebruiker plaatst &
bewerkt content via een
backend login
Gebruiker plaatst &
bewerkt content via een
frontend login

21. Hou het simpel!

22. ACL
Content-
beheer
groepen

23. ACL
Geef alleen
toegang tot
wat nodig is

24. ACL
Voorkom
verwarring

25. Beheermenu
Nieuw in
Joomla,
gebruik het!

26. Via frontend
Met template
override,
alleen wat
nodig is.

27. Via frontend
Met template
override,
alleen wat
nodig is.
https://perfectwebteam.nl/blog/56-het-toevoegen-van-een-artikel-in-joomla-was-nog-nooit-zo-simpel

28. Voorkom het
schrijven van een
handleiding voor
de site.
De uitdaging voor ons als webbouwers

29. Flexibele organisatie en
ontsluiting van content.
Toegang beperken met
krachtig rechtensysteem.
Daarom Joomla:
Sander Potjer

30. Afbeeldingen & Video
in Joomla!
Rick Spaan - R2H
rick@r2h.nl - @rickR2H
Daarom Joomla!

31. Dus…?
Goed fotomateriaal
is het halve werk

32. BEST PRACTICES
De open deur…?
● Juiste extensie en afmeting
● Optimaliseer voor web (https://tinyjpg.com/)
● Eenduidige maar ook beschrijvende benaming
● Geen spaties en leestekens
● Eenduidige folderstructuur (voor de toekomst)
Voorbeeld: blogs/2018-april/20180427-locatie-joomladagen-eindhoven.jpg

33. DE JUISTE TOOLS
Fotobewerking
● Photoshop
● Affinity Photo / Designer
● Pixlr Online
● Paint.net (https://www.getpaint.net/)
● Apple Photo App
Batchbewerking
● ReNamer (http://www.den4b.com/products/renamer)
● NameChanger(https://mrrsoftware.com/namechanger)

34. OP NAAR JOOMLA!
Joomla! core / TinyMCE
● Media Manager (uploaden en verwijderen)
● Drag and drop upload in editor
● In TinyMCE met PWT Image (crop, resize, rotate en automatisch
folderbenamingen voor de eindgebruiker)
Joomla! Content Editor - JCE
● Volledig te configureren
● profiel en rechten
● Uploaden, verwijderen en hernoemen
● Automatische thumbnails
● Responsive images met srcset / Crop, resize, rotate, effects
● Automatische folderbenamingen met user ID / datum / custom

35. INTRO EN FULL TEXT AFBEELDINGEN
● Consistente layout
● Eenvoudig te onderhouden door eindgebruiker
● Met een beetje hulp van een plugin altijd
strakke images (Image resize and cache plugin
https://bit.ly/2GVxXvM)
● Extra afbeeldingen door middel van custom
fields en layout overrides

36. VIDEO IN JOOMLA!
Joomla! core / TinyMCE (Insert -> Media)
● In artikel een optie om video vanaf de server in te voegen
● Embed code invoegen voor youtube / vimeo
Joomla Content Editor - JCE
● Via de media-knop eenvoudige integratie van vele soorten video
● Heeft nu een media custom field dat ook bestanden ondersteund (mp4 / pdf etc)
Diverse custom field plugins aanwezig voor video integratie
● https://www.joomill-extensions.com/extensions/custom-fields-plugins
● https://www.tassos.gr/joomla-extensions/advanced-custom-fields

37. ORDE IN DE CHAOS...
Afbeeldingen verplaatsen en ordenen zonder de image-link te verliezen
● Ongebruikte afbeeldingen opzoeken en verwijderen
● Hernoemen van afbeeldingen
● spaties, hoofdletters en leestekens verwijderen
● Aangeven waar afbeeldingen worden gebruikt
● Zoeken naar afbeeldingen
● Gehele folders verplaatsen en hernoemen
● En nog veel meer…
Download FREE en PRO versies
https://www.r2h.nl/imagemanager
(Vergeet de provider plugin “Full database search” niet te installeren)

38. Joomla 4 Media Manager
● Nieuwe interface
● Drag and drop batch upload
● Hernoemen / downloaden / bekijken / roteren / verschalen / croppen

39. Afbeeldingen en video gebruiken
in Joomla! 3 is eenvoudig,
met de juiste extensie!
maar…
Joomla! 4 heeft een nieuwe mediamanager
Daarom Joomla:
Rick Spaan

40. Joomla templates (kiezen)
Maarten Blokdijk - Cloudfaction
joonext.com
Daarom Joomla!

41. Loves Joomla!
Cloudfaction.nl
Internet ondernemer sinds 2000
Thans meer dan 100 actieve Joomla sites in beheer
handleidingjoomla.nl / protostarplus.com
joonext.com
Over Maarten

42. ● Veiligheid > bij koop of download, verzeker je van betrouwbaarheid
● Snelheid > test een template voordat je live gaat op snelheid
● Responsiveness > mobiel internet zit in de lift, dus dit is erg belangrijk
● Gratis of betaald? Gratis niet altijd slecht, betaald niet altijd goed
● Wat heb je nodig? Mogelijkheden, moduleposities, frameworks
Vaak veel overkill, let op gebruiksgemak en je doelgroep
● Ga eens kijken bij de grote namen: Yootheme / Helix / Gavick
● Is zelf maken een optie? Het is niet zo moeilijk als je denkt.
https://docs.joomla.org/Creating_a_basic_Joomla!_template/nl
Template, het visitekaartje van je site!
Waar moet je op letten bij templates?

43. Veiligheid
“Onveilige templates kunnen
malware bevatten. Illegale
templates, niet doen, gewoon
downloaden bij de maker,
niet van luche sites”
https://vel.joomla.org/live-vel
een site met 3000 gratis
templates?
Too good to be true!
en niet te controleren op
betrouwbaarheid

44. Snelheid
“Controleer de snelheid van
je template: google
pagespeed, GT metrix
Zorg voor een goede server,
en voorkom het onnodig
laden van dubbele libraries”

45. Responsive en
adaptive
“CSS to the rescue! Optimaal
op ieder device zit hem vaak
in kleine dingen. Testen,
testen testen.”
http://www.liquidapsive.com/
https://www.youtube.com/watch?v=
T6MCkGWSXa0

46. Gratis, is dat
goed?
“Legaal kan zeker, illegale
templates downloaden, NIET
doen. Als een anders betaald
template op een site gratis
wordt aangeboden: NIET
doen ”
Yootheme Master
Helix Framework
Joomla51
Protostarplus
JooNext

47. Wat heb je
nodig
“Begin niet met een template
keuze, maar begin met het
vaststellen van wat je nodig
hebt voor een project. Een
template kan daarna
gezocht worden”
Let bij een template niet
alleen op de opties, maar
ook hoe die gebouwd zijn.
Een visual composer kan
geweldig zijn, het kan ook
overkill (en dus onnodige
complexitiet) zijn

48. Zelf maken
“Zelf een template maken is
redelijk eenvoudig. Voor een
basis website prima te doen.
WIl je complexer, verdiep je
dan in webtechnieken.”
Met Joomla! kun je van alles
prima, al dan niet
gecombineerd gebruiken:
- CSS
- LESS
- Bootstrap
- Jquery
- Javascript

49. Ieder element van je site kun je in een override zetten, core joomla, maar
ook componenten en modules, dus niet alleen templates.
Je houdt met template overrides de core van Joomla en de core van jouw
gebruikte extensies in stand. De kracht van overrides is om ieder output
naar eigen wens aan te passen.
Bij updates, van component of joomla core blijven overrides gewoon
bestaan. Je bent op deze manier nooit je aanpassingen kwijt.
Template overrides
https://docs.joomla.org/J3.x:How_to_use_the_Template_Manager/nl

50. Toegankelijk UX design
gekoppeld aan een slimme
content workflow
Daarom Joomla:
Maarten Blokdijk

51. SEO out of the box
Anja Hage - Web-effect
Daarom Joomla!

52. Algemene SEO-instellingen
● Optie zoekmachine vriendelijke URL’s geactiveerd
● URL’s worden getoond met daarin /index.php/
● Maak dan gebruik van de optie ‘URL herschrijven’
● URL’s in Joomla kunnen gebaseerd zijn op een
menu-item of artikel titel
● URL pagina aanpassen via menu-item d.m.v. de alias.
● URL artikel aanpassen ook d.m.v. de alias.
Sinds Joomla 3.8 zonder ID’s!
● Voorbeeld URL weblog artikel: https://www.joomlacursussen.nl/weblog/32-handleiding-joomla-seo
● Tip: Administrator > Algemene instellingen > Artikelen > Tab integratie > Optie ‘URL routeren’ op
‘Vernieuwend’ en daarna ‘Verwijder ID's uit URL's’

54. Browserpaginatitel
● Wat is een browserpaginatitel? Titel die zichtbaar is in de browsertab.
● Belangrijk onderdeel voor de vindbaarheid en weergave in Google.

55. Browserpaginatitel
● Browserpaginatitel kon je al aanpassen voor pagina’s met een menu-item
● Voor pagina’s zonder menu-item wordt standaard de titel van het artikel
gebruikt voor de browserpaginatitel
● Sinds Joomla 3.7 is het niet meer nodig om het artikel aan een menu-item
te koppelen voor een aangepaste browserpaginatitel
● Tip: https://www.joomlacursussen.nl/weblog/aangepaste-browserpaginatitel-artikel-zonder-menu-item
● Gebruik belangrijke zoekwoorden vooraan in de titel en zorg ervoor dat de titel niet te lang is, ongeveer
60 leestekens (inclusief eventueel websitenaam)

56. Metadata instellingen
● Algemene metabeschrijving van Joomla het beste leeg laten
● Drie mogelijkheden metabeschrijvingen instellen: via een menu-item,
categorie (zonder menu-item) en een artikel (zonder menu-item)
● In Google wordt de metabeschrijving niet gebruikt voor het bepalen van de positie in de zoekresultaten
● Gebruik niet te veel tekst (ongeveer 150 tot maximaal 160 leestekens) en een paar relevante
zoekwoorden
● Update 2018: Sinds kort is het mogelijk om langere metabeschrijvingen in Google te gebruiken tot
maximaal 320 leestekens.

57. Nog een aantal Joomla SEO tips
● Paginakop
- Via het menu-item instellen
- Zorgt voor een heading 1 titel
● Afbeeldingen
- Omschrijving van de afbeelding in de bestandsnaam
- Beschrijving van de afbeelding (alt tekst)
● Interne links
- Zorg voor geoptimaliseerde anker tekst
- Het helpt Google bepalen wat belangrijke pagina’s zijn
- Tip: gebruik de JCE extensie https://www.joomlacontenteditor.net

58. Extra extensies
● OSmap een sitemap voor Google en bezoekers
● OSmeta om je metabeschrijvingen en paginatitels te beheren
● sh404sef een zeer uitgebreide SEO extensie
● …..
Last but not least…… tekst!
Uitgebreide informatie over Joomla zoekmachine optimalisatie kan je vinden in de handleiding
https://www.joomlacursussen.nl/weblog/handleiding-joomla-seo en de website https://joomlaseo.com

59. Krachtige SEO opties
standaard in Joomla!
Daarom Joomla:
Anja Hage