What makes it page

Nicepage: What Is It And What Makes It So Different

If you compare five-year-old web designs to modern ones, you will see a huge difference. Just look at what is trending today on Behance and Dribbble. New pages in Web Design 3.0 differ with free positioning, element overlapping, white space, and free sizing.

How to create such web designs?

There are a lot of site builders, but the problem that existing site builders provide just limited drag-and-drop where you can move elements only into predefined positions. It was enough five years ago when these tools were created, but not today.

New designs require free positioning.

So web designers forced to use traditional graphic tools, like Adobe Photoshop and XD, to draw image mockups of websites. But graphic tools cannot convert images into working websites.

We have to use two types of software that work separately.

So, how are we going to build modern websites?

Look how we freely place things on a desk. We stack papers, we put pencils on a notebook, we move a mouse on a mousepad, and we can even spill coffee on a keyboard.

This natural approach of putting things is used in all types of software, including graphic and publishing software and tools for creating presentations. Everywhere else but not in website builders.

In Nicepage we have implemented natural drag-and-drop and freehand positioning. Finally, designers no longer need to draw image mockups. With Nicepage you can now create any pages both in trendy Web Design 3.0 and in classic Web Design 2.0, and build working websites at once. So you save time and money and still have the freedom of creativity.

Nicepage builds mobile-friendly websites with clean HTML and CSS code. Only Nicepage is available for Windows and Mac OS, as well as plugins for Joomla and WordPress. Also, you can create a fully working website online. Nicepage comes with the biggest collection of the trendiest 2019 ready-to-use templates.

Nicepage: What Is It And What Makes It So Different

If you compare five-year-old web designs to modern ones, you will see a huge difference. Just look at what is trending today on Behance and Dribbble. New pages in Web Design 3.0 differ with free positioning, element overlapping, white space, and free sizing.

How to create such web designs?

There are a lot of site builders, but the problem that existing site builders provide just limited drag-and-drop where you can move elements only into predefined positions. It was enough five years ago when these tools were created, but not today.

New designs require free positioning.

So web designers forced to use traditional graphic tools, like Adobe Photoshop and XD, to draw image mockups of websites. But graphic tools cannot convert images into working websites.

We have to use two types of software that work separately.

So, how are we going to build modern websites?

Look how we freely place things on a desk. We stack papers, we put pencils on a notebook, we move a mouse on a mousepad, and we can even spill coffee on a keyboard.

This natural approach of putting things is used in all types of software, including graphic and publishing software and tools for creating presentations. Everywhere else but not in website builders.

For three years, we have been analyzing modern web designs and existing site builders. We have found it is extremely difficult to create modern web designs using existing site builders. That’s why we have started to work on Nicepage, a new type of software — website designer that will bring a natural approach into the web design process.

In Nicepage we have implemented natural drag-and-drop and freehand positioning. Finally, designers no longer need to draw image mockups. With Nicepage you can now create any pages both in trendy Web Design 3.0 and in classic Web Design 2.0, and build working websites at once. So you save time and money and still have the freedom of creativity.

Nicepage builds mobile-friendly websites with clean HTML and CSS code. Only Nicepage is available for Windows and Mac OS, as well as plugins for Joomla and WordPress. Also, you can create a fully working website online. Nicepage comes with the biggest collection of the trendiest 2019 ready-to-use templates.

How to create the right meta description

Get Yoast SEO Premium

Be the first to get new features & tools, before everyone else. Get 24/7 support and boost your website’s visibility.

Read reviews from real users

The meta description is a snippet of up to about 155 characters – a tag in HTML – which summarizes a page’s content. Search engines show it in search results mostly when the searched-for phrase is within the description. So optimizing it is crucial for on-page SEO. This post will show you the characteristics of a good meta description and how Yoast SEO can help you with it.

Table of contents

Did you get a red bullet for the keyphrase in meta description check in Yoast SEO? Read what this check does, and how to turn this bullet green. Yoast SEO also checks the length of your meta description. Read about how that check works, and how to write a concise meta description.

What is a meta description?

The meta description is an HTML tag you can set for a post or page of your website. In it, you can describe what your page is about. If you’re lucky, Google will show it beneath your page’s title in the search results. It brings you an opportunity to convince search engine users that your page will offer what they are looking for.

In Google’s search results, this is where it can be displayed:

And this is what it looks like in the HTML code of the page:

Why set a meta description?

Its purpose is simple: it needs to get someone searching with a search term on Google to click your link. In other words, meta descriptions are there to generate click-throughs from search engines.

Search engines say there is no direct SEO benefit from the meta description – they don’t use it in their ranking algorithm. But there is an indirect benefit: Google uses click-through-rate (CTR) as a way of working out whether you’re a good result. If more people click on your result, Google considers you to be a good result and will – based on your position – move you up the rankings. This is why optimizing your meta description is so important, as is optimizing your titles.

Unfortunately, there is no guarantee that Google will display the meta description that you’ve written. But, as there is a chance it will, it’s always worth the effort to add it to your post or page.

In this Yoast SEO academy video, Fleur will explain how titles and meta description help increase your visibility on Google:

Characteristics of a good meta description

Based on the research we did on this topic, as well as our own experience, we came up with this list of elements you need to write a good meta description:

1. Keep it up to 155 characters

The right length doesn’t really exist; it depends on the message you want to convey. You should take enough space to get the message across, but keep it short and snappy at the same time. However, if you check the search results in Google, you’ll mostly see snippets of 120 to 156 characters, like in the example below.

Unfortunately, we can’t fully control what Google displays in the search results. Sometimes it decides to show the meta description, and sometimes it just grabs some sentences of your copy. Either way, your best bet is to keep it short. That way, if Google does decide to show the meta description you’ve written, it won’t be cut short.

2. Use active voice and make it actionable

