Visuell strategi: Pin-design som presterar

Lär dig vad som får Pinterest-pinnar att bli sparade i hård konkurrens, från bildkomposition och text på bilden till mallar och enhetlig stil.

Utkast

På de flesta sociala plattformar kan ett visuellt medelmåttigt inlägg ändå gå bra om texten är stark eller tidpunkten är rätt. Så fungerar inte Pinterest. Bilden är hela första intrycket, och användaren avgör på under en sekund om hen ska spara, klicka eller skrolla förbi en pin, utifrån vad hen ser. Designkvalitet på Pinterest är inget extra som förbättrar resultatet i marginalen. Det är den viktigaste faktorn för om en pin får de sparningar som algoritmen använder för att avgöra hur brett den ska spridas.

Den här artikeln går igenom vad som får Pinterest-design att fungera bra i sökresultaten, vilka delar som driver sparningar och hur du bygger ett sätt att designa som är enhetligt och går att skala upp utan att varje inlägg behöver professionell produktion.

Varför är pin-design viktigare på Pinterest än på andra plattformar?

Att spara är ett visuellt beslut

När en användare sparar en pin lägger hen till en bild på en planeringstavla som hen ska återvända till. Beslutet att spara tas nästan alltid utifrån bilden och inte texten: användaren ser något som passar hens idé om ett rum, en outfit, ett recept eller ett projekt och sparar det för att hitta det igen senare. En pin med svag bild får inte sparningar i den takt som driver algoritmens spridning, hur väl titel och beskrivning än är optimerade. Bildkvaliteten är inget som kommer i andra hand efter sökordsoptimeringen. Den är mekanismen som gör sökvisningar till de engagemangssignaler som ger fortsatt räckvidd.

Vad användarna ser innan de bestämmer sig

I Pinterests sökresultat ser användarna ett rutnät av pinnar som tävlar om uppmärksamheten samtidigt. Det liknar mer att bläddra i en tidningsuppslag än att skrolla i ett socialt flöde. Pinnen som får klicket eller sparningen är oftast den som direkt visar sitt ämne, har starkast närvaro och ser ut att höra hemma i samlingen som användaren bygger. En pin som är oklar, saknar fokuspunkt eller har bilder som smälter in bland grannarna i rutnätet hoppas över, oavsett hur relevanta dess sökord är. Designens uppgift i sökresultaten är att bryta användarens svepande blick och visa relevans innan hen har läst ett enda ord.

Hur bildkvalitet påverkar algoritmens spridning

Pinterests algoritm kopplar sparfrekvens till innehållets kvalitet, och eftersom sparandet främst styrs av bilden blir bildkvaliteten en indirekt signal till algoritmen. En pin med hög sparfrekvens visar algoritmen att de som söker på ämnet tyckte att innehållet var värt att samla. Det ger bredare spridning i de sökresultaten. En pin med låg sparfrekvens signalerar motsatsen. Den här återkopplingen betyder att ett varumärke som satsar på designkvalitet får sin spridning att växa över tid, medan ett varumärke med svaga bilder samlar svaga signaler som begränsar spridningen av varje pin det publicerar.

Att sticka ut i ett konkurrensutsatt rutnät

Pinterests sökresultat visar flera pinnar per rad i ett rutnät med olika höjder, så varje pin konkurrerar om blicken med de fyra, fem eller sex pinnar som ligger närmast på skärmen. I kategorier med stor volym, som inredning, mat och mode, är konkurrensen i sökresultaten tät och välgjord. Ett varumärke vars pinnar försvinner i bruset på resultatsidan får en bråkdel av det engagemang som finns att hämta, jämfört med ett varumärke vars pinnar sticker ut genom färgkontrast, tydlig komposition eller en stil som är lätt att känna igen. Frågan för varje pin är inte om den ser bra ut ensam, utan om den skulle sticka ut på en skärm full av konkurrerande pinnar om samma ämne.

Enhetlig stil gör att man känner igen varumärket

När en användare möter flera pinnar från samma varumärke i olika sökningar och vid olika tillfällen är det den enhetliga stilen som bygger igenkänning, utan att användaren nödvändigtvis märker det. Ett varumärke vars pinnar alla har samma färgpalett, typsnitt och uppbyggnad får en visuell identitet som blir mer välkänd med tiden. Användarna börjar känna igen varumärkets pinnar direkt, innan de läser kontonamnet, och då är det mer sannolikt att de engagerar sig i nytt innehåll från samma avsändare. Om stilen varierar bygger det inte upp samma igenkänning, även om varje enskild pin är välgjord, eftersom varje pin ser ut att komma från ett nytt varumärke.

