Vad ska du lägga på din hemsida: 19 element att överväga

är du floundering med vad du ska lägga på din hemsida? Andra gissa dig själv tills du är förlamad?

jag ser det hela tiden—från alla typer av företag. Även erfarna digitala marknadsförare kämpar för att spika deras hemsida innehåll.

det finns ingen perfekt formel. Dina alternativ är många. Efter samråd med en massa kunder om deras hemsida strategier, jag avslutade en checklista skulle vara till hjälp.

det här inlägget är delvis en checklista, hur man gör och planeringsverktyg. Jag kan inte berätta exakt vad du ska lägga på din hemsida, men jag vet att om du förstår dina alternativ kommer du att vara bättre beredd att sätta ihop en smart hemsida med innehåll som är tänkt för att uppnå dina mål.

din hemsida checklista:

Logo

det första som din besökare bör se är din logotyp. Placera den längst upp till vänster. Motstå uppmaningar till:

• var kreativ med placering. Värmekarta testverktyg konsekvent indikerar uppe till vänster är en vanlig hot spot på sidan.

• Crowd din logotyp med onödiga visuella element. Omge istället din logotyp med gott om negativt utrymme så att den omedelbart sticker ut.

• animera presentationen av din logotyp. Det är inte bara att gå över ist, det kan vara problematiskt för användarupplevelsen.

• förstora din logotyp till en skylt. Du kanske älskar din logotyp, men gör den större, kommer inte att öka intrycket det gör på din besökare.

Webbplatsmeny

skapa en meny med de viktigaste sidorna på din webbplats så att besökare snabbt kan navigera till de avsnitt som intresserar dem. Tänk på följande:

• mindre är mer. En meny överbelastad med objekt kommer att överväldiga och förvirra besökare. Efterföljande sidor på din webbplats kan ge ytterligare navigeringselement.

• var beskrivande. Du tjänar dina tittare och optimerar din webbplats bättre genom att skapa menyalternativ som är enkla, kortfattade och beskrivande. Varför märka ditt menyalternativ ”tjänster” när du kan använda ” borgen?”

• är hamburgare välsmakande? Hamburgarikonen som är tre horisontella linjer har blivit en igenkännbar konvention för att åberopa en webbplatsmeny på mobila enheter. Det ökar också popularitet för Stationära datorer, men forskning tyder på att upptäckbarheten nästan halveras genom att dölja en webbplats navigering.

om du väljer att presentera en expanderbar meny på skrivbordet hemsida, med hjälp av en kombination av ikonen och ordet ”meny” är en smart metod.

särskilda ingångspunkter

tjänar din webbplats medlemmar eller behöver ge tillgång till specialfunktioner för en delmängd av dina besökare? Om så är fallet, utforma ett elegant sätt för dessa typer av användare att logga in (som visas i skärmbilden ovan).

Hero shot

Hero shot är en webbfras som betyder ”huvudbild.”Ditt hjälteskott kommer sannolikt att vara det största, mest framträdande och viktigaste elementet på din webbplats hemsida.

• blanda det smakfullt. Din hemsida hero shot bör omedelbart följa rubrikelementen ovanpå din sida som vi hittills har täckt. Designa den så att den smälter graciöst med logotypen och menyn.

• ge det ett jobb att göra. De mest meningsfulla hjälteskotten utför en gatekeeper-Roll. Genom en kombination av visuella och verbala element bör det inspirera rätt besökare att interagera ytterligare och fel besökare att lämna. Det är din kval (och diskvalifer).

• håll det enkelt. Du vill inte att fokuspunkten på din hemsida ska vara upptagen. Gör det till fokuserad, singular och lätt att förstå.

• håll det verkligt. Att ha ett lagerfoto i ditt hjälteskott är farligt. Det är inte nödvändigtvis tabu, men välj din bild noggrant. Presentera något relevant, pålitligt och autentiskt. En $ 5 Skott av två businesspersons skakar hand skriker ” marknadsföring BS.”

ge din hjälte skott kisa och blinka tester. När du har skapat din hemsida, exponera den för utomstående på två sätt:

• Squint-låt dina testpersoner se din hemsida några meter längre bort än normalt. Se om de får tanken.