If you consider the meta description the invitation to your page, you have to think about your user and their (possible) motivation to visit your page. Make sure that your description isn’t dull, difficult or too cryptic. People need to know what they can expect to find on your page.

The example in the image below is the kind of description you should strive to write. It’s active, motivating, and addressing you directly. You just know what you’re going to get if you click on the link!

3. Include a call-to-action

“Hello, we have such and such new product, and you want it. Find out more!” This overlaps with what we said about the active voice, but we wanted to emphasize it once again. The meta description is your sales text. Except, in this case, the “product” you are trying to sell is the page that is linked. Invitations like Learn more, Get it now, Try for free come in handy and we use them too.

4. Use your focus keyword

If the search keyword matches a part of the text in the meta description, Google will be more inclined to use it and highlight it in the search results. This will make the link to your site even more inviting. Google sometimes even highlights synonyms. In the example below, both the Academy Awards and Oscars are highlighted. Getting your results emphasized like that makes them stand out even more.

5. Show specifications, where possible

If you have a product in your Shopify or WooCommerce store aimed at the tech-savvy, it can be a good idea to focus on the technical specs. For example, you can include the manufacturer, SKU, price, things like that. If the visitor is specifically looking for that product, chances are you won’t have to convince them. As in the example below. The watch can help us stay fit? Sign us up, that’s all we needed to know. Note that to optimize your result in this manner, you should work on getting rich snippets.

6. Make sure it matches the content of the page

This is an important one. Google will find out if you use the meta descriptions to trick visitors into clicking on your result. They might even penalize you if you do it. But besides that, misleading descriptions will probably also increase your bounce rate. Which will also lower people’s trust in your company. It’s a bad idea for that reason alone. That is why you want the meta description to match the content on the page.

7. Make it unique

Adding the date to the snippet preview

People often ask questions about the date shown in the Google preview of our Yoast SEO plugin. We’ve added this because search engines may display a date with your snippet. So it’s important to factor it in when you decide on the right length of your meta description. Unfortunately, there’s no way to directly control whether this date is shown or not, but you can try to manage the dates they use in the search results.

If your meta description is the same as those for other pages, the user experience in Google will be hampered. Although your page titles might vary, all pages will appear to be the same because all the descriptions are the same. Instead of creating duplicate meta descriptions, you’d be better off leaving it blank. Google will pick a snippet from the page containing the keyword used in the query. That being said, writing a unique meta description for every page you want to rank with is always the best practice.

How Yoast SEO helps you write meta descriptions

If you’re on WordPress or Shopify and using Yoast SEO, adding a meta description is easy as pie. Firstly, you can write it in the Google preview section of Yoast SEO. But, Yoast SEO also gives you feedback on it in the SEO analysis. The plugin checks two things, the meta description length and whether you’ve used your focus keyphrase in it. So let’s see how the plugin helps you, and what you can do with it.

What does the keyphrase in meta description assessment in Yoast SEO do?

This check is all about using the keyphrase in the meta description. A focus keyphrase is the search term you want a page to rank with. When people use that term, you want them to find your page. You base your keyphrase on keyword research. In a nutshell, after you do your research, you should end up with a combination of words that the majority of your audience is most likely to search for. We’ve already discussed that when you use your keyphrase in the meta description, Google will likely highlight it. That makes it easier for people to see that they’ve found what they are looking for.

Yoast SEO checks if and how often you use the words from your focus keyphrase in the meta description text. In addition, if you use Yoast SEO Premium, it also takes into account the synonyms you enter. If you overdo it, the plugin advises you to limit the use of your focus keyphrase.

How to get a green bullet for the keyphrase in meta description

If you don’t mention the keyphrase in the meta description at all, you’ll get a red bullet. So, make sure to write one. But, don’t stuff your meta description with your keyphrase, because that will also get you a red bullet. And, make sure to mention all the words from your keyphrase near to each other. Search engines are pretty smart nowadays, but you still need to make it clear what your page is about.

Yoast SEO Premium plugin takes the synonyms you’ve added into account when it performs its analysis. This allows you to write more naturally and will result in a text that’s a more pleasant read. Moreover, it’s easier to score a green bullet this way. Use it to your advantage!

Unlock all features in Yoast SEO Premium

Save time on your SEO and get access to all of our SEO courses.

What does the meta description length assessment do?

This check measures whether your meta description is too short (less than 120 characters) or too long (more than 156 characters). When your meta description has the right length, you’ll get a green bullet. If it’s too long, or too short, you’ll get an orange bullet in the SEO analysis of Yoast SEO (or red, if you’ve marked your article as cornerstone content).

How to write a concise meta description

A good meta description convinces people that your page offers the best result to their query. But, to be the best result, you must know what people are looking for. What is their search intent? Are they looking for an answer to a question? If they are, try to give them the most complete answer. Are they looking for a product? Write down what makes your product stand out and why they would best buy it in your store. Be concise and convincing!

You get real-time feedback on the meta description length in the Google preview section in the Yoast SEO sidebar or meta box. If you want to write a meta description, click on “Google preview” in the Yoast SEO sidebar. This will open the snippet editor and you’ll see input fields to edit the SEO title, the slug and the meta description. When you start typing in the meta description input field, the snippet preview at the top of the Google preview editor will immediately show your new text. Underneath the input field, there is a bar. It’s orange when you start typing and will become green when you’ve added enough information. When you add too much text, it will turn orange again.

It’s also possible to write or edit your meta description in the Yoast SEO meta box underneath your post editor. Just go the SEO tab in the meta box (if it’s not on this tab by default) and you can start typing in the field under Meta description right away.

What to do if you need meta descriptions for a lot of pages?

Does it feel like you need to change all your meta descriptions after reading this? But not sure how to fit that in your schedule? Google has the answer:

If you don’t have time to create a description for every single page, try to prioritize your content: At the very least, create a description for the critical URLs like your home page and popular pages.