Vad får en pin-design att fungera bra?

Stående format och bildformat

Pinterests flöde och sökresultat är gjorda för stående innehåll. Det rekommenderade bildformatet 2:3 (1000 x 1500 pixlar) tar så mycket stående skärmyta som möjligt i rutnätet utan att beskäras eller straffas. Pinnar som är bredare än 2:3 tar mindre plats och konkurrerar sämre med de stående pinnarna runt omkring. Pinnar som är högre än 1:2,1 beskärs nedtill i flödet, vilket kan dölja viktigt bildinnehåll eller text. Att göra 2:3 till standard för alla stillbildspinnar är ett av de enklaste designbesluten som ger bättre resultat gång på gång.

Bildkomposition: tydlighet, kontrast och fokuspunkt

De Pinterest-bilder som presterar jämnast har ett tydligt motiv, hög kontrast mellan motiv och bakgrund och en entydig fokuspunkt som visar ämnet på en bråkdel av en sekund. Röriga kompositioner där blicken inte vet var den ska landa, bilder med låg kontrast där motivet smälter in i bakgrunden och bilder som man måste studera för att förstå ämnet presterar alla under sin potential, oavsett bildkvalitet. Ljusa, välbelysta foton med ett tydligt huvudmotiv slår tekniskt avancerade men rörigt komponerade bilder i Pinterests sökresultat, eftersom tydlighet vinner i miniatyrstorlek.

Text på bilden: när du ska använda den och vad som gör att den fungerar

Text på bilden har två uppgifter: den visar pinnens ämne i sökresultaten, där titeltexten är liten, och den ger själva bilden läsbart innehåll med sökord. Alla pinnar behöver inte text på bilden. Produktfoton och bra livsstilsbilder presterar ofta bättre utan. Text fungerar bäst när bilden ensam inte visar ämnet fullt ut, när pinnen länkar till en artikel eller guide och inte till en produkt, eller när kategorin är beroende av titlar för att skilja liknande innehåll åt. När du använder text ska den vara läsbar i liten storlek, använda högst ett eller två typsnitt och inte täcka bildens huvudmotiv. Vit text på en något mörkare bild och mörk text på ljus bakgrund är de två mest läsbara kombinationerna i Pinterest-flödet.

Färgpalett och uppmärksamhet

Färg är den snabbaste visuella signalen på en sökresultatsida med rutnät. Pinnar med starka, mättade färger eller kontrastrika kombinationer får mer uppmärksamhet först än bleka, dämpade eller kontrastlösa bilder, särskilt i konkurrensutsatta kategorier där alla pinnar i rutnätet slåss om samma blick. Det betyder inte att varje pin måste ha skarpa färger. Det betyder att varumärkets färger, vilka de än är, ska skilja sig från de allmänna bilderna som utgör det mesta av resultaten i kategorin. Ett varumärke som har en tydlig färgpalett kan använda den som ett konkurrensmedel i sökresultaten och slipper smälta in i kategorins genomsnitt.

Ha med logotypen utan att fylla bilden

Det är värt att lägga varumärkets logotyp på pinbilderna för igenkänningens skull, men placering och storlek spelar roll. Vanligast är en liten logotyp i ett hörn av bilden, oftast nere till vänster eller nere till höger, i en storlek som går att läsa men inte dominerar. En logotyp som är för stor konkurrerar med bildens huvudinnehåll och får pinnen att se ut som reklam i stället för inspiration. Det minskar sparandet hos användare som samlar idéer och inte handlar. En logotyp i mitten eller över en stor del av bilden förstör kompositionen. Målet är att varumärket ska kännas igen av återkommande användare utan att pinnens säljsyfte är det första en ny användare ser.

Hur bygger du ett pin-designsystem som går att skala?

Skapa mallar som ger enhetlighet utan handarbete

