Kategorier
SEO-kurs

SEO grunder

Vad är SEO?

SEO står för ”Search Enginge Optimization(sökmotoroptimering)” Arbetet går ut på att både öka kvalitén och kvantiteten på trafiken till din webbplats. Men även att exponera ditt varumärke, genom icke-betalda (även kallade ”organiska”) sökmotorresultat.

Trots förkortningen handlar SEO lika mycket om människor som om sökmotorerna. Det handlar om att förstå vad människor söker på, vilka svar de söker, orden de använder och vilken typ av innehåll de vill konsumera. Genom att känna till svaren på dessa frågor kan vi rikta in dig på de människor som aktivt söker online efter de du erbjuder.

Så ena sidan av SEO-myntet handlar om att känna till målgruppen och vad det letar efter så handlar andra sidan om att leverera det på ett sätt som sökmotorerna hittar och förstår. I den här guiden kommer vi lära dig att göra båda.

Sökmotor grunder

Sökmotorer är svarsmaskiner. De går igenom miljontals hemsidor och utvärderar tusentals faktorer för att kunna avgöra vilket innehåll som mest troligt kommer kunna att besvara sökarens fråga.

Sökmotorerna gör detta genom att hitta och kategorisera allt tillgängligt innehåll på Internet (Webbsidor, PDF-filer, bilder, videos m.m) via en process som heter ”genomsökning och indexering” och sedan sorteras innehållet (rankas) efter hur bra det svarar på sökfrågor. I del 2 går vi igenom mer om hur genomsökning och indexering går till.

Kategorier
SEO-kurs

SEO Introduktion

Välkommen till din SEO-inlärningsresa!


Du får ut det mesta av den här guiden om din önskan att lära dig sökmotoroptimering (SEO) endast överskrids av din vilja att utföra och testa koncept.

Den här guiden är utformad för att beskriva alla viktiga aspekter av SEO, från att hitta termer och fraser (nyckelord) som kan generera kvalificerad trafik till din webbplats, till att göra din webbplats vänlig mot sökmotorer, att bygga länkar och marknadsföra det unika värdet på din webbplats.

Världen för sökmotoroptimering är komplex och ständigt föränderlig, men du kan lätt förstå grunderna, och till och med en liten mängd SEO-kunskap kan göra en stor skillnad. Gratis SEO-utbildning är också allmänt tillgänglig på webben, inklusive i guider som denna!

Kombinera denna information med lite övning och du är på god väg att bli en skicklig SEO.

Grunderna i sökmotoroptimering


Har du någonsin hört talas om Maslows behovshierarki? Det är en teori om psykologi som prioriterar de mest grundläggande mänskliga behoven (som luft, vatten och fysisk säkerhet) framför mer avancerade behov (som uppskattning och socialt tillhörighet). Teorin är att du inte kan uppnå behoven högst utan att säkerställa att de mer grundläggande behoven uppfylls först. Kärlek spelar ingen roll om du inte har mat.

Använd denna guide, här är 7 steg till framgångsrik SEO:

  1. Genomsöka tillgänglighet så att motorer kan läsa din webbplats
  2. Tvingande innehåll som svarar på sökarens fråga
  3. Nyckelord optimerat för att locka sökare och motorer
  4. Stor användarupplevelse inklusive snabb belastningshastighet och övertygande UX
  5. Delaktigt innehåll som tjänar länkar, citat och förstärkning
  6. Titel, URL och beskrivning för att få hög CTR i rankningen
  7. Utdrag / schema-markering för att sticka ut i SERP: er

Vi kommer att spendera tid på vart och ett av dessa områden i hela den här guiden, men vi ville introducera den här eftersom den ger en titt på hur vi strukturerade guiden som helhet:

Kategorier
WordPress utveckling för nybörjare

WordPress utvecklare för nybörjare 2

WordPress programmeringsspråk HTML CSS JS PHP SQL loggor

WordPress programmeringsspråk