You can check which of your pages rank highest with Google Search Console. Simply take it from there. Additionally, it’s also possible to optimize your meta descriptions with variables in Yoast SEO. Allowing you to speed up this process a lot without having to worry about duplicate descriptions.

If you prefer to write a unique description for each of your pages, and you’ve got a lot to get through, you can use the Bulk editor tool in Yoast SEO for WordPress. Head over to the Tools page, click on ‘Bulk editor’, and then select the ‘Description’ tab. You’ll be able to see any meta descriptions already set for your pages, and you can quickly add new ones without having to open each page individually. However, with this tool, you won’t get warnings if your description is too short/long, or if the focus keyword is missing.

Meta descriptions for social sharing

Do you have Yoast SEO? In that case: check the Facebook and Twitter preview in the Yoast SEO sidebar or social tab in the Yoast SEO meta box below your post or page. You can add a separate description for your social media channels there. In Yoast SEO Premium, you even have social previews that show you what your post or page will look like when shared on social media.

Willemien is the Manager Content of yoast.com. She loves creating user-friendly content and making it easy to find for people and search engines.

Coming up next!

WordCamp Jinja 2022

Get free SEO tips straight to your inbox!

7 Responses to How to create the right meta description

Hi madam. I trust that you are well. I’ve trying to get a meta description write and have looked at the toast variables to help me with it. We have a directory and we want the meta descriptions of the listing pages to tell the user for instance “Search results 1 to 20 of 200” followed by a separator and then our promise for better search experience. I’ve not been able to get the first part right and am looking for guidance. We are using a mylisting theme and are using the yoast seo plugin

thanks for the great article. I have not adding any call-to-action, now I will surely add call to action.

You’re welcome, Magnus. And good luck with that 🙂

What Makes a Good Website: A Quick Guide to Website Design

Fun Fact: There are almost 2 billion websites in the world today.

With so many websites, it can be hard – seemingly impossible – to stand out.

Getting traffic to your site is hard enough on its own, and getting those people to stay and actually do something is harder still.

What makes a good website, anyway?

In short, a good website should excel in both form and function. It should have a clear purpose. It should be visually pleasing and easy to navigate. It should perform well for a wide range of visitors and be technically stable and secure. Good websites are attractive, functional, and useful.

And you’re in luck. Because in this post, I’m going to teach you everything we know about what makes a great website.

And you don’t even need to be a designer. Yippee!

The Index of Awesome Web Design (Click to Navigate)

Enough talk, let’s dive into web design 101.

What Makes a Good Website?

Alright, so this is a pretty huge subject to tackle. There are thousands of books and courses written on web design.

Before I start spatting off lessons, I want to ensure you can take something away and implement it today.

So, here are the four basic principles of what makes a good website to keep in mind before your redesign/launch:

Now that you have the major principles in mind, let’s dive a little deeper.

1. Visual Website Design (AKA “Prettiness”)

Imagine a scenario for a moment.

You’re looking for a gift for your sister’s birthday. You notice a tweet by someone you follow sharing their friend’s new clothing shop. You click.

Then you see this.

Haha, nope. You’re gone.

Is this an extreme example? Yes.

Does website design still matter a whole heck of a lot? Yup.

Am I going to tell you what you should do to make your site look great? You betcha.

You see, visuals affect everything from conversion rate to time on page, trustworthiness, and organic backlinks (which help you rank your site on Google.)

So the equation looks like this:

Great site design = More trust = Better conversions

How do you make your site look great? Start with your brand.

Branding Through Site Design

Your brand is your image. Everything from the colors you use to the fonts you choose affects people’s perception of who you are.

In her guide to branding, Sonia Gregory says that “as a small business, you may be competing against big brands with devoted customers. That’s why you have to find ways to differentiate–with a solid brand building process of your own.”

What do you want people to think when they see your site?

Edgy, modern, satirical, professional, something else?

You can convey those things through your design. Just take a look at the psychology of color – different colors convey different emotions.

In fact, a study titled “Impact of color on marketing” found that up to 90% of snap judgments made about products can be based on color alone, depending on the product.

Beyond color, you also have font choice. And yes, there is a psychology behind font choice as well. Ted Hunt from Crazy Egg made this cool infographic about it:

Regardless of the font you choose for your logo and branding efforts, you should always choose readability over emotional feel for your main body font. Typically that means sans serif fonts, as they read the best on the web.

One last tip on font choice: Don’t use more than two fonts in your design. Pick two that compliment each other and stick with those for your entire brand.

Key Takeaway: Choose no more than three colors and two fonts to represent your brand. Write down the fonts and color codes and use them consistently across your entire site and marketing efforts.

Finding, Designing, and Using Images

Imagery is a major part of website design. And yet so many people do it wrong.

Great images add value to the visitor. They help explain a key point and give the eyes a break. They even help sell your products and services.

For example, if you’re an eCommerce site, you want your product photos to be high-quality and show tons of different angles.

Which of these flowers would you rather buy?

If you even saw the image on the right, you’d probably leave and never come back. The middle image is better, but still not great. The one on the left makes you trust the website.

Remember design principle #1: Great design has a purpose in mind.

Any image that doesn’t have a purpose is a bad image. Period.

If you needed more incentive, page load speed (which I discuss in section two), is extremely important to SEO and usability. Having too many big images slows your site down.

So, how do you find, design, and use images on your website?

We wrote about some tools to make great images in this post. Go check it out.

But to give you some inspiration, here are a few examples of good images you can use:

Key Takeaway: Use images, but do so with a purpose in mind.

3 Examples of Beautiful Websites

Knowing what makes a good website is easier when you see real-life examples.

Here are a few I love:

KlientBoost is completely devoted to amazing website design. Their site oozes beautiful visuals.

CoSchedule is a site I look up to as well. Their whole site is based on great formatting and consistent branding.

