You’re probably tired of hearing it, but search engine optimization is important. It can dictate and influence
who visits a site, and how many people make it through to see your beautiful design work.
It should be a part of the WEB Design & Development process from the planning stages forward. So
DESIGNERS & DEVELOPERS, unplug your ears and make it a priority to learn how you can start
thinking about SEO in the design process. Let’s dive into the topic a little more today.
Important factors to consider while designing your website !
1. Important Factors to Consider While
Designing A Website : - By Shubhankar Gautam (SEO/SMO Expert)
TeamWebInfoMart (www.webinfomart.com)
You’re probably tired of hearing it, but search engine optimization is important. It can dictate and influence
who visits a site, and how many people make it through to see your beautiful design work.
It should be a part of the WEB Design & Development process from the planning stages forward. So
DESIGNERS & DEVELOPERS, unplug your ears and make it a priority to learn how you can start
thinking about SEO in the design process. Let’s dive into the topic a little more today.
SEO Basics :
Search engine optimization, commonly referred to as just SEO, is the process of getting traffic to a website
from search engines. Google is the major driver of SEO because of its popularity, but sites such as Bing,
AOL and Ask are also important. It relies heavily on the overall structure of a site and keywords located
in the copy and in the design architecture.
SEO factors fall into two categories: onsite SEO and off site SEO
(A) Onsite SEO ranking factors include your content (quality, words, engagement and popularity),
HTML (titles, descriptions and headers) and architecture (load times and speed of your site,
crawlability and URLs).
(B) Offsite SEO ranking factors include links from other sites, social media mentions, web
Participation ( FACEBOOK, TWITTER, GOOGLE+, PINTEREST, LINKEDIN etc) and basic
demographics (location – country and city, history and users’ opinions of the site).
2. IMP FACTS ABOUT DESIGNING THE WEBSITE
DOMAIN : Always select domain related with your keywords & audience
Keywords : Utilizing your keywords
So, you understand what your keywords are, but what do you do with them? Clearly, search engines need
to be shown just what your website is all about in order to drive website traffic to you. Your selected
keywords must then be considered during the website design process.
Key terms must be used in:
➔ Title Tag
➔ Keywords and meta description
➔ Navigation and menus
➔ Business slogans
➔ Your Domain
➔ Bullet points
➔ Alt text for images
➔ Graphic descriptions
➔ Title attribute in links
➔ Your primary page or product copy
➔ Internal and external links
➔ Footer links and sitemap
➔ Header Tags – H1 , H2 and H3
But don’t over optimize it! Keep in mind that SEO optimized content should be helpful, authoritative and
wellwritten. Artificial repetition or ‘keyword spamming’ will not help you get ranking and even cause different
penalties. Google working by trying to link people to the majority of relevant optimized content on the web, and
significantly it attempts to link them to what they will like. So if it seems like spam to you don’t publish it.
Website Load Times : I mean things like:
➔ CSS files – remove unwanted/unused code or place all the code on one line per div/class.
➔ The amount of JavaScript in the code – this can be really slow depending on what you are usingit
for so I’d advise using it sparsely.
➔ Website image size –
➔ File size – remove white spaces and any unessential line breaks in code, keep it streamlined.
3. Design Considerations : Make Sure Your Site Navigation Is Search Engine Friendly
Content and Text :
Content is the life force of a website, and it is what the search engines feed on. When designing a website,
makes sure you take into account good structure for content (headings, paragraphs, and links).
Sites with very little content tend to struggle in the search results and, in most cases, this can be avoided if
there is proper planning in the design stages. For example, don’t use images for text unless you use a CSS
background image text replacement technique.
HTML and Code :
➔ Use Unique Meta Data : Page titles, descriptions, and keywords should all be different. Many
times, web designers will create a template for a website and forget to change out the meta data,
and what ends up happening is that several pages will use the original placeholder information.
Every page should have its own set of meta data; it is just one of the things that helps search
engines get a better grasp of how the structure of the website is constructed.
➔ Place Scripts Outside of the HTML Document , see example :
Because, Search engines view a website through what’s contained in the HTML document. JavaScript and CSS, if
not externalized, can add several additional lines of code in your HTML documents that, in most cases, will be
ahead of the actual content and might make crawling them slower. Search engines like to get to the content of a
website as quickly as possible.
➔
4. ➔ Design Your URLs for Search Friendliness , see example :
➔ Follow W3C Standards : web designers/developers have a big responsibility to stay up to date
with what is going on in terms of technology and standards such as HTML5, CSS3 etc;. That
doesn't mean to read every single spec out there.I no longer agree with following 100% of all the
web standards because there will always be exceptions. Using good coding practices that will help
developers, but that will at the same time be browser friendly. It is important to understand that
HTML5, CSS3 etc; builds upon existing standards and it is made to support existing content.
Linking and Social Media :
In the Website , Please implement this …!
➔ Include Visible Social Media Buttons
➔ Integrate Social Where it Makes Sense
➔ Include UptoDate Buttons
➔ Include Share Buttons
5. Images Optimization :One more often overlooked section of SEO web development is the proper
dealing with of images.
➔ To optimize your images for fast loading times and quality, compress them to make the file
sizes smaller.Go for between 30 to 120kb, with a resolution of 72dpi.
➔ Always use the ‘alt tag’ attribute to present the search engines something different to
read.
➔ Place images in context with your page content; make sure they are related to your site or
content and have appropriate titles and captions.
➔ Put all your images in a folder called ‘images’ simply because it is sensible!
OTHER FACTS :
1) Use 301 redirects for permanent redirects
2) Use 302 redirects only for long or ugly URLs
3) Put your keyword phrase in the first paragraph
4) Put your keyword phrase at the top of the HTML
5) Put your keyword phrase in alternative text
6) Increase the font size of your keyword phrase
7) Use CSS or the font tag. Apply font size changes to headline tags as well.
8) Format your keyword phrases to stand out : Use <strong> and <em> where appropriate to
make your keyword phrases stand out.
9) If you must use frames, always use the noframes tag
10) If you must use Flash, always include alternative text
11) Keep your pages close to the root directory
12) Use your keyword phrase in named anchors
13) Use hyphens or underscores to separate words in URLs
14) Don't write your content with JavaScript
15) Don't have more than 10 words in your URL
16) Don't use dynamic URLs
17) Don't have broken links on your site
18) Don't use the meta refresh tag to redirect users
19) Don't violate copyright or other laws
20) Don't duplicate content on your site
21) Don't use robots.txt to ban large portions of your site
22) Don't use frames or Don't write Flashonly sites
23) Never redirect to another domain : Be Careful Redirecting to New Domains You Could Be
Banned Since this trick is commonly used by spammers, it's a very good idea to avoid doing it. Search
engines can be very hard to get back into if your site is banned by mistake.
24) Never link invisible images Or Never include invisible text on your pages
25) Don't Hide Text Your Site Will Be Banned : Search engines understand CSS and font and
background colors. They also recognize that a fontsize of 1px is not going to be readable. Text that is
hidden from your readers but visible to search engines is considered spam and will get your site banned.