Du är nog trött på att höra det, men sökmotoroptimering är viktigt. Det kan diktera och påverka vem som besöker en webbplats, och hur många människor gör det för att se ditt vackra designarbete.
Det ska vara en del av designprocessen från planeringsstadiet framåt. Så designers, koppla ur öronen och gör det en prioritet att lära dig hur du kan börja tänka på SEO i designprocessen. Låt oss dyka in i ämnet lite mer idag.
SEO Basics
Sökmotoroptimering, vanligen kallad bara SEO, är processen att få trafik till en webbplats från sökmotorer. Google är den största drivrutinen för SEO på grund av dess popularitet, men webbplatser som Bing, AOL och Ask är också viktiga.
Sökmotoroptimering är gratis. Det är inte detsamma som att köpa annonser som visas i sökwebbplatser, även om betald sökning kan öka synligheten för en webbplats. Det bygger starkt på den övergripande strukturen på en webbplats och nyckelord som finns i kopian och i designarkitekturen.
Så vad bidrar till SEO? Det finns ett stort antal objekt och dessa ändras och uppdateras med varje ny version från Google och andra sökwebbplatser. (Du har hört talas om Panda och Penguin, eller hur?) Bidragande SEO-faktorer faller i två kategorier: On-site SEO och off-site.
På plats SEO ranking faktorer inkluderar ditt innehåll (kvalitet, ord, engagemang och popularitet), HTML (titlar, beskrivningar och rubriker) och arkitektur (laddningstider och hastighet på din webbplats, sökningsförmåga och webbadresser).
Off-site SEO ranking faktorer inkluderar länkar från andra webbplatser, sociala medier nämnder, webb ärlighet och grundläggande demografi (plats - land och stad, historia och användares åsikter av webbplatsen).
Varför ska designers ta hand om SEO?
När en webbplats är registrerad hos sökmotorerna skickar de ut känslor för att se vad som finns på en webbplats. Det är här SEO är avgörande för designers. Crawlsna bestämmer vad innehållet är, dess? Värde? och hur man visar den i sökresultat. Du vill göra allt du kan för att få din webbplats till toppen av dessa listor eftersom ju högre en webbplats kommer upp i sökresultaten, desto mer exponering får du (och ju lyckligare dina kunder kommer att bli!)
Design överväganden
Det bästa sättet att göra det mesta av SEO för en webbplats är att börja tänka på det i designprocessen. Och det börjar verkligen med en enkel konversation och handlingsplan. Här är fem viktiga sätt som designers kan engagera sig med SEO för att hjälpa till att förbättra en webbplats från grunden:
1. Innehåll och text
Efter att ha bestämt syftet och målen för ditt projekt, beskriva några nyckelord som du skulle använda för att beskriva innehållet på din webbplats. Design Shack, till exempel, skulle använda nyckelord som? Design ?,? Handledning ?,? Webbdesign ?,? Business ?,? Css ?,? HTML ?,? Typografi ?, och? Layout.?
Det är viktigt att du använder dina nyckelord och liknande fraser ofta och i rätt sammanhang över hela webbplatsen. Nyckelord ska användas i kroppstext, rubriker, rubriker, metadata och länkar. Sökordsinriktning är viktigt på varje sida på en webbplats, men är särskilt viktig på hemsidan. Det bör fungera som en gateway till och sammanfattning av resten av innehållet på webbplatsen.
Titta på din formulering när det gäller länkar. Hur ofta ser du med ord? Klicka här? eller? se mer? för en länk? Håll dig borta från dessa villkor. Ord som används för en länk bör beskriva länken själv. Försök med fraser som berättar var länken kommer att ta användare eller vilken information som kommer efter klicket.
En sak att komma ihåg är avsiktlig fyllning av nyckelord. Om du fyller på webbplatsen med nyckelord bara för att använda dem och de inte relaterar till innehåll, kommer sökmotorerna att fånga dig och det kommer att påverka din SEO negativt. Det är viktigt att behålla ärlighet i innehållet.
2. Bilder
Vad användare ser och vilka sökmotorer ser när det gäller bilder är väldigt olika. Sökmotorer kan bara se ord, inte själva bilderna. På grund av detta är det viktigt att använda alt-taggar klokt när det gäller varje bild på din webbplats. Varje visuell bör innehålla en motsvarande beskrivning (som idealiskt innehåller ett nyckelord av två). Undvik alt-taggar som läser? Skärmdump? eller? bild.? Bilder med de bästa beskrivningarna är de som tenderar att dyka upp i Google-bildsökningar.
Visualer med expanderbart innehåll är också ett utmärkt alternativ att tillhandahålla mer för sökrobotar. Överväg att lägga till mus-över-tillstånd för bilder eller en expanderbar div för en multipel bildram med fullständiga beskrivningar av bilder. Detta är viktigt för alla bilder, logotyper och visuella samtal till handling på webbplatsen.
En annan liten viktig nugget av information? Design banners och annan grafik med hjälp av webbfonter, HTML och CSS när det är möjligt. (Och när det inte är, behandla dessa saker som bilder med fullständiga beskrivningar.) Genom att skapa bitar som använder standard HTML, med markeringar för kroppstyp, H1s och fetstil, etc., kan sökmotorer bättre läsa dem.
Bilder ska optimeras för webben innan de sparas och laddas som media för webbplatsen. Bilder som sparas med för stor storlek kommer att få dem att lagras när du laddar och skadar sidhastigheten. Användare kommer att klicka bort (och kanske inte komma tillbaka) om din webbplats lags eller bilder är långsamma att ladda. Spara bilder med en upplösning på 72 dpi och sikta på en filstorlek mellan 30 och 100 kilobytes.
3. HTML och kod
Sidtititlar är för mer än bara att hjälpa dig att kategorisera en webbplats. De hjälper också användare och sökmotorer. Varje sida ska innehålla en titel med en beskrivning av innehållet på sidan. Undvik cutesy titlar; De borde vara direkta, informativa och inkludera ett nyckelord.
Vad som är viktigast för den här titeln är att det är det som visas i sökresultaten, vilket ger användarna anledning till att klicka på sidan.Håll titlarna relativt korta också. Tänk på 55-65 tecken.
Matcha sedan sidtitlar och navigeringslänkar: title =? Namn på sidan? href = länk ?. Att ha samma attribut kommer att ge din sida en SEO-boost också.
Gruppera även media i en mapp med ett namn som? Bilder? eller? foton? så att de genererar en ren och beskrivande URL, / images / xxxx.
Tänk på din kod som en del av designen från början till slut. HTML som är läsbar är också HTML som kan genomsökas. Koden ska struktureras på ett sätt som matchar innehållet på webbplatsen. börja med navigering och menyer, sedan H1-taggar, sedan kroppstext. Använd taggar som de är avsedda och när det är möjligt - STRONG (fetstil), UL (listor), P (stycken) och H (rubriker eller underrubriker i numerisk ordning).
De sätt du namn filer kan också vara viktigt. Inkludera relevant information i filnamnen för uppladdade objekt och sparade filer. Detta gäller dokument, media och html. SEO krypterar läs filer namn som ord, använd en hypen - inte ett mellanslag eller understreck - att ändra från ord till ord. Så krypningen läser din information korrekt.
Slutligen skapa webbadresser med mening. Varje webbadress ska tydligt ange vad som är på en sida. Undvik webbadresser som slumpmässigt genererar siffror eller bokstäver. Webbadressen för den här sidan är till exempel https://designshack.net/articles/do-i-need-to-design-with-seo-in-mind/ snarare än https://designshack.net/5684- 2354. Webbadressen hjälper SEO eftersom den matchar innehållet på sidan, innehåller nyckelord och är beskrivande nog att när användare ser det på andra ställen (på sociala medier kanske) vet de vad innehållet på sidan kommer att vara.
4. Webbplatskarta
Skapa en webbplatskarta och gör den levande på varje webbplats du bygger. (En sajtkarta är en xml-fil som beskriver strukturen på din webbplats.)
Skapa en och se till att den skickas till Google. Plus användare gillar dem också om de kämpar för att hitta saker på din webbplats.
5. Länka och sociala medier
Ibland är några av de viktigaste elementen när det gäller SEO inte ens en teknisk del av din webbplats - det du länkar till från dina sidor och sociala medier och länkar från andra webbplatser spelar alla aktiva roller för att bestämma synligheten.
Inte bara bör du vara försiktig med hur du ordlänkar på din webbplats - använd beskrivande ord, inte bara instruktioner för att klicka - men också vem du länkar till, som länkar till arbete och länkar relaterade till ditt innehåll. Länkar måste ha innehållsvärde och relatera till ditt övergripande meddelande för det mest värdefulla. Att länka till irrelevanta objekt kan förvirra sökningar om vad ditt innehåll faktiskt är och skadar din totala SEO. Och om du hittar en trasig länk, fixa eller ta bort den; du vill inte ha de indexerade av sökmotorer.
Det är viktigt att uppmärksamma vad och vem du länkar till, som länkar jobb och länkar relaterar till ditt innehåll.
Länkar från andra webbplatser, inklusive sociala medier, till din webbplats ska vara av kvalitet och trovärdighet. De bör också ansluta till relevanta nyckelord på din webbplats. Även om det här kan vara svårt att kontrollera, kan du på vissa sätt. Namnlösa: Köp inte länkar. de kommer inte att ge verkligt värde. Länk internt på din webbplats till andra sidor, och om du har flera och relaterade webbplatser, koppla mellan dem. Det verkliga värdet av sociala medier länkar är ständigt debatterad men ger en boost och några SEO analytiker säger att använda Google+ på grund av dess anslutning till sökmotorn jätten hjälper ännu mer.
SEO Verktyg
Här är en snabb samling SEO-verktyg som du kanske vill utforska ytterligare:
- Googles verktyg för webbansvariga
- Bing Webmaster Tools
- Pagerank
- Länk popularitet
- Sökmotorposition
- Webbplatshastighetstest
Slutsats
SEO ska vara en del av varje designers tankeprocess och arbetsflöde. Att utveckla goda vanor från början av varje projekt är lättare och effektivare än att försöka göra en webbplats SEOvänlig när den går live.
Det finns många fler tricks? där ute också. Men var försiktig med saker som låter för perfekt eller enkelt. Det kan ta lite tid för att även de bästa sidorna kan stiga genom Google-ledningarna. Keyword stuffing och SEO cheats och genvägar är bara tillfälliga korrigeringar.
Det bästa du kan göra när det gäller sökmotoroptimering är att skapa och utveckla en bra webbplats med bra innehåll. Och det gör inte ont om du designar en arkitektur som gör det enklare för sökmotorn kryper för att hitta dig.
Bildkällor: Tagxedo och bennylin0724.