Expedia: Visit Britain received a developer award for its design.

You can also see more examples that actually won awards for great design at Awwwards and Webby Awards.

(Note: I also give a list of website templates with great visuals in the next section on responsive design, in case you’re like me and can’t code.)

Enough about visuals. Let’s get a little geekier.

2. Technical Website Design (AKA “Geeky Stuff”)

Technical web design includes things like:

If any of these things made you say “What?”, don’t worry. I’ll explain them all in laymen’s terms.

Responsive Design and Mobile-Friendliness

“Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation.”

In other words, a responsive site is one that plays well on all screens and devices. It’s mobile-friendly and caters to the device you’re viewing it on.

If you think that sounds complicated… it is.

But it’s important. In fact, smartphones now account for over 51% of all online traffic, and tablets came in at just over 12%. And that number is growing.

Also, Google cares a lot about mobile-friendliness. In fact, they now place a priority on ranking mobile-friendly sites (an update called “Mobilegeddon“).

Finally, mobile-friendly makes for a better user experience. And ultimately, it’s all about the user. They’re the ones opening their wallets to keep your business afloat.

So what’s a non-designer to do?

First, see if your site is considered mobile-friendly by Google with their mobile-friendly test. It’s also a good idea to check it yourself by going to your site on your phone. If it doesn’t score well or look good, you have some work to do.

Yay, we’re mobile-friendly!

Besides hiring a designer, your best bet is to change your site’s template. This is the easiest and most affordable way to make your site mobile-friendly and responsive.

Here are some mobile-friendly templates for popular site builders:

Fast Website Load Speed

According to surveys done by Akamai and Gomez.com, nearly half of web users expect a site to load in 2 seconds or less, and they tend to abandon a site that isn’t loaded in 3 seconds!

That doesn’t give you much wiggle room. But if you’re still not convinced, get this:

Roughly 79% of online shoppers who have trouble with website performance say they won’t return to the site to buy again, and around 44% of them would tell a friend if they had a poor experience shopping online.

In other words, if your site speed sucks, you lose. Big Time.

So how do you ensure a fast load speed? Try this:

Like the mobile-friendly test, Google also has a page speed test. However, some believe it’s not very accurate, so it can’t hurt to also try Pingdom and GT Metrix.

All three will give you an idea of what’s hurting your load speeds, with suggestions to improve.

As you can see, there are a lot of ways to improve your site load speed, like browser caching and making above-the-fold content load first (the content you see without scrolling down the page).

However, one of the easiest ways is optimizing and compressing your images. As I said in the visual section, images take up a lot of bandwidth. Which is why it’s important to only use images that are highly valuable.

You can use a tool like Gimp to compress your images for free. (Here is a tutorial to do just that.)

Search Engine Optimization (SEO)

SEO means optimizing your site to show up in search engines like Google. It’s the bread and butter of what makes a good website.

Done right, it can drive thousands in traffic to your site every month without any extra effort.

Done poorly, not a soul will find you on Google.

According to Jon Rognerud, there are four steps to SEO. Here are some of Jon’s actionable takeaways:

This is highly simplified and there are a lot of other SEO factors, but these three tactics will get you well on your way to showing up in search results.

This next piece of web design advice helps with both SEO and building trust with your visitors.

Securing Your Site with SSL Encryption

You’ve probably seen the little green lock in your address bar next to a website.

This is called SSL encryption.

Google gives encrypted sites a small SEO boost. But perhaps more important than that is the trust factor it gives your visitors.

This is especially true if you sell anything on your website. People want to know their information is safe before they open their wallet.

Site Architecture & Navigation

Remember design principle #4: Have a clear site navigation.

Navigation is important for two main reasons:

Remember to use the “three click rule”: Every page on your site should be within three clicks of any other page on your site.

To help you with this, consider mapping out your website. You can do it with a tool like Slickplan or just use pen and paper. They look like this:

Creating a physical map helps you see where you’re missing out on linking pages together, and keeps things organized.

You should also keep your most important calls-to-action at the top of the page. This is where the most people see, so it’s a great place for a “shop now” button, a “contact us” tab, or a “learn more” button.

3. Website Tools (AKA “Useful Stuff to Make Your Website Better”)

Website tools are mentioned last because they can’t fix a broken website, but they can enhance an already good website.

Here are a few of our favorite tools:

Formilla Live Chat

Live chat is an essential part of a business website. Or at least, we like to think it is. We do offer it as a service, after all. 😊

But in all seriousness, live chat can help you provide excellent customer service, close customers who are on the edge and learn more about your target market.

In fact, in this post, we detail how to use live chat to survey your customers so you can improve your marketing. You can also receive notifications when visitors arrive on your site even before a chat conversation!

Conversio Cart Abandonment Recovery

If we wrote “What makes a good eCommerce website”, Conversio would top our list. It automatically sends emails like the one above to try to recover abandoned carts.

(Side Note: The advice in this article does apply to eCommerce sites as well. So if you have an online shop, rest assured you’re not wasting your time by reading this.)

Anyway, with 69% of people abandoning their carts on average, you’ll be taking full advantage of this tool.

They also offer services like newsletter sending, product recommendations, and a stronger site search bar.

MailChimp Email Opt-in Forms

Have you ever seen an in line opt-in form like the one below, and wondered how to get one on your site?

Well, we use MailChimp and a premium MailChimp WordPress plugin to do it.

Here’s a 60-second explainer video:

AddThis Social Sharing Buttons

See the sharing buttons to the left of the screen? They’re from a plugin called AddThis.

AddThis also has a few other features like a follow button and a related posts widget.

Yoast SEO

We talked about how SEO is important for a modern website. Yoast SEO makes on-page SEO super easy.

It gives you a checklist to show you what you need to add/edit to optimize your page for the keyword you choose:

W3 Total Cache