För att komma igång med att utveckla i WordPress, behöver du först kunna några grundläggande språk. Det kan verka som mycket men sanningen är att lärandeprocessen är något som aldrig upphör för en utvecklare. Så du har tiden på din sida och tricket är att inte ge upp.

Vad du behöver kunna

Grundläggande WordPress programmeringsspråk:

  • HTML (ger strukturen till din webbplats)
  • CSS (designar din webbplats)
  • PHP (är ett serverspråk)

Att vara bekväm med HTML, CSS och PHP är en klar fördel, men inte ett måste när man börjar utveckla i WordPress. Man lär sig en hel de under tidens gång.

WordPress programmeringsspråk du vill lägga till:

  • Javascript (lägger till coola saker på din webbplats)
  • Mysql (är ditt databasspråk)

Andra språk du kan stöta på:

  • Coffeescript
  • XML
  • JSON m.m

Att känna till ovanstående WordPress programmeringsspråk gör en utvecklares liv så mycket enklare. Det breddar inte bara dina horisonter utan ökar även din produktivitet som WordPress utvecklare.

Verktyg:

  • En bra textredigerare som t.ex. Atom eller notepad++
  • LESS/SASS (är för när du blir en mer avancerad utvecklare)

HTML and CSS WordPress programmeringsspråk

De två första språken du bör lära dig är HTML och CSS. Oavsett vilken kod du skriver, oavsett vilket språk du använder, kommer allt så småningom att mynna ut i HTML & CSS när webbsidorna skickas till besökaren.

HTML ansvarar för att ge webbplatser struktur. I grund och botten betyder det att du kommer att kunna bestämma hur strukturen på din webbplats ser ut. Detta inkluderar sidhuvudet, kroppen (text, titlar, stycken) och sidfoten. Du måste överväga sidlayouten, kommer du t.ex. att ha ett sidofält? Vad sätter du i sidhuvudet, kroppen och sidfoten? På en djupare nivå fattar du även viktiga SEO- och optimeringsbeslut. Oroa dig inte för den biten för nu. Det som är viktigt just nu är att du får grepp om syntaxerna.

CSS används för att tillämpa stilar på din HTML-struktur. Du definierar färgen på text, länkar, utrymmet mellan stycken, bildjustering, kantfärger, kanttjocklek och andra element med hjälp av CSS-kod. CSS är extremt lätt att lära sig men rätt svårt att bemästra.

W3Schools är en webbutvecklingswebbplats som ger fantastiska tutorials för hur man använder HTML och CSS.

PHP WordPress programmeringsspråk

PHP är ett oerhört populärt språk som körs på servern och enligt webbtekniksundersökningstjänsten W3Techs används det i hela 78,9% av alla webbplatser där server språket är känt. PHP är det språk som WordPress (och de flesta andra CMS system) är byggt på. En grundlig kunskap av PHP är avgörande för WordPress-utveckling.

Bara genom att känna till PHP kommer du få mer än bara kunskapen att koda i WordPress. Att lära sig språk som exekveras på serversidan ger dig inblick i hur programmering fungerar, och en speciell typ av logik, som du kan använda för att lösa alla typer av problem on- och offline.

Ett serverspråk skiljer sig från ett klientspråk som HTML genom att det först behandlas på servern. I HTML kan du skriva en kod som säger ”God morgon” och sedan skickas det till användarens webbläsaren som ser “God morgon”.

I ett serverspråk kan du t.ex. skriva en kod ”God [tidpunkt]” och innan det skickas till användaren bearbetar serven koden och räknar ut vad som ska placeras i stället för [tidpunkt]. Så beroende på vilken tid på dagen du kommer till webbplatsen blir du bemött med antingen se ”God morgon”, ”God middag” eller ”God kväll”.

Observera att informationen som din webbläsare får från servern är vanlig HTML kod, även om den har bearbetats på servern i förväg. Notera att koden ovan inte är PHP-kod utan bara ett exempel för att visa dig logiken.

W3Schools erbjuder också en fantastisk PHP-tutorial. Vi går igenom grunderna för PHP-programmering i WordPress utvecklare för nybörjare del 3, men det är helt klart värt att fördjupa dina kunskaper.

