SEO Design Tactics Innan du skriver även en kodlinje

Sökmotoroptimering (SEO) betraktas ofta som en mystisk och arcansk disciplin av de flesta webbdesigners ... och ändå, med några få strategier kan du förvandla dina mönster till SEO-juggernauts innan du ens skriver en kodlinje. Denna artikel kommer att sträva efter att avlägsna SEO och jag ger dig några tips som du kan använda för att använda i designfasen på en webbplats.


Utformning för sökmotoroptimering

Sökmotoroptimering (SEO) tar marknadsföringsbranschen med storm och blir snabbt en av de viktigaste internetmarknadsföringstaktikerna. Fler och fler företag letar efter att utnyttja SEO och det betyder att webbdesigners måste börja tänka på hur sökmotoroptimering kan påverka utformningen av en webbplats.

Att etablera en webbplatss grundläggande SEO-strategier under designfasen är det bästa sättet att 1) ​​se till att webbplatsen fungerar bra i sökrankningar och 2) förhindra att ägaren ruinerar din design genom att försöka lägga till dessa strategier själv!

Ingenting är värre än att skapa en vacker design för en klient bara för att andra ska komma in och förstöra det genom att lägga till en massa extra oplanerade element. Att hålla sig på vad som händer i internetmarknadsföring och de senaste mönstren i SEO kommer bara att hjälpa dig som webbdesigner och kommer att hålla dina webbplatser ser bra ut!

Nedan följer några vanliga tekniker som SEO strateger använder för att förbättra sökmotoroptimering på plats. Genom att hålla dessa element i åtanke kan du designa en webbplats som är lätt att optimera eftersom allt har redan beaktats när du skapar layouten.


De primära designstrategierna för SEO


Strategi 01: Clear Navigation

Håll webbplatsnavigationshierarkin så platt och tydlig som möjligt. Ju fler underkategorier / mappar du har (eller ju djupare din hierarki är) desto svårare blir det för sökmotorer att indexera alla dina sidor. En platt hierarki hjälper också sökmotorerna att visa fler av dina sidor som "viktiga", vilket ger dem större vikt i sökrankningen.

Många designers känner inte att de har kontroll över en navigeringshierarki när de pratar med en klient ... det borde inte vara fallet. Klienter ser till webbdesigners som experter på dessa saker, så om du vänligen uppmanar dem att hålla sin navigationsstruktur så ren och städad som möjligt, kommer de vanligtvis att lyssna.

Navigationsdesignen är också viktig; Användning av bilder för din text kan ofta förstöra möjligheten för en sökmotor att genomsöka webbplatsen korrekt. De flesta typsnittsmärkningsteknikerna (FLIR, SIFR, Cufon, CSS3, Embedded Fonts, etc.) är SEO-vänliga men det betyder inte att du måste hålla dig till Arial eller Times New Roman. Nyckeln är att utforma med "användarvänlighet" i åtanke. Undvik att hyra navigering eller använda icke-traditionella användargränssnitt utan att diskutera det med en utvecklare först.


Strategi 02: Designa dina titlar och undertexter


Det är ofta användbart att faktiskt skicka över en separat designkompis till en utvecklare som påpekar exakt vad varje textelement ska kallas som.

En av de viktigaste elementen av optimering på sidan är att ha titlar och undertexter med nyckelordssatser. De vanligaste taggarna av SEO-strateger är H1, H2 och taggar. När du skapar och SEO-vänlig webbplatslayout, se till att du har fläckar för dessa taggar på varje sida ... och utforma dem ordentligt.

Det är också mycket användbart att peka ut dessa element till utvecklaren (om du inte kodar det själv). Med bara några ögonblick att förklara att varje titel ska kodas som en H1 eller H2 kan du spara mycket frustration på lång sikt.

Du kanske inte kan kontrollera hur effektivt ägaren av webbplatsen kommer att utgöra dessa titlar när de lägger till sitt eget innehåll, men att utforma med H1 och H2-element högst upp i designhierarkin kommer att se till att de har den bästa chansen att upptäckas av sökmotorer långt efter att du har gått bort från projektet.


