Web Design in the Loop with SEO

October 14, 2016

Showcase Your Business

Horizontal line

A website design that compliments and showcases a business to its fullest potential is desired by every business owner to have. Every element down to the specific colour of the website matters. Even the placement of particular items in positions where a user is most likely to look by just entering the website is an important part of a great design. Every great web designer must understand a bit of web psychology before creating that perfect design. However, no matter how good a website design looks visually, its search engine optimization must be equivalently up to par to compare. What is a visually amazing web design without a great visibility ranking? As you can imagine, no search engine visibility means lower ranking results and it will be highly unlikely for any internet searcher to even click on the website.

Top 3 SEO Website Goals Should be:

Horizontal line

1- Being unique. Being unique from your competitors is just the start of creating that difference from yourself and others.

2-Keywords. Selecting the right keywords that will attract possible leads that will end up being clients in the future.

3-Truthful.Google does not do well with ‘general terms’ and or a company that wants to blend in with all the rest. Be very direct and truthful with what you have to offer on your website.

Top 4 Web Design Tricks to up your SEO:

Horizontal line

1-Images. A great website should have some great quality and full resolution images. However, one must understand that high res images lead to large kb sizes. It’s important not to have a heavy website. A heavy website leads to a slow loading page and ultimately will lead to a high bounce rate since your viewers will most likely exit the web page due to its slow loading speed. To prevent this from happening and lower your image kb sizes, there is one easy way of doing this without cropping your images. Start to compress your jpg and png files. Compressing your images will make your images about 60% lighter and will make your site much lighter.

2-Css Compression. Web designers have to use CSS to design their HTML/PHP page. However, too much code and messy code can be very bad for SEO. Compress your CSS files, this will remove those excess lines that may be written more than once and can easily be put into one line.


Bad CSS Code

h1 {

    font-weight: bold;



h2 {

    font-weight: bold;



Smart and Clean CSS Code



    font-weight: bold;


As you can see above, we are using one operation to write 2 things, instead of opening 2 brackets and typing  ‘  font-weight: bold;’  two times.

3-Javascript. Don’t let your javascript be another flash. Flash was known for great effects but was also very heavy for websites to run with. Javascript came as a perfect replacement for flash. Javascript offers great effects at a very light code. However, some web developers may overuse javascript files and when adding too many js files it will result in the website being as heavy as flash. Remember not to overuse Javascript coding.

4.-Mobile Web Design. Mobile devices have gotten immensely popular these past 2 years. With so many people using mobile devices on a regular basis, there are new standards in web design. Mobile friendly web design is in style and here to stay.

What are the 4 ways to make your web design mobile friendly?

  1. Change your layout from a fixed design to a responsive Design.
  2. Increase Font Size.
  3. Model out a One Page Design Style
  4. Minimal Elements on Page. Remove heavy weight elements/widgets on a web page.

To get back in the loop, a perfect web design is one that has complimentary seo. Follow these simple tips above for your site.

Author Bio: Anderson ( Andy) is a professional website developer and company research specialist.

Andy is with http://www.ntwdesigns.com/

Leave a Reply

Your email address will not be published. Required fields are marked *