Som alla säger ”övning ger färdighet” och det gäller självklart med alla programmeringsspråk. Öva, öva och öva tills det sjunker in och du blir bättre. Du kan lära dig nästan all PHP inom ett par dagar, men du skulle fortfarande inte ha någon aning om vad du gör – du måste testa, experimentera, inte förstå vad som händer.

Javascript WordPress programmeringsspråk

Rollen för javaScript på webben blir allt större, särskilt när nya JavaScript-baserade verktyg dyker upp, som Node och Angular.

JavaScript används vanligtvis för att lägga till dynamisk funktionalitet på webbplatser och för asynkron laddning.

Om du vill att ett formulär ska vara helt dolt, men tona in i en lightbox när användaren klickar på en knapp, kan du använda JavaScript eftersom det kan hantera animationen och kanske andra funktioner, som att kontrollera om formuläret är korrekt fyllt innan de skickas.

Asynkron belastning sker via en mekanism som kallas AJAX. AJAX kan användas för att hämta information från servern och sedan visa den utan att ladda om sidan. Ett bra exempel är oändlig rullning där de första 10 inläggen laddas och när du kommer nära botten av sidan hämtas de nästa 10 inläggen och läggs till den aktuella uppsättningen.

I november lanserade Automattic Calypso, en stationär app som gör det möjligt för användare att hantera WordPress.com och Jetpack-aktiverade webbplatser. Calypso, som är skriven i ren JavaScript utnyttjar bibliotek som Node och React, signalerar om en potentiell skifte av WordPress beroende av PHP. Så pass har WordPress-medgrundare Matt Mullenweg uppmuntrar utvecklare att ”lära sig JavaScript, djupgående.”

Återigen, ett bra ställe att börja lära sig JavaScript är, W3Schools. Vi kommer inte att utforska Javascript i den här nybörjarserien, men det är värt att lära sig detta språk då det kommer bli viktigt för WordPress-utvecklare under kommande år.

Många utvecklare lär sig först JavaScript genom det extremt populära jQuery-ramverket. Det används i stor utsträckning i WordPress och i miljontals projekt på webben. Även om detta är helt fint så kom ihåg att JavaScript är mer än bara jQuery, och att lära sig JavaScript är också en bra idé.

MySQL WordPress programmeringsspråk

MySQL är ett språk som används för att komma åt och arbeta med data i en databas. WordPress använder det för att hämta i princip alla sin data, men som utvecklare behöver du inte det speciellt mycket eftersom WordPress har sin egen uppsättning av hjälpfunktioner. I vissa speciella fall kan du behöva skriva din egen databasfråga eller vill du optimera något för din egen webbplats, så att ha en grundläggande kunskap om MySQL är bra.

Att arbeta med databaser är ganska enkelt. En tabell i en databas liknar mycket ett Excel-kalkylblad. Varje kolumn har en rubrik och data lagras i rader. MySQL används för att lägga till, ta bort, ändra och hämta data. Du kanske vill skriva en MySQL-fråga som returnerar alla inlägg som har ordet ”fantastiskt” i sig och har mer än åtta kommentarer. Du kanske också vill hitta alla användare som heter ”Saga.” Du kan också använda MySQL för att beräkna summan av alla dina annonsvisningar eller till exempel hitta den mest populära annonsen i ditt nätverk.

Återigen är det sällsynt med ren MySQL-kod i WordPress, men det händer och att förstå hur språket fungerar kommer att hjälpa dig att skriva bättre kod i allmänhet. Gå vidare till W3Schools för deras SQL-handledning.

Avancerade verktyg

När du är bekant med minst de tre viktiga språken – HTML, CSS och PHP – kan du börja utforska olika hjälpverktyg. En av de första saker folk tenderar att lära sig är LESS och / eller SASS. Båda är supersatser av CSS, vilket innebär att all giltig CSS-kod är giltig LESS och SASS-kod. Vad båda språken lägger till är förmågan att använda variabler, funktioner och andra konstruktioner i CSS, vilket inte är möjligt som standard.