Strategi 03: Skapa anpassade landningssidor


Sidor innehåller ofta anpassade målsidor för speciella händelser.

Uttrycket "innehåll är kung" talas vanligtvis i marknadsförings- och SEO-samhället. Utan innehåll har en webbplats lite värde i sökmotorns ögon. De flesta sökstrategierna vill ha massor av unikt innehåll på varje sida och skapar ofta många anpassade målsidor med unikt innehåll som alla är optimerade för olika sökord. Skapa en "mall för malladsdesign" för projekt som verkligen försöker maximera deras rankning av sökmotorer är en fantastisk idé.

När du utformar din målsidalayout, se till att varje sida har plats för åtminstone några stycken av beskrivningstexten. Annars kan text läggas till senare och det kan sluta titta tvungen och ur sin plats. Om du utformar layouten med innehåll i åtanke kommer innehållet att blandas snyggt och kommer faktiskt att vara användbart för både läsarna och sökmotorerna.


Strategi 04: Image SEO Tactics

Bilder kan vara en bra källa till söktrafik och de ger även sökstrategier bättre optimering på plats. Varje sida ska ha en plats för en bild, som bör arbetas med innehållet som nämns ovan. Dessa bilder borde ha optimerade filnamn, alt-taggar och titlar som inkluderar målordsfrasen.

Åh, en annan anteckning på bilder: Använd aldrig en bild i stället för text när du kan hjälpa till! Text som är inbäddad i en bild kan vara läsbar för mänskliga besökare på din webbplats, men sökmotorer ser det inte. När det är möjligt använd bilder med beskrivande text för att ge sökmotorerna något att hitta.


Strategi 05: Inkludera Deep Linking

Intern länkning, även känd som "djup länkning", är en annan vanlig praxis av sökstrategier. Detta är inte ett mycket dramatiskt visuellt element, men webbplatsen kan sluta ha fler länkar på sidor än vad du förväntade dig. Till exempel, om webbplatsen ska ha flera kategorinivåer, föreslår SEO strateger att du innehåller länkar till alla underkategorier på varje huvudkategori sida. Sidofältet är vanligtvis ett bra ställe att släppa den här typen av "länklista", men det är också vanligt att lägga till länkar i sidfoten på viktiga SEO-landningssidor.

Dessa länkar är viktiga för SEO eftersom de hjälper sökmotorerna att förstå vilka sidor som handlar om. Mål sökordsfraser ska alltid användas när djupkoppling till andra sidor.

Där det här kommer att spela i design: Jag ser ofta att webbplatsägare försöker lägga till dessa element efter designfasen ... vilket vanligtvis resulterar i fula länklistor som känner sig helt oskadliga. Att ge en enkel designmall som de ska följa om de väljer att lägga till saker som detta i framtiden kommer att hjälpa till att förhindra att de förstör ditt hårda arbete!


Strategi 06: Skapa en webbplatskarta

Varje webbplats ska ha en HTML- och XML-sitemap (även känd som en "arkiv" -sida). Med dessa webbplatskartor kan sökmotorer krypa / indexera din webbplats och hjälpa användarna att hitta innehåll. Förutom ett grundläggande XML-dokument är det särskilt viktigt att ha en väl utformad HTML-sitemap för stora webbplatser.

Som en extra fördel kan dessa webbplatskartor göra din webbplatsdesign mer användbar. Navigering av stora webbplatser kan ofta vara svårt och många använder webbplatskartor för att hitta vad de letar efter. Så när du skapar en webbplats är det mycket tillrådligt att du utformar en anpassad layout bara för webbplatskartan. Denna designmall ska kunna visa eventuellt 100-tal av länkar på ett organiserat sätt, så gör ditt bästa för att planera för en välorganiserad och lättläst layout.


Strategi 07: Inkorporera sociala medier

