In this day and age, it’s simply not enough to design a visually interesting, responsive website. As a web designer, you must be able to design for conversion and craft a website that sets your clients up for success in search rankings. After all, what’s the point of designing a website for a client that no one can find? You might as well print your website out, hang it up around town and call it a day. Taking a cue from The Hitchhiker's Guide to the Galaxy, don’t panic! We’ve got you covered with this in-depth SEO guide for web designers. Read about the infographic here: http://www.webydo.com/blog/our-community/education/infographic-seo-fundamentals-for-web-designers/

1. 12Bn
searchesareconducted
permonthintheUS.
60%ofallorganicclicksgoto
thetop3searchresults.
driveroftraffictowebsitesis
search(beatingsocialmediaby
morethan300%).
#1
GooglePageSpeedChecker
Pingdom
Mozbarplugin
GoogleKeywordPlanner
GoogleAnalytics
ScreamingFrog
SEMRush
Copyscape
Grammerly
Everywebdesigneranddigitalagencyshouldbeableto
independentlycraftwebsiteswith100%creativefreedom.
Weeliminateanytechnicalbarriersbyallowingyoutodesign
visually,withoutcode.
Everywebdesigneranddigitalagencyshouldbeableto
independentlycraftwebsiteswith100%creativefreedom.
Weeliminateanytechnicalbarriersbyallowingyoutodesign
visually,withoutcode.
Backlinko |EnvatoTuts+ |SearchEngineJournal|W3 |Inchoo |Kissmetrics |
UsabilityGeek |Hubspot|comScore |SearchEngineLand |Business2Community |Moz
301REDIRECT:
Sendusersandsearchenginestoan
updated/differentURLfromtheonethey
originallyrequestedwhilepassingon
90-99%ofyour“linkjuice”orrankingpower
ofagivenpage.
404ERRORS:
It’sfinetousethem(andmakesurethey
aredesigned)unlessthepagea)receives
importantexternallinksb)isgettingalot
oftrafficorc)hasanobviousURLthat
visitorsareintendedtoreach.
SITEMAPS:
HelpingsearchenginesfindandclassifyHelpingsearchenginesfindandclassify
informationonyoursite,usingsitemapsis
awaycommunicateneworchanged
contenttoensurefasterindexation,whena
pagewaslastupdated(contentfreshness)
orsimplythesite’shierarchy.
SCHEMAMARKUP:
Likeavirtualbusinesscard,addingthisLikeavirtualbusinesscard,addingthis
tellssearchengineswhatyourdatameans,
notjustwhatitsays,allowinguserstosee
intheSERPs,whatyourwebsiteisall
aboutwhereyourclientis,whattheydo,
howmuchtheirproductcostsandmore.
SITESPEED:
Affectingyoursite’sUXandconversionrate,
tryenablingcompression,reducing
redirects,improvingserverresponsetime,
optimizingimages,orremovingembedded
mediaamongothertactics.
MENU/NAVIGATION:
First,verifythatyouareusingtextnavigation(notJavaScript…orFlashwhichsearchengine
crawlerswon’tbeabletosee).Then,makesurethatallimportantpagesarefeaturedinthemenu
andthatallcontentisaccessibleinnomorethan3clicks.
ACCESSIBILITY:
Tomakewebcontentmoreaccessible
topeoplewithdisabilities,websites
mustbe:perceivable,operable,
understandableandrobust.
DUPLICATECONTENT:
Searchengineswon’tknowwhatto
prioritizeifthereareseveralpageswith
similarorduplicatecontentondifferent
URLs,whichwillharmrankings.Adda301
redirectorusethe“rel=canonical”tag.
PAGEVISIBILITY:
Sometimesyoudon’twantsearchSometimesyoudon’twantsearch
enginestoviewspecificpagesandthen
othertimesyoumightnotwantthemto
seetheentirewebsite.Addametain
therobots.txtfiletoblockaspecific
pageorthewholesite.
MOBILEFRIENDLY:
GooglestartedpenalizingmobileGooglestartedpenalizingmobile
unfriendlywebsitesbackin2015.
Responsivedesignisthewaytogoifyou
wanttoensurethatvisitorsfromany
devicesizeareservedanoptimal
experience.
WEBANALYTICS:
EnsureyouranalyticsareproperlysetupEnsureyouranalyticsareproperlysetup
andmonitorthemregularlytofindoutof
ifyourtargetkeywordsaregenerating
traffic(thenoptimize).Whileyou’reatit,
goaheadandsetupGoogleSearch
ConsoleandWebmasterTools.
2016Webdesigner’sguidetoSEO
http://www.web-designers-guide-seo.com
<H1> </H1>
<H2> </H2>
AltText:Burningasteroidhittingtheearth
<H3> </H3>
<H4> </H4>
TargetKeyword
TargetKeyword
TargetKeyword
TargetKeyword,TargetKeyword
Shareit:
PLACETARGETKEYWORDSSTRATEGICALLY
Makesurethatthekeywordyouwanttorankforisoutinfront,
atthestartofyourtitle.Alsochecktoseeit’s
inyourpage’smetatitle&metadescription,inyour
H-tagsandinthefirst100wordsoftext.
TIP:KEEPTITLESBETWEEN30AND65
CHARACTERSANDDESCRIPTIONSINTHE
RANGEOF120-156.
KEEPURLSSHORT
&MEANINGFUL
TryandmatchURLstotitles
mostofthetimeseparatingwithmostofthetimeseparatingwith
hyphensanddon’tworryabout
includingstopwords(and,or,but,
the...etc.).Also,keep’emlowercase!
FORMATH-TAGSLIKEAREPORT
Searchengines“read”yourpageso
makesureit’sproperlyorganized,
highlightingthemostimportantpart
withaH1tag(oneperpage,2-4words)
andsubheaderswithH2’s(nomore
than2perpage,4-6words).than2perpage,4-6words).
H3&H4canbealittlebitlonger.
INCLUDEINTERNAL
&EXTERNALLINKS
Choose2-3relevantplacestolinkChoose2-3relevantplacestolink
toinsideofyoursitetoincrease
on-sitetimeandtellsearch
enginesaboutotherpagesof
importance.Outboundlinksto
relatedpageswillhelpGoogleand
othersearchenginesbetternail
downyourpage’stopic.downyourpage’stopic.
CREATEQUALITY
CONTENT
OneofthemostcriticalSEOrankingOneofthemostcriticalSEOranking
factorsistocreatecontentthat
peoplewanttoreadandthat
providesthemaddedvalue.
Crawlability,originality,relevance
andlengthallcomprisegood
content.Nocopy-pasting!
OPTIMIZEYOURIMAGES
Morethanreducinglargeimagesor
switchingtofriendlierfileformats,
makesurefilenames(andAltText)
includeyourtargetkeyword.
TIP:MAKESURETOUSEIMAGESANDMULTIMEDIATHATWILL
ENGAGEUSERS,REDUCINGBOUNCERATEANDINCREASING
TIMEONSITE(TWOCRITICALRANKINGFACTORS).
PROMOTESHARING
Thegreaternumberofbacklinkstoyourwebsite,thebigger
impactitwillhaveonsearchenginerankings.Makesureto
includesocialsharingtocreateagreateropportunityfor
externalstakeholderstodiscoverandlinkbacktoyourwebsite.
TIP:MAKESOCIALSHARINGBUTTONSPROMINENT.
ASTUDYBYBRIGHTEDGEFOUNDTHATTHISCAN
INCREASESHARINGBY700%!