Load speed is critical for SEO and usability. One of the ways to increase site load speed is with browser caching. W3 Total Cache makes caching super easy.

Here’s a guide to help you set it up.

Google Analytics

What’s free, easy to install, and highly beneficial? Google analytics.

Google analytics can give you SO much insight on where your traffic is coming from, going, and stopping. And since it’s free, there’s no excuse not to use it.

Conclusion

We’ve come to the end of our journey. Give yourself a pat on the back.

So what did we learn?

Basically, your website is your business card. It’s the thing everyone – your customers, shareholders, friends, family, and cat – sees when they think of doing business with you.

By keeping your website looking sharp, you ensure everyone who visits it views you as trustworthy, professional, and worthy of doing business with.

Plus, a strong website pulls in traffic through Google, gets links from authoritative sites, and is shared more often.

We’re in 2020. A great website is no longer a “nice to have”. It’s an absolute must.

Did you redesign or launch your site after reading this guide? Please share it with us in the comments below! And, as always, feel free to ask questions.

25 Best About Us & About Me Page Examples + 5 Templates

Lindsay recommends these About Us examples to get started

Building a website is an exercise of willpower. The bells and whistles of the design process are tempting to focus on, but compelling content is what makes a website work for your business.

There are few pieces of content on your website that are more compelling than your mission, vision, values, and team. And all of these elements are typically found on the About page of your website.

By the end of this post, you’ll have the latest best practices on crafting a stellar About Me and About Us page on your website that shares where you’ve been and where you’re headed. Use these links to jump ahead to each section:

Featured Resource: Our 29 Favorite ‘About Us’ Pages

Download the guide to review what we love about these amazing ‘About Us’ page examples, plus a few tips about how to make one of your own.

What makes a good About Us or About Me page?

A remarkable About page is genuine, approachable, and distinguished. It should give the visitor a glimpse into what working with you and your business might be like. You can include personal interests, stories, and photos that convey the unique story of your business.

Since About pages are creative and personal to you and your company, there are several ways to construct one, however, the process is generally the same. So, let’s create an About page one step by step.

How to Write an About Page

It’s tough to establish one all-encompassing template for your About page — there are so many ways you can go about telling your company story. The good news is, there are some tried-and-true steps to get you started.

1. Establish a mission statement.

Your About page can and will be more comprehensive than a single mission statement, but to draw people in, you need to succinctly state your goal in the industry upfront. What is your business here to do? Why should your website visitors care? This information will give the reader something to remember about your company long after they leave your website.

2. Outline your company story.

Every business has a story to tell. Even if you’re running a start-up, you might not have a long history of changes and growth (yet), but it’s a nice touch to talk about how you got to where you are on the About page. So, isolate the milestones before your company’s founding, and use them to give readers some backstory on your current venture.

3. Reveal how you’ve evolved.

There’s no shame in admitting how your business strategy — or even your way of thinking — has changed since you began. In fact, these evolutions can improve the story you tell to website visitors.

About pages are perfect spaces to talk about where you started, how you’ve grown, and the ideals that have helped your organization mature. Use these moments to further your company story and show people that you’re always ready to change and adapt to the needs of your industry.

4. State your «aha!» moment.

Every good company was founded on an idea — something the current marketplace might not yet offer. What was your idea? Use this «Aha!» moment as a pivot point when telling your company story. What was a challenge you faced while developing your company? How did this challenge or discovery shape what you are today?

5. Explain who you serve.

As much as you want as many eyeballs on your About page as possible, you won’t do business with every single one of them. That’s why you must identify and mention your core customer. This lets your visitors know what your business is dedicated to helping them meet their needs and goals.

6. Explain what you’re offering them.

As you’re explaining who you serve, make it clear what it is you’re offering. Companies often generalize their products or services in the website copy, making it hard to understand what it is the customer is actually paying for. Sometimes, businesses are afraid that the literal explanations of their products aren’t interesting enough or will sound unappealing in writing. And that’s a fair concern.

However, investing just a sentence or two into telling your potential customers exactly what they’ll receive can keep them on your website for longer and get them interested in learning more.

7. Cite examples of clients you’ve served.

Got some loyal customers in your portfolio? Use your About page to let the world know who already trusts and benefits from your work. A great way to showcase this is through a case study.

Knowing about your company’s past successes can influence your prospects’ purchasing decisions because they will be able to envision their success in the success of your past customers.

8. Describe your values.

Customers want to be treated like human beings. For that to happen, they need to feel that they’re being served by human beings. When finishing your About page, describe who you are as a person or a team, and what your personal values are. What’s your company culture like? What bigger picture in life drives your business?

Keep in mind a secondary audience of your company’s About page consists of your future employees. This is another reason describing your personal values is a good idea — the key to your job candidates’ hearts is to show them you have one too.

About Us Page Template & Examples

About Us Template

You can create an About Us template for your company website fairly easily. Check out the standard About Us template below or use one of the done-for-you website templates that can be installed and customized in minutes.

Done-For-You About Us Page Templates

Copy is an important element of an About page. However, you’ll also want to keep user experience in mind as you showcase your brand story and identity to the world. Here are some of the top About Us and About Me page templates to use or draw inspiration from.

1. Touraza Template (WordPress)

If you want something with a little flavor, the Touraza template is a tasteful choice. With the «meet the team» section near the top, geometric designs, and striking typography, you’ll be able to showcase the humans behind your brand.

2. Logan Template (Shopify)

This template makes use of large images in a modern layout to break up the ample white space. The result: A clean and enjoyable reading experience. The top of the page puts the brand story (or other introductory text) first, supported by a large image that speaks for itself. The pops of color can be customized to your brand style, drawing emphasis to the most important elements you want to highlight.

3. Coax Template (WordPress)

