5 Subtle Metrics That Could Make or Break Your Website

Not keeping track of your website’s metrics, or doing it but not taking action based on what you find, is more or less equal to walking around in pitch darkness hoping to somehow reach your destination: both are possible but highly unlikely.

But which metrics should you pay special attention to? Some of them you’ve probably heard about hundreds of times as they tend to crop up in every self-respecting webmaster’s watch list. There are, however, many metrics besides bounce rates and Google keyword rankings-perhaps less well-known and less-discussed but still very important.

Today we’ll take a look at some of the less well known metrics that can make all the difference between success and obscurity.

1. Number of Pages Receiving Visitors From Search Engines

When you see significant changes in the quantity of your traffic it doesn’t always comes from the changes in keyword demand or better ranking of your existing pages. One of the less obvious reasons is the changes in the number of pages of your website indexed by Google. You may get a dramatic increase or decrease in traffic without actively doing anything and without experiencing significant changes in search keywords patterns, simply because Google is crawling deeper or shallower on your website.

If you add content and these pages don’t get indexed, then something is wrong.

In what way is this useful? You get an additional insight into the performance of your website. If you add content and these pages don’t get indexed, then something is wrong. If Google crawls deeper on your site, you can connect this to some changes you’ve done recently and make a note for yourself that this particular action had a positive impact. For example, if you alter your navigation structure and soon notice that more pages start getting visits, you can mark it as a useful practice and continue experimenting in this direction.

2. Split Between Branded and Non-Branded Traffic

Branded keywords are the ones that contain direct reference to your company or product name while non-branded are broader terms only tangentially dealing with your business and more related to the industry on the whole.

Seeing the amount of both types of traffic and how they perform against each other helps you balance between them and define your future SEO strategy.

On the one hand, branded traffic usually performs better in terms of pure conversions-but this is mostly because when somebody searches a branded keyword they already know about your business and are probably looking for a particular item. In other words, more branded traffic means higher brand affinity and awareness.

…more branded traffic means higher brand affinity…

On the other hand, it is from non-branded traffic that you get most of your new users, visitors and potential future customers who discover your brand for the first time. If your branded campaigns fare better than non-branded ones, it means that you should concentrate on building more brand affinity.

3. Crawl Errors

Among other things, Google Search Console shows you crawl errors-site-wide by default, but the report can be fine-tuned if you so wish. Needless to say, any crawl error you notice should be acted upon immediately, its existence means that some parts of your website don’t work as they are supposed to and don’t bring you any traffic.

Site errors should be addressed first of all because they affect your entire website. DNS and server are the most important: the former meaning that Googlebot doesn’t connect to your site at all, and the latter that your server takes too long to respond. Using Fetch with Google and then following help instructions is a good starting point to solving these problems.

4. Final Conversions (Goal Achievement)

Only final conversions can show you how well your strategy is working…

Yes, conversion is probably the metric that gets most discussion out there, so how does it fall into a list of lesser-known metrics? It is very simple: we are talking about final conversions, the achievement of the end goal you set in front of your business-for an online retailer it will be making a sale, for a SaaS agency selling a subscription, and so on-in other words, you should measure the factual results, something that puts money in your pocket. Free subscriptions, for example, aren’t conversions; many people subscribe with a vague intention of catching up with this reading later on only to unsubscribe half a year later without ever interacting with your website again. Only final conversions can show you how well your strategy is working and if you should change anything.

5. Backlink Profile

Backlinks still play an important role in SEO, but their quantity doesn’t matter much anymore-quality is much more important. A single backlink from a high-authority website is worth a hundred easy-to-get ones; and these days Google may actually penalize you if you tend to rely on many low-quality backlinks. Therefore, it is the quality of your backlink profile that you should pay attention to, not the sum total of all your backlinks.

…it is the quality of your backlink profile that you should pay attention to, not the sum total of all your backlinks.

How to get more high-quality backlinks? Create valuable content. Seriously get into guest blogging, get in touch with influencers in your industry. Avoid cheap spammy links like the plague.

There is much more to SEO than just measuring the most obvious metrics and taking mechanical actions to improve them when you believe they lag too far behind. SEO strategy is more about seeing the bigger picture, using lesser-known metrics to glean the meaning of the changes that happen with your resource, and taking swift action based on your findings.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