• Blink-exponera vissa tittare till din hemsida för bara några sekunder sedan fråga dem vad de fick från det. Förvirring är inte svaret du letar efter. Tydlighet är.

oavsett avstånd du tittar på denna hemsida hjälte skott, kommer du snabbt att förstå vad denna webbplats har att erbjuda.

rubrik

det viktigaste avsnittet på din webbplats är rubriken på hemsidan.

rubriken kan visas ovanför, under eller inom hjälteskottet, vanligtvis det senare. Mitt inlägg Hur man skriver en hemsida rubrik som får jobbet gjort erbjuder en komplett lektion, men här är några viktiga punkter som du bör hitta användbara:

• åberopa en känsla av tillhörighet. Ingen läsare ska behöva arbeta för att ta reda på vad din webbplats har att erbjuda. Berätta.

• Tänk på click-through kontinuitet. Din hemsida rubrik bör erbjuda kontinuitet till mediet och budskap som leder besökare där. Så om din offsite-annonsering, optimering eller någon form av marknadsföring har en nyckeltanke—med nyckelord—upprepa dem i din rubrik. Anslut prickarna.

• skriv om läsaren. Vissa rubriker är självbetjäning. Vissa svarar på frågan ” Vad är det för mig?”Du kan nog gissa vilka som är mer övertygande.

• var tydlig. Plocka upp på ett gemensamt tema här? Efter att ha skrapat på huvudet, är nästa sak förvirrade besökare efter bakåtknappen.

om du inte är mycket säker på ditt skrivande kotletter, bör du anlita en professionell copywriter att skriva din hemsida rubrik (liksom resten av dess kopia). Att klippa hörn med din kopia sparar inte pengar; det kommer att ha motsatt effekt.

den kan inte missa uppmaning

din hemsida kommer sannolikt att ha flera uppmaningar (CTA). Gör en visuellt framträdande genom att skapa en knapp och bygga den i din hjälte skott eller skapa en omisskännlig visuell kö som leder rätt till det—helst innan rullning krävs.

Det går inte att misstänka vilken åtgärd Orbit Media-webbplatsen kräver först.

Tänk på följande tekniker för att skapa effektivare CTA:

• börja med handlingsord. Gör det första ordet i din CTA ett verb (annat än ”klicka”). Det borde läsa som ett kommando.

• experimentera med mönster. Färgen, formen, storleken och placeringen av din CTA kan påverka konverteringen, så kör tester för att optimera konverteringsfrekvensen.

• prova en första person röst. Medan en andra person röst är status quo, ger ofta första person CTA bättre resultat, t.ex. ”visa mig…” eller ”räkna med mig.”

• markera värdet. Din CTA kan uttryckligen förklara värdet av att agera, till exempel ”skapa en gratis målsida nu.”

få ytterligare pekare och ett infografiskt erbjudande 25 kraftord för dina CTA här. (Du kan notera hur länken du just läste är en mycket tydlig, värdefokuserad CTA.)

Inledning

din hemsida är platsen att inleda en dialog med dina besökare. Inledande kopia bör i allmänhet vara snäv, förmånsorienterad, informativ och vänlig. Det är också det perfekta stället att inkludera nyckelord och interna länkar.

Portfolio

levererar ditt företag produkter eller tjänster som kan visas upp via bilder, beskrivningar och/eller fallstudier? Om så är fallet kan din portfölj vara det som dina besökare mest vill se.

arkitektur är en av många branschtyper för vilka en portfölj är en kraftfull hemsida tillgång.

blogg

de allra flesta marknadsförare på nätet är innehållsmarknadsförare och därför utgivare av bloggar och/eller innehållshubbar. Genom att rikta besökare som kryssar din hemsida för första gången till din blogg ökar du engagemanget och förhoppningsvis får prenumeranter.

använd en eller flera av följande tekniker för att dra nytta av de möjligheter som en blogg eller content hub ger dig:

• starta i en berättelse. Visa upp ett eller flera senaste inlägg med rubriken och eventuellt dess ledning, bild eller en beskrivning. Sedan: ”Läs mer.”

• skapa ett rutnät med inlägg. Din hemsida kan presentera länkar till populära Inlägg, Senaste inlägg eller båda—som ett rutnät eller en lista.

