Andreas Karman

Kom igång med Swiftype på WordPress

Andreas Karman — Thu, 10 May 2012 18:16:03 +0000

Det blev ett inlägg igår om söktjänsten Swiftype på We Up Norths företagsblogg. Idag tänkte jag gå igenom här hur man enkelt kan implementera det på sin WordPress-webbplats, som jag har gjort här i högerkolumnen.

Registrera ditt konto

Det första du ska göra är att registrera ett konto på Swiftype, vilket bara högst tar någon minut.

När du genomfört registreringen, missa inte att bekräfta din e-postadress direkt då det möjliggör att du kan spindla hela din webbplats direkt (och inte bara de 50 första sidorna).

Lägg till meta-taggar

När Swiftype spindlar din webbplats hämtar den automatiskt sidorna titel, vilket skapar sökresultat som ofta innehåller din webbplats titel i sidnamnen (till exempel ”Kom igång med Swiftype på WordPress | Andreas Karman”).

Som tur är finns det ett gäng metataggar som Swiftype letar efter vid en genomsökning av webbplatsen och där man kan definiera den informationen som sökresultaten ska visa upp. Kom ihåg att lägga dessa i .

Eftersom jag i ett första skede endast var intresserad av att ta bort webbplatsens namn i sökresultatet, tog jag bara med st:title i detta skede. Enklast och bäst är att göra som undertecknad – skapa en PHP-funktion i functions.php som lägger in metataggarna.

Lägg till webbplatsen

Nu är det dags att lägga till din webbplats på Swiftype och låta deras spindel hitta alla sidor på din webbplats. Se till att du är inloggad på deras sajt och klicka sedan på ”Create Search Engine”. Fyll i webbplatsens namn och domän.

Klicka på ”Create Engine” och låt spindeln göra sitt jobb. Under själva processen kan du testa sökmotorn genom att trycka på ”Show Preview”.

Implementera sökfunktionen

Nu är det dags för den sista och den möjligtvis krångligaste delen – att implementera sökformuläret på din webbplats. Det finns tre alternativ för att göra det och det enklaste är att lägga sökresultat i en Lightbox-ruta som dyker upp på samma sida. Du kan även göra så att sökresultaten dyker upp på samma sida eller på en ny sida. All information finns under ”Install” på ditt konto.

För att lägga till sökformuläret på din webbplats med Lightbox-varianten kan du till exempel lägga in följande kod i en widget:

Din Swiftype-nyckel hittar du under ”Engine Key” på översikten över dina webbplatser.

Din tur!

När ditt sökformulär är implementerat är det bara att sätta igång och styra det du vill. Genom ”Results Control” kan du själv styra i vilken ordning sökresultaten ska visas, under ”Analytics” kan du se sökstatistik. Du kan självklart också använda egen CSS för att få sökresultaten att passa din egen webbplats.

För mer avancerade användare som vill göra ännu mer rekommenderas en titt på Swiftypes REST API.

WordPress Show Password 1.1

Andreas Karman — Fri, 30 Mar 2012 11:48:14 +0000

För ungefär ett halvår sedan gjorde jag tillägget WordPress Show Password tillgängligt för nerladdning. Det är ett riktigt enkelt litet tillägg som lägger till kryssruta när man ska logga in i WordPress administrationspanel för att visa lösenordet man skriver in i klartext.

”Usability suffers when users type in passwords and the only feedback they get is a row of bullets. Typically, masking passwords doesn’t even increase security, but it does cost you business due to login failures.” – Jacob Nielsen, Stop password masking.

Nu har några mindre förändringar gjorts, vilket gör att tillägget når versionsnummer 1.1.

jQuery hämtas nu internt från WordPress (och inte från Google)
Språkstöd har lagts till (svenska och engelska)

För att ladda ner tillägget, gå direkt till WordPress Show Password hos WordPress.org. Tilläggsidan har även den fått en ansiktslyftning.

WordPress Show Password

Andreas Karman — Mon, 01 Aug 2011 15:00:56 +0000

