12 TIPS TIL DEN GODE HJEMMESIDE I WORDPRESS 2019

Transkript

1 12 TIPS TIL DEN GODE HJEMMESIDE I WORDPRESS 2019

2 Du sidder lige nu med en e-bog i hånden (eller på skærmen), der vil sikre dig den absolut fedeste WordPress hjemmeside på blokken. Vi har samlet 12 tips til hvordan du får mest ud af WordPress. Du har sikkert med en masse spørgsmål i forbindelse med WordPress. Er WordPress virkelig den rette platform for min virksomhed? Er WordPress ikke fyldt med fejl og mangler? Er WordPress-hjemmesider ikke ofte udsat for hackerangreb? Min hjemmeside er langsom.. er det pga. WordPress? Min programmør-ven siger, at jeg ikke skal bruge WordPress. Er det rigtigt? I stedet for at komme med vores personlige holdninger til Wordpress, vil vi lade fakta tale for sig selv: - I 2018 var 59,7% af alle CMS hjemmesider lavet med WordPress (26% af ALLE hjemmesider i verden) - WordPress er open source, hvilket gør det nemt for udviklere at udvikle plugins og temaer - WordPress er oversat til over 60 forskellige sprog - Der findes over plugins til WordPress (brug dem varsomt!) - 30% af verdens top 1000 førende hjemmesider er lavet i WordPress - Google er glad for WordPress % af kendte fejl håndteres af WordPress - 25% af WordPress brugere lever fuldtid af deres hjemmeside Kort fortalt så er WordPress en af de bedste CMS systemer til at bygge hjemmesider i Så du kan trygt læse videre, og være stolt af dit valg af WordPress. (Denne E-bog er ikke sponsoreret af WordPress - vi kan bare virkelig godt lide dem!) 1

3 Egenskaber man skal gå efter ved hosting af WordPress hjemmesider: - Optimeret til WordPress - Lokalisering af servere (så tæt på dine kunder som muligt) - Automatiske backups - Mulighed for CDN (Content Delivery Network) - Gratis SSL certifikat - Nem FTP adgang - Optimeret sikkerhed Hosting udbydere vi anbefaler: 1. Valg af hosting Hvorfor bygge dit drømmehus på kanten af Stevns klint? Valget af hosting er som at vælge grunden til dit drømmehus. Ville du bygge det ved siden af Højerup Gamle Kirke, der er ved at falde ud over Stevns klint? Der er rift om kunderne for hosting udbyderne, og det presser priserne i bund. Når man som hosting udbyder skal presse sine priser, må man gå på kompromis med kvaliteten. Mange lavpris udbydere går ud fra, at deres kunder ikke er særlig tekniske, og ikke har særlig mange besøgende på deres hjemmeside af gangen. Derfor klemmer de ofte mange hjemmesider sammen på alt for små servere, hvilket resulterer i svingende ydeevne og til tider servernedbrud. WPengine (wpengine.com) Til den tunge WordPress hjemmeside med specielle behov. Inkluderer 24/7 support af WordPress eksperter. - Flywheel (getflywheel.com) Til den 'lettere tunge' WordPress hjemmeside med specielle behov. Inkluderer ligeledes 24/7 support af WordPress eksperter. Har du uddybende spørgsmål eller forslag kan du skrive til os på: info@nordicdigital.dk Lavprisselskaber reklamerer ofte med høj mængde lagerplads, hvilket langt de færreste kommer til at bruge før om flere år. Så her er vores tips til valg af hosting udbyder. 2

4 Hvis du skal sælge produkter eller services anbefaler vi følgende temaer: - Flatsome (udviklet af UX-themes) - XStore (udviklet af 8theme) Hvis du ikke skal sælge produkter eller services anbefaler vi følgende temaer: - Avada (udviklet af ThemeFusion) - X The Theme (udviklet af THEMECO) 2. Valg af tema Det rigtige tema + hosting = sove trygt om natten Nu har vi gennemgået hosting, men et af de spørgsmål vi får allemest er; hvilket WordPress tema skal jeg vælge? Alle hjemmesider er forskellige, og det burde de være! Derfor er det både vigtigt og svært at vælge det rigtige tema. Når du vælger et tema skal du spørge dig selv om følgende: Det skal siges, at der er UTROLIG mange fede temaer derude, så hvis du har en af følgende, er du også rigtig godt på vej: - Enfold (udviklet af Kriesi) - Divi (udviklet af Elegant Themes) - BeTheme (udviklet af muffingroup) - The7 (udviklet af Dream-Theme) - Jupiter (udviklet af artbees) Har du uddybende spørgsmål eller forslag kan du skrive til os på: info@nordicdigital.dk Vil jeg sælge produkter eller services direkte fra min hjemmeside? Hvilke avancerede funktioner er must have? Hvilke(t) sprog skal min hjemmeside være på? 3