The advantage of the Coax template is that it’s powered by Elementor, a page builder that makes customization easy. Even if you want to keep some of the defaults, though, this template is beautiful, letting the typography and copy take center stage. Ideal for a personal brand, you can choose to layout your content similarly to a resume with big subheads on the left and descriptive text on the right.

Best About Us Page Examples

Best About Us Page Examples

1. Yellow Leaf Hammocks

When you have a great story about how your product or service was built to change lives, share it. The About Us page is a great place for it to live, too. Good stories humanize your brand, providing context and meaning for your product. What’s more, good stories are sticky — which means people are more likely to connect with them and pass them on.

Yellow Leaf Hammocks tells users about its product by describing how the hammocks empower artisan weavers and their families. The company breaks down different pieces of the story into sections that combine words and easily digestible graphics, painting a picture instead of big chunks of text. Yellow Leaf is clear about why its brand is different: «Not a Charity,» the page reads. And then: «This is the basis for a brighter future, built on a hand up, not a handout.»

Why this About Us page rocks:

Every company has a story to tell, so break out your storytelling skills from that random English class you took years ago and put them to work on your About Us page. Using descriptive and emotive copy and gorgeous graphics, an About Us page with a story works harder for your business than a generic one.

2. Eight Hour Day

People tend to think that About Us pages have to sound formal to gain credibility and trust. But most people find it easier to trust real human beings, rather than a description that sounds like it came from an automaton. It should always sound friendly and real.

Trying to sound too professional on your About Us page results in stiff, “safe” copy and design — the perfect way to make sure your company blends in with the masses. Instead, take inspiration from Eight Hour Day. This brand showcases the people behind the company and humanizes its brand.

Why this About Us page rocks:

Introducing the founders with inviting photos on this About Us page drives home the point that Nathan and Katie are — as they so astutely put it — «two individuals with a passion for creativity — creativity makes us happy.»

3. Apptopia

People want to know what your business does and how it can help them. After all, if people can’t figure out what you do, how will they know they need your product or service?

So, skip the industry lingo — that’s what Apptopia does on its About Us page. The startup’s simple but polished language effectively communicates the company’s offering while still allowing the Average Joe to understand it.

Why this About Us page rocks:

Apptopia uses short and punchy sentences to explain complex products and ideas in a way that isn’t patronizing. The copy on this About Us page leads with empathy.

4. Moz

Instead of following the classic About Us script and writing a few paragraphs about the company’s mission and origins, try something different — there are plenty of ways to make your brand more compelling to someone who doesn’t know about you.

Take Moz, for example. A lot has happened since it was founded in 2004, so the company chose to share those milestones using a fun, clean design that incorporates clear headers, concise blurbs, and little graphics to break up the text.

Why this About Us page rocks:

We especially love the humble references to how Moz received funding, how it switched its brand positioning — and most importantly, how it switched back to its original model. This speaks volumes to the value honesty and humbleness can play to your customers. Don’t be afraid to talk about your ups and downs; your customers will trust what you say that much more.

Lookbook: Awesome ‘About Us’ Page Examples

Tell us a little about yourself below to gain access today:

5. Yokel Local

Yokel Local does a few things well on its About Us page: The company spotlights its clients, its story and mission, and the team behind the brand. This last element is key because Yokel Local knows that its «vibe» wins over prospective clients. After all, when you hire an agency, you’re hiring its people. And people have personalities.

Why this About Us page rocks:

Because «Yokel Local» is a bit of a kooky name that gives people pause, the company pokes fun at it by providing the definition, which then leads into photos of the team at work (and at play), the agency’s story, its mission and values, and the people who make the magic happen. This magic is included all over the about page as its employees make goofy faces, wear ugly Christmas sweaters, and work/play hard.

6. Nike

Nike might seem like a company that’s too big to inspire smaller businesses. You might even wonder if Nike even still has an About Us page. As a matter of fact, it does, and it hasn’t forgotten the company’s roots.

Nike began on the campus of the University of Oregon by the hand of the college’s track coach, Bill Bowerman. And even though he no longer works at the company, one of his beloved quotes still brands the bottom of Nike’s About Us page below: «If you have a body, you are an athlete.»

This bold sentence, referenced by the asterisked «Athlete» in the words right above it, sheds important light on Nike’s audience. The brand may be big today, but Nike is all about the rising stars — whom the company depends on, according to the rest of its About Us page, to «expand human potential.»

Why this About Us page rocks:

Nike clearly knows its audience and makes their mission obvious to them as soon as they land on the About Us page. There’s no question that the visitor is in the right place and understands exactly what Nike has set out to do.

7. Bulldog Skincare

What’s the difference between «average» marketing and lovable marketing? It’s the difference between creating generic webpages that provide great information, but in a straightforward, black-and-white kind of way — versus creating webpages that provide great information and are infused with color, personality, and stay true to a company’s unique brand voice. When you create lovable marketing, you can start a movement of brand evangelists and advocates who will help you grow.

Where does this fit into a company’s About Us page? The folks at Bulldog, a men’s skincare company that was named for the colloquial «man’s best friend» — a dog — could have typed up a few paragraphs about where the brand came from and how it was one of the first in the space to redefine and eliminate stereotypes around men’s grooming. But that text alone would have been a bit, well, average.

Instead, the About Us page is pithy, colorful, and leads with an adorable bulldog — fitting the name and the brand. And it states the purpose of the products — to help customers from waking up with the (admittedly adorable) wrinkly face you see when you visit Bulldog’s website.

Why this About Us page rocks:

Bull Dog isn’t afraid to have fun with its brand. That bit of fun and humanity adds personality and humor that makes this About Us page anything but typical. It primes visitors for a story in a way that makes them immediately feel connected to Bull Dog’s mission and vision. That’s how you create memorable, lovable marketing.

8. Doomtree

One minute of video is worth 1.8 million words, according to Forrester Research’s Dr. James McQuivey. But what about audio and visual, too, all combined with a really cool story? Well, that’s one way to tell your story in an engaging way — through multimedia.

