Seo guide & tips for web designers

SEO Guide For
Web Designers
&
FRONT-END
DEVELOPERS

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

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
Design is not just what it looks like and feels like. Design is how it works.- Steve Jobs
As a web designer or
frontend developer,
most on-site SEO is
your responsibility.

2. You might BE losing a lot of traffic
Whatever is Visible, Sells (जो दिखता है वो बिकता है)
besides visitors typing in
www.yourwebsite.com and backlink
referrals; search engines are the only
way people can find your site, service.

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”- Da Miracle

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

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
Learn a bit of excel if you must. It’s a great tool and can help you fix many total site structure
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.

“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
PRO QUOTE : Control your Ctrl+C & Ctrl+V habit.
 Same or similar title text
 Exceeding the 65
character limit Keyword
stuffing the title Putting ,
with different
Permutation &
combinations of
keywords

Empty image Alt tribute
Common mistake
If you have saved company’s logo by the name of “companynamelogo” before uploading make the
necessary changes, similarly all other images.
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.

Unfriendly URLs
Heard of “KEYWORDS” ? or let it be custom “post titles”
 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

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 us at
info@damiracle.com with subject line “SEO Query” and we 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 damiracle.com
“The success of a page/site should be measured by one criteria:
Does the visitor do what you want them to do?”

Seo guide & tips for web designers

Recommended

More Related Content

What's hot (12)

Similar to Seo guide & tips for web designers (20)

Recently uploaded (20)

Seo guide & tips for web designers