5 3. Secure Sockets Layer (SSL) Hvad, hvordan og hvorfor det er vigtigere end nogensinde? SSL er en teknologi til at sikre og kryptere forbindelser fra en server til en browser. Det er et certifikat, som du installerer på din server, så dine besøgende får præsenteret dataen fra din hjemmeside via en sikker forbindelse. Vi gennemgik hosting udbydere i starten, og hvis du har valgt den rigtige hosting udbyder, så har du enten allerede et SSL-certifikat eller kan få det gratis. Hvis du ikke har valgt den rigtige hosting udbyder, bør du skifte til en med gratis SSL. Den rigtige hosting udbyder vil også hjælpe dig med implementeringen. Hvis du alligevel vælger at blive hos din nuværende hosting udbyder, der ikke tilbyder SSL-certifikat, kan du hente et gratis SSLcertifikat hos Let's Encrypt. Rogier Lankhorst og Mark Wolters har lavet et plugin til WordPress, der har gjort det nemt at implementere SSL-certifikater: Really Simple SSL SSL-certifikat er uhyre vigtigt af flere grunde: - Google vægter sider med SSL-certifikat højere - SSL skaber troværdighed og sikkerhed for dine kunder - Nogle enheder og browsere nægter adgang til sider uden SSL-certifikat - SSL sikre dine besøgendes data Har du uddybende spørgsmål eller forslag kan du skrive til os på: info@nordicdigital.dk 4

6 Hvordan ser jeg, hvordan hastigheden og ydeevnen er på min hjemmeside? WebPageTest.org Tools.Pingdom.com Gtmetrix.com Så hvordan optimerer du hastighed og ydeevne på din hjemmeside? Her får du 10 trin: 4. Hastighed og Ydeevne Dine kunder og Google vil elske dig for det! Vi har nævnt det et par gange - vælg den rigtige hosting udbyder! Med den rigtige hosting udbyder bliver optimering af hastighed og ydeevne en langt nemmere opgave - og det er en enormt vigtig opgave! Hvorfor er hastigheden og ydeevnen af din hjemmeside vigtig? - 47% af besøgende forventer at din hjemmeside indlæses på under 2 sekunder - 64% af besøgende fra smartphones forventer at din hjemmeside indlæses på under 4 sekunder 1. Vælg den rigtige hosting udbyder (gennemgået tidligere) 2. Vælg det rigtige tema (gennemgået tidligere) 3. Opsæt din cache rigtigt (vil blive gennemgået senere) 4. Optimér dine billeder og videoer (vil blive gennemgået senere) 5. Undgå at levere video fra egen server - brug YouTube eller lignende 6. Hold WordPress, dit tema og alle plugins opdaterede 7. Sammenkæd dine filer (avanceret!) - brug fx pluginnet Autoptimize 8. Opsæt Gzip-komprimering (avanceret!) - gøres på hosting niveau 9. Undgå slidere - hvis du absolut skal bruge slidere brug Soliloquy 10. Implementér LazyLoad (avanceret!) - forsinkelse på indlæsning af billeder Hvis din hjemmeside omsætter for ,- om dagen, vil 1 sekund hurtigere indlæsningstid svare til 7.000,- mere i omsætning om dagen! Hvis Amazon s indlæsningstid steg med 1 sekund, ville det svare til et tab på tabe 1,6 milliarder dollars. Hvis din side indlæses på under 2 sekunder, vil din organiske trafik stige med op til 20% 5

7 Vi anbefaler derfor følgende: 5. Billeder og video Sådan bruger du billeder og video korrekt! Som tommelfingerregel skal din hjemmeside fylde så lidt som muligt. Billeder og video er det der fylder allermest på en hjemmeside. Din hjemmeside består af en pakke med alt kode, billeder og video. Alt denne data, skal den besøgende hente ned på sin computer, tablet eller smartphone. Du skal derfor altid være meget påpasselig med størrelsen af dine billeder og video. 1. Komprimér altid dine billeder 2. Undgå at lægge videoer på egen server - brug YouTube, Vimeo eller lign. 3. Korrekt skalering af billeder og video - undgå unødig bredde og højde 4. Maks 72 ppi (Helst så lavt som muligt) 5. Brug.jpg formatet til billeder med mange detaljer 6. Brug.svg eller.png formatet til logoer, ikoner og lignende (helst.svg hvis muligt) Vi anbefaler følgende værktøjer til komprimering af billeder: Squoosh.app (gratis online værktøj) Imagify.io (plugin + betalt online værktøj) Smush Image Compression and Optimization (Gratis / betalt plugin) 6