• har din blogg. Många hemsidor är bloggar först och webbplatser andra. Med andra ord presenterar majoriteten av hemsidan fastigheter inlägg i omvänd kronologisk ordning. Det är inte ett perfekt tillvägagångssätt för alla företag, men fungerar för många.

Convince and Convert hemsida ägnar den största delen av sin hemsida till att presentera artiklar och podcasts i stil med ett innehållsnav.

Pods eller innehållsblock

Pods? Jag plockade upp uttrycket från en webbdesigner. Jag antar att det betyder inget annat än” avsnitt ”eller” box.”Orbit Medias designteam kallar dem” innehållsblock.”De presenteras ofta 2, 3 eller 4 över och tenderar att stapla ovanpå varandra på smarttelefonskärmar.

Pods är värda att inkluderas i denna checklista eftersom du kan använda dem för att presentera vad du tror att dina besökare kommer att hitta värdefulla. Alternativen inkluderar:

• produkter och tjänster
• en bok eller böcker
• erbjudanden
• utmärkelser
• klienter
• personliga profiler för teammedlemmar eller en länk till en personalsida
• nyheter
• händelser
• platser

socialt bevis

psykologer, säljare och Webbplatsskapare är bara några av de yrkesverksamma som förstår den övertygande kraften i sin egen röst bleknar i jämförelse med andras gynnsamma åsikter.

innehåll som representerar sådana åsikter har blivit känt som socialt bevis. Gör en plats att presentera socialt bevis på din hemsida på minst ett av följande sätt:

• vittnesmål
• Klientlogotyper och/eller kundhistorier
• Förtroendeförseglingar, såsom certifieringar
• utmärkelser och utmärkelser
• nummer (nöjda kunder, rankningar, abonnenter, följare etc.)
• statistik
• press nämner
• recensioner och betyg

funktioner och fördelar

om din webbplats mål är att sälja något, är chansen att du åtminstone vill börja kommunicera funktionerna och fördelarna med dina produkter på hemsidan.

du kan göra det på olika sätt genom att presentera:

• en lista
• en funktioner och/eller fördelar sektion av någon form eller storlek
• separata pods-kanske 2 eller 3 över, kanske som ett rutnät
• rader-se nedan

den nuvarande Evernote-hemsidan (Den uppdateras ofta) ger fördelar i vad jag kallar en ”ping pong” – layout, som är populär av Apple. Det skapar en stor berättelse för att presentera fördelar och är lätt för ögonen.

prenumeration

tack vare plugins och tredjepartstjänster kommer inbjudningar att prenumerera på nyhetsbrev eller e-postuppdateringar nu på alla tänkbara sätt: popup-fönster, sidhuvud, sidfot, fly-ins, bläddra eller avsluta-inducerade fönster och mer.

en statisk hemsida som presenteras för att locka besökare att prenumerera på innehållet från en webbplatsvärd är dock ett annat populärt alternativ. Det kan visas som en rad, sidofält, i sidfoten eller till och med hjälteskottet.

om att bygga en e-postlista är en av prioriteringarna för dina digitala marknadsföringsinsatser, överväga:

• bädda in ett prenumerationsformulär på din hemsida
• skapa en CTA som åberopar ett prenumerationsformulär
• skapa en CTA som öppnar en målsida som är dedikerad till att samla in prenumeranters opt-ins

erbjudande

ett annat effektivt sätt att generera leads från din hemsida är att presentera ett erbjudande eller ”lead magnet.”Dina alternativ för att göra det är nästan oändliga.

många hemsidor, särskilt de som erbjuder onlinetjänster, erbjuder gratis försök.

innehållsmarknadsförare erbjuder ofta en gratis e-bok, guide eller rapport av något slag.

en rabatt eller kupong kan vara ett mycket övertygande erbjudande.

den Mint.com hemsidan erbjuder en gratis mobilapp. Appar, miniräknare, bedömningar, mallar och alla typer av verktyg kan vara effektiva erbjudanden.

Hur kan du presentera ditt erbjudande? Exempel ovan inkluderar:

• ett formulär inbyggt i ditt hjälteskott
• en rad på din hemsida
• en visningsannons (som leder till en målsida och/eller ett formulär)

