SEO guide for web designers

SEO GUIDE FOR
WEB DESIGNERS &
FRONT-END
DEVELOPERS
E : hi@buckthefad.com W : www.BuckTheFad.com M: 9163233906
Helping businesses & brands believe in GoD (Going Digital)

DO DESIGNERS NEED TO
KNOW SEO…???
I don’t know why we need to ask this question but anyways…

POLL
POLL

WHAT IS SEO…???
Then The Client Said “I want to be ranked by tomorrow”
SEO is a technique which helps search
engines find and rank your site higher
than the millions of other sites in
response to a search query.

TYPES OF SEO
ON Page SEO OFF Page SEO
Anything you can do to improve your
own website or blog so that search
engines rank it highly
Anything that is not part of your own
website or blog, but that contributes
to your PageRank and therefore SEO

WHY SHOULD YOU
LEARN ABOUT SEO…???
Myth : “SEO seems like this big huge thing that requires a lot of knowledge.”

1. SEO IS NOT ONLY FOR ONLINE MARKETERS
As a web designer or
frontend developer,
most on-site SEO is
your responsibility.
Design is not just what it looks like and feels like. Design is how it works.- Steve Jobs

2. YOU MIGHT BE LOSING A LOT OF TRAFFIC
besides visitors typing in
www.yourwebsite.com and
backlink referrals; search
engines are the only way
people can find your site,
service.
Whatever is Visible, Sells ( )

3. SEO IS ALSO A VALUE-ADDED SERVICE
As a web designer
you can sell your
SEO skills as an
extended service.
The Power of doing MORE THAN EXPECTED

IMPORTANT SEO TIPS
Local Business Multiple Cities International SEO

INDEX PAGE / SPLASH PAGE
Avoid flash. Don’t put
image and enter button
Instead of know more
have “know more about
‘keyword”. Footer should
be simple with all links
and sitemap
“Every time you use flash, you put website in ASH”- BuckTheFad

INDEX PAGE / SPLASH PAGE
All images should have alt
tags .
Title, header & Meta tag
description should be
different for index page and
other internal pages
Every page on your website has a unique and different purpose

NON SPIDERABLE FLASH MENUS
Fade in, animated
buttons with links
will not be followed
or indexed no
matter how cool
that looks
There’s a trick to look cool and still fool the search engines, Just know the rules of the game.

IMAGE AND FLASH CONTENT
Web spiders are like a text-
based browser, they can't read
the text embedded in the
graphic image or Flash. Most
designers make this mistake by
embedding the important
content (such as target
keywords) in Flash and image.
Let’s have little fun. Paste this “data:text/html, <html contenteditable>” in your
browser and start typing . It will turn your browser into a text editor.

OVERUSE OF AJAX
A lot of developers are trying to
impress their visitor by
implementing massive Ajax
features (particularly for
navigation purposes), but did you
know that it is a big SEO mistake?
Because Ajax content is loaded
dynamically, so it is not spiderable
or indexable by search engines.
AJAX is a powerful tool, and “With Great power, Comes Great Responsibility.”

VERSIONING OF THEME DESIGN
For some reason, some
designers love to version their
theme design into sub level
folders (i.e. domain.com/v2, v3,
v4) and redirect to the new
folder. Constantly changing the
main root location may cause
you to lose backlink counts and
ranking.
Learn a bit of excel if you must. It’s a great tool and can help you fix many total site structure

“CLICK HERE” LINK ANCHOR TEXT
You probably see this a lot where
people use "Click here" or "Learn
more" as the linking text. This is
great if you want to be ranked high
for "Click Here". But if you want to
tell the search engine that your page
is important for a topic, than use
that topic/keyword in your link
anchor text. It’s much more
descriptive (and relevant) to say
“learn more about {keyword topic}”
Search Engines love you only when others love you first

COMMON TITLE TAG MISTAKES
Same or similar title text
Exceeding the 65 character
limit Keyword stuffing the
title Putting , with different
Permutation & combinations
of keywords
Control your Ctrl+C & Ctrl+V habit.

EMPTY IMAGE ALT TRIBUTE
You should always describe your image
in the alt attribute. The alt attribute is
what describes your image to a blind
web user. Guess what? Search engines
can’t see images so your alt attribute is
a factor in illustrating what your page is
relevant for.
Common mistake
If you have saved company’s logo by the name of “companynamelogo” before uploading make
the necessary changes, similarly all other images.

UNFRIENDLY URLS
Most blog or CMS platforms have a
friendly URL feature built-in, however,
not every blogger is taking advantage of
this. Friendly URL’s are good for both
your human audience and the search
engines. The URL is also an important
spot where your keywords should
appear.
Example of Friendly URL:
domain.com/page-title
Example of Dynamic URL:
domain.com/?p=12356
Heard of “KEYWORDS” ? or let it be custom “post titles”

SEO COMMON
DO’S & DON'TS

Google has prepared a beautiful descriptive SEO guide for beginners with
tips and tricks. You can download the pdf version by clicking on this link
If you have any specific queries related to SEO write to me at
hi@buckthefad.com with subject line “SEO Query” and I will try to answer
you back within 2 working days.
If you want a no obligation free review on your website for on-page
optimization submit the url with other details at
www.buckthefad.com/contatme
“The success of a page/site should be measured by one criteria: Does the visitor do what you want them to do?”

SEO guide for web designers

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (8)

Similar to SEO guide for web designers

Similar to SEO guide for web designers (20)

Recently uploaded

Recently uploaded (20)

SEO guide for web designers

Editor's Notes