Byggverktyg är något du också vill utforska vid någon tidpunkt. De bästa är Gulp och Grunt. Dessa kan övervaka filer för ändringar och köra olika uppgifter när krav uppfylls. Till exempel, när du ändrar en SASS-fil kan du automatiskt kompilera den till CSS och spara den i en specifik fil. Bilder kan optimeras, filer sammanlänkas, externa paket laddas ner och alla typer av andra praktiska uppgifter kan göras med dessa verktyg.

Kommandotolken eller terminalen är något du också bör titta på. Ja, att använda kommandotolken kan vara skrämmande i början, men det är det verkligen inte – bara genom att skriva in några kommandon kan du spara så mycket tid. Ett enkelt skript och ett verktyg som heter WP-CLI kan installera WordPress på några sekunder, inklusive installation av teman, plugins och testinnehåll, vilket hade tagit mycket längre tid att göra manuellt.

Versionskontroll är ett annat extremt användbart verktygen du inte vet att du behöver förrän du testar det. Det var ursprungligen utformat för att samarbeta med samma kod i team, men kan användas som en lösning för att hantera projekt, buggar och säkerhetskopiera saker samtidigt. SVN och Git är de mest populära utmanarna. Git vinner denna runda enligt mig på grund av ett lite bättre arbetsflödet och Github, som tillhandahåller en webbaserad Git-webbhotell.

Kategorier
WordPress utveckling för nybörjare

WordPress-utvecklare för nybörjare 1

WordPress-utvecklare

Hur WordPress fungerar

För att förstå vad vi kan göra som WordPress-utvecklare måste vi först förstå hur WordPress är uppbyggt och vad de olika delarna innefattar. Därefter kan vi titta på vad vi som WordPress-utvecklare kan arbeta med.

Kärnkoden

Kärnkoden innehåller alla standardfunktioner som utgör grunden för WordPress. Detta inkluderar allt från backend till funktioner som schemaläggning av inlägg, kontroll av lösenordsstyrka, skapa användare m.m.

Teman

Medan kärnan är ansvarig för backend på webbplatsen och hur den fungerar så är teman ansvariga för frontend, d.v.s. hur en webbplats ser ut och uppfattas för besökaren. Vi använder WordPress backend för att skapa inlägg, sidor och annat webbplatsinnehåll, men exakt hur våra inlägg och sidor visas upp för besökare bestäms av temat. Kunskap inom temautveckling ger dig som WordPress-utvecklare full kontroll över designen på din webbplats. Kanske vill du bara installera och aktivera förbyggda teman istället för att gå utanför boxen och börja skapa dina egna teman.

Plugins

Det enklaste sättet att beskriva plugins är att de tillhandahåller ytterligare funktioner till WordPress. Plugins kan modifiera både backend och frontend på en webbplats. Ett plugin som t.ex. Woocommerce lägger till e-handelsfunktioner till backend där du kan lägga till produkter, redigera ordrar, ställa in fraktklasser o.s.v. men det lägger även till funktionalitet till frontend för att visa upp produkter, lägga till varukorgen och kassans funktioner, m.m.

Utvecklingsområden

Som WordPress-utvecklare kan du arbeta med någon av de tre huvudkomponenterna ovan eller andra fristående applikationer tack vare REST API, men mer om det alldeles strax.

Oavsett vad det är du vill göra som WordPress-utvecklare, skulle jag rekommendera att du följer en plan med dina studier. Följande lista hjälper dig att bekanta dig med de system du behöver kunna innan du börjar ta betalt som WordPress-utvecklare.

  • Teman
  • Plugins
  • REST API
  • Kärnan

WordPress-utvecklare inom Teman

Att lära sig hur teman fungerar och hur man utvecklar dem gör att du kan skapa allt från ”One page” webbplatser till dynamiska webbplatser och allt där emellan. Det gör det också möjligt att ta högre betalt och dörren för att sälja dina egna teman öppnas rejält.

