Do you love your website? Find out the answers in this article.
1. It Doesn’t Reflect Your Brand
This one should be straightforward. Your website promotes you 24/7 on the world wide web. If you’ve rebranded, if your style and aesthetics have evolved throughout the past several seasons – your website should reflect and advocate that that change. Otherwise, you’re sending the wrong message and attracting the wrong clients.
2. You’re Not Attracting the Right Clients
If you are not getting inquiries from the type of clients you want to work with, you are not positioning yourself correctly in the market. One golden rule is to curate your work. Check the content and galleries you show on your website, remove the type of work you don’t want to do in the future (i.e. family, portrait, editorial, etc). Carefully select your best, fresh images (the type of projects you want to do more) and include them on your homepage, in your main slider or on a portfolio page. This will already filter out some inquiries. Make sure all your content is consistent, including colors, fonts, icons, etc.
3. Outdated Theme & Technologies?
This one directly influences your visitors’ experience on your website. “Old school is cool” does not apply in this case. The Internet and digital world is constantly changing and evolving. Web standards shift each year, dictating new tools and technologies for building a good website. Your potential client’s preferences and tastes shift even faster. What was trendy yesterday, may not be tomorrow. If you want to get ahead of the competition, stand out and be memorable, you need to be agile with your approach and website.
4. Does Your Website Load Slow?
Aim for a loading time under 4 seconds. If you’re not sure how quickly your site loads, use tools like Pingdom or GTmetrix to check how long it take for your site to load, and which files are the troublemakers. Poor results here could mean you have some work to do. Slow loading could be caused for a number of reasons, heavy unoptimized images, underpowered hosting and even an old, poorly performing theme.
5. Your Bounce Rate is High
This is extremely important. If you’ve been pouring your heart and time into SEO and a marketing strategy, bringing a lot of traffic to your website, but the second they access your homepage (or any other page), they bounce right off of it – you have a problem. You’re losing leads and potential clients. A high bounce rate indicates that you’re doing something wrong, either with content, with the navigation or overall look and feel on your website. On average, a bounce rate between 40-60% is considered to be good (this varies depending on your industry).
To be honest, new or old, any website can be hacked. The experience is stressful and painful, especially when you lose information, or have to build everything from scratch. However, older websites rely on older technology, therefore chances of security breach are higher. Make sure your theme is updated and make your site more secure.
Firstly, let’s start with the basics. Do you have a blog? You should, as it’s a powerful marketing tool to drive more traffic and users your way, through keywords (assuming that you invest into a proper SEO and keyword strategy), internal and back links. Secondly, know that search engines love fresh content. Every time you make an update to your site, Google and other search engines crawl and index your pages, thus your site ranking gets recalculated. If you keep your content updated, you increase your chances of getting noticed. Pair that with a brand new, a nice website, and you’re guaranteed more attention, social shares and inquiries.
8. Do I need Call to Actions?
Of course, you do. And it’s not just a button added here and there. It has to be placed strategically, exactly when you’ve managed to get your user’s attention and curiosity for more. If you’re current website is limited in CTAs (Call to Actions) and doesn’t allow much customization – it’s time to get something more flexible and powerful for your sales funnel and business growth.
9. All those Cool Apps & Integrations
An old outdated website might not keep up with all the new apps, plugins and integrations available out there. So, if you want your favorite Studio Management System, Photo Editing app or any other useful tools that simplify your workflow to be integrated with your site – keep it updated and fresh.
10. Mobile Friendly
I sure hope this is not the case, but if you still don’t have a mobile friendly website – get a one NOW! Even if you do have a responsive or adaptive design, you still need to keep up with the latest trends. Newer themes include modern css code which allows your site to adapt nicely to any device. They also allow you to hide certain page blocks for mobile, for a faster loading speed and nicer user experience.
If we’re not mincing words, web design is the business of getting people to buy stuff, or buy into stuff. Except, you know, it’s on the web. And unlike with printed ads, or TV ads, we have to make sure it works in every browser. Nowhere is this more literally true than in ecommerce. Hence, we find ourselves always chasing traffic, clicks, and our holy grail: the almighty conversion.
That sounds kind of cynical, and more than a little religious; but I prefer to think of it as making sure we all get to eat. Eating is good.
In order to keep us all full of steak tacos with soft white cheese and green salsa, our friends at Website Builder compiled a list of 46 ideas to help you make your ecommerce site convert more users. For example:
· Use the word “Pricing” – This resulted in a 160% increase in conversions when compared to “Request a quote”.
· Remove social media share buttons – A nearly 12% increase.
· Customer reviews – Including them yielded a nearly 60% increase in sales.
· Personalized pictures – The lovely people at 37Signals put a picture of an actual person up, and got a 102% increase in conversions.
These ideas are presented in a handy infographic , which we’ve provided below. Give it a look if you need some new ideas. Do be sure to check out the sources at the bottom for more information on each of these starting points.
A big thanks to Website builder for compiling all of this information, and for letting us share it here.
If you want to build your own infograhic like this, we recommend using Cava
. Its an amazing tool.
Once upon a dark, stormy night, when all was quiet, a lone web designer was designing away. He had Sketch open, a coffee nearby, and a cheerful tune in his wired earbuds, because Bluetooth is weird and has a delay that bugged the heck out of our Hero. Ahem, anyway…
During a lull in the music, our intrepid designer saw a notification on his phone. It was an email from his favorite customer, and he smiled. That smile disappeared when he read the contents. There were three broken links in the client’s site. Three!
“It’s okay.” he thought. “That happens someti…” But the list went on. The slideshow was broken. The layout looked a “little bit weird, somehow”. And worst of all, the contact form didn’t work.
In a panic, he scrambled to type in the URL. Everything looked fine. No, it looked pristine. He’d just fix the broken links and… no. He was thorough and diligent. He opened up Chrome/Fox* to see how the site looked in the client’s browser of choice.
It was as though staring into the mouth of Hell, and this portal to damnation was three pixels off-center. But all is not lost, dear Reader. Our fictional designer might be shamed, but we can help you avoid this. New web designers would be wise to follow this list, and save themselves from incredible awkwardness!
* All names have been changed to protect imaginary browsers.
1. Check Your Links
Every so often, go back and click on every link in your website. Every. Single. One. You should do this after making any major changes to your site, obviously, but not only then. Servers can be weird sometimes. And if you link to outside sources of information, you need to check to make sure they’ve not been broken, removed, moved, or simply been eaten by some computer error.
Few things look as amateur as links that are no longer relevant, or don’t work.
2. Update Your Content
Out-of-date content doesn’t look great. It’s not as bad as a broken link, but it can make people decide to leave, and not come back. Up-to-date information is relevant information. God knows how often I’ve been looking for information, only to have Google ’s top results be four or five years out of date.
Now, if you have a brochure site for a small business, and the prices are not often subject to change, it can be fine to mostly leave the content alone. But if you have any sort of blog, media feed, or what-have-you: keep it up to date. Update once a month at the least.
If you offer useful information, tutorials, or reference information, keep that up to date, too. Go back and make edits when stuff happens. You might even want to publish new editions of entire articles when things change. God knows how often I’ve been looking for information, only to have Google’s top results be four or five years out of date.
3. Test On New Browsers And Devices
5. Double Check All Forms
It’s one thing if a small widget stops working. That’s not ideal. Forms are another matter. Forms are typically used for contacting people, or buying things, and other very essential functions. They are one of the primary ways that users provide websites with vital information. If they’re willing to fill out a form, that means they’re at least partially willing to commit to whatever you have to offer.
Forms can stop working for a variety of reasons. Maybe the form has JS, and it stopped working (see above), or maybe the PHP version on your server got upgraded. Maybe the email account your contact form is sending messages to stopped working for whatever reason. Maybe it’s getting flagged as SPAM. Whatever the reason, check the forms regularly, so you don’t lose business.
6. Update All Hacks And Workarounds
Okay, sometimes, when you build a site, you use hacks. You use workarounds. When things get dire, you use polyfills . This is normal, and everyone does it; because no matter how ugly the hacks might be, your site must be beautiful.
But browsers get updates, browser market saturation changes, and CSS gets updated, too. At least once a year—and whenever you hear of any big changes to browsers that might affect your site—you should check to see if any of your hacks and workarounds are now obsolete. If they are, they could actually slow your site down.
7. Have A Backup Plan
No, I mean that literally. Have a plan for backing up your entire website. Now, any decent web host should be handling backups for you, for the most part. However, for smaller sites, it’s totally worth it to make regular manual backups yourself.
Large sites are another thing entirely. People with data caps (now those are spooky) could easily run into trouble when downloading gigabytes of data regularly. In this case, look into a third-party backup solution. It costs money, but it’s worth it.
And that’s it. Regular testing and considerable preparation are what it takes to make sure you are never shamed by a site that fails to work, or even “Just looks wrong”. Good luck!
Animation was once thought of as just decoration. But as technology advances and internet connections accelerate, designers are embracing the practical benefits. In this article, we’ll focus on one particular benefits of animation—marketing animation or animations that sell. Despite the fact that such animation isn’t intended to improve usability, it can impress the user, and give them some context for the subject.
Designers can utilize this type of animation in following ways:
1. Demonstrate Craftsmanship
People do notice the details. Attention to animation can make the experience feel crafted. When apps/sites create a visually stimulating experience it brings a level of excitement to the user.
Load Screen Animation
Loading animation is one of the oldest uses of animation which is supposed to distract the user from loading times. But even this type of animation can demonstrate that your product is great. For example, when a user launches Uber app they immediately notice an animated drop that is turning into the pin on a map. This animation isn’t purely delightful, it also influences a user’s eyes and control where users should focus. This quick opening moment makes a clean first impression and entices the user to interact further.
Whitespace (or “negative space”) is an empty space between and around objects of a page. Elements of whitespace in graphical user interfaces are:
Although some people may consider whitespace a waste of valuable screen estate, it’s an essential element in a design. In fact, whitespace is just as important as the content. As Jan Tschichold said:
“Whitespace is to be regarded as an active element, not a passive background.”
All good user interfaces incorporate proper whitespace values into all page elements from top to bottom. The whitespace on a page can be every bit as important as the space occupied by UI elements because text, buttons, logos and other objects need room to breathe.
In this article, you’ll find how to use whitespace in your designs to give it a clean, uncluttered feel:
1. Improve Text Readability
Whitespace is able to make reading much easier by reducing the amount of text visitors see all at once. The lack of whitespace (cluttered page) doesn’t make users want to read the content. On the other hand, properly used whitespace has been proven to increase text comprehension up to 20%, as pointed out by Dmitry Fadeyev.
Two important things to keep in mind when optimizing your text content are paragraph margins and line spacing (the space between each line in your text). The latter can drastically improve the legibility of a body of text. Generally, the larger the spacing, the better experience the user will have whilst reading (although too much line spacing can make the lines disconnected).
2. Clarifying Relationships
The whole layout arises from the sum of its parts and content relationships are defined by surrounding whitespace. The Law of Proximity states that objects near to each other appear similar. The whitespace acts as a visual cue in this case. Take a look at the image below:
“ UX design doesn’t work…And it won’t make us money.”
Business executives aren’t all that fond of UX design , or even design in general. It’s an incredibly common problem.
Too many executives see good design as an inconvenient expense. At a certain point, executives see UX design as an unnecessary cross to bear. A burden they’re expected to tolerate. If another department needs more money in their budget, design departments are hit first.
You know the value of good UX design, they don’t and that’s the problem.
This Isn’t a Problem for Design Driven Companies
The bad news?
Out of the pool of publicly traded companies evaluated by Motive, only 15 companies met the criteria of a design driven company. Others have found the same. So what does this tell us? Most companies aren’t all that interested in good design. UX design and design in general just isn’t a priority.
But you know good UX matters. You see the difference good design can make. It’s obvious, anyone can see it if they’re paying attention, so why can’t they?
Executives can’t see it because they don’t care. Not even a little bit.
They aren’t interested in design as a whole. In fact, most are looking to spend as little on design as they can. Because in their minds it’s just not worth their time.
We need to get inside their heads if we want to know the answer.
As Designers, We Speak a Weird Foreign Language
We use words like opacity and kerning and descender as a normal part of our everyday conversations. We argue about design trends, which ones are worth embracing, which ones to avoid. We obsess over tiny, seemingly insignificant details, because we understand the importance small details make.
We’re critical of ourselves and other designers in general because we understand the consequences of poor design on a deep and intimate level.
And none of that matters. Not a single shred of our world matters to the vast majority of executives. That’s a very big problem.
When it’s time to teach executives about the value of good UX design, we choose the wrong approach. We use the wrong vocabulary. Instead of speaking their language, we speak our language.
Almost immediately, executives glaze over and tune out.
This inevitably leads to:
This wouldn’t be happening if executives understood the value of good design, but most aren’t even willing to hear us out. How on earth are we supposed to change their mind?
Grocery Stores Show us How to Win Hearts and Minds
The competition in your local grocery store is fierce. The shelves are lined with thousands of competing products, all focused on one thing: Getting customers to buy their product instead of a competitor’s.
The grocery stores themselves are competing for your attention and your money. It’s a cutthroat environment that only a few stores and some products can survive in.
Their secret? Design.
Your local grocery store is filled with lots of subtle design elements, these elements are used to get you to buy:
There are thousands of examples like these. The process, environment, imagery, ambiance and displays in grocery stores are all designed.
And here’s the interesting part.
Grocery store executives support these design conventions wholeheartedly. Their executives have fully embraced UX design.
Can you see why?
Designers and executives spoke the same language. Executives don’t care about design for design’s sake. Rather, they view design as a means to an end. A way to attract more customers and sales. A way to grow their business.
But the examples above are manipulative and sleazy!
I completely agree. Does that mean you need to approach things the same way they did? Of course not. It goes without saying, you should be honest and above-board with everything you do. But to change an executive’s mind you’ll need to think and talk like an executive.
What Exactly Are Executives Thinking About?
They’re thinking about results. They have a very specific set of problems they’re required to solve on behalf of the company. An executive’s thought process basically boils down to three basic problems.
The vast majority of their desires, goals, fears, frustrations and problems tie back to these three problems in some way. Getting customers, selling more product, making more money, it’s all part of it.
An executive’s language is based almost entirely around one of these three core problems.
What does that mean for you?
A request that’s focused on “What’s best for users” is far less likely to work. A request that’s positioned and presented properly is far more likely to succeed.
Here’s what that looks like:
See what I did there?
I know, I know it’s loathsome. The last thing many of us want to do as designers is talk business, sales or marketing. Anything but that. I get it.
Here’s the thing. When you speak the same language as executives you communicate value in a way they can understand. They aren’t as worried about looking stupid, protecting their egos or acting as if they understand the finer points of your job.
They’re focused squarely on the things that matter to them. Get these details right and they look like the hero.
Do this consistently, and they’ll slowly begin to understand
They’ll begin to see why good UX design matters. Why design, as a concept matters far more than they think. And more importantly, they’ll understand why design can help them hit the goals they’re desperate to achieve.
Pitch your ideas the right way, get inside the mind of your executives and you still may fail. That’s part of the risk. That risk drops dramatically however, if you’re focused on them.
Pursuing things this way sends an important message. It shows executives that you understand them. That you’re willing to take their concerns seriously and you’re willing to invest in them.
This is huge because it shows you have potential, that you’re someone they can count on for the future. All because you decided to speak their language.
Executives Think UX Design Doesn’t Work
They’re wrong, but they don’t know it. Their subconscious impression is, UX design doesn’t work and it won’t make us money. Business executives aren’t all that fond of UX design, or design in general. It’s viewed as fluff, an unnecessary cross to bear.
It’s up to you.
You know the value of good UX design. You can change their perceptions, but only if you can speak their language. Start small, showing executives you can make a difference. With consistent effort and lots of patience, your company can become a design driven company.
There is nothing quite like running your own business. It can be demanding at times, however you’re in total control over your own schedule and the level of income you make. You can take time off when you need or want to, and you can generate more income when you want to.
The same things are true for our business partners as well and in this article, I’ll talk about the 5 Reasons Why Our Partnership Program Works.
It goes without saying that generating more income is number one on our list of the 5 reasons why our partnership program works. Our Partners are seeking to generate more revenue for themselves or for their own business by using the services our partnership program offers. Unlike other programs out there, LUCID offers a 65% commission on all of our Partner’s sales and web design projects. This makes our partnership program very lucrative and it also allows our Partner’s to see a higher level of return on investment (ROI).
Let’s do some math (even though I hate math personally), to
see how our partnership program can increase your monthly income and give you a
good ROI. First and foremost, our Partners will generate on average $4,000 per
month from the commissions they earn. That’s rough $48,000 per year. The only
other expense a Partner will incur, unless they open an office and hire
employees, is our monthly fee of $29.99. That’s roughly $359 per year. With
that being said, our Partner’s investment gain will be about $47,641, their ROI
will be about 13,274.94%, and their annualized ROI will be about 166.23%.
Where else can you go to see that type of ROI? Nowhere! Not the stock market, not real-estate, and definitely not your average job.
What if I want to open an office?
This is a question we get from time to time and here is the answer. In most cases, Partners who open an office will generate somewhere in the neighborhood of $96,000 per year. With the cost associated with renting an office and having an employee or two, the Partner will still make about $46 – $48k a year, which means that their return on investment will be very similar to that of a Partner who doesn’t open an office. If a Partner hires a sales rep, the revenue could easily increase by 33% making the total revenue the Partner generates for him/her self, jump to $61,000 per year.
2. The Local Touch
We’ve designed a lot of websites over the years and there a lot of things that we’ve noticed along the way. The most intriguing thing that we’ve noticed is that web design customers want someone they can talk to in person, in other words, customers are looking for a local touch, someone they can call or meet with.
The local touch is what set us apart from our competitors (even the competitors who are local). Why? Its simply, we meet with our customers and take the time to get to know them and befriend them. We take there dream and make it reality online, while also providing a personal experience and excellent customer support.
There is nothing like being coached to greatness. Professional athletes get coached to become superstars and we believe that our Partners should be coached to become superstars as well. The is the foundation of Partnership and we are dedicated to coaching you into becoming a great Partner so that you can generate more income for yourself and your family.
We work hand in hand with you, teaching you how to run your division, how to generate leads and how to close sales. We even offer advanced in person coaching for Partners who are seeking to take their division to the next level.
4. Sales Collateral
We want your sales presentation to be filled with confidence and knowledge. We offer a ton of great sales collateral that will help you understand more about the web design industry and how to close a sale.
With these material, you’ll have a deeper understanding of our services and the services that will best meet your client’s needs and/or wants. You’ll also be able to offer your customers a real-time service and cost analysis with our handy Service & Cost Guide.
5. The Smart Website Builder
Last, but definitely not least is our smart website builder. With our easy to use and intuitive website builder, you’ll reduce your development time by at least 25%, which means you can take on more projects each month and generate more income.
This is only the tip of the iceberg though. With our website builder, you’ll be able to add more streams of income through the other services we offer, such as SEO, Analytics, Personalized Options and our web design options, all of which are incorporated into the website builder. Not only that, you’ll be able to generate more income through our website management plans and you’ll also be able to update your client’s website in no time flat.
These are just a few reasons why our partnership program works for individuals or businesses who are seeking to increase their income. Some of the other great features include, local Google listing and Google My Business Management, a local Facebook page that you manage yourself, and on top of that, we run ad campaigns for you as well.
When you do it right, a call-to-action button will get visual attention. When paired with an offer that is compelling, it actually gets people very eager to act. The way the CTA button is created, as well as the text used, actually has a very big impact on click-throughs .
What color? What size? Where do I put it? What does it say? Is it converting? Yes, that’s a lot of questions. And, there are CTAs everywhere, from landing pages to home pages , blog posts , e-mails etc. The copy used in the CTA is actually just as important as the size, shape, and color of the button itself. And, even a minor change may have a pretty significant impact.
What is a CTA?
A CTA (Call to Action) is usually an image, text, button or video, that contains a link to a page with a compelling offer. Its primary job is to capture the attention of your leads and make them click through, to learn more. You will find that there are two main types of CTAs:
· The one that sends the visitor to an informational, or product page, where they can either learn about your product(s) or buy them.
· The one that is part of the Inbound Marketing methodology. Your visitors are sent to a landing page with a form, which, once filled out, lets the users download or sign up for some kind of free offer, like a guide, e-book, coupon code etc.
Things to Understand Regarding CTAs
The call-to-action is the tipping point between bounce and conversion. When you need someone to do something online, the call-to-action is what they have to go through if they are to do it, regardless of whether it’s clicking through to another page, or buying something. Important visual cues include, but are not limited to, shape and color. They attract the attention to the placement of the button.
However, when the prospect is at that point where they need to make up their mind, they’re interacting with the copy. A minor change on the page can have a huge impact on conversion rates. Making a small change on the button copy is actually a pretty minor change on the page as a whole. However, it has a much bigger impact on the decision-making process of the potential customer, and, as a consequence, the conversion rate.
It is very important to test the variables on your CTA button, regardless of what you’re selling. They are a crucial element of both the landing page, and the conversion funnel, and paying attention to detail makes sense.
If you want an effective way to guide the user towards your CTA button, use directional cues. Regardless of whether it’s obvious methods such as flashy arrows, or something more discrete, like eyes on the page looking at it, just go for it.
When you’re talking shape and design, the button should look like a button. This means that you can go with shading, 3D effects, and subtle gradients, to make it look like something you can click.
· Size basically tells you that the more noticeable it is, the more likely it is for someone to click it. However, you shouldn’t make a garish, green neon animated button, but it should be easily seen, instead of lost among the other elements on your page.
· Button color should be contrasting to your background colors. It should be vibrant in a way that it catches attention in the first glance, and the color shouldn’t be used anywhere on the page, if possible.
· The text will tell you that people buy with emotion, but logic follows it. If you want to encourage impulse shoppers, put a button that conveys urgency. The text should clearly tell what happens if they click the button, and this isn’t the time to be clever, or confusing.
Since not all buttons are made equal, you should know that the CTA button might do a better job if you put some graphical effects that make it interactive. This includes things like:
· Beveled edges
· Rounded corners
· Drop shadows
· Arrows, or other small icons
· PayPal/Credit card logos (to build security and credibility)
· A hover effect on mouseover
You’ve heard that the CTA should be above the fold, right? No, wrong. Re-think your CTAs. “The fold” is just a myth.
A higher conversion rate is usually achieved by moving the CTA below the fold. For some more complicated offers, people want to understand things a bit better before they take action. In such a situation, if you put the CTA above the fold, not many people will even bother to click it. White space is best used for situations when you want to place an attention-grabbing CTA, but don’t put it too far from the main text, it should look connected.
For a moment, forget about placement. Forget about color. Focus on the CTA copy. There are a few rules for naming the CTA button, and here they are:
· Don’t be clever – don’t try to re-invent the wheel.
· Nobody wants to submit. People may want to send a message, post a question or subscribe to a newsletter, but they don’t want to submit.
· Don’t be verbose, and go with terms people understand easily instead.
If you want to boost the credibility of your offer, that is. And, many website owners consider it to be a good practice because it contributes to the overall credibility factor if it’s taken through Google’s manual review. However, it won’t make much of a difference to ranking.
How to Make Your CTAs More Effective
There are a few small tips that can boost the effectiveness of your CTAs below, make sure to give them a read.
· CTR is not the end-all, be-all. Both CTR, as well as the conversion rate, are important when analyzing CTAs.
· Your own CTAs should be tested, and this is crucial.
· The CTAs can make an incredible difference to the performance of your campaign. A good CTA can boost effectiveness up to a hundred times when compared to a bad CTA.
Everything around your CTA should be clutter free. Unrelated videos, content, social media buttons, keep all of this as far as possible from the CTA. Only things that can push the offer better are allowed nearby.
Value and Relevance are Important
Why would a small tweak have such a big influence? The answer is in the messaging, actually. “Order” will emphasize things you need to do, instead of things that you’re going to receive. However, “Get” will tell you what you’re receiving, and not what you have to do to get it. The treatment copy will convey value, but this isn’t always enough.
The button copy should be relevant to the specific conversion scenario, the scenario the prospect is in when he has to click the button.
The CTA button has been around for ages. It is an essential part of digital marketing, and will often make the difference in conversion when your user turns into a lead, and a customer later on. With all the tips and tricks in the article above, you will be able to easily make a smart CTA button.
As of today, 75% of Firefox’s code has been rewritten for Quantum, 5,000,000 lines of code in total. 700 developers, including 80 volunteers, have contributed to the codebase since August. It is, in effect, a brand-new browser.
Firefox has always been a cool browser . Open-source credentials and a confirmed underdog status make it the first choice for those who prefer not to use their OS’ default, such as Edge or Safari . The latest stats put Firefox’s global share to around 6%, compared to Safari’s (combined MacOS and iOS versions) 15%, and Chrome’s 55%.
Despite much affection for Firefox, there hasn’t been a compelling reason to make the switch, until Firefox Quantum.
I don’t recall when a new version of a browser was met with so much excitement, and it’s almost entirely down to one thing, Firefox Quantum goes like a rocket.
Firefox Quantum – rocket speed
Every browser makes the claim to have improved render speed, usually by a single-digit percentage. Firefox Quantum is twice as fast as the previous version of Firefox, which is an amazing accomplishment. However, that feels like an understatement; Firefox Quantum is perceptibly faster than any other browser on my machine, notably it’s substantially faster than Chrome. Browsing in Firefox Quantum feels like the whole web has been pre-cached and as a developer this is a great feeling, especial when I'm working with multiple tabs and projects at on time or bouncing around from one analytic dashboard to another.
Mozilla’s own tests found that the beta release of Firefox Quantum was at least as fast as Chrome, but wasn’t substantially faster. They feel they closed the gap on Chrome , without exceeding it. They’re being modest. Anecdotally, my experience in the last couple of days is that Firefox Quantum is substantially faster across the board; it’s possible that I’m simply browsing sites that favor Firefox’s approach, like Google Search for example.
What’s undeniable is that Firefox’s new-found speed delivers an enjoyable browsing experience.
One of the ways Mozilla turbo-charged Firefox Quantum is changing the way it makes use of modern hardware. Complex software makes use of multiple processor cores by allocating different tasks to different cores to speed up processes. Developing in this way is complex, because if two cores are working on related tasks, one can easily override the other, introducing bugs to the system. This complexity is often solved by ring-fencing tasks, for example, allocating a CSS engine to a single core; less efficient, but more stable.
Firefox Quantum has taken a leap forward by leveraging multiple cores for single tasks, or rather by subdividing tasks into smaller bite-sized chunks so that they can be distributed to more cores. One of the key components of Firefox Quantum’s speed is the new CSS rendering engine, Stylo . Stylo extends the multi-core approach by allocating different parts of the DOM rendering to different cores.
According to Mozilla, Firefox Quantum uses 30% less memory than “the competition” (aka Chrome) on Windows. Digg’s testing found that Chrome used 40% more RAM and three times more processes than Firefox Quantum. What’s cool about Firefox Quantum is that the more cores you have, the faster it renders. Firefox is fast now, and it will only get faster in future.
To make Quantum so efficient, Mozilla studied how people actually use the web. As a result, Firefox Quantum prioritizes tasks, for example a button interaction takes priority over something like caching, or garbage collection. This is a direction Mozilla intend to focus on in future releases. One of the most obvious benefits of prioritizing tasks is tabbing. Firefox Quantum uses less memory for multiple tabs than Chrome. Conducting research, with multiple tabs open, makes Firefox a no-brainer for me.
In Quantum, your active tab is prioritized over all other tabs, making the best use of resources. Which makes me wonder: Why weren’t browsers doing this before? It’s so obvious.
Firefox Quantum’s UI will probably look a little different to you, especially if you’re upgrading from an earlier version of Firefox. Mozilla have taken a leaf out of Google’s book and developed their own design system for their Products, named Photon. While there’s no suggestion of Mozilla pushing Photon as a cookie-cutter approach to all design problems—as Google have with Material Design —it’s a pleasingly coherent approach that Mozilla previously lacked. Photon, in Mozilla’s own words, aims to be adaptable, quick, aware, approachable, supportive, and whimsical. Firefox Quantum’s UI ticks all of those boxes.
There’s a greater attention to detail than we’ve seen in earlier versions of Firefox. For example, the nice subtle hover animation on inactive tabs. It all combines to be an enjoyable experience that is happy to fade into the background—which is precisely what a browser should be.
There’s no question that Firefox Quantum is going to pick up market share. By this time next year, it will have 15% of the market, still less than a third of Chrome’s user-base, but numbers that Opera would kill for. By any reasonable criteria Firefox Quantum is the best browser currently available
I switched to Firefox Quantum out of curiosity, fully expecting to switch back to Chrome in a few days; Chrome is now gone from my dock, and Firefox is set as my default browser. Admittedly Firefox Quantum has some extension compatibility issues, but that’s the case for any new browser and developers are already catching up. And I felt an unexpected pang of remorse when I finally bit the bullet and removed Firebug.
By any reasonable criteria Firefox Quantum is the best browser currently available. Whether it remains so depends on the competition, and future Firefox enhancements—all indications are that Mozilla is determined to keep pushing the envelope with Firefox and its capabilities.
Firefox Quantum is a fast, resource-friendly, intelligently designed product. Browsing in Firefox is simply a more enjoyable experience, what more could you ask?
All SEO experts know the power of link building. It’s no secret that including links on your website, asking other sites for links to your pages, and creating content that is worthy of the powerful control+K helps your domain authority and SEO . But is that all you can do? What about those of you who are looking for new strategies to build SEO on your website?
You’ve already built up backlinks , optimized your images, and created high-quality content. And now, you’re wondering what is left to give. Well, look no further. We’re going to discuss the secret strategy that far too few websites are using: second-tier link building.
What is second-tier link building? Most of the strategies I mentioned above qualify as first-tier link building. A first-tier link is a basic backlink. It links directly to your website from another website . And there’s no mistaking its power. When a high-authority website links to your site, it essentially serves as an advocate for your content in Google ’s eyes. But a second-tier link is a little more complicated.
Instead of linking directly from an external piece of content to your website , a second-tier link goes from any website to the piece of content that links to your website. I know. That’s a little confusing. Let me explain. Usually, second-tier links revolve around one singular strategy: guest blogging.
Here’s how it works.
You write a blog post for a publication that’s relevant to your website’s niche. While you’re writing it, you include a backlink to your website either within the content itself or in the author bio. Why? You’re a smart marketer and you know the benefits of backlinking. That’s no big deal. Then, you run to all your social media accounts and share the guest blog piece after it goes live.
Congratulations. You’ve just engaged in second-tier linking.
Obtaining traffic from Google means that you’ve got to keep up with all of Google ’s features all of the time. If you haven’t noticed, Google constantly changes their features. And you’ve got to know exactly how they work so that you can rank for them. You also have to keep an eye on competitors. Google results are now full of so much more than just plain links. Featured snippets are the first thing that most people see when searching for a word or phrase.
They’re also becoming more and more popular each year. Just look at how many posts had featured snippets in 2016 compared to 2014. It’s a huge difference, right? But why are they so popular? It’s because they give answers to the questions people are searching for in a way that’s convenient, quick, and easy to read. You don’t have to click through anything to find what you’re looking for. They aren’t just helpful for the average person though. Featured snippets give marketers a chance to beat competitors, boost conversions, and drive traffic right to their site.
HubSpot research has shown that content with a featured snippet gets a 2X higher click-through rate. Those results are huge. But what exactly are Google featured snippets? And how can you optimize your content to rank for them?
What is a Google featured snippet?
Whether you know it or not, you’ve probably seen countless featured snippets from Google when searching for information or answers to your questions. We often refer to the position that featured snippets give to content as “position zero.” This is because featured snippets take up the most space on a search results page. They’re usually at the very top of the page, too. For instance, say that you’re searching for “How to lay tile.” Google will answer your question with a snippet containing information about your question above all of the other links on the search results.
Google usually pulls them right from the content that’s already ranking on page one, but it can also pull from lower ranking SERPs . These featured snippets make finding answers easier than ever before because you don’t have to click anything to view the information. They can contain numbered lists, bullet points, and more. They can answer your search questions with a brief paragraph, too.
Ranking for a featured snippet is so much more helpful and effective for driving visitors to your site than ranking for #1. Just look at how much space a featured snippet takes up! They dominate the SERPs, give you tons of exposure, and keep your website far above the fold. Plus, they’ll boost your company’s credibility quicker than any other method.
And you don’t necessarily have to pay any extra advertising fees to rank for them. You don’t have to be number one in your industry, either. Any company, regardless of its size or budget, can earn a spot at position zero if they play their cards right. But there’s no exact formula for earning a featured snippet. And if you earn a position zero spot, it might not last forever if Google decides that another page is better suited to rank for it. The easiest way to earn a featured snippet spot is to produce quality content and format it in a way that Google will love.
You have to make your content “snippable” so that Google will recognize your link. If you’ve already got some links with high rankings, you’re in luck. According to Ahrefs, 99.58% of featured snippet pages already rank in the top 10 SERPs in Google for a particular search query. That’s why you’ve got a good chance of earning featured snippets for search queries that you’ve already achieved high ranking spots with.
However, Getstat says that 70% of snippets come from sites that aren’t in the top-ranking organic position. So if you aren’t ranking high, don’t worry. You’ve still got a chance to rank for featured snippets. If your brand focuses on DIY, health, or finance, your chances of getting featured are higher than if you publish content in other industries. An Ahrefs study found that search queries with the following words have a better chance of getting featured:
Now let’s go over the different types of featured snippets. There are three major types of featured snippets:
When it comes to paragraph style featured snippets, Google gives an answer to the searcher in text rather than a list. List style featured snippets show an answer in list format. Table snippets provide answers in the form of — you guessed it — tables. According to Getstat, the most popular type of featured snippet is the “paragraph” type. The first thing you should do when trying to rank for Google’s featured snippets is to determine which featured snippets your competitors are ranking for.
Tip #1: Use SEMrush to find competitors’ snippets
SEMrush is a great analytics resource, but did you know that you can also use the tool to find featured snippets? You can use it to find out which featured snippets your competitors have earned as well as find out which featured snippets you’re already ranking for. All you’ve got to do is run a regular domain search and click “Organic Research.” Then, just click on the “Featured Snippet” on the bottom right-hand side of the page. You can even filter keywords by clicking on the “Advanced Filters” option to include featured snippets.
Then, once you know which snippets your competitors are earning, you can optimize your content for the same exact words and topics. When checking out your own snippets, be sure to keep an eye out for variations of other keywords that you could rank for as well. But SEMrush isn’t the only resource for finding featured snippets. Google is a great resource, too.
Tip #2: Use Google to uncover snippet opportunities
One of the best ways to find snippets that you can optimize content for is to think like your audience. What questions are people actually trying to find answers for? For instance, put yourself in the shoes of someone who is new to marketing and may not understand some common terms. There are a whole lot of terms and acronyms in the marketing world that can be intimidating and confusing to people who aren’t familiar with them. Do a short search, such as “ What is a CTA in marketing? ” For this search query, there’s a featured snippet in the form of a paragraph.
For the term you look for, the snippet might contain a list or a series of steps. And who knows — the featured content might already be yours. If it isn’t, check out ideas under the “People also ask” section. These are questions related to the search you already entered. To look at snippets for each search query, just expand the phrase by clicking the arrows on the right. Then, you can read through the full snippet for each related question.
This is a quick way to identify competitors and content ideas in one easy step. Now, you can steal their snippet with a bit of time and effort. You can also identify some questions by using a site like Answer the Public.
Tip #3: Find content ideas on Answer the Public
Since questions are most likely to bring up featured snippets, you’ve got to answer how, what, when, where, why, or who. The best place to find out the types of questions people might be asking about a particular topic is Answer the Public.
Let’s say you want to learn more about apple pie. Just type it in and you’ll receive tons of suggestions for questions related to the topic that you can answer with your content. Then, pick which angle you want to take. If you want to answer questions that address the “what,” just focus on that section. Then, pick a question to answer from that group. It’s that simple! Keep in mind that you may want to do some keyword research before you do this to make sure the words you’re searching are SEO friendly.
Tip #4: Do keyword research
It’s time for some good old keyword research. You should already be doing it. But you can optimize your keyword research to help you get featured snippets, too. It’s a good idea to use a tool or two to find out if a search query will bring up featured results or not. I like Serpstat because it allows me to easily see which keywords bring up featured snippets on the results page. Just type in a domain, keyword, or link, and hover over each result to see if featured snippets come up for each. This is awesome for uncovering which featured snippets your competitors are currently ranking for. Plus, if you already rank high for a particular keyword, it’s worth finding out if Google currently brings up featured snippets for those keywords.
If they do, try to rank for it by identifying (and answering) the questions that people have about that topic. Then, just format your content to include tags that relate to those questions. It’s also important to answer more than one question in each of your articles.
Tip #5: Answer multiple questions
Do you remember the Ahrefs study from earlier? Well, it also uncovered that once a page earns a featured snippet, it’s more likely to become featured in other related queries. That’s why you should structure your article in a way that answers every related question in one location. Focus on beefing up one solid article that answers tons of questions rather than multiple articles if you want to earn featured snippets. Word count is a huge factor to consider, too.
Tip #6: Stay within the optimal word count
Keep your section tight and concise so that Google can easily feature your content. Section off your lists, paragraphs, and steps rather than letting them all run together. According to SEMrush, this is a pretty normal length for a featured snippet. Their analysis found that “[t]he most common length of content in featured snippets is between 40-50 words.” Because of this, you should try and keep each section of content no longer than 50 words and no shorter than 40. Use headers to break up your content sections.
Tip #7: Use headers
One quick, simple way to format your content for featured snippets is to make sure that you break up each section. Use the “Paragraph styles” section on Google Docs or in WordPress to do this. Organize your steps, lists, or paragraphs with headers. I prefer h2 headers, myself. Use h1, h2, h3, or h4, and be sure to organize your subheadings by size. For example, a subheading under a main heading that is h3 should be h4, not h2. If you add “Step 1, Step 2” or “Rule 1, Rule 2” to each heading phrase, Google will place them in chronological order. So be sure to format your article in chronological order, too, so that Google will be more likely to feature it.
Another great tip is to add a whole new area to your site devoted to providing resources to your readers and customers.
Tip #8: Add a “how-to” section to your website
Since featured snippets are such a great opportunity to attract website traffic and gain new leads, it’s a smart idea to redesign your site in a way that lets you optimize “how-to” content. Some websites are creating entire sections on their sites that are specifically for giving answers to their readers’ questions. This gives all of your content that is devoted to answering questions or solving pain points a place to live on your site. If you don’t want to create a “ how-to ” section, a Q&A area might be a good idea instead.
This area could include answers to frequently asked questions about your products, services, or industry. High-quality images and videos also boost your chances of ranking for featured snippets.
Tip #9: Add high-quality images and video
Most people love to learn visually, which is why photos and videos can help you rank for featured snippets. Adding images to each step doesn’t have to be hard. I have repeatedly said that Canva is a great tool for creating your own images because it truly is. Upload your own images or pick a free Canva stock photo. Then, choose free shapes, icons, and more to add to your images. Don’t forget about video either. It’s huge for engagement. 65% of people watch at least three-quarters of a video and 59% of executives believe that people are more likely to watch a video if they combine text with video.
One simple way to do this is to create a voice transcript for all of your videos. Google will recognize the text and might choose it for a featured snippet. You should also make sure that your video content is high quality. I try to add transcripts for almost all of my videos. I write the entire voice transcript in the description area of the video, right under my other social links. This allows me to combine my video efforts and my SEO and keyword research plans, optimizing my videos for featured snippets, too.