Why SEO Is Important: Case Study

One day, every micro, small, and medium business wonders: “How do we make our website show up better in search results”? It may take days, weeks, months, or even years since the foundation of the company. Unikorns is not an exception, and we asked ourselves that question too.

We spent months learning how to get better and make our website more SEO-friendly. Are we experts now? Hell no! But we have precious knowledge on how to build a beautiful, fast, and SEO-friendly website for our clients. As well as avoid common mistakes some web studios make. Tighten your belt tight and prepare for the journey.

P.S. This article is not for experts but for people who have heard of the word “SEO” and know what it is. But don’t actually know much about its benefits and role.

Let me stop you there and explain something. There is a confusion that sounds something like: “If I get a website anywhere, no matter whether it is expensive or not, I will skyrocket in SERP.” Eh, nope. You won’t.

Basically, a web studio makes web design and web development. It’s not required for a web studio to have SEO experts that boost your website. But here is a tricky moment - your website can only organically rank well thanks to SEO (organically, not thanks to Google Ads). It's not about design or development but Search Engine Optimization.

Sometimes an unpleasant situation happens when a client gets a desirable website but doesn’t show up in SERP after a while. Then comes millions of Google queries, reading, and inspecting what’s going on. At some point client finds out the truth - his website has Search Engine Unoptimization (big brain jokes, I know).

There was a comparison in 2013 between the SEO Agencies and Web Design Agencies in Search Engine Optimization.

It came out that Web Design Agencies often got a fancy design, but common SEO characteristics are:

1. Defective SEO web architecture and no on-site SEO;

2. Bad generic word ranking and lack of keyword orientation;

3. Bad website optimization.

SEO Agencies appeared to be well-optimized from the SEO perspective, but common Design characteristics are:

1. Content clutter;

2. No entertainment, only informativeness;

3. No style, no animation, no custom fonts, old fashioned, and template-based;

4. Used old technologies.

If you think that it was in old-fashioned 2013, I have sad news… Just go to Dribbble or Clutch find some unpopular design studios/agencies and check their SEO in SERP or Chrome Inspector. Why unpopular? Because most of the clients can’t afford studios/agencies that have highly paid and skilled employees, marketers, and SEO consultancies.

You can do the same with SEO Agencies, just go to Google and try to find some. You’ll be surprised by their UX/UI design and “modernness”.

However, there are some no-brainer SEO rules required in design and development.

You want your website to be “dressed” to kill, right? To achieve that, you need a bombastic design, but with the basic SEO principles that are made during the design phase:

1. What does “bombastic design” mean? A few things: animations, interaction features, visual accessibility, interface clarity.

2. What does “basic SEO principles in design” mean? A few things: headings hierarchy, content logic, navigation, internal linking logic between pages.

You want your website to be well-optimized and visible in SERP, right? For that, you need to develop a website with some standards:

1. Using HTTPS protocol;

2. Limit the use of the client-side javascript;

3. Optimize page speed;

4. Careful use of robots.txt;

5. Get an XML sitemap.

If you want to know more about SEO, I recommend you to check the SEO article at Moz. They’ve made an understandable and short explanation of what it is.

Web design studio/agency ≠ good Search Engine Optimization for your website. It doesn't mean SEO would be weak, though. SEO is just another kind of service that is not mandatory in web studios.

The puzzle arose when we asked ourselves: “Why the hell don’t we show up in search results?!”. We have blog posts, a kick-ass website, posts on social media, and some followers - what’s wrong? We made some Google and discovered two things:

1. SEO is much more important than we thought. We have to make something with our lame one;

2. We have to patiently wait for results (it could take weeks/months);

Here are the changes.

We started with the most eye-catching one - the title. First of all, we don’t speak about this title:

But about the HTML element:

We discovered a great thing that Google likes some limits if it comes to SEO:

1. We tried to wrap our titles in a 60-character limit on each page. If a title is too long, it may cut off the information at the end, so we need to make the right information order first;