8 Der er 2 typer cache du bør kende: Server cache Browser cache Hvordan implementerer jeg cache? Det gode ved WordPress er, at der findes plugins til at løse opgaven. Vi anbefaler følgende plugins til opgaven: 6. Caching Hvad, hvordan og hvorfor er det vigtigt? Mange hjemmesider har store mængder indhold og kode, som ikke ændrer sig synderligt meget. Derfor kan det være en fordel at gemme dette i en cache, men hvad er en cache egentlig? Den bedste forklaring består af en lille historie: W3 Total Cache (af Frederick Townes) WP Rocket (af WP Rocket) WP Super Cache (Automattic) Server side cache burde blive håndteret af din hostingudbyder. Vi anbefaler WPengine eller Flywheel, da de i vores optik klarer opgaven klart bedst. Når det kommer til browser cache afhænger dette meget af valget af tema og hosting. WPengine og Flywheel tillader kun specifikke plugins til opgaven. Derfor bør du tage fat i din hosting udbyder og høre dem, hvilke cache plugins der passer til deres servere. En foredragsholder spørger sit publikum: Hvad er divideret med ? Alle i salen bliver stille. Folk begynder at taste regnestykket ind på deres telefon, og efter nogle sekunder er der én der råber. 150! Foredragsholderen stiller derefter det eksakt samme spørgsmål, hvor alle råber 150 med det samme. Dette er et glimrende eksempel på, hvad caching egentlig er. Den tunge udregning bliver lavet én gang, hvorefter svaret på udregningen bliver leveret meget hurtigere efterfølgende. Denne teknik kan du nemt implementere på din egen hjemmeside. 7

9 7. Sikkerhed Hold hackere væk og beskyt dine kunders data! Mange WordPress udviklere sværger til plugins som Wordfence eller Sucuri. Vi sværger til FlyWheel hosting! Vi anbefaler på det kraftigste at overlade sikkerheden af din wordpress side til professionelle, der ikke laver andet til daglig. Hvis du stadig ikke er overbevist om at skifte hostingudbyder, anbefaler vi Wordfence. Hvis du driver en webshop, er det endnu vigtigere med god sikkerhed, da du opbevarer følsomme data fra dine kunder. 8

10 8. Plugins Do s and Don ts (flest don ts!) Plugins er både det bedste og værste ved Wordpress! Det bedste fordi der stort set ikke er grænser for, hvad du kan klare med plugins. Men samtidig det værste, da langt de fleste fejl, sikkerhedsbrister, nedbrud, hovedpiner, lange nætter osv. er forårsaget af plugins. Mange plugins er kodet dårligt. Nogle har endda indbyggede linjer kode der skaber sikkerhedshuller og samler data fra din hjemmeside. Du skal derfor passe meget på, hvilke plugins du installerer. Hvis du har fulgt vores anbefalinger omkring valg af tema og hostingudbyder, kan du komme rigtig langt uden plugins. I mange af vores anbefalede temaer, medfølger der faktisk gennemtjekkede og omkodet plugins. De passer dermed til temaet. Det har flere fordele at vælge plugins der er omkodet til dit tema. Når du opdaterer temaet, vil der være langt mindre risiko for nedbrud og fejl på din hjemmeside. Hvis du absolut SKAL bruge et plugin, så læs anmeldelserne igennem på wordpress.org/plugins/. 9