Det finns många framgångsrika temautvecklare på marknadsplatser som Themeforest och Mojo Marketplace.

I skrivande stund har det mest populära temat på Themeforest sålts 557 000 gånger för 39 dollar vilket genererat en försäljning på ca 21,7 miljoner dollar på endast ett tema! Det finns utan tvekan mycket pengar att tjäna för den som utvecklar det perfekta temat.

Även om inte alla temautvecklare tjänar så mycket kan du fortfarande tjäna rätt bra på temautveckling under förutsättning att du gör på rätt sätt.

Om du vill se några bra exempel på teman kan du titta på marknadsplatserna jag nämnde ovan eller kolla in WordPress Theme Directory där allt är gratis. Många temautvecklare laddar upp sina första teman till WordPress Theme Directory. Även jag har gjort det.

WordPress-utvecklare inom Plugins

På ett sätt är plugins livskraften i WordPress och kan förvandla WordPress till allt från ett socialt nätverk, till en e-handelsplattform och mycket mer med i princip en knapptryckning. Plugins ger dig alltså total kontroll över alla aspekter av WordPress-systemet, så att du kan modifiera vad du vill.

Det finns även plugin-marknadsplatser vilka vanligtvis ägs av de företag som också driver temamarknaderna. CodeCanyon är den absolut största med mer än 4 000 plugins tillgängliga för att köpa. Försäljningen tenderar att vara något lägre med plugins än med teman, men om du hittar rätt nisch är det fortfarande väldigt lönsamt.

WordPress har en gratis plugin-katalog med mer än 40 000 plugins. Som ni kan gissa är det en enorm källa till extra funktioner, verktyg, inspiration och exempel på bra kod (och dålig kod, tyvärr).

WordPress-utvecklare inom REST API

Att använda REST-API kommer lite senare i din karriär när du behärskar tema- och pluginutveckling, men rent teoretiskt kan du använda det om du kan något programmeringsspråk som t.ex. Java eller Ruby.

REST API är relativt nytt och låter dig skapa applikationer baserade på WordPress. Detta inkluderar iPhone-, Android- och TV-appar.

Det bästa sättet att förklara den här funktionen är att jämföra den med något som Twitter eller Instagram. Du har tveklöst sett någons Instagram-flöde visas på deras webbplats. För att lägga till den här funktionen till din egen webbplats behöver du inte veta hur Instagrams källkod ser ut, allt du behöver är lite kod som säger: vänligen hämta mina senaste fem inlägg. Instagram hanterar hämtningen och skickar tillbaka inläggnings data från dina fem senaste inlägg som du bad om. Du kan sedan använda HTML och CSS för att visa upp den informationen på webbplatsen.

Det här är exakt vad REST API gör för WordPress. Du kan alltså ansluta till vilken webbplats som helst och be om dina senaste inlägg.

Men du kan göra mycket mer än så: du kan även radera användare, skapa användare, redigera kategorier och mer (som du självklart behöver autentisera). Detta innebär att du kan använda WordPress som ett arkiv av information och bygga en frontend och / eller backend med helt annat system.

WordPress-utvecklare inom kärnan

WordPress är utvecklat av en gemenskap med tusentals volontärer från hela världen. Totalt 482 personer (av vilka 205 personer skickade in kod för första gången) arbetade på WordPress 4.7. Många fler arbetade med andra aspekter av WordPress som t.ex. översättningar, mobilapplikationer och support.

Du kan gå med nu om du vill. Även om du måste ha en hel del erfarenhet för att bidra med kod till WordPress kärnan, kan du komma igång genom att identifiera buggar, verifiera dem och skicka in idéer när som helst med WordPress Trac, platsen där man kan följa utvecklingen av WordPress kärnkod.

Om du har hittat ett fel kan du bifoga koden som löser buggen. Om allt ser bra ut efter granskning och testning kommer din kod att användas. Detta är det troligtvis det bästa sättet att bli involverad i att utveckla WordPress kärnan.