En pin-mall är en återanvändbar layout med fasta delar, nämligen färgpalett, typsnitt, logotypens plats och uppbyggnad, och delar som ändras för varje ny pin, nämligen bild och text. Med mallar kan ett varumärke hålla en enhetlig stil över hundratals pinnar utan att designa om varje pin från början, och de ger kontot en igenkännbar identitet som bygger välbekantskap över tid. De flesta designverktyg har mallfunktioner som en person utan designutbildning snabbt kan använda om och om igen. Två eller tre olika mallar för olika innehållstyper, till exempel en för produktpinnar, en för artikel- eller blogginlägg och en för inspirerande innehåll, täcker det mesta av vad ett vanligt konto publicerar, utan att varje pin behöver specialdesign.

Fotostandarder som fungerar utan proffsbudget

Pinterests visuella standard kräver inte professionell fotografering. Den kräver enhetlighet och tydlighet. De viktigaste faktorerna för fotokvaliteten är ljus, en ren bakgrund och ett fristående motiv. Naturligt ljus från ett fönster ger jämnare resultat än konstljus i de flesta produkt- och matbilder. En enkel, städad bakgrund gör motivet till fokuspunkt. Om du fotar på samma avstånd och i samma vinkel för liknande motiv ser bilderna ut att höra ihop, även utan efterbearbetning. Ett varumärke som har tre eller fyra fasta uppsättningar för sina viktigaste innehållstyper kan skapa ett sammanhängande Pinterest-flöde med en mobiltelefon och enkel utrustning.

Gör flera pin-designer av ett och samma innehåll

Ett enda blogginlägg, en produkt eller ett recept kan ge flera olika pin-designer, och algoritmen behandlar var och en som nytt innehåll med egen chans till spridning. Ett matvarumärke kan göra tre olika pinnar av samma recept: en närbild på den färdiga rätten, en bild på processen steg för steg och en grafisk pin med receptets titel och viktigaste uppgifter som text. Varje pin tilltalar en något annan sökavsikt och dyker upp i olika visuella sammanhang i sökresultaten. Det här sättet att mångfaldiga innehåll är ett av de effektivaste sätten att använda designinsatsen, eftersom det ger flera ingångar från sökningen med innehåll som redan finns, i stället för att kräva nytt innehåll för varje pin.

Testa designvariabler för att få högre sparfrekvens

Sparfrekvens är det viktigaste måttet på designens resultat på Pinterest, och den kan förbättras systematiskt genom att du testar en designvariabel i taget. Om du publicerar två eller tre pin-designer för samma webbadress och jämför sparfrekvensen efter två till fyra veckor ser du vilken visuell stil som ger starkast engagemang hos samma publik om samma ämne. Vanliga variabler att testa är bakgrundsfärg, bildstil (livsstil eller bara produkt), text på bilden eller enbart bild och olika texter på bilden. Pinterest Analytics ger de spar- och engagemangsdata som behövs för att utvärdera testerna, utan några extra verktyg. Resultaten bygger med tiden upp ett sätt att designa som grundar sig på hur publiken faktiskt beter sig och inte på tycke och smak.

Säsongsbundna och eviga designer

Eviga pinnar, alltså de som ska vara relevanta hela året, bör ha bilder och färgpaletter som inte direkt knyter innehållet till en viss årstid eller ett visst tillfälle. En inredningspin i neutrala toner utan säsongsprylar går att använda i sökresultaten i flera år. Säsongspinnar, som är gjorda för att ha sin topp vid en viss tid på året, kan ha mer säsongsbetonade bilder eftersom deras relevans bestäms av säsongen och inte av tidens gång. Om du bygger ett bibliotek med eviga pinmallar som kan publiceras hela året och kompletterar med säsongsdesigner som skapas fyra till sex veckor före perioden får du ett publiceringssystem som ger jämn täckning i sökningen utan att du hela tiden behöver ta fram ny design.

Om innehållstyperna som designerna gäller, läs Pinterests innehållstyper. Om den organiska strategin som sätter designerna i arbete, läs marknadsföring och organisk tillväxt på Pinterest. Om hur designkvalitet påverkar algoritmens spridning, läs hur Pinterests algoritm fungerar. Om tavelstrategin som ramar in innehållet, läs strategi för tavlor och community på Pinterest.

Vanliga frågor

Våra pinnar ser bra ut för oss men får inga sparningar. Vad gör vi troligen fel?