11 Men hvad nu hvis du har et udvalg af services, produkter eller fx cases? Mange temaer kommer med et menupunkt kaldet portfolio eller lignende. Dette er faktisk en Custom Post Type. Ofte bliver portfolio indlæggene vist på en anden måde end normale indlæg,. Derudover er der også en anden struktur på indholdet og det bliver samtidig også vist på en separat side. 9. Custom Post Types Fleksibilitet som aldrig før Custom post types (CPT) er en måde at sortere forskellige typer indhold, så det bagefter kan sorteres og designes individuelt fra andet indhold. Hvis du har en standard installering af Wordpress, da vil du kunne se et menupunkt i adminpanelet kaldet indlæg eller på engelsk posts. Dette kaldes en post type. Det er ofte i dette menupunkt, at du lægger dine blogindlæg. Her kan dine indlæg vises på en given side med titel, brødtekst, billede og uddrag. Det er kun fantasien der sætter grænser med Custom Post Types. Du har sikkert allerede fået nogle gode ideer. Det er meget sjældent, at vi laver en WordPress side uden at bruge Custom Post Types. Eksempler på brugen af Custom Post Types: Guides Kundeudtalelser Services Produkter Cases Anmeldelser Ansatte Denne gang anbefaler vi kun ét plugin: Custom Post Type UI (af WebDevStudios) I næste afsnit forklarer vi om Custom Fields og hvorfor de er en killerkombo sammen med Custom Post Types! 10

12 Eksempler på custom fields: Pris Billedegalleri Kontaktinformation på en ansat Logo Vedhæftet PDF fil Video M.fl. Også her anbefaler vi kun ét plugin: Advanced Custom Fields (Elliot Condon) 10. Custom Fields En killerkombo sammen med Custom Post Types! Implementeringen af felterne i adminpanelet er ikke svært. Dog kræver det viden om PHP for at vise indholdet fra felterne på selve hjemmesiden i din kode. Hvis du kender begrebet Shortcodes, kan de også implementeres på den måde. Custom Fields er, som navnet siger, brugerdefinerede felter. Det er felter som du kan tilpasse i dit adminpanel, så du hurtigt og nemt kan fylde indhold ind på dine sider. Kombinationen af Custom Post Types og Custom Fields er ubeskrivelig brugbar. Det er meget få WordPress-hjemmesider vi laver uden denne kombination. 11

13 Puha, det lyder som en stor opgave! Men med den rigtige hosting udbyder, det rigtige tema og få plugins, så bliver vedligeholdelsen let som en leg. 11. Vedligeholdelse Vi anbefaler at du altid tager en backup, inden du laver opdateringer eller ændringer på din hjemmeside. Ydermere vil de fleste gode hostingudbydere tilbyde til en staging server. En staging-server er en kopi af din hjemmeside på en separat server, som du kan bruge som legeplads til tests eller udvikling. Staging-servere er ydermere brugbare, hvis du vil lave store ændringer på din hjemmeside uden at risikere et nedbrud på den live hjemmeside. En god host sparer dig både for tid og penge! Vedligeholdelse af en hjemmeside er essentiel (lige som så meget andet her i verden). Vedligeholdelsen består af følgende: - Tage løbende backups - Opdatering af WordPress core (selve WordPress kernen) - Opdatering af tema - Opdatering af plugins - Gennemgang og sletning af diverse kommentarer (hvis de er aktiverede) - Test alle formularer på siden (hvis du bruger sådan nogle) - Optimering af databasen (slet gammel data osv.) - Find og fiks 404 fejl og forkerte links - Optimér billederne (man glemmer ofte et par stykker i farten) - Gennemgå dine sikkerhedsfiler (enten hos din host eller sikkerhedsplugin) 12

14 12. Løbende udvikling Google og dine kunder vil elske dig for det! Når du har en staging-server er der ingen risiko ved at udvikle nye funktioner, lave nyt design eller noget helt tredje. Det er faktisk ikke kun dig selv der bliver glad for et friskt pust på din hjemmeside - Google og dine kunder kan nemlig også godt lide det! Dine tilbagevendende kunder kan se at din hjemmeside er levende. Det smitter af på troværdigheden. På den måde, kan de se at der sker noget i din forretning. Samtidig vil det smitte af på frekvensen af hvor tit Google besøger din side, for at vurdere relevansen af dit indhold. Jo flere gange Google er forbi uden at se en ændring, jo længere tid går der mellem at de er på besøg. Derfor er det fx en god ide, at have en blog eller lignende på sin hjemmeside. På den måde er der konstant nyt indhold på din hjemmeside. 13

15 AFSLUTNING Tak fordi du læste med! Vi håber, at denne lille guide vil hjælpe dig til, at få den fedeste WordPress side på blokken!... Men inden du går, så har vi lige en lille ting til dig Få et gratis og uforpligtende tjek af din hjemmeside, og få vores ekspertråd med på vejen. Samtidig tjekker vi din markedsføring og sikrer at du får det maksimale ud af dit markedsføringsbudget