eller så kan du överväga att presentera ditt erbjudande:

• som fönster i ett sidofält
• Via en popup
• som en del av din sidfot

resurser

du kanske vill erbjuda resurser-gratis eller betalda—inklusive de erbjudanden som diskuterats ovan, via en specifik del av din webbplats. Om så är fallet kommer du att uppmärksamma det och öka klicket genom att avsätta en del av din hemsida för att visa upp ditt resursbibliotek.

sökfunktion

om din webbplats har en stor mängd sidor är det klokt att erbjuda en sökfunktion på din hemsida. Din sökfunktion är en bekväm genväg för dina besökare så att de snabbt kan upptäcka innehåll utan att behöva navigera.

hemsidan för en e-handelsplats ber om att ha en sökfunktion för att hjälpa besökare att snabbt hitta vad de söker.

gör din sökmekanism lätt att hitta genom att överensstämma med konventionen att erbjuda den någonstans längst upp till höger på din webbplats, antingen i dess rubrik (som ovan) eller ovanpå din sidofält.

ytterligare uppmaningar till handling

medan din hemsida ska innehålla en ”kan inte missa CTA” utformad för att inspirera den åtgärd du anser vara viktigast, kan efterföljande delar av din hemsida också erbjuda ytterligare knappar och länkar för att snabbt tillgodose dina besökares informationsbehov.

på Transtechs hemsida (en Orbit-klient) erbjuder avsnittet omedelbart under hero shot tre CTA, var och en presenteras i slutet av en pod.

nyckelord

nyckelord ge din hemsida SEO juice. Du kommer inte att budgetera dedikerat utrymme för att visa nyckelord (en populär teknik från tidigare dagar), men du bör budgetera planeringstid för att välja nyckelord och arbeta dem på din hemsida.

för att optimera din hemsida för sökning, placera nyckelord:

• i din titel tagg
• i din rubrik
• i dina menyalternativ (där så är lämpligt)
• i sidans kopia där det gör för naturligt språk
• ”bakom” dina bilder (som alt img-taggar)
• i metabeskrivningen, som kommer att vara den mest utdrag för din hemsida

vår checklista för webbinnehåll Post erbjuder ytterligare information för att publicera bättre innehåll och optimera det effektivt.

sidfot

liksom din rubrik är sidfoten på din hemsida sannolikt en standardfunktion över hela din webbplats. Du vill skapa en sidfot och noggrant överväga de element som den innehåller.

Ledande utmanare för inkludering i din sidfot inkluderar:

• kontaktinformation
• kartor och / eller platser
• sociala medier ikoner och widgets
• e-post registreringsformulär
• gallerier
• märken (kom ihåg socialt bevis?)
• blogginlägg smälter
• en sista uppmaning till handling

här är en omfattande lista över objekt som din sidfot kan innehålla.

det är en rejäl lista över hemsida ideer

verkligen. Och det är förmodligen inte komplett. Din hemsida kan innehålla vad du vill. Det är dock viktigare att planera och paketera din sida baserat på vad dina besökare vill ha.

vet du vad det är? Lägg lite ansträngning i upptäcktsprocessen genom att tänka igenom:

• vem kommer att besöka?
• kommer alla besökare att ha samma behov?
• vilka problem försöker de lösa?
• hur löser din produkt eller tjänst problemen?
• vilket innehåll artikulerar bäst din lösning och uppfyller deras behov?
• vad är praktiska nästa steg?
• vill besökare få e-post?
• hur kan besökare föredra att interagera?

bli galen att svara på dessa frågor och eventuella ytterligare som du anser vara relevanta. Få ditt team tillsammans och gips en whiteboard eller mind map med dina tankar.

då är det dags att döda några av dem. Du kanske har sett detta fantastiska citat tidigare:

en designer vet att han har uppnått perfektion inte när det inte finns något kvar att lägga till, men när det inte finns något kvar att ta bort. ~ Antoine de Saint-Exupery

författare, designers och hantverkare av alla slag måste behärska den fina konsten att subtrahera. Att skapa en hemsida ger det perfekta exemplet.

sätt saker på din hemsida som inspirerar besökare att vilja ha mer, inte mindre.