Jag knåpade ihop ett litet WordPress-tillägg under natten som bygger på aningen modifierad version av jQuery-tillägget Show Password (av Andreas Lagerkvist). Tillägget ger dig möjligheten att genom en kryssruta visa ditt lösenord i klartext på inloggningssidan.

Det enda du behöver göra är att ladda ner tillägget och aktivera det i din WordPress-installation.

Blogginlägget Se upp! Han vill åt ditt lösenord (not) av Per Axbom fungerande som inspiration. Förhoppningsvis kommer tillägget också upp på WordPress.org strax!

Ladda ner WordPress Show Password 1.0

Visa relativa datum för WordPress-inlägg

Andreas Karman — Fri, 29 Jul 2011 07:00:03 +0000

Ett trevligt alternativ till hur man kan visa datumet för ett WordPress-inlägg kan vara att använda relativa datum, genom att visa hur länge sedan ett inlägg publicerades. Till exempel, ”inlägget publicerades för 2 dagar sedan”.

WordPress-funktionen human_time_diff beräknar tidsskillnaden mellan två datum och skriver ut resultatet på ett användarvänligt sätt. De två datum som vi använder är serverns tidsstämpeln och inläggets tidsstämpel.

Du byter helt ut nuvarande funktion i din WordPress-mall för att skriva ut tid mot följande funktion:

Uppdatering: Tobias Sjösten uppmärksammade mig i kommentarerna om att det inte är helt lysande att hårdkoda frasen ”sedan”, eftersom WordPress inte kan översätta strängen automatiskt med i18n. Jag uppdaterade därför funktionen så att den fungerar oberoende av språk.

En introduktion till A/B-testning

Andreas Karman — Thu, 28 Jul 2011 06:53:28 +0000

Sluta gissa – ta reda på fakta. Använd A/B-testning för att upptäcka hur du kan få flera av dina besökare att nå dit du vill på webbplatsen.

Vill du få fler av dina besökare att registrera sig för ditt fantastiska nyhetsbrev? Du kanske vill att de ska ansöka till en ledig jobbtjänst? Registrera ett konto på din webbtjänst? Skicka iväg ett kontaktformulär om att de vill bli kunder hos er?

En formgivare kan aldrig vara helt säker på hur en webbplats kommer att upplevas och användas av besökaren. Små förändringar kan ge stora skillnader för hur besökarna utnyttjar sajten och genom A/B-testning kan vi upptäcka vilka förändringar vi ska göra.

A/B-testning går helt enkelt ut på att man ställer två (eller flera) versioner av samma sida mot varandra. Genom att analysera hur dina besökare har interagerat med de olika versionerna kan du få fram statistik om vilken version som konverterar bäst.

Hur fungerar testprocessen?

Du behöver två eller fler versioner av samma sida som du kan testa. Normalt sett är det enklast att använda den nuvarande sidan samt att formge en ny version av samma sida.
Du behöver samma mål som ska uppfyllas på sidan.
Visa slumpmässigt en av versionerna för dina besökare.
Analysera statistiken från A/B-testet.
Använd den version som ger bäst resultat utifrån vad ni vill åstadkomma.

För att på ett pedagogiskt sätt visa hur webbanalys genom A/B-testning fungerar en grafisk illustration som visar processen i ett test. I detta exempel används två olika varianter av en landningssida som leder till en målsida, dit vi vill att så många besökare som ska hamna.

Vad kan vi då läsa ut av illustrationens exempel och vilka åtgärder bör det resultera i?

25 procent av besökare på version 1 går vidare till målsidan.
35 procent av besökarna på version 2 går vidare till målsidan.
Slutsatsen bör helt enkelt bli att man behåller version 2 permanent.

Hur kommer du igång?

I senare inlägg kommer vi att titta på det rent praktiska, hur man sätter upp ett A/B-test på en webbplats. Det som behövs främst behövs för att komma igång är ett verktyg som kan hjälpa dig att leverera de olika versionerna korrekt samt mäta statistiken från besökarna. Det verktyg vi primärt kommer att använda är Google Web Site Optimizer.

Interaktionsdesign för ökad konvertering