2. We discovered that it’s a great practice to have different titles on each page that provide value; It also affects how users see our pages in SERP.

3. We should avoid keyword stuffing. It can make Google algorithms penalize for over-optimization.

Above, you see how it was before we tried to optimize it. Here is what we got after the optimization:

Here you can read a more detailed guide to title optimization at Moz.

Once again, it’s about the HTML element:

We discovered a problem: we didn’t make different meta descriptions for our pages. That means each page had the same one and quite a long one - 240 characters. Google likes meta descriptions that are up to about 160 characters.

1. We decided to limit it to 120 characters. Why? It was our preference because mobile browsers often cut off meta descriptions that are longer than 120 characters. From statistics comes that 60-70% of users use mobile devices for surfing.

2. We’ve made a unique meta description on each page. It gave our pages more unique values for crawl bots and users who read them.

Now, our pages look more accessible.

Here you can read a more detailed guide to meta-description optimization at Moz.

People know that it’s essential. But why? If crawl bots can read all information on your website, they can fit this information into people’s queries in Google. That can increase the possibility of appearing in Google Images results as well.

More important is accessibility. People with vision problems could use text-to-speech readers without limitations and content loss.

That's how all our pics look now:

Here you can read a more detailed guide to alt tags at Moz.

My favorite one:

The same day we started our Magazine, we began Medium blogging. Oh, that was a mistake…

The canonical tag tells the search engine where the master page location is.

<link rel=”canonical” href=”URL”

What does it mean? You want to make your website (or duplicated website URLs) the original source of information. Why? Because if you don’t, Google will make it for you.

That is what’s happened to us. Because of the low page authority and unknowledge of canonical tags, Medium and Google decided to make Medium the original source of information for our articles. Googling our articles was showing Medium in SERP first.

1. We canonicalized all our pages first. Now it tells search engines that our website is the original source of information.

2. We changed canonicalization on Medium in settings that pointed to our website articles.

Here you can read a more detailed guide to canonicalization at Moz.

At the very beginning, we had a 2-page MVP version of our website with no JAMstack words in it. Well, we didn’t think of it then. After some googling, we discovered that valuable texts are one of the steps to better SEO.

1. We released the 1.1 version of the website and expanded it to 5 pages (excluding articles pages) with internal links between the Services and Magazine pages;

2. We filled pages with relevant and valuable text information regarding our company. Keyword stuffing is in oblivion, so we decided to rely on LSI (Latent Semantic Indexing).

Here you can read a more detailed guide to LSI at Blue Corona.

We noticed after a month that we jumped higher in search results thanks to these improvements. The topics above are not expert SEO knowledge, but basic rules some people might don’t know. What does it mean for us as a web studio? We can’t help clients make content for their website, but we can guide them in the right direction toward better SEO.

Some basics take little time from our side to set up (canonicalization and proper titles and meta descriptions visibility), and some things take a lot of effort from the client to make (texts and images). But cooperating during the project can bring great results: a good basic SEO out of the box. Not excellent optimization, but essential. The one that won’t hurt the website in SERP.

It’s our personal aim for the website. We have three things we want to work on that are related to SEO. We want to make our website content highly understandable for search engines and to increase domain authority.

1. Schema.org. We want to make structured data on our website. The information on our website will be easier to interpret by bots.

2. Topic cluster strategy. It will help us to improve our site authority and bring more value to our SEO strategy.

3. Quality backlinks. The backing network gives a huge boost to domain relevance and authority.

We know that understanding a bit more than average is great, and we won’t let our clients go with the lame SEO right out of the box. Does it mean we provide SEO services now? No. Does it mean we will educate our clients more? Yes. We are not afraid to share our bombs because we are just humans. The key is to make the knowledge derived from failures become our strengths.

If you have any questions or concerns, we are always happy to answer, help, consult, and just talk about JAMstack and its headless approach as such. Feel free to write us at hello@unikorns.agency