Doomtree is built on a bit of an innovative concept: That a group of talented artists can each have thriving solo careers, but can still come together on a regular basis to create great music. It’s not a band — it’s a crew. It’s an unconventional concept with an equally interesting backstory that «started as a mess of friends in Minneapolis, fooling around after school, trying to make music without reading the manual.» And as soon as you arrive on Doomtree’s About Us page, you’re greeted with big, bold photos of those friends.

Why this About Us page rocks:

As you scroll down, users are treated to even more interaction with the crew’s events and music tracks. That makes sense because it gives visitors an instant sample of Doomtree’s product.

9. Below the Fold

Below the Fold is a company committed to «sharing news stories you aren’t hearing anywhere else.» With that in mind, the big headline on the page introduces Below the Fold and what the company’s purpose is. Further down, you’ll find four core values, how the business generates revenue and more details about the team behind the scenes.

Why this About Us page rocks:

It gets straight to the point about what Below the Fold is, who it serves, and why it exists. The simple design lacks color, embellishments, and sensational imagery so the reader can focus on what the company has to say — a direct nod to the mission statement.

10. Ceros

Ceros’ About Us page is interactive and engaging. As you scroll, the images move across the page with punchy designs. Additionally, Ceros’ uses these images of its impressive, unique office space to further personalize the page.

Why this About Us page rocks:

Ceros keeps the text on the page short-and-sweet, with powerful statements like «We exist to unlock creativity». The Culture section further demonstrates Ceros’ playful brand voice, with core values like «We wear our chicken suits».

11. Marketive

Rarely have I seen a more powerful opening statement than the one Marketive uses in its About Us page: «Got a solid product? We tell your target audience that you exist.»

Additionally, Marketive’s About Us page displays original designs rather than photos to support the text, and the page is simply fun to scroll through. Marketive’s layout tells a story in itself — starting with what the company does, moving into which types of industries it serves and ending with the company’s earlier milestones.

Why this About Us page rocks:

The interactive milestone calendar at the bottom is especially impressive. It authentically represents some humble beginnings (including two unsuccessful startups that inspired present-day Marketive) and features a fun scroll element that highlights various dates throughout the calendar.

12. Sweet Loren’s

Start-to-finish, Sweet Loren’s About Us page is playful, engaging, and colorful. The page starts with a 60-second video and even incorporates cookie dough-scooping gifs. As you scroll, you’ll move through some of Sweet Loren’s impressive values, including inclusivity and refusing to compromise.

Why this About Us page rocks:

Sweet Loren’s yummy products are last on the page, ensuring you’re fully primed to purchase only after learning about Sweet Loren’s mission and differentiating factor: creating non-GMO, gluten-free, plant-based, and delicious cookie dough.

13. TalEx

TalEx has an interesting origin story, in which two women left a major recruiting firm to build their own and ended up landing AOL as a major client of theirs — which was previously their old employers’ client.

TalEx has since seen unprecedented growth at 4,900% in the three years since it began. You’ll learn all this and more on the company’s About Us page.

Why this About Us page rocks:

What makes the TalEx About page stand out is the company’s emphasis on social responsibility, which takes up nearly half the page and explains the company’s dedication to giving 5% of its net profit annually to various philanthropic organizations. People who visit the website will know that giving back and paying it forward are important to the people at TalEx.

14. SkinnyDipped

SkinnyDipped’s About Us page features a few sweet, polaroid images of the employees (including three of the co-founders as young children), and a moving nod to Josh Dickerson, a family friend whose death inspired the family to start the business.

This About Us page is well-written and inspiring — for instance, the page reads, «We decided to start a business … That it would be centered around food was obvious. For us—family, friends, food, and love are all tangled up.» By the time you finish reading the story (and the individual employee bios), you’ll be as impressed by SkinnyDipped’s brand values as you are by its delicious products.

15. LoveBug Probiotics

LoveBug Probiotics’ About Us page features an image of the founder’s four young children wearing «Chief Fun Officer», «Chief Giggle Officer», «Chief Silly Officer» and «Chief Humor Officer» t-shirts. I’ll admit — there aren’t many About Us pages with cuter introductions than that.

Why this About Us page rocks:

The page effectively includes all the information you’d need on the company to make an informed purchasing decision — including how the founder came up with the idea, her personal ties to the vision, the science behind her probiotics, and even an opportunity to find local stores that carry LoveBug probiotics.

Plus, while the products are science-backed, the About Us page doesn’t confuse visitors with difficult-to-understand facts: instead, the page is simple, straightforward, and helpful.

16. Brown and Coconut

Sometimes, simpler is better — as is the case with Brown and Coconut’s About Us page, which features a photo of the two co-founders alongside a few paragraphs of text, outlining the purpose and vision behind Brown and Coconut.

The opening sentence is incredibly relatable and draws the reader in: «After years of suffering from severe acne and frustrated by the lack of effectiveness and further damage they experienced with popular skincare products, Brown and Coconut founders and sisters, Letisha and Zeena Brown embarked on a journey to heal their skin from the inside out.»

Why this About Us page rocks:

Brown and Coconut’s About page uses no-fuss language to describe the business. Rather than ending with a CTA directing visitors to its products, the co-founders instead choose to include a CTA to follow the business on Instagram, promoting a more effective, long-term lead generation strategy that starts with brand awareness.

17. Kuno Creative

Kuno Creative’s About Us page effectively focuses on what makes the company different: its people. While the first paragraph describes the origin of the digital marketing agency, the majority of the page is taken up by black-and-white shots of all its employees along with descriptions of each member, like a modern-day yearbook.

Why this About Us page rocks:

The page looks sleek and clean, with plenty of white space and large blue lettering to draw attention without overwhelming visitors. If you’re unsure what you want to include in your About Us page, consider taking note of how Kuno Creative focuses on its people, rather than its product, in the About Us page — a great way to humanize your brand.