Sociala medier är en annan mycket populär marknadsföringsmetod som faktiskt påverkar SEO. Sökmotorer börjar använda sociala medier popularitet som en signal för hur relevant och viktigt innehåll är på webben. Genom att integrera sociala medier "dela" knappar i din design kan du hjälpa till att öka relevansen av innehållet till sökmotorer. Det är också vanligt att ha ikoner någonstans länka till huvudprofilerna på Twitter, Facebook och andra sociala profiler på en webbplats. Ju mer "social" trafik som en webbplats kan generera, ju högre den webbplatsen kommer att dyka upp i sökrankningar.


Exempel på SEO Friendly Websites

Virgin.com

Virgin webbplats gör ett antal saker rätt från en SEO synvinkel. De inbäddar djupkoppling i sina navigeringsrutiner, titlarna är alla stilade med SEO-typsnittskompletteringsmetoder, och de innehåller en fantastisk webbplatskarta som är expansiv men ändå lätt att skanna.


Wikipedia.org

Medan Wikipedia kanske inte vinner några utmärkelser för otroligt design, är de värda att referera till SEO-strategier eftersom de bara gör det så darn bra. Wikipedia är kungen av djup länkning och innehållsskapande. De har massiva mängder indexerat innehåll (över 100.000.000 sidor) och en majoritet av deras sidor rankar extremt bra i sökmotorerna delvis på grund av deras imponerande djupkoppling. Varje sida på Wikipedia länkar till andra sidor på Wikipedia med hjälp av sökmotorvänliga, sökordrika textlänkar. Detta hjälper till att hålla användare längre bort på webbplatsen, det hjälper användarna att hitta mer relevant innehåll och det hjälper till att öka rankningen på alla sina sidor i sökmotorn.


Bnet.com

Bnets webbplats är ett bra exempel på en webbplats som förenar bra design med SEOvänliga strategier. Deras navigation är snygg, men ändå väldigt lätt att krypa. Webbplatsindex gör det mycket enkelt att hitta ett brett utbud av innehåll. Den viktigaste egenskapen är kategorin djupkoppling. De har också solid optimering på sidan med saker som sidtitlar, innehålls titlar och breadcrumb spår för att förbättra SEO och rankings på sidan..


eHow.com

eHow är ett annat innehåll häftigt med massor av högt rankade sidor. eHow är stolt över att ha mycket användbar innehåll på ganska mycket varje "hur" ämne tänkbart. Nyckeln till deras framgång är inte bara kvaliteten på innehållet, utan också deras imponerande optimering på plats. De har en mycket tydlig SEO vänlig navigering på vänster sida för kategorier. Alla deras delsidor har även SEO-vänlig navigering till vänster, plus många avsnitt som länkar till populärt och relaterat innehåll oavsett vilken sida du är på.

eHow gör också stor nytta av den platta navigeringen vi nämnde. Allt innehåll är bara en nivå nere från rotmappen. Så alla kategorier, underkategorier och enkelsidor är http://www.ehow.com/something/.


Slutgiltiga tankar

Internet blir alltmer komplicerat dagligen, med företagare som vill ha fler och fler funktioner och element på deras webbplats. Problemet är att alla också vill ha rena, problemfria webbplatser som är så användarvänliga som möjligt. Det kan vara svårt att hitta ett lyckligt medium mellan de två, men sättet att vinna kriget är att fortsätta tänka framåt.

Massor av webbplatsägare har en webbplats designad utan att någonsin överväga var de vill gå med SEO ... så de försöker ofta lägga till sökstrategier efter designen är klar. Du kan vanligtvis berätta när en webbplatsägare har gjort det här - widgets kommer att se udda och ur sin plats. sociala medier knappar kommer att se ut som de var tejpade på; och designmallar kan se helt sönder. Att skapa en webbplatss grundläggande SEO-strategier under designfasen är det bästa sättet att 1) ​​se till att webbplatsen fungerar bra i sökrankningar och 2) att webbplatsägaren inte förstör din design genom att försöka lägga till dessa strategier själv!

Lär dig vad människor ska vilja i förväg för att förbättra deras synlighet på webben, så att du kan komma med kreativa, iögonfallande mönster som också har alla de senaste funktionerna och elementen som företagare förväntar sig.

Har du egna SEO strategier eller tricks? Har du en fråga om den här artikeln? Lämna några kommentarer nedan!