När det gäller att designa en ny webbplats, bryr sig de flesta början och omedvetna designers bara om hur fantastiskt webbplatsen kommer att vara.

Ofta som designare kan vi ta bort en galen idé för en webbdesign och det slutar jam fylld med design ovanpå designen ovanpå designen. Tyvärr anser några av oss inte alltid ett av de viktigaste syftet med webbplatsen: att vara så att den kan leverera innehåll.

Jag menar, låt oss vara ärliga. Hur många människor lägger upp webbplatser bara för att sätta upp webbplatser? Inte många.

Och förutom att ha en bra marknadsföringsstrategi är det bästa sättet att få din webbplats upptäckt genom att optimera den webbplatsen för de stora sökmotorerna som Yahoo! eller Google.

Ett av problemen med designers och sökmotoroptimering är att vi ibland glömmer att SEO startar så snart vi börjar utforma en webbsida. Det finns så många saker som går ut på att skapa en underbart rankad sida, varav många har mindre att göra med metataggar och beskrivningar än hur vi faktiskt handlar om att skapa och presentera vårt innehåll.

För designers måste vi vara beredda och bidra så mycket vi kan till exceptionell SEO.

Vilka designers kan göra

Nu, som designers, tror vi vanligtvis inte att SEO är för oss. Vi vill bara utforma en riktigt underbar webbplats och hålla den i rörelse. Vad det är en underbar tanke, det är inte alltid fallet, särskilt när du utformar en webbplats som måste göra bra i sidrankning. Det finns så många saker som designers kan göra, såväl utformning som lite kodning, som verkligen kan hjälpa till att optimera en sida.

Tänk på att vi pratar om on-site SEO: alla de saker du har kontroll över för att göra en förändring i din webbplatsplacering. Ju bättre din on-site SEO, desto lättare är det för sökmotorer som Yahoo! och Google ska "krypa" och indexera dina sidor för att bestämma deras relevans för en viss sökning. Nedan är några saker som kan hjälpa din placering.

Planera därefter

SEO måste vara och bör beaktas så tidigt som den kreativa processen börjar. När du väl vet vad du utformar för, vem du designer för och syftet med webbplatsen, måste du vara på plats som designer för att göra SEO enkelt.

Snälla gör inte en stänk sida

Det här är förmodligen det enda absolut det behöver finnas när du utformar en webbsida. Det spelar ingen roll om klienten kämpar för en stänksida eller om du bara tycker att det skulle vara så snyggt, måste du nix denna idé. Inte bara är det en super gammal teknik, men det hjälper inte din SEO alls, speciellt om det bara är en av de plaskade sidorna som är en grafik och en "Klicka här" -knapp.

Det finns några fall där stänk sidor är ok och meningsfullt, men oftast är de inte. Om du utformar en webbplats dedikerad till lokala underhållningsnyheter, är det definitivt onödigt. Hur dessa sökmotorer fungerar är de vanligtvis "krypa" eller hitta den mesta informationen som behövs från din indexsida. Om din indexsida är en enkel stänksida riskerar du dina chanser att få någon att besöka din webbplats. Jag vet att vi alla har sökt efter något på google och hoppat över den webbplatsen som hade en hemsk beskrivning som "(Produktnamn) 2012. Klicka här för att skriva in." Var inte den personen.

Design för text

Så som designare vill vi verkligen att allt ser bra ut. Vi vill också ha det meningsfullt, men vi vill verkligen att det ska vara estetiskt tilltalande. Ibland gör vi på grund av det alltför många av våra grafiska sidelement. Till exempel kanske vi vill ha en super söt, unik meny som använder en dekorativ typsnitt och en obskyrlig form bakom varje länk. De flesta gånger, vad vi skulle göra är att skapa en grafik och bara använda en bildkarta när det är dags att koda det. Något annat som designers gör är att skapa grafik för rubriker eller rubriker.