About Me Page Templates & Examples

About Me Template

About Me pages vary in detail, but most great pages include a few standard elements. Below is a template of the most common elements of an engaging About Me page:

Next, you’ll see these elements in action on the best About Me pages examples on the web today.

Best About Me Page Examples

1. Joe Payton

About Us pages might encompass the values of more than one person or entity, but they’re no more important to the image of a business than your personal about page. Take Joe Payton’s About Me page, below.

Not only does Joe’s illustrative self-portrait give him a personal brand that customers will remember, but it also demonstrates his expertise as a designer and animator. His website visitors can learn not just what he does, but why he does it, in an easily digestible way.

Why this About Me page rocks:

Joe freely expresses his values as a creative professional succinctly on a well-organized page. He tells a story that guides the reader through each section of the page without having them scroll endlessly to the bottom of the page.

2. Kero One

Kero One is a hip-hop artist and DJ from San Francisco, and his About Me page carries a valuable lesson to personal brands who cater to more than one audience — especially if those audiences speak different languages.

Kero One’s story starts in his childhood, when he was six years old and first discovered a passion for hip-hop. Knowing how old and genuine his love for the genre is adds tremendous value to his own music in the eyes of his listeners.

Why this About Me page rocks:

While this entrepreneur’s childhood interests help to deepen his audience, the second screenshot below helps Kero One widen it. His About Me page first tells his story in English, then in Japanese, then in Korean, then in Chinese. Accommodating these Southeast Asian audiences makes his brand more inclusive of all the audiences he identifies with.

3. Aja Frost

Alright, we might be biased in highlighting this professional, as Aja is our very own Head of English SEO at HubSpot. Nonetheless, the ingenuity she brings to the company isn’t lost on her website’s About Me page.

Being a data-driven professional, Aja knows her clients are looking for more than her writing skills — they want to see how her content has performed. With that in mind, her About Me page tells a story of her career growth, which peaks — no pun intended — at an impressive line graph showing the result of an SEO strategy she implemented for the HubSpot Blog. (The graph’s sharp decline in September indicates when she stopped collecting data.)

Why this About Me page rocks:

Aja understands the value of being personable even in a digital space like an About Me page. She closes out her about page with a personal note on what she does in her spare time — a great way to humanize yourself in the eyes of your potential customers.

4. Madison Butler

Madison Butler is an HR change-maker «committed to deconstructing the status quo and rebuilding corporate America, one organization at a time.» She does this through her DEI work and her advocacy.

The About page, which doubles as the site’s homepage, calls this out at the very top in one bold statement: «I’m here to ensure organizations know how to make space for everyone.»

Why this About Me page rocks:

Madison’s About page is effective because it stays true to her mission while being simple, effective, and to the point. The second sentence in the headline, «You belong here.», underscores the inclusivity of Butler’s mission and work. It’s even emphasized further where the phrase is repeated in the footer.

5. Sara Dietschy

This professional YouTube content creator has an eclectic collection of videos related to technology and cultureand expresses that diversity all over her About Me page.

In addition to the vibrant self-portrait at the top of the page, Sara’s first sentence tells you just how many people subscribe to her channel: 780,000. This is an important number to know for her potential video advertisers and collaborators who want to know how much exposure they’d get by working with her or advertising on her channel.

Why this About Me page rocks:

The colored tiles lining the page — starting with the red one, as shown below — do a terrific job segmenting her work by the types of projects she takes up and for whom she’s done them. This helps the reader navigate the page and understand what’s important for them to know.

6. ShaDrena

ShaDrena is a graphic artist whose mission is to «visually build creative rebellious brands beyond a logo.» She exemplifies this mission for her own brand on her About page.

In three sections — About, Bio, and Random Facts — the audience gets the full ShaDrena experience, which is more than just design. It’s also about voice and personality. As a self-described «creative hustler,» «rule-breaker,» and «designer of dope brands,» the language ShaDrena uses on her site comes across as edgy and authentic, a perfect way to make her copy mirror her personality.

Why this About Me page rocks:

ShaDrena’s About page is intriguing because it’s counterintuitive to what someone might expect from a graphic artist. Most of the content is presented in black, white, and gray which puts all the focus on the composition of her design.

7. Marc Ensign

This branding expert does two things incredibly well on his about page: He takes his work seriously without taking himself too seriously. Marketers know there’s value to keeping a casual tone in the content they create, but to attract customers, you need to prove you have discipline and integrity. This often proves to be a tough balance to get right.

Why this About Me page rocks:

Marc Ensign nails the balance between friendly and formal with a confident opening statement. This not only draws the reader in but also establishes Marc as a relatable partner to work with.

8. Miracle Inameti-Archibong

With an excellent design that emphasizes her copy, Miracle Inameti-Archibong’s site is a masterclass on how to do a one-page website well. The content is presented with large clear images, cool and bold colors, dynamic angles and blocks, and simple typography.

Why this About Me page rocks:

This structured design supports the story in Miracle’s About Me section, which spans over a decade but is laid out in just four sentences so that the reader understands her career span without being overwhelmed with too much information. That’s when she dives further into her expertise and the meat of the About section which is thoughtfully paired with testimonials on the right that provide social proof for it.

Tell the World All About You

We hope that creating an About Us page doesn’t seem like a daunting task. Take the best practices, templates, and examples you’ve seen so far, and have some fun with them. With a good story to tell, creative copy, humility, and digestible visuals, you’re on your way to an eye-catching user experience.

You’ll be standing out from a sea of About Us and About Me pages in no time. So, tell us, What makes you different? We’re eager to learn more. about you.

Editor’s note: This post was originally published in October 2020 and has been updated for comprehensiveness.

Originally published Dec 16, 2021 7:00:00 AM, updated March 31 2022