Att ta fram de olika versionerna av en sida handlar om interaktionsdesign – att försöka formge en användarupplevelse och styra besökarna åt det håll du vill genom den upplevelsen. Det kan handla om så simpla saker om olika bildmaterial, texter, storlek på en knapp och så vidare.

Till synes enkla textändringar kan ge stora resultat. 37signals gjorde ett test på registreringen för webbtjänsten Highrise, där de testade ny huvudrubrik och ny underrubrik, där den vinnande alternativet resulterade i en 30-procentig ökning av antal nya konton gentemot orginalet. Du kan läsa mer om testet i deras blogg.

På större e-handelssajter kan man gräva ner sig hur mycket som helst i hur interaktionsdesignen påverkar försäljningen. Amazon är ett exempel på ett företag som verkligen har satsat på A/B-test för att maximera avslut.

Lär av andra!

Ett smidigt sätt att få kunskap om hur man kan arbeta med A/B-testning och vad som kan fungera för dina besökare är att studera andras resultat. ABtests.com är en webbplats som samlar just A/B-case från flera olika webbplatser.

Det man ska bära med i minnet när man studerar andras resultat är att bara för att en ändring fungerar för någon annan, är det inte säkert att den kommer att fungera för dig. Det kan variera mycket mellan olika typer av verksamheter och målgrupper.

Kom ihåg detta!

Det kan vara svårt att veta varför en variant av till exempel en landningssida konverterar bättre än en annan – även om man vet att vilken version som är effektivast och med hur mycket. Detta kan göra att man behöver komplettera tester med kommentarer från besökare.
Mindre företag behöver ställa sig frågan om det är värt att investera tid och pengar för att arbeta med webbanalys på detta sätt, baserad på hur mycket som ökningen av konverteringar kan vara värt. Ett mer kostnadseffektivt sätt kan vara att applicera redan beprövade grepp vilket kan räcka långt till en början.
Det kan ta lång tid för sajter med mindre trafik att få tillförlitlig statistik från besökarnas val. Därför behöver du sträcka ut A/B-testerna under en längre tid om så är fallet.

Fortsättning följer…

Detta är det första inlägget i en serie om A/B-testning här på bloggen. Har du frågor eller synpunkter på detta blogginlägg – använd kommentarerna.

Dela utkast av ett inlägg i WordPress genom URL

Andreas Karman — Wed, 27 Jul 2011 07:00:17 +0000

Normalt kan endast författare och administratörer i WordPress-webbplatsen se utkast av inlägg som ännu inte har publicerats. Men ibland kan det vara smidigt att enkelt kunna dela ett utkast med andra personer innan publicering.

Tillägget Share a Draft gör det möjligt att på inläggsnivå kunna dela ut ett utkast genom en unik länk, som går att tidsbestämma. Du får också en översikt där du kan se vilka utkast som har delats upp och där du har möjlighet att lägga till nya utkast att dela.

Lägg till och använd användarfält i WordPress

Andreas Karman — Tue, 26 Jul 2011 04:37:04 +0000

En flitigt använd funktion i WordPress är möjligheten att använda egna fält för inlägg och sidor. På användarnivå finns det textfält för AIM, Yahoo IM och Jabber/Google Talk som enkelt kan redigeras och användas för att spara och visa upp annan typ av information.

Det första vi vill göra är ta bort de befintliga fälten, om du inte använder dem. Varje fält har ett unikt ID som vi behöver veta och genom följande kodsnutt i functions.php kan vi ta bort de existerande fälten.

Nästa steg är att lägga till nya textfält som vi vill använda. I detta exempel ska vi lägga till fält för Twitter som sedan ska användas i mallen för användaren. Följande kod läggs till i functions.php:

I administrationens profilredigering har nu standardfälten försvunnit och det nya fältet för Twitter är synligt. Nästa steg är att använda användarfältets värde i mallen för användarna, author.php.

Det vi vill göra är att först kontrollera om användaren som visas har fyllt i en Twitter-länk och om så är fallet, ska vi skapa en länk till deras Twitter-konto. Detta görs genom följande kod:

Om du har fyllt i länken till Twitter i en användares profil och visar användarens arkivsida, ska nu länken visas.