Detta måste sluta, speciellt om du lägger mycket innehåll i din grafik. Du måste tänka på det så här; vad lämnar du för att sökmotorerna ska hämta på? Sökmotorer kan inte se vad din grafik säger. Du måste lämna något som ska sägas via text på din webbplats. Lyckligtvis för dig finns det ett ton av framsteg i HTML och CSS, liksom plug-ins, som hjälper till att göra detta till en verklighet.

Bildkartor, bildrullningar och bilder för dina navigeringslänkar ska sällan användas. Återigen kan sökmotorer inte märka en bild och räkna ut vad det säger. Undvik att använda för mycket grafik för text eftersom ditt innehåll och alla "genomsökbara" saker är det som gör skillnad i din sidrankning. Om du inte har tillräckligt med innehåll, kommer sökmotorerna inte att rangordna dig högt.

Dimma dynamiken

Innan du ens börjar utforma din webbplats måste du tänka på hur du vill implementera funktionerna. Om du förlitar dig för mycket på teknik som Flash eller Ajax, kanske du vill tänka om din inställning. Problemet här är i grunden att mängden support-sökmotorer har för HTML är inte lika bra som vad som är tillgängligt för mer dynamiskt innehåll.

Får mig inte fel, jag tycker att genomförandet är trevligt och nödvändigt - ingen vill titta på en statisk, unmoving webbsida. Men om du skapar en fullständig webbplats kan det vara bäst att se till att dessa dynamik används sparsamt. Använd inte en Flash-baserad meny; Det är nästan som att använda en grafisk meny - bara gör den text. Men gärna använda lite animering via Flash eller Ajax någon annanstans för att lägga till en pop till din webbplats.

Filnamn ska vara meningsfulla

Här är något du borde göra ändå; namnge dina filer så att de är meningsfulla. När du måste använda en bild för något, låt oss säga bilden för din "Om" -sida, ska du försöka att göra så mycket mening ur namnet som möjligt. Gör inte över det och gör inte under det, men försök att känna av det. Lyckligtvis finns det några sökmotorer, som Google Images, som kan söka igenom bilder. Vissa människor använder dessa sökningar för att hjälpa dem att hitta en bild som de tycker om eller att hjälpa dem att visualisera en idé.

Oavsett användningen måste du komma ihåg att sökmotorn inte har ögon, så du vill göra så mycket arbete som möjligt. Om du skapar en webbplats om cupcakes, och på din "Om" -sida du vill använda en bild av cupcakes, försök att inte namnge din fil något som "about-page2-img.jpg" eller "cake123.jpg." I stället försöker du något som "om-cupcakes.jpg." Tänk på att du inte vill att det ska vara extremt länge, men du vill ha det förnuftigt och du vill att det ska relatera till ämnet på din webbplats. Om din webbplats handlar om muffins och du heter en bild av en smör kaka muffin, "butter.jpg", kommer bilden att komma upp för en helt annan sökning; så istället, se till att det är relevant och namnge det något som "smör-cupcake.jpg."

Och vi är uppe

Kanske du kodar själva webbplatsen, eller kanske kommer du bara att släppa av den och låta vem som helst hantera det. Kanske du inte kodar hela saken, kanske du bara skapar HTML och CSS så att en mer flytande utvecklare kan veta vad allting är och var allt går. Oavsett vad du föredrar metod är det några saker du kan göra när du lägger upp webbplatsen och när webbplatsen är upp för att säkerställa en viss solid SEO.

Alt-taggar är viktiga

När du lägger in en bild i en webbplats har du möjlighet att lägga till en alt-tagg. En alt-tagg är en alternativ beskrivning av din bild om den inte visas eller en tittare väljer att stänga av bilderna. I grund och botten kan den beskrivning som finns i alt-taggen visas om den inte kan ses. Det fantastiska med den här funktionen är att sökmotorer inte kan se och inte är mänskliga. De använder dessa alt-taggar för att hjälpa dem att bestämma relevansen av en webbplats. Det här är som en av de funktioner du vill använda för att hjälpa dig att öka din sökmotor ranking.