p img {display:inline-block; margin-right:10px;}

.alignleft {float:left;}

p.showcase {clear:both;}

body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

The Red Reveal: Illusions on the Web

In part one of a series of posts about optical illusions on the web, Dan Wilson looks at how to create the “Red Reveal” that he happens to describe like this:

Growing up, my family played a lot of board games. Several games such as Outburst, Password, and Clue Jr. included something that amazed me at the time – a red lens and cards with some light blue text that was obscured by a myriad of red lines. When you put the red lens over the card, the text would magically appear.

Here’s one example of that effect from a nifty Codepen demo:

<img src="https://cdn.css-tricks.com/wp-content/uploads/2018/02/local-coffee.gif&quot; srcset="https://res.cloudinary.com/css-tricks/image/upload/c_scale,w_640,f_auto,q_auto/v1518586972/local-coffee_uqz2em.gif 640w, https://res.cloudinary.com/css-tricks/image/upload/c_scale,w_606,f_auto,q_auto/v1518586972/local-coffee_uqz2em.gif 606w, https://res.cloudinary.com/css-tricks/image/upload/c_scale,w_574,f_auto,q_auto/v1518586972/local-coffee_uqz2em.gif 574w, https://res.cloudinary.com/css-tricks/image/upload/c_scale,w_543,f_auto,q_auto/v1518586972/local-coffee_uqz2em.gif 543w, https://res.cloudinary.com/css-tricks/image/upload/c_scale,w_507,f_auto,q_auto/v1518586972/local-coffee_uqz2em.gif 507w, https://res.cloudinary.com/css-tricks/image/upload/c_scale,w_472,f_auto,q_auto/v1518586972/local-coffee_uqz2em.gif 472w, https://res.cloudinary.com/css-tricks/image/upload/c_scale,w_428,f_auto,q_auto/v1518586972/local-coffee_uqz2em.gif 428w, https://res.cloudinary.com/css-tricks/image/upload/c_scale,w_388,f_auto,q_auto/v1518586972/local-coffee_uqz2em.gif 388w, https://res.cloudinary.com/css-tricks/image/upload/c_scale,w_334,f_auto,q_auto/v1518586972/local-coffee_uqz2em.gif 334w, https://res.cloudinary.com/css-tricks/image/upload/c_scale,w_276,f_auto,q_auto/v1518586972/local-coffee_uqz2em.gif 276w, https://res.cloudinary.com/css-tricks/image/upload/c_scale,w_200,f_auto,q_auto/v1518586972/local-coffee_uqz2em.gif 200w" sizes="(min-width: 1850px) calc( (100vw – 555px) / 3 )

(min-width: 1251px) calc( (100vw – 530px) / 2 )

(min-width: 1086px) calc(100vw – 480px)

(min-width: 626px) calc(100vw – 335px)

calc(100vw – 30px)” alt=”” />

I’d also recommend reading part two in this series, Barrier Grid Animation, which uses a bunch of CSS techniques to trick your eye into seeing an animation of several static images.

Direct Link to ArticlePermalink


The Red Reveal: Illusions on the Web is a post from CSS-Tricks

Designing For User Interfaces: Icons As Visual Elements For Screen Design

(This is a sponsored article.) Icons are everywhere. They have been around for a long time, and it’s difficult to imagine a world without icons or symbols today. Only designers will know how much effort and time is needed to not only make them helpful but also simple and expressive.

What makes icons particularly special is perhaps the fact that their meaning can be understood without having to add any text or further details.

Web-Powered Augmented Reality: a Hands-On Tutorial

Uri Shaked has written about his journey in AR on the web from the very early days of Google’s Project Tango to the recent A-Frame experiments from Mozilla. Front-end devs might be interested in A-Frame because of how you work with it – it’s a declarative language like HTML! I particularly like this section where Uri describes how it felt to first play around with AR:

The ability to place virtual objects in the real space, and have them stick in place even when you move around, seemed to me like we were diving down the uncanny valley, where the boundaries between the physical world and the game were beginning to blur. This was the first time I experienced AR without the need for markers or special props - it just worked out of the box, everywhere.

Direct Link to ArticlePermalink


Web-Powered Augmented Reality: a Hands-On Tutorial is a post from CSS-Tricks