Det vanligaste glappet mellan pinnar som ser bra ut var för sig och pinnar som får sparningar i sökresultaten är hur de konkurrerar visuellt mot innehållet runt omkring. En pin som ser stark ut ensam kan smälta in i rutnätet när fem andra pinnar om samma ämne ligger bredvid. Sök på din viktigaste kategoriterm på Pinterest och titta på de översta resultaten. Om dina pinnar liknar innehållet runt omkring i färgpalett, komposition och stil skiljer de sig inte tillräckligt för att bryta blickens svepande. De pinnar som får flest sparningar har oftast en tydlig fokuspunkt, stark kontrast och en visuell stil som direkt skiljer sig från det genomsnittliga resultatet i den sökningen. Med WEMASY:s webbplatsbyggare kan du sätta upp det direkt på din webbplats.

Ska vi lägga text på bilden på alla pinnar eller bara på några?

Bara när bilden inte ensam visar ämnet fullt ut. Produktfoton och starka livsstilsbilder behöver sällan text, eftersom bilden förklarar sig själv. Text tillför mest när pinnen länkar till en artikel eller guide och bilden ensam inte visar användaren vad hen hittar om hen klickar, eller när kategorin har mycket visuellt likartat innehåll och en textbeskrivning hjälper till att skilja dem åt. När du använder text ska den vara kort, läsbar i miniatyrstorlek och placerad så att den inte täcker bildens huvudmotiv.

Vi använder många liggande bilder från vår webbplats. Måste vi fota om allt för Pinterest?

Inte nödvändigtvis, men liggande bilder presterar sämre än stående i Pinterests sökresultat eftersom de tar mindre plats i rutnätet. Den mest praktiska lösningen är att beskära befintliga liggande bilder till stående 2:3 när kompositionen tillåter det, eller att använda ett designverktyg för att lägga bilden i en stående mall med färgad bakgrund, text eller en ram med varumärkets stil som ger rätt format. Det är bara värt att fota om om det befintliga bildbiblioteket saknar den kvalitet eller tydlighet som krävs för Pinterests visuella standard. Att anpassa det som finns till rätt format är oftast det snabbaste och billigaste första steget.

Vi har ingen designer i teamet. Hur gör vi pinnar som ser proffsiga nog ut för att konkurrera?

Enhetlighet är viktigare än avancerad design. Den som inte är designer kan med gratis designverktyg göra pinnar som konkurrerar bra i sökresultaten genom att följa några få fasta regler: använd alltid samma två eller tre typsnitt, alltid samma färgpalett, placera alltid logotypen på samma plats och använd alltid samma bildformat. De begränsningarna ger en igenkännbar stil utan att man behöver designkunskaper. Det vanligaste misstaget är att ändra alla de här sakerna från pin till pin, och då ser flödet spretigt ut i stället för att kännas som ett varumärke. Att låsa variablerna och bara byta bild och text är den praktiska vägen till ett konto som ser proffsigt ut.

Vi har en bild per blogginlägg. Hur gör vi flera pinnar av den?

Samma webbadress kan ha flera pin-designer med samma bild men olika text på bilden, eller samma ämne med en helt annan bild. För ett enskilt blogginlägg är vanliga varianter en rubrikpin som använder artikelns titel som text, en nyttopin som lyfter fram en viktig slutsats och en pin med bara bild och ingen text för användare som reagerar mer på bilder. Om bara en bild finns kan du beskära den på olika sätt, lägga den på olika färgade bakgrunder eller para ihop den med olika texter, så får du skilda pinnar som algoritmen behandlar som separat innehåll. Tre till fem olika pinnar per webbadress är ett praktiskt mål för att bygga upp täckning i sökningen från ett enda innehåll.

Hur stor ska vår logotyp vara på en pin och var ska vi placera den?

Så liten att den inte konkurrerar med huvudbilden, och placerad i ett hörn. Nere i det högra eller vänstra hörnet, med ungefär fem till tio procent av bildens bredd, är det vanliga. I den storleken går logotypen att läsa för användare som redan känner varumärket och letar efter det, utan att dominera bilden för dem som möter varumärket för första gången. En logotyp som är för stor får pinnen att se ut som en annons och inte som inspiration, vilket minskar sparandet hos användare som är i upptäcktsläge. Logotypen ska bekräfta varumärket, inte utropa det.

Använd det direkt
på din egen webbplats.

Börja gratis med WEMASY och bygg din sajt på några minuter.