Det hjälper inte bara relevansen av din webbplats, det hjälper relevansen av bildsökningar. Du måste komma ihåg att när en person söker efter en bild slutar sökmotorn att ta personen till webbplatsen. Om din webbplats är relevant för den personen är det en chans att personen kan börja använda din webbplats ofta, eller de kan hitta något annat de letar efter.

Piggy ren kod

Oavsett vem som kodar webbplatsen måste din webbplats använda den renaste koden för att kunna dra fördel av sökmotoroptimering. Anledningen är att ju bättre koden desto lättare är det för sökmotorer att "krypa" din webbplats och ta reda på vad som är. Du måste komma ihåg att det här är maskiner och formler som försöker placera din webbplats relativt framför människor, så du vill göra det så enkelt som möjligt för dem att dra upp din information.

Naturligtvis, i dina förplaneringsstadier, vill du ha en uppfattning om vilken typ av kod som ska utnyttjas. Det är lite lättare att utforma att veta hur man kodar och vilken del av en bild eller webbplats som kommer att vara en "div" och vad som kommer att bli "omslag" och saker av den typen. Nästa del till detta är att veta standarderna för hur man faktiskt ska utföra dessa typer av funktioner. Det finns en kodningshierarki som underlättar förståelsen, liksom det finns webbutvecklingsstandarder och praxis som måste beaktas.

Inte bara har ren kodhjälp med SEO, men det hjälper till med din webbplats prestanda, vilket borde vara en annan högsta prioritet.

Förknippas med dessa sökord

Om du inte redan har det vill du göra några nyckelordforskningar för att ta reda på vad som får din målgrupp att tippa. Du kan använda några av de fria verktygen för att göra lite forskning eller du kan bara göra utbildade gissningar om ämnen du ska täcka eller vilka typer av saker som din webbplats ska visa. Och om inget av det fungerar, vill du se till att du bara frågar din publik.

Du vill ha ett centralt tema på din webbplats, oavsett om du är en blogg / tidning eller du bara säljer en produkt. Håll dig relevant för de sakerna - om du är en produktpresentation om hur andra liknande produkter inte kan jämföra med den du säljer. Men prata inte om hur du produkt är kvalificerad för att du har en sådan omfattande utbildning - och prata inte om något helt annat heller. Staying Central hjälper dig att vara mer relevant för en persons sökning i Yahoo! eller Google.

Använd dina nyckelord, men hitta en bra balans. Försök att inte göra det eftersom du kan bli märkt som en skräppost. Gör det bara nog för att vara relevant. Det är inte riktigt något att tänka på - det borde verkligen komma naturligt - men det är inte något du vill undvika alla tillsammans heller.

Gör offsite SEO passiv

Allt vi diskuterade ovan är vad vi kallar on-site sökmotoroptimering. Off-site SEO refererar till mycket av de saker du inte kan hantera, till exempel bakåtlänkar och de rena belöningar du får när människor delar din webbplats. Du måste hålla allt i åtanke samtidigt som du skapar en fantastisk design och levererar exceptionellt innehåll. När du har hanterat båda dessa uppgifter, bör SEO på plats vara lika passiv som människor delar din webbplats och länkar till din webbplats.

Slutsats

Det finns inget garanterat sätt att få en bra sidrankning eller en stor mängd visningar. Det bästa sättet att se till att alla dessa saker är att ge bra innehåll och fantastiska produkter.

Sökmotoroptimering innehåller många andra faktorer (vissa av dessa kanske inte listas), men det är självklart sätt att åtminstone sätta dig själv och din webbplats på rätt väg. Som designers kan vi inte fortsätta försöka överlåta SEO ansvar och vi kan inte fortsätta att agera som det inte existerar.

Förhoppningsvis har du lärt dig något nytt idag och du förstår vikten och kontrollen du har på en webbplats SEO.

Vilka andra tekniker hittar du bra parringsdesign och sökmotoroptimering?