Stöd för RSS-flöden i Mailchimps nyhetsbrev

Andreas Karman — Tue, 21 Jun 2011 18:17:39 +0000

Mailchimp fortsätter att utvecklas i rätt riktning och en av de senaste funktionerna som har adderats är något jag själv har efterfrågat sedan Mailchimp blev mitt förstaval för utskick av nyhetsbrev – möjligheten att använda RSS-flöden för att hämta innehåll till listningar.

Tidigare har man kunnat generera ett nyhetsbrev baserat på ett RSS-flöde, men det har inte funnits möjlighet att hämta in RSS-flöden genom deras egna mallverktyg. Nu kan man genom ett par nya taggar både hämta in en specifik RSS-källa och välja vad som ska visas från flödena.

Detta gör det möjligt för dig att till exempel hämta in de senaste inläggen och kommentarerna från din WordPress-installation, eller varför inte från någon annans intressanta webbplats? Implementationen är relativt enkel, som du kan se på nedanstående bild:

Vill du prova det hela, rekommenderar jag att läsa mer hos Mailchimp.

WordPress Multi-Site på IIS7

Andreas Karman — Tue, 31 May 2011 22:44:46 +0000

Under våren har vi på We Up North arbetat med ett WordPress-projekt som använder subkataloger för flera underbloggar. En av svårigheterna med detta var att driftmiljön behövde vara en Windows-server som hade webbservern IIS7 installerad vilket kanske inte är optimalt ur ett WordPress-perspektiv.

Men problem är till för att lösas! Efter att ha fört över filer och databas gav servern HTTP 500-fel, vilket inte är oförståeligt. IIS7 kan inte använda den .htaccess-fil som WordPress skapar eftersom webbapplikationen främst är tänkt att driftas på Apache.

Som tur var modulen URL Rewrite för IIS7 installerad, vilket gör att man kan skriva om htaccess-reglerna för att fungera till IIS7. Den filen man ska använda är web.config, som förhoppningsvis finns i din webroot.

Efter en stunds letade hittade jag ett foruminlägg med ett gäng IIS-regler och efter att ha fört över dessa till web.config-filen så var det bara att prova nå WordPress, vilket nu fungerade mycket bättre. Dock gav några sidor 404, men efter att gjort några mindre förändringar så fungerade det helt friktionsfritt.

För att underlätta för er om ni befinner sig i en liknande situation, här har ni nedan hela innehållet i filen.

Är WordPress helt fel för dig som företagare?

Andreas Karman — Fri, 10 Dec 2010 11:11:43 +0000

Blev av min far tipsad om ett pressmeddelande som ligger på Dagens Industri med rubriken Joomla och WordPress är helt fel för dig som företagare. Företaget bakom pressmeddelandet heter Mimmin och de utvecklar en egen webb-baserad publiceringsplattform som heter Snowfire och som de uppenbarligen försöker kränga med humor.

Vad sägs till exempel som citatet ”Vi är nog bäst i världen just nu”. Nej, det är ni inte. Först och främst får ni nog precisera er aningen när det gäller målgruppen ni riktar er mot. Och inte ens där är ni ”nog” bäst. Hört talas om Squarespace? Generella svepande och negativa omdömen om andra plattformar bör ni hålla er borta från – fokusera på er egen verksamhet.

Ärligt talat, ni verkar bygga ett rätt kompetent litet verktyg och det finns säkert en målgrupp för ert verktyg bland landets företagare, men ni kommer förmodligen aldrig att bli bäst med den där inställningen (motbevisa mig gärna). Och snälla – citera inte er själva med citat som skulle kunna passa på någon slags floskeltopp: ”Vi är förresten inte ens i det skiktet och rör oss. Vi har byggt en läcker och snabb sportbil.”.

Ni har byggt en Skoda från 90-talet (som Erik Falk twittrade). En Skoda som ni försöker kränga på ett patetiskt sätt.

Och för att svara på frågan i inläggets titel – Nej, WordPress är ibland helt rätt för företagare. Drupal också. EpiServer kan till och med vara det också. Allt handlar om behov.