Software Stack Editor

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

Studies show that 76% of consumers research a business online before visiting in person. That means having a website and building web pages that provide the information consumers want to know is as necessary for companies today as having a phone number.

Maybe you’re starting a new business venture or developing your personal brand. Or, maybe you’re looking to update your company’s outdated website.

Whatever the case, building web pages from scratch can feel overwhelming, particularly without technical expertise or a budget for web developers. Below, let’s go over exactly how to build a website and the tools you need to do it yourself.

Table of Contents:

• Steps to Make a Website
• How to Build a Website with a Website Builder
• How to Build a Website with a CMS
• How to Build a Website with HubSpot
• Build Web Pages: FAQ
• Build Your Website: Tips

Steps to Make a Website

I’ve put together a comprehensive, step-by-step guide to creating a website. Best of all, you won’t need a coder, web designer, or big budget to create one — you’ll just need to follow the steps below.

In general, you’ll carry out these steps before launching your site. But before you get started, you’ll need to choose a platform.

Start building your website by choosing a platform.

The first thing you’ll need to decide is whether you want to create a website using a website builder or a CMS.

Let’s take a look at the definitions of each below.

Website Builder	Content Management System (CMS)
A website builder is a solution that offers domain names, SSL certificates, and templates in one package, typically at a monthly or yearly subscription fee.	A content management system is a platform where you place your website’s content and media files. Domain names, SSL certificates, and hosting is typically purchased separately.

Both website builders and CMS platforms provide the out-of-the-box features, pre-designed templates, and extensions required to create a custom site without coding, but they offer different experiences for creating and managing a website.

Website Builders vs. Content Management Systems

Website Builders	CMS Platforms
Domain registration, hosting, and SSL certificate included In-house templates and themes included (typically less variety) Monthly subscription with free trials available Limited customization Less powerful in functionalities and features Great option for beginners	Domain registration, hosting, and SSL certificate must be purchased separately In-house and third-party templates and themes available (typically more variety) Free CMS platforms available Highly customizable down to the website code More powerful in functionalities and features Great option for sites with growth potential

Website builders provide everything you need to launch a site. You get website building tools, hosting, domain registration, SSL certification, templates, and support in one place, often for a low monthly rate.

This ease of use and pricing appeals to many site owners. However, free website builders, as well as the more expensive alternatives, tend to be limited in flexibility. For example, you can’t add your own custom code, or drag and drop elements anywhere on your posts and pages.

If you want more control over the functionality and appearance of your site, use a CMS. A CMS will provide the content management features, advanced functionality, and customization options required to build larger, more complex sites.

If you decide that a CMS is the best option for your business, consider the software, ease of use, customizability, security, and pricing of different platforms to narrow down your selection.

Let’s look at some examples of both website builders and CMS platforms you could potentially use.

Website Builder Examples	CMS Examples
HubSpot Wix WordPress.com Squarespace Weebly Site123 GoDaddy Webflow	Content Hub WordPress.org Adobe Experience Manager Magento Joomla Drupal Sitecore

Here are some resources comparing some CMS systems with popular website builders:

• HubSpot vs Drupal vs WordPress vs Joomla: Which Is the Right CMS for You?
• WordPress.org vs WordPress.com: What’s the Difference?
• Which Should You Use, Wix or WordPress? Things to Know
• A Head-to-Head Comparison of Weebly vs. WordPress
• The Most Critical Differences Between Squarespace & WordPress
• Shopify vs. WordPress: Where Should You Set Up Shop?

How to Build a Website with a Website Builder

Have you decided that you’d like to use a website builder? Excellent! This is the easiest way to start for most beginners.

You won’t need to know how to code, and everything you need is typically included in one convenient package.

So if you don’t want to go through the hassle of finding a hosting service, domain name, and SSL certificate, this is the option for you.

Let’s go through the process of creating your site using a website builder.

1. Choose a website builder.

First up, choose a website builder that fits your needs and budget. You’ll need to consider the following:

• Cost: Your budget will be by far the most important factor when choosing a website builder. Most require a paid subscription to include premium features such as domain names and increased storage.
• Features: Website builders typically offer different features depending on their target market. Shopify, for example, is specifically designed for ecommerce websites, while WordPress.com is primarily known for blogging.
• Extensions: Check out the extensions and add-ons library for each website builder you’re considering. If they don’t offer something you need for your site, skip that builder.
• Themes and Templates: Some website builders provide more themes and templates, while others provide less variety but more well-designed choices. Check out the template library so you can see what your site could potentially look like once it’s finished.
• Ease-of-use: All website builders are designed to be easy to use: simply sign up on the platform and start building. But some are more intuitive than others. Play around with different builders to find out which one you prefer.
• Support: Is the website builder’s support team known for its responsiveness? Do some research beforehand to ensure the premium subscription will also get you premium support.

No matter what, you’ll want to start with a free trial — that way, you can give the platform a test run before committing.

While most website builders come with a free subscription tier, it doesn’t offer a free domain name or the features you need to build a strong website.

My recommendation is to opt for a paid subscription once you’ve decided on a platform.

Below, I’ve broken down some of the most popular website builders you could choose.

Website Builder	Plans	Good Fit For:
WordPress.com	$4 to $8/month	Blogs
Wix	$14 to $39/month	General Websites
Weebly	$6 to $26/month	General Websites
Shopify	$29 to $299/month	Ecommerce Stores
Squarespace	$12 to $40/month	Creative Websites
HubSpot	Free to $25/month	General Websites

Here are a few more resources to help you choose a website builder:

• Best Website Builders Today and How to Choose One
• Best Free Website Builders to Check Out This Year
• Top Ecommerce Website Builders

And here are some posts listing alternatives:

• Wix Alternatives & Why You Might Want Them
• Squarespace Alternatives & Why You Need One

2. Sign up for a subscription plan that meets your budget and needs.

If you’re just getting started, a free plan is a good way to build your business and get it out there.

But as you grow, you’ll want to upgrade to a subscription as free plans typically don’t include enough features to scale and maintain a professional website.

Before you upgrade, take a close look at the features included in each tier to choose the right subscription for you.

Consider the following questions before choosing a subscription plan:

• How much storage will you need?
• Do you want ads to be removed from your site?
• Will you be setting up an online store?
• Will you want a professional email with your domain name?
• Will you want to customize the site using CSS and HTML?
• How much support do you expect you’ll need?

Most website builders have a pricing page that lays out the differences between plans in an easy-to-scan list. The best part is that you can start with the simplest subscription, then upgrade as you require more features and functionalities.

3. Choose a short and catchy domain name.

Some website builders offer a free subdomain for your site, but you’ll want to upgrade to a paid subscription to get a custom domain.

A custom domain name is one of the easiest ways to appear more professional and legitimate as a company. Imagine you were looking for a freelance writer.

Are you more likely to hire me if my website address is carolineforsey.weebly.com or carolineforsey.com? An extension like “Weebly.com” can confuse visitors and dilute your brand identity.

Worst case scenario: a visitor might assume you can’t afford a premium hosting service or custom domain, and draw conclusions that your business is not fully established.

The good news is that after you upgrade, your premium website builder subscription will include a domain name for free, at least for the first year. You’ll be able to choose it as you’re setting up the site, or do it later.

When choosing a domain name, pick something short and descriptive. The .com top-level domain will work for most websites, but if you’re planning on launching an organization, you can also consider the .org domain.

Domain names are a surprisingly complicated art — you must choose something memorable that doesn’t yet exist. As you make your choice, I’d recommend avoiding the following:

• Including dashes
• Using numbers
• Using a trademarked name

Before signing up on your website builder platform, consider looking up available domain names using a service such as GoDaddy.

That way, you can make sure the domain you want is available before you pay for a subscription on the website builder platform.

Here are some more resources for picking the perfect domain name.

• The Plain-English Guide to Domains & Domain Names
• Tips for Choosing the Perfect Domain Name
• .net vs. .com, and More: What’s the Best Domain Extension?

4. Pick a premade website template.

During your setup process, the website builder will take you to a template library, where you can choose a premade layout to set up your site.

Most website builders will create a different template depending on the type of business or brand you run. For instance, you can choose a template that’s specifically made for:

• Freelancers
• Bloggers
• Local Businesses
• Creatives
• Resume Websites

Every template should have essential features such as a built-in responsive setting and drag-and-drop page editor.

Your website builder should also allow you to import demo data, so that you only have to replace the images and text and not tinker with anything else during the setup process.

5. Customize the template.

You don’t want your site to look like anyone else’s, so you’ll need to customize the template to your liking.

On most platforms, you’ll be able to change the color palette, replace the images, insert social media icons, add personalized forms and menus, and change the size, colors, and fonts of buttons.

Have fun, and don’t forget to use your brand colors. This will be the best part of building your website: making it look like you want it to.

For beautiful templates that are easy to customize, check out the Content Hub theme collection on the Envato marketplace.

6. Add pages to the site.

Next, it’s time to add pages to your site. You’ll need to create, at a minimum:

• A home page
• An about page
• A contact us page
• A services page, if you’re offering any
• A product page, if you’re selling any
• A blog page

You’ll also want to create specific service pages.

For instance, if you’re selling “Digital Marketing Services,” you’ll want to create pages titled “Social Media Marketing Packages” and “Search Engine Marketing Services” under the digital marketing services umbrella.

Our top suggestion would be to put the topic of your page — or your target keyword — in the title of these new pages.

Instead of having a page titled “Services,” you would title it “Digital Marketing Services.” You’ll want to do the same thing for your home page.

You don’t want it to be titled “Home.” Instead, title it “Freelance Digital Marketing Specialist – Your Name.”

Your title shows up in the search results, so it plays an important role in telling visitors what you do.

Here are more resources on creating great page titles:

• What’s a Website Title (Title Tag) & Why Does It Matter for SEO?
• How to Write the Perfect Page Title With SEO in Mind

7. Write optimized content.

This is arguably the most important step. Now that you have your pages set up, what will you put on them?

It’s time to write optimized content to put on all of the pages you’ve created. Get content inspiration from your competitors or use an AI tool like HubSpot’s Content Assistant to help you come up with ideas, create an outline, or optimize your existing content.

Don’t forget to aim for at least 800 words per page. Remember, however, that you can always come back later to write more content. So if you have to write short pages at first, it’s totally fine. Set a date for when you’ll return and add more copy.

Write your content in an editor such as Google Docs and use a grammar checker such as Grammarly to ensure your copy is error-free. When you upload images, be sure to compress them beforehand with a tool such as Toolur or TinyJPG. These steps will ensure your content helps you rank on Google and other search engines.

Check out the following articles on how to write optimized content:

• The Ultimate Guide to Content Creation
• What Is Content Writing? Plus Tips to Take Your Content to the Next Level
• The Ins and Outs of Writing Long-Form Content
• The Ultimate Guide to On-Page SEO
• How to Do Keyword Research for SEO: A Beginner’s Guide

8. Fill in general settings.

Before pushing your site live, you’ll want to fill in general settings. It’s the same list you would run through if you were setting up your site on a CMS platform.

Here’s what you’ll want to adjust:

• Page titles
• Headings
• Meta descriptions
• Image alt-text
• Structured markup
• Page URLs (or slugs)
• Internal linking
• Mobile responsiveness
• Site speed

Make sure you include a site title and tagline in the “Settings” of your website builder. Go through, and check out the URLs — are those optimized for search?

Any website builder you’re using to build your site should make it easy to optimize these elements on every post and page.

With HubSpot, for example, you can add image alt-text, meta descriptions, headings, and custom URLs right in the CMS.

9. Install extensions and apps.

Last but not least, install add-ons that will increase your website’s functionality. Each website builder typically has a library of extensions and add-ons that you can choose from.

For instance, in the HubSpot App Marketplace, you can filter for, browse, and add a number of different CMS apps and integrations.

Once your pages, content, and plugins are in place, it’s time to push your site live.

The website builder will typically have a button you can click to launch your site into the web. After that, simply watch your organic traffic grow.

And remember: if your website builder doesn’t work for you, you’ll always be able to switch over to a CMS. Speaking of CMS, let’s review the steps involved in building a website with a CMS next.

How to Build a Website with a CMS

Have you chosen to go with a content management system instead?

The process of building a website with a CMS is a little different than setting up a site with a website builder — mainly because you’ll have to buy a domain name and web hosting on your own.

But the process is just as simple, and the powerful customization options make the extra steps worth it.

Here‘s some advice from HubSpot’s Content Hub Senior Product Marketing Manager, Alex Girard, about building a website:

“When building a website, you want to make sure your content helps your customers achieve their goal with your business.

If you sell professional services, can customers learn more about the services you offer and easily get in touch with your team if they have specific questions?

If you‘re an e-comm business, how easy is it for your customers to purchase something right off your website?

Interview your customers about their experience on your website, and don’t be afraid to run experiments on your copy or on other elements of your website.

Constantly iterating on the experience you provide your customers will help you perfect your website over time.”

Below, I’m covering the process of building your website using a CMS from start to finish.

1. Choose a CMS.

The best CMS system for your business will align with your site’s needs and goals.

Let‘s talk about some of the features you’d get from using HubSpot Content Hub to give you an idea of some of the benefits of using content management software.

Example of CMS Software: HubSpot CMS

Price: Free to get started, then $25 per month

HubSpot Content Hub is a web content management system that’s built on HubSpot’s all-in-one CRM Platform. As a result, your team will have the tools necessary to offer a delightful and modern digital experience.

Pro Tip: Get HubSpot Content Hub, the content platform for marketers, developers, and IT teams that’s built on your all-in-one CRM platform.

Below, I broke down some of the most popular website builders you could choose from, including Content Hub.

CMS	Plans	Good Fit For
Content Hub	Free	Scaling Businesses
WordPress.org	Free	General Websites
Adobe Experience Manager	Custom Pricing	Enterprise Businesses
Joomla	Free	General Websites (Recommended for Advanced Users)
Drupal	Free	General Websites (Recommended for Advanced Users)

It’s worth noting that while WordPress.org, Joomla, and Drupal are free, you’ll have to pay for domain names, SSL certificates, hosting, and premium themes and templates, adding to your set-up costs. You might also need the help of a developer if you opt for Joomla and Drupal.

It’ll be hard to choose, but you can narrow it down with a few questions.

For instance, do you need a platform that allows you to add your own custom code or one that supports multiple languages? Would you like a proprietary CMS to help share the responsibility of protecting and maintaining your site, or would you prefer an open-source CMS?

You might also narrow your list by comparing the selection of templates and add-ons offered by each system.

Here are some resources to get you started:

• The Best CMS Systems Today and How to Choose One
• Features Your CMS Absolutely Needs
• The Best Content Management Systems for SEO & Why
• CMS 101: The Beginner’s Guide to Content Hub
• 8 Things You Need to Know to Get Started With HubSpot’s CMS

Here are some comparison and alternatives posts:

• Drupal vs WordPress vs Joomla vs HubSpot: Which Is the Right CMS for You?
• Sitecore vs. WordPress: Which CMS is Best for Your Business?
• WordPress Alternatives & Why You Might Want Them
• Drupal Alternatives to Check Out This Year
• Joomla Alternatives & Why You Might Want Them
• Adobe Experience Manager Alternatives to Check Out

Once you’ve chosen the best CMS platform for your needs, continue to step two.

2. Select a hosting plan.

Web hosting is a service that enables individuals or businesses to run a website on the internet.

The service provider, known as a web host, will store your website files on a secure server that it keeps up and running, and then deliver and display that web content to visitors who type in your URL in their browser.

Website builders include hosting in their packages. Many content management systems don’t work this way. However, HubSpot’s CMS software offers website hosting for free and doesn’t charge extra for usage.

With other CMS software, you’ll have to find your own hosting provider, which will take time and lots of research. There are hundreds of web hosts on the market. Each one might offer different types of hosting, including shared hosting, VPS, and dedicated hosting.

Let’s briefly look at the differences below.

• Shared Hosting: In shared hosting, your website shares the same server and resources with other websites. It’s the most popular type of hosting, particularly among new site owners, because it’s the cheapest option.
• VPS Hosting: If you go for a Virtual Private Server hosting solution, your site will sit on the same server as other websites; however, it will isolate server resources for your site specifically. That means your site will be able to handle higher volumes of regular traffic. It’s a pricier alternative to shared hosting.
• Dedicated Server: With a dedicated server, your site will sit on a server whose resources and space is reserved for your site only. If you’d rather not share a server with any other website, you can upgrade to dedicated server hosting.

Virtually every web host offers shared hosting. However, because your website has to share the same server with many other websites, it can’t support high volumes of traffic and is most vulnerable to hackers and other security threats.

Once you’ve decided what type of hosting you need, you can pick a provider. DreamHost, HostGator, and Bluehost are among the most popular third-party providers and offer free domain registration for the first year. That will simplify the next step in building a website.

Here are resources about hosting you’ll want to check out:

• The Ultimate Guide to Web Hosting
• What Is VPS Hosting? Why It Might Be the Best Option for Your Site
• The Best WordPress Hosting Providers This Year
• Best Free WordPress Hosting Providers This Year
• Bluehost Review

And some comparisons to help you choose the best one:

• SiteGround vs. HostGator Review: Which Is Better for Your WordPress Site?
• Bluehost vs. HostGator: Which Is Better for Your Website?

3. Get a domain name from a domain name provider.

No matter what type of CMS you chose to build your site, you’ll likely have to purchase a domain name.

Purchasing a domain name is typically inexpensive — even for those who sign up for a hosting plan that does not include free domain registration for a year. There are two different approaches you can take.

You can visit a domain site, purchase, and register a domain name there, and then connect it to your hosting account. Both Godaddy.com and Namecheap.com are cheap, secure, and effective options for buying a domain name, with added benefits such as SSL security and Office 365 inboxes.

Or you can complete the entire domain name search and registration process on your hosting provider’s site.

Here’s where it gets tricky. You’ll need to choose a domain name as similar as possible to the name of your company, but with over billions of websites out there today, your company’s name might already be taken.

If your ideal domain name is already taken, consider using a different extension.

Use one of the three most common extensions if you can: .com, .net, or .org. However, if it makes sense for your business, you might want to check out an alternate extension like .us or .shop.

As we covered in the previous section, avoid using dashes, numbers, or trademarked words. Play around with it.

Once you’ve chosen and paid for a domain name, you’ll usually also get personal email accounts attached, so make sure you’re happy to use your domain name as your main online identity.

Below you’ll find some resources about choosing and buying a custom domain:

• Best Domain Registrars to Consider This Year
• How to Choose a Domain Name
• Everything You Need to Know About Custom Domains
• The Simple Guide to Transferring a Domain to Another Registrar (A good read if you’ve already purchased a domain name.)

4. Choose a theme for your site.

Now, for the fun part.

Themes allow you to easily change the look and feel of your site without having to code HTML and CSS from scratch. Themes are made up of templates, modules, images, and global content that control your site’s overall design.

On whatever content management system you chose, take the time to browse through the selection of themes available. Many will come with a directory of free themes, where you can use filters or the search bar to find themes related to your industry, with a specific layout, and more.

Pro Tip: It’s important your theme is responsive, so your site will look the same on all devices.

Other considerations will be specific to your business and site. You might be looking for a static header or a slideshow header, for example.

Or you may need a theme that comes with a front-end builder. Below are some questions you can answer to find the right theme for your site:

• Do you need a variety of layouts or just one?
• Are you looking for a theme with built-in social media widgets or any other functionality?
• Would you like to install a demo site or start from scratch?
• Do you want to purchase a theme that includes its own theme builder?

Ultimately, no one knows your business better than you. Take the time to consider which theme would best represent your brand and most likely appeal to your ideal demographic.

You’ll have a wealth of choices right in your CMS. Take a look, for instance, at the theme marketplace in Content Hub:

You’ll want to stay away from hard-to-read fonts or flashy backgrounds that could distract a consumer from understanding your core message. When in doubt, you can’t go wrong if you choose something clean with straight lines and a limited amount of text.

If you can’t find a free theme that meets your exact specifications, try looking for premium themes in third-party marketplaces.

Below are some resources to get started if you’ve opted for the WordPress CMS:

• The Ultimate Guide to WordPress Themes
• Best Small Business WordPress Themes
• How to Use Multiple WordPress Themes on Your Web Pages
• Best Clean WordPress Themes

Once you’ve selected and installed a theme on your site, move on to the next step.

5. Customize your theme and templates.

Once you’ve chosen a theme, take the time to customize it and its individual templates. Your site’s design and functionality are your chance to persuade an audience to take a closer look.

It’s imperative your design makes sense to your ideal consumer and works to enhance your product’s success rather than hinder it.

That‘s why you should think of your theme and templates as a starting point, rather than the final look. Depending on the website platform you’ve used to build your site, you‘ll have different degrees of control over your site’s appearance.

On more flexible platforms like Content Hub, you‘ll be able to edit your theme’s global settings to make sitewide changes. That means you can make changes to your font and other elements in one place and they’ll be implemented across all pages on your site.

Here’s a great resource if you’re using WordPress:

• How to Customize a WordPress Theme [+Themes for New Websites]

6. Add pages to your site.

It’s important to plan exactly which pages you’ll need to include in your site. While it varies from business to business, you’ll need at least a homepage, an “About Us” page, a “Services/Product” page, and a “Contact Us” page.

You should also add a blog homepage. There are serious benefits to business blogging.

While every CMS is different, it’s typically easy to add and remove pages on whichever platform you use. Let’s take a closer look at the process on WordPress, for example.

• Start by logging into your WordPress dashboard.
• On the left side of the screen, click Pages > Add New.
  
• You can add text, insert images, embed videos, and make any other changes you like.
• When you’re ready, click Publish.

Image Source

Once you’ve decided what pages you need on your site, make sure to add them to the navigation bar. You can rearrange page topics any way you want, or combine them.

You can visit other company websites within your industry to get ideas for how to organize your navigation bar, or which pages to include and exclude if you’re unsure.

7. Write content.

You guessed it: It’s time to write the content you’ll put on your site.

Write rough drafts for pages like your “About Us” page and landing page.

Talk with coworkers and stakeholders — what message do you want to put out there? What tone do you want to set? Should you make jokes and be funny, or aim to be more inspirational?

If your online audience stumbled across your site, what questions would they have first?

Imagine your website is your only chance to have a full conversation with a potential customer.

The home page is the preliminary introduction: “Hey, we do XYZ.” Your “About Us” page digs deeper: “We are XYZ.” And your products or services pages are your big push to the finish line: “You want to work with us? Great, here’s how you’ll benefit.”

During this stage, it’s imperative you do your keyword research.

For instance, if you’re selling eyeglasses, and you notice “retro eyeglasses” is a more popular search term than “vintage eyeglasses,” you might use this research to steer the direction of the content on your site.

If you’re stuck, check out competitor’s websites to gauge what other companies in your industry are doing. You can also use an AI tool like HubSpot’s Content Assistant to save time and spark ideas for your website copy.

We’ve compiled a few more resources to help you get started:

• The Ultimate Guide to Content Creation
• What Is Content Writing? Plus Tips to Take Your Content to the Next Level
• The Ins and Outs of Writing Long-Form Content
• The Ultimate Guide to On-Page SEO
• How to Do Keyword Research for SEO: A Beginner’s Guide

8. Fill in general settings.

Once you’ve filled in your pages with optimized content, it’s time to fill in the general settings. By adding or adjusting the SEO elements, you can increase your search visibility.

It’s the same as if you were building your site on a website builder. On your pages, you should include:

• Page titles
• Headings
• Meta descriptions
• Image alt-text
• Structured markup
• Page URLs (or slugs)
• Internal linking
• Mobile responsiveness
• Site speed

Each of these elements is essential to your on-page SEO.

They not only help to tell Google about your website and how you provide value to visitors and customers — but they also help optimize your site for human eyes as well as search engine bots.

9. Install add-ons.

Lastly, take a look at your site and figure out what you’re missing. Ideally, your platform will offer all the add-ons you need to extend the functionality of your site.

It’s important to note these add-ons might be called apps, extensions, modules, integrations, or plugins, depending on the platform you use.

If you’re running an ecommerce site on HubSpot, for example, you might use HubSpot’s Shopify extension.

Or, maybe you want to ensure your WordPress website is secure, to protect client data. In that case, you might download the Wordfence Security plugin for firewall protection against attacks, malware, and other threats.

If you’re lacking out-of-the-box features for security, SEO, image compression, and social media, check if your platform offers an app or integration to add that functionality to your site.

It’s much easier to do all this work in one place rather than having to log on to several disconnected platforms.

How to Build a Website with HubSpot

Let’s take a look at how to make a website with Content Hub. If you’re already using HubSpot’s CRM platform, it probably makes the most sense to build a website within HubSpot to integrate all your sales and marketing needs in one place.

Content Hub offers a variety of plugins and extensions, themed templates, and sophisticated tools for SEO analysis.

If you want to build a website with Content Hub, it’s easy and intuitive. Don’t forget to get a domain name and hosting before starting to build your site.

Here’s how:

1. Create a homepage.

Within your HubSpot portal, click “Marketing” on the dashboard at the top of your screen. Navigate down to “Website,” then click “Website Pages.”

After that, click the orange “Create” button and choose “Website Page” from the drop-down.

2. Select a theme.

Now, you’ll be taken to this “Choose a theme” page. Scroll through your options, search page templates, or check out the Marketplace. When you’ve found a template you like, select it.

3. Edit the modules.

This is your web page. You can scroll over text boxes, images, or other modules to edit them. In the below picture, I scrolled over the “Practice Yoga” Banner Text, and when I click it, it allows me to edit that text.

You can also click the “Contents” tool on the left side of your screen and edit from there. For instance, I selected one “Rich Text” option, which directed me to the “Vinyasa” paragraph on the page.

You can then add text, images, sections, forms, and more when you edit it in the “Expanded” view.

4. Create other pages on your website.

When you’re happy with your landing page and want to move on, go back to your dashboard and click “Marketing” at the top of your screen, and then “Website Pages” again.

Here, you’ll click the orange “Create” button and name your page, just like your homepage. Then, you’ll be taken through a similar process of choosing a template and adding content.

If you want a more in-depth tutorial, check out a quick tour of building web pages.

5. Incorporate social media accounts.

If you want to incorporate your social media accounts, go to “Marketing,” then “Social” on your dashboard.

You can monitor all your social media accounts and also publish tweets, Facebook statuses and comments, Instagram pictures, and other content straight from your HubSpot dashboard.

6. View analytics.

If you want to check out your site analytics, go to “Reports” and then “Analytics Tools”. You’ll need to install the tracking code, which is easy to do within the HubSpot platform by clicking the orange “Install the tracking code” button.

If you’re still unsure, check out how to install the HubSpot tracking code.

7. Add a blog to your site.

If you want to write blog posts, go to “Marketing” > “Website” > “Blog” on your dashboard to create, publish, and monitor your website’s blog posts.

8. Install add-ons.

Last, it’s time to install an app from the HubSpot marketplace to extend the functionality of your website. Here’s how.

• In your HubSpot account, click the Marketplace icon in the main navigation bar.
• Under Manage, select Connected apps.
• Click Visit App Marketplace.
• Use the filters in the left sidebar to browse for an app.
  
• Click on an app to see more information.
• On the right, you can review the details of the app. Under Requirements, check whether or not the app is compatible with your HubSpot subscription, and see if there are any app-side subscription requirements.
  
• When you’re ready, click the Install app button in the top right corner of the screen.

Once you’ve completed these steps, just click “Publish” and your site is ready for use.

This is a fairly broad and general overview to get you started building a website with Content Hub, but there are plenty of more in-depth features and tools you might want to explore with a HubSpot specialist, or by checking out HubSpot’s Help Center.

After you’re done building a website via Content Hub, it‘s important to check that you’re not missing any crucial elements or going live with any glaring errors.

Once you‘ve gone through this list above and feel like you’re close to a website launch, check out your website launch checklist for a detailed list of things to check before you go live.

Building Web Pages: FAQs

How much does it cost to build a website?

The cost of building a small business website can range from $500 to $2,500, but the price can be higher if you’re working with a developer.

You should also take into account recurring costs such as hosting, domain name registration, and SSL certification.

Here’s a resource to help you gauge costs:

• We Break Down the Costs of Building & Managing a Website

How hard is it to build a website?

Building a website isn’t hard at all, especially if you opt for a website builder that packages everything for you. In general, you won’t need to touch a single line of code.

How do you create a website for free?

You can create a website for free by signing up for a free subscription on a website builder platform such as HubSpot, Wix, or Weebly.

However, you’ll have a branded subdomain from the provider (e.g. yourname.weebly.com). You’ll also have branding on your website, and free websites are often limited in design, features, and functionalities.

We recommend upgrading to a paid subscription once you get started and are ready to scale.

How do you build a website from scratch?

You can build a website from scratch using HTML, CSS, JavaScript, and sometimes, PHP.

You compile these files and then upload them to your web host’s file manager. (You’ll still need to purchase a hosting service and register a domain.)

How much does it cost to hire someone to build a website?

Thumbtack reports that a freelance web designer costs from $750 to $1,000. Upwork reports a $15 to $30/hour range for hiring a web developer on their platform. This is on the low end and accurate pricing for building a small website.

For hiring a web developer for a custom or long-term project, you can expect to pay in the $8,000 to $25,000 range.

Here are some more resources:

• How to Hire a Freelance Web Developer
• Web Designer vs. Web Developer: What’s the Difference & Who Should You Hire?

How long does it take to build a website?

A website takes, on average, three to six months to build if your brand is small or just getting started. If you’re creating a custom or complicated project, you can expect your website to take a year or longer before it is up and running.

Build Your Website: Tips

Ready to build your own site? Let’s take a look at tips you can use to guide the creation of your site.

1. Choose a one-page design if you want to launch your site more quickly.
2. Include a high-contrast button on the top right of your navigation bar telling visitors to contact you.
3. Use Lorem Ipsum text to preview what the written content will look like as you adjust the layout. That way, you don’t have to write all the content right away.
4. Buy an SSL certificate if your CMS doesn’t include one already.
5. Make good use of white space to keep your site as simple and easy-to-read as possible.
6. Set your domain and hosting subscriptions on auto-renew to avoid service interruption.
7. Create Terms of Use and Privacy Policy documents if your site gathers user data.
8. Double-check that your website is responsive by accessing it from your mobile device. Most CMS systems and website builders will automatically make your site responsive, but you always want to double-check.
9. Resize your browser window to test what the elements look like at different browser sizes.
10. Access your site from different browsers (Safari, Chrome, Opera, Microsoft Edge) to see how the elements render depending on the browser.
11. Learn basic HTML and CSS so you can more easily customize your site later.
12. Include high-contrast buttons throughout the page that allow visitors to get in contact with you.
13. Stick to five navigation bar items at most.
14. Ensure your navigation bar shows up on all pages.
15. Create submenus for your navigation items to effectively group your subtopics.
16. Create an XML sitemap for search engine crawlers to find and index your site.
17. Submit your website to Google Search Console once you’ve launched it. That way, Google can crawl it much more quickly.
18. Use an analytics tool such as Google Analytics to see who’s accessing your site and from where.
19. Link internally from page to page so that search engines understand how the pages are related to each other.
20. Use keyword-rich anchor text when linking to internal pages.
21. Link to other strong sites in your niche to signal relevancy to Google.
22. Add your business or personal brand to social media sites and link back to your website.
23. Research other sites in your niche and get content ideas from them.
24. Compress all images to under 250KB. The smaller, the better.
25. Publish and maintain a blog — we’re serious about that. Try to post once a month.
26. Aim for a minimum of 800 words per page and per blog post.
27. Use a grammar-checker such as Grammarly to ensure your copy is error-free.
28. Avoid duplicate and boilerplate content — even one paragraph can be enough to hurt the credibility of your page.
29. Recheck your site architecture to make sure that your page hierarchy makes sense.
30. Create a backup of your site whenever you make major changes.
31. Seek guest posting opportunities and link back to your site in your author bio.
32. Join industry organizations and link back to your site from your member profile.
33. Avoid duplicating pages to use the same layout. If you do, double-check that your slug doesn’t read .com/original-page-copy. This happens more often than you think. If it happens, change your slug. Here’s how to change your slug in WordPress, in case you’re using that CMS.
34. Keep your page URLs short and user-friendly. If the title of a blog post is “50 Ways to Conquer Your Fear of Heights and Fly Worry-Free,” don’t have a URL that reads example.com/20XX-03-25/blog/50-ways-to-conquer-your-fear-of-heights-and-fly-worry-free. Consider instead: example.com/conquer-fear-of-heights.
35. Add breadcrumbs to your website to clarify your site structure. Here’s how to add breadcrumbs in WordPress.

Build a Website to Grow Your Online Reach

Building a website is a must-do for anyone who wants to be online. Without it, you won’t be found at all, and it can help you look more professional and established.

Using this guide, you’ll be sure to publish a site that helps your business or your personal brand grow better.

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

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

According to a recent survey, 70% of customers rely on expert and insider advice. That’s right — that means most people trust bloggers more than celebrities, journalists, or politicians.

But how do you get people to fall in love with your blog in the first place? (Aside from remarkable content, of course.)

Well, just as your website homepage is like the front door to your business, your blog’s design — much like a welcome mat — is the front door to your business blog.

If you’re not attracting people visually, how will you get them to take the next steps to actually read (and, hopefully, subscribe to) your content? Once you’re done creating quality content, you still have the challenge of presenting it in a way that clearly dictates what your blog is about.

Images, text, and links need to be shown off just right — otherwise, readers might abandon your content, if it’s not showcased in a way that’s appealing, easy to follow, and generates more interest.

That’s why we’ve compiled some examples of blog homepages to get you on the right track to designing the perfect blog for your readers. Check ’em out, below.

Inspiring Examples of Beautiful Blog Homepage Design

1. Help Scout

Sometimes, the best blog designs are also the simplest. Help Scout, makers of customer service software, uses a unique but minimalist design on its blog that we love — it limits copy and visuals and embraces negative space.

What we particularly like about this blog is its use of featured images for all posts, including the “Most Recent Posts” section that highlights recent or particularly popular entries. These images catch the readers’ eye and signal what the post is about. And it works — everything about this blog’s design says clean and readable.

2. Microsoft Work & Life

Full disclosure: We’ve totally gushed over Microsoft’s microsites before. We can’t help it — what better way to revitalize an old-school brand than with a blog that boasts beautiful, interactive, and inspiring branded content? Plus, the square images in the layout of these stories are reminiscent of the Microsoft logo. This helps it achieve valuable brand consistency.

Microsoft Work & Life is also a prime example of how a business blog can be a major asset for an overall rebrand. In recent years, Microsoft has worked to humanize its brand, largely in response to a rivalry with Apple.

The “Work & Life” microsite has a simple tagline — “Learn how we’re helping people stay connected, engaged and productive — at work, at school, at home and at play.” It’s the softer side of Microsoft, so to speak.

When you’re trying to convey a certain brand message, you can use your blog to communicate it — both aesthetically and content-wise.

3. Pando

An important aspect of a well-designed blog is a consistent color scheme and style. After all, 80% of consumers say that color boosts their recognition of a brand.

It’s interesting to see how color consistency can unify the more diversified elements of design. Pando, a blog that explores the startup cycle, incorporates a set palette of colors — orange, green, pale blue, lavender, and deep yellow — in several sections of its site. These colors appear in the background, highlight bars, and certain areas of text.

But it also uses several different fonts — all of which manage to look seamless when tied together by a cohesive color scheme.

4. Design Milk

Design Milk, an online contemporary design outlet, uses a simple layout to highlight its posts. If the arrow beside “Read” at the top left points down, you can scroll through featured images and teaser text for a variety of articles. If the arrow beside “Read” points up, you see a perfect showcase of blog topics and highlighted posts.

That’s an internal link strategy, which helps to encourage readers to stay on the site longer.

The social icons at the top of each post are a pleasant addition to the overall look and feel of the site. They’re easy to spot and make it easy to share Design Milk’s content. (And to learn more about adding social buttons to your blog, check out this post.)

5. Fubiz

Fubiz, an art and design blog, is an example of a really sleek design that also includes some cool personalization.

The blog’s homepage makes it easy for readers to side-scroll through “The Highlights.” Below that is the Creativity Finder, where visitors can choose their persona — from “Art Lover” to “Freelance” — location, and the type of content they’re looking for. From there, readers can browse content specifically catered to them.

We can’t help but love the images, too. Each featured image has a distinct style. By using the design to highlight these powerful photographs, Fubiz is able to visually attract visitors to its content.

For a similar look, check out the Content Hub theme collection on the Envato marketplace.

6. Webdesigner Depot

With a name like “Webdesigner Depot,” it’s no wonder that this design news site is visually appealing.

One thing that we particularly like is the responsive images on each individual post. The subtle motion of the image as readers scroll over a range of articles helps catch visitors’ eyes.

And check out the effective use of the featured image to highlight the most recent article. This approach pulls the viewer immediately into the blog’s most recent content.

What’s more, the color scheme, background, and fonts are all consistent — which keeps this blog looking professional, but still distinct from the basic blog templates you might be used to seeing.

7. Mashable

I mean, just look at that header image — bold colors, recognizable gadgets, and contrasting text. It absolutely catches the reader’s eye — no pun intended.

Mashable breaks its content into three noticeable sections on the homepage:

• New posts get attention with a large featured image and three highlighted blocks.
• Posts for each section get attention with a featured image at the top of two to three columns with a short list of headlines underneath.
• Then “Trending” posts show up to the right, with bold text on top of a shadow box graphic.

This multi-pronged approach to displaying content can help readers decide which kind of news matters to them the most. They can quickly choose between attention-grabbing top stories, the hottest posts, or stories on the topic they’re most interested in.

The “Related Stories” that end each post are also a great feature to connect readers to more of the content they’re looking for.

8. Brit + Co

Everything about the Brit + Co homepage says clean, warm, and welcoming. It’s free of clutter, making the content more digestible, and the layout is extremely organized.

We dig the seasonality of the site, too — from avocado jack-o’-lanterns on the first of October to dinner recipes for Valentine’s Day. Adorable, and replete with colorful, fun photos to illustrate each story’s content.

The subtle “This Week’s Stories” header also serves as a nice way to promote popular content, without being too in-your-face about it. Plus, with such great visuals, we took note of the nod to Pinterest. That icon is important to include when your blog incorporates so much attractive imagery.

9. Tesco Food Love Stories

We love the colorful, consistent design of Tesco Food Love Stories, from British grocery chain Tesco.

Remember how we keep harping away at brand consistency? Check out the way this brand naturally incorporates the logo into its photography and featured video.

What Tesco has achieved is a great balance of simplicity and boldness. The layout is minimal, but not dull. Warm and welcoming shades underscore each content highlight and recipe, and the photos add dashes of colors throughout the site. It’s a great example of how the right imagery can achieve an appealing “less-is-more” appearance, especially if that fits in with your overall brand concept.

10. HubSpot

HubSpot’s blog finds a way to pack a lot of exciting content into the page while still being easy on the eyes. Notice that, above the fold, it features one blog post with a large image, title, and call-to-action to read more. The featured image is unique to the brand with an appealing combination of photography and graphics to draw the eye.

To the right, there’s a list of top posts to engage readers with the wide variety of content on the blog. This makes it easy for readers to connect with HubSpot or learn more.

Plus, there’s that consistency again. As you keep scrolling down the page, each section is visually consistent no matter what topic, podcast, video, or blog post you’re looking for. Using this strategy can help you build brand trust.

11. I Love Typography

If you’re into design, you understand the power of fonts. The right font can make words sing on a web page, while the wrong choice can be a hard-to-read mess. So, a blog that features hundreds of fonts has to get creative with blog design.

I Love Typography gets the balance just right with a clean and simple design. Three vertical columns separate blog themes and top posts from the most recent additions to the blog. Meanwhile, it dedicates the right side column to highlighted blog features. This section features fun clickable graphics (like that sweet cassette tape) that balance the bright colors and shapes that dominate the posts on the left-hand side of the blog.

If you’re creating a blog for the first time, this is a smart approach to borrow from. You can also check out these tips on starting a successful blog.

12. 500px

The photography blog, 500px, leads with one featured article and a big, bold, high-definition photo to draw the reader in. That makes it pretty clear what the blog is about — it boasts valuable content on photography with gripping photography.

Plus, how cool is it that the social links are right there, obviously displayed above the fold? They keep readers engaged with the content and make it easy to share the photography. Plus content with images gets more than double the engagement on Facebook as posts without images do.

13. Wired

The more topics you have on your blog, the more chaotic the experience can be for your readers. That’s why we like the refreshing simplicity of Wired’s blog design.

Depending on the size of your screen there could be eight or more headlines above the fold alone, but this design is still easy to scan and dig in.

Every post includes a featured image to draw you in. Then, striking font choices make it quick to understand the category, author, and headline for each post at a glance.

If your blog started simple and you’re having a hard time making it work as it grows, this blog is great inspiration for a redesign. You can also use this workbook for redesigning your blog website.

14. Golde

Golde is another blog that uses images for great communication. Using the brand name as a starting point for its blog “The Golden Hour,” Golde makes a featured image the focus of each blog post.

Then, the gorgeous photography uses yellow and green tones in each photograph. This creates a consistent, warm, and appealing feel to draw you into each blog post.

Once you click on a post, this blog makes perfect use of the space below the text to highlight products, recipes, and other useful resources.

15. Recode

Ads are a useful way for many blogs to generate income. Many small businesses offer a blog to highlight their products and services. At the same time, other standalone blogs can struggle to balance design with the need to monetize their content.

Recode features the latest tech news using an asymmetrical grid structure. Bold thumbnail images paired with headline text align with larger images with overlaid text in all caps.

This variety of approaches to image and text make it easy for viewers to scan and choose the post they want to read. The layout includes some animation too and this adds excitement to the blog layout.

Besides being a great user experience, this design lets the blog weave in ads that aren’t distracting to the eyes. At the same time, they also don’t blend in with the organic content, letting Recode create an authentic experience for its readers.

16. Pluralsight

This blog is a great reminder that blog designs don’t have to get super fancy.

Notice the bold title at the top and center of the page. Then the featured illustration at the top uses a bright background and simple white-on-black text. That bold brand presence stays constant throughout the company’s blog.

The clean fonts, for example, match the logo and stay in line with the brand’s clear, informative voice. And the grid structure and headers for each section make it easy to understand what you can find on the blog.

We also like the easily-navigable archive links at the top and how easy it is to see the blog archive with minimal scrolling.

17. Crayon

Many blogs want to show readers a little bit of everything they offer. But depth can be just as enticing to readers as breadth. If you want your visitors to dive into what your blog writers have to say, this blog design gives them an easy choice — just start reading.

With an extended teaser in the header, the focus above-the-fold for the Crayon blog is the latest blog post. As a reader scrolls down, they’ll find a grid with more content from the blog.

We also like the color coding by topic, which makes it easy to locate blogs of interest at a glance. You can see more text-forward blog design examples here.

18. Black Travelbox

To clear up any confusion, Black Travelbox doesn’t make suitcases. It makes personal care products for travel. But the company has done a great job of connecting its portable balms, conditioners, and more with the joy of travel.

Plus, the folks at this company’s “Travel and Slay” blog know a thing or two about brand consistency across channels. The blog has a simple color scheme and matching fonts help to create a unified user experience from the shop to general content. At the same time, it throws in bold, colorful images to catch readers’ attention.

Visit the website and have a scroll — we think it’s pretty cool how the images vary, but each blog entry highlights a different “travel crush.” Then, it packs each post with bright photographs, smart interviews, and joyful stories.

19. Pixelgrade

Pixelgrade is a design studio that creates stunning WordPress themes for creative people and small businesses. Their blog page does a great job of highlighting one of their most recent or popular blog posts, alongside a clear call-to-action and a short excerpt.

What I like best is that the design of the page is 100% in line with their brand. If you like the design of their blog, chances are you’ll also want to try one of their smart and beautifully-designed WordPress themes.

For more WordPress blog design ideas, check out this post about WordPress themes for bloggers.

20. BarkPost

We kind of like dogs here at HubSpot. So when a blog dedicated to life as a dog owner came across our radar, it got our attention.

BarkPost, the blog of canine subscription box company BarkBox, is a great example of design for many reasons. First, look at the big fun font in every header — it’s quick and easy to read, even from a mobile device.

Adorable images make the posts for each topic noticeable, too — and, of course, all in the brand-matching, trustworthy blue.

We also like that BarkPost draws attention to its sister companies. Whether you’re interested in doggie dental care or the best food for your pup, this fun blog design makes it easy for dog parents and lovers alike to find the latest news and resources.

21. Goodwill Industries International

Who says nonprofit organizations can’t blog? Nay, they should. Check out this ultimate nonprofit marketing guide to make yours great.

In this example, Goodwill’s clean, colorful navigation (again — the trustworthy blue) draws the reader to the important elements of this blog.

The posts are also neatly positioned and easily accessible to readers. And, visitors can pick the type of information that matters to them the most by choosing a topic from the simple buttons in the graphic above the fold.

Finally, we love the emphasis on personal stories on the Goodwill blog. This design has long-form teasers that lead readers into this organization’s programs. This approach makes it easy to learn why so many people chose to support Goodwill.

22. Springly

Keeping the nonprofit blogging train going is Springly, which makes excellent use of a simple grid format by highlighting the greatest resources of most nonprofits — dedicated people.

This blog has a simplistic design with concise text and a clear color palette for nonprofits looking for useful resources.

Each article card features the first name and picture of the author, shining the spotlight on its contributors. It also shows how long it will take to read the post.

Placing time and people at the forefront aligns with what most nonprofits focus on. This approach makes the blog more valuable to those who are most likely to contribute and use it.

Still looking for more inspiration and ideas? Click here to check out over 70 more examples of website blogs, homepages, and landing page designs.

Use These Blog Design Examples to Build Your Best Blog

Creating a beautiful blog isn’t just about looks. If you want your readers to really fall in love, the design of your blog should match the needs and expectations of your users. What’s most important to them? And what does your blog offer that no one else can?

Don’t just skim through these inspiring blog designs. Use them as a springboard to imagine how your blog can both connect with your audience and improve your blog design. Then, watch your readership grow.

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

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

If your business is reasonably successful, you may come up with many reasons why an effective website isn’t all that relevant for you.

Sure, you understand the need to have some web presence, but you might not believe that an effective website is going to make that big of a difference for your particular business — especially if you’re already plenty profitable.

What do you think? Do you need a website to run a successful business?

This article discusses reasons why having a business website is a wise investment and why you sometimes don’t need a website.

Does My Business Need a Website?

Many business owners ask, “Since I have a small business with a small workforce, and since we don’t sell anything online, do I need a website?”

The answer is YES!

If you have a business, you should have a website to avoid losing business to competitors that already have one.

Furthermore, are you sure you can’t sell your product online? COVID-19 has altered the retail landscape, with millions of shoppers online looking for everything from books to clips to houses to natural gas and more. So while you dither, your competitor has likely seen how effective a website can be for their business.

You definitely don’t want to be left behind.

But you might ask, “Doesn’t my Facebook page count?”

Do I Need a Website if I Have a Facebook Page?

It’s common for businesses to rely on Facebook or other social media platforms as their main advertisement channel. And these channels offer advantages.

For example, they help build a larger audience and even help you carry out market research. However, a Facebook page should not replace your business website. Here are some reasons why.

1. You Don’t Own Your Facebook Page

What happens if, one morning, Facebook decides that it won’t support businesses anymore? If your Facebook page were your sole online presence, all the clients and followers you built would likely disappear.

In fact, not too long ago, Facebook was down globally, causing moments of frenzy.

And while it’s doubtful Facebook will stop supporting businesses, you don’t have any say in the changes Facebook chooses to implement.

However, with your website, you have total control over your websites’ appearance and features.

2. Facebook Has SEO Limitations

Think about it. Where do you go when looking for a business locally? Facebook or Google? The 3.5 billion daily queries on Google show that most people turn to search engines over social networks to find information.

A business website allows you to position yourself so people will find you when they make search queries concerning the products you sell or the services you provide. Even if you can easily compete with larger websites, you can optimize your site for local searches to attract an audience in your area.

3. A Website is More Credible

A business website is a badge of trust, and people only buy from businesses they know, like, and trust. So while it might be quicker to create a Facebook page, you would be able to command more authority and trust with a business website.

4. Attention is Fleeting on Facebook

Facebook is massively competitive. Having your business listed on Facebook means that you’re constantly fighting off competition from several other companies.

What’s more, you have to compete with your potential client’s Facebook friends. Many people find advertisements annoying, especially when they want to interact with friends, making them ignore your business posts or ads.

On the other hand, a business website ensures that you have a potential client’s full attention. So while you might do some legwork to get them over to your website, once they’re on your website, the chances of patronage are higher.

Now, we aren’t saying you shouldn’t have a Facebook page for your business. But, instead, your Facebook page and other social media should support your website—not replace it.

Benefits of a Website

Whether you’re a small or big business, a business website offers plenty of advantages. Here are the most significant benefits of having a business website.

1. A Business Website Makes You Look Professional

Anyone can create a company page on Facebook; it’s free and can be done in a jiffy. This low barrier to entry takes away much of the credibility of a business social media page. Customers don’t know who’s behind a Facebook page, where they are, and whether it’s all a scam.

On the other hand, creating a business website is not free and indicates that you’re relatively serious about your business. Therefore, a business website makes you look more professional and credible.

2. It’s an Essential Step in Your Customer’s Journey

An effective website is where you want your audience from different channels to end up. It’s on the website that you’ll inspire action from your potential clients.

Your website is like a physical shop—people walk by it until they come in to look at what you offer. So even if they don’t buy something the first time they walk in, they might buy something on subsequent visits.

On a similar vein, customers come across your business via different channels like social media feeds. If the social feed ad is interesting, they’ll expect to visit your website to find out more about the business. If there isn’t a website, they might not take the next logical step in the customer journey.

3. A Website Increases Your Visibility

There are over 4.5 billion active internet users worldwide, and over 90% of them accessed the Internet via mobile devices.

Without a website, your business is virtually invisible to these people. With COVID-19 pushing the global market even more digital, your business will become invisible to those that matter unless you invest in a website.

4. It’s Essential For Local Businesses

Many small business owners don’t see the need to invest in an effective business website. However, they’re currently missing out on an incredible source of revenue.

The following statistics show how important a website is for a local business:

• 46% of search on Google include local intent
• 97% of users use search to find local businesses
• 28% of users purchased an item after a local search
• 70% of users will visit a store because of what they found online

A business website will help you capture all of this potential and make your business even more profitable.

5. It Offers Social Proof

What your customers say about your business can determine whether others patronize you or not. So while review websites like Yelp are good, your website is the best place for people to get more information about your business.

Displaying your best testimonials on your website is an effective way to establish trust and social proof. What is more, publishing your best reviews on your website ensures that third-party review sites don’t minimize the good things people say about your business.

6. A Business Website Gives Lasting Value

One of the best things about investing in a business website is how it continues to generate value for you even years after you’ve created it.

When you pay for ads on social media, your potential clients only see your ads for as long as you run them. If they don’t see it, you’ll have to pay again to run the ad campaign.

On the other hand, a business website will give you ROI over time. Even if it doesn’t give you returns in the first year, you have time to tweak things until you get returns.

7. Creating a Business Website is Easier and Cheaper Than You Think

Many business owners refuse to create a website because they believe it’s difficult and expensive to create an effective website. However, that’s not true.

There has never been an easier and cheaper time to create high-quality websites. There are affordable, easy-to-use website builders available to you. Creating a website and hosting a website is pretty straightforward.

8. A Business Website Lets You Sell Online

Ecommerce sales are exploding and are projected to hit over $5.4 trillion in 2022. Surely, none of these sales happen with businesses that don’t own websites.

Even if you aren’t a traditional ecommerce business, having an online storefront can help you attract new customers and help you continue selling even when your physical store is closed.

9. You Have Complete Control Over Your Website

Since your website is your property, you get absolute design freedom — unlike with social media platforms.

You can share user reviews, videos, images, and whatever else you desire.

Also, you don’t have to follow the constantly updated rules of social platforms. And if there’s a social media blackout, like when Facebook, Instagram, and WhatsApp all disappeared for several hours, your website and its content remain safe.

10. A Business Website is Easy to Manage

Managing websites used to be daunting. However, with a content management system (CMS) like Content Hub or WordPress, it’s now easier than ever to manage a website. In addition, you don’t need any technical skills to keep your website up to date.

11. Websites Improve Customer Service

An effective website will contain plenty of important information your customers need. Therefore, there’s no need for them to call about location, hours of operation, and other simple questions. By helping customers, a website improves the overall customer experience.

Furthermore, since simple questions from customers don’t bog down your workforce, they can focus on other vital processes that increase company productivity.

12. A Website Helps You Edge Out The Competition

Even as a small business, an effective website allows you to compete with your industry’s “big boys.” If you play your cards right and properly optimize your website, it’s possible to outrank bigger websites, and get quality leads organically from search engines.

But even with the many benefits a website provides, is it still possible that you don’t need one for your business? Yes, and here are some reasons why.

5 Reasons Why Your Business Doesn’t Need a Website

Here are some reasons why your business might not need a website.

1. You’re Not Looking to Grow

One of the primary reasons for having a working, effective website is to increase the number of clients you have and grow your revenues. If you’re not looking to grow your business significantly, there’s probably little reason to try and find more clients or increase your revenues.

2. You Have Enough Leads

Many businesses do a great job of getting referral customers and tapping their existing network for new business. If this is you, then perhaps a website is not that important. This assumes, of course, that your Rolodex will continue to be an effective mechanism for you to get all the new business you need.

3. You’re Not Hiring Any Time Soon

If you are looking to increase staff, the chances are that your prospective hires will likely want to learn more about you. And they’ll probably turn to your website.

With all other things being equal, potential recruits will pick a company with a vibrant website over one with a brochure on the web.

Small businesses would be well served by a website, as they don’t have the resources that can help attract exceptional people outside of their immediate network. A website can help with that.

But if you’re not looking to hire top talent, then you can do without a business website.

4. You’re Operating in a Virtual Monopoly

If you have the luxury of running a business for which there’s very little (if any) competition, and you’ve got an offering that people must have, a website is probably not crucial. Your clients need what you have, and there’s nowhere else to go. Congratulations! Though a shiny new website might impress your spouse and colleagues, you probably don’t need one to improve your business.

5. You Don’t Expect to Sell the Company Any Time Soon

For more and more types of businesses, the website is an important asset that factors into valuation discussions. This is particularly true if you have a startup business, a hi-tech business, or one that “scales” well (i.e., adding new customers does not increase costs proportionately).

The reason is quite simple. If you have an effective website and can demonstrate that it is successful at helping you get new clients, you have a better business than someone who doesn’t. The Internet is an excellent way for many companies to have a low customer acquisition cost.

The other nice thing about the Internet as a vehicle for marketing and sales is that it can be more easily measured. Imagine if you are selling your business and showing the acquirer a chart of your web traffic (and how it’s grown over time) and precise data on how that traffic translates into revenues — you will likely find that the two are highly correlated. If I were on the buying side, I’d sit up and take notice.

Final Thoughts

The decision to either create a website for your business or not is ultimately yours to make. However, if part of your business goals is to improve lead generation, visibility, social proof, and authority, then creating a website is an excellent place to start.

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

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

Search engine optimization (SEO) may seem like a straightforward concept.

You pick keywords related to your business, create content with those keywords, and you’re set to watch your site grow — a simple three-step process, right? Nope.

While those are fundamental elements of SEO, it can actually be quite challenging to create a strategy that helps you drive traffic and enough of it to meet your overall business goals.

It can be difficult to get your feet off the ground. Thankfully, there are various tools specifically designed to help you with SEO, build domain authority, and achieve high ROI. In this post, we’ll hear inspiring stories from HubSpot clients that have used our SEO tools to achieve business success.

5 SEO Success Stories To Inspire Your 2021 Strategy

1. Ironpaper

Ironpaper is a digital marketing agency that helps their B2B clients grow. They worked with one of their clients, Goddard, to achieve significant success using HubSpot’s SEO tools.

Jonathan Franchell, CEO and Founder of Ironpaper, says, “While Goddard fills a real need for their customers by designing medical devices, historically they’ve struggled to find quality leads that could use their services. Instead, their website attracted a lot of spam and unqualified contacts.” Ironpaper began making critical SEO updates with HubSpot tools on Goddard’s site, focusing on internal linking, content strategy with business-relevant keywords, and technical SEO issues like broken links and meta tags.

Over an eight-month campaign, Ironpaper helped Goddard gain 2,361 Google positions across various keywords relevant to their offerings. Franchell says, “Because we created targeted content centered on strategic keywords, Goddard’s Google rankings increased even throughout a dip in traffic.”

The company also now ranks in the top 100 for 50 strategically targeted terms and can use HubSpot’s insights reports and dashboards to monitor their progress to ensure that their future marketing efforts are hyper-targeted for the audience they’ve worked hard to develop.

2. Apptega

Apptega is a cybersecurity and compliance platform. As they grew their business, they knew they would need an optimized website that generated leads. They also recognized that their existing WordPress site wouldn’t be enough for them to reach their goals.

Joelle Palmer, Apptega’s Digital Marketing Manager, says, “We had built a Frankenstein monster in WordPress. Our dev team would constantly have to drop what they were doing and fix our website.” Apptega then decided to migrate its existing site into Content Hub.

Apptega saw almost immediate success with HubSpot’s SEO tools: “We saw one of our core pages move from a number100+ ranking on Google to position number three in two weeks. SEO usually takes three to six months to work…that was truly amazing for us as a company to experience.”

Some of the tools Apptega used within Marketing Hub to achieve their growth are the on-page SEO recommendations that direct users to pages that need attention and additional ways to optimize content.

3. Beacon Digital Marketing

Beacon Digital Marketing specializes in driving results for FinTech, SaaS, and B2B businesses.

As HubSpot Platinum Partners, they understand how to use and implement HubSpot tools to drive growth and success. While they typically assist other businesses, they took an internal look in August 2020 and decided to implement an SEO overhaul of a post on their blog that they believed could perform better than it already was.

They focused on a few critical areas for improvement: updating metadata, optimizing for a featured snippet, and re-targeting original keywords. The HubSpot content mapping tool helped them create a strategic pillar-cluster plan, and the on-page SEO recommendations provided them with helpful tips. After implementing their new strategy, they noticed an almost immediate 50% increase in page views: July 2020 showed 991 organic search traffic views, and August 2020 had 1,552.

Their optimization allowed them to draw more traffic to an existing blog post, and they have also seen an increase in organic traffic to additional pages on their website. This goes to show that a well-rounded SEO strategy can impact all areas of your business, as an increase in traffic leads to curious customers eager to learn more about what you have to offer.

4. Take Note

Take Note is a UK-based business that provides a range of audio and video transcription services, captions, and on-site note-taking. When demand for their business grew, they struggled with balancing disconnected tools to support their needs and obtain consistent growth. Thomas Carter, Director of Marketing at Take Note, said, “I think for us, SEO is the way to grow within such a competitive market.”

The business officially signed on to HubSpot in 2018 and has since increased its website traffic by 22%. At the same time, their customer base and revenue have grown by 16-22%. They’ve also seen an increase in leads. Carter adds, “Long term, we want to continue to focus on ensuring the quality of our services remains exceptionally high while using technology such as HubSpot to automate and optimize behind the scenes.”

5. Revenue River

Revenue River is a digital sales and marketing agency that helps companies scale and become competitive in their industry. One of their clients, Kofinas Fertility Group, saw their site traffic significantly impacted by COVID-19. Eric Pratt, the Managing Partner at Revenue River, says, “The site saw declines from mid-February all the way through May.”

The business got to work and conducted competitive analysis and keyword research to identify areas of opportunity for growth. They decided that the best course of action was to create pillar content and supporting content clusters, which would help them establish their domain as a source of authority in their industry.

Since implementing the new strategy in November of 2020, the site has nearly doubled its organic traffic. Between March and June of 2020, they saw 86K impressions, and January-March 2021 saw 1.1M.

Pratt says this success “Came about because of a combination of SEO strategy planning for research, topic clustering, and on-site/page optimization features to enrich the SEO appeal of the content we’re producing and publishing through HubSpot.”

Improving Your SEO Doesn’t Have To Be A Challenge.

The success stories we’ve highlighted in this post show that SEO doesn’t have to be a challenge, especially with the help of a high-powered SEO tool. Learn from these clients and create a strategy that works for your business.

 

 

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

The insights from this article came from the HubSpot Academy’s Free Website Optimization Course. Take the full course to learn more about responsive design and how to optimize your website’s performance.

Across the world, over 50% of total internet activity is done on mobile devices. Desktops follow behind with a little over 45% of total internet activity, and tablets make up the rest.

Today, with so many people surfing the web from their phones, it’s essential to offer a great mobile website experience. Without it, you can’t cater to the majority of internet users, and are likely missing out on traffic and leads for your business as a result.

So how do you create an effective mobile experience? That’s where responsive design comes in.

Simply put, responsive web design is the method of designing web pages that appear in their optimized form across all devices.

In other words, a responsive design will automatically reformat your website for all screen sizes. This allows your website visitors to easily view and interact with your site no matter what device they’re using.

Here, let’s explore how responsive design works, and take a look at some examples to inspire your own responsive web design in 2020.

How does responsive design work?

A website developed with responsiveness in-mind adjusts to the size of the device and browser to display the content appropriately. Breakpoints are set up to target ranges that define specific displays. For example, you generally see breakpoints for phones, tablets, and desktops.

There are a number of responsive web design best practices to follow:

1. Buttons: A person’s finger is much larger than the pointer on a computer screen. Buttons and hyperlinks should be at least 48 pixels wide and 48 pixels tall to ensure all users can click them.
2. SVGs: Scalable Vector Graphic Files define an image’s shape in terms of vectors, meaning they can scale infinitely without losing quality image quality.
3. Responsive Images: Not all of your images are going to be SVGs. For these, you’ll want to use CSS rules to automatically adjust the dimensions of the image to fit the users’ screen size.
4. Fonts: Make sure that your font is legible across all devices. At a minimum, Google recommends using a base font size of 16 CSS pixels.
5. Device Features: While prospects and customers can’t call you over their computers, they definitely can on their smartphones. Consider changing your “Chat Now!” CTA to “Call Now!” and include your business phone number in lieu of email.
6. Test: As always, test your responsive website on different devices and browsers. To see how your website is currently performing, check out HubSpot’s Website Grader tool.

Responsive Web Design vs. Isolated Mobile Web Pages

There are two major methods for creating mobile websites: responsive design and mobile templates. Responsive design requires you only have one website that is coded to adapt to all screen sizes, no matter the device the website’s being displayed on.

In contrast, a mobile template is a completely separate entity requiring you to have a second, mobile-only website or subdomain. Mobile templates are also built for each specific site, not per screen size.

Mobile-only websites can be great solutions for larger applications such as Facebook and Twitter, but for most businesses, a responsive website is much more cost-efficient, and easier to develop and maintain.

Unlike isolated mobile websites, where you create a whole separate version of a website for mobile devices, responsive design adapts the layout to any screen size by using fluid, proportion-based grids. Responsive websites serve the same HTML to all devices and use CSS media queries to change how your website should look on each device.

As the number of people surfing the web from their phones continues to climb, a responsive design will make your life as a marketer easier and your website more effective. A mobile-friendly website will save you money in the long run, deliver a great user experience, and perform better across all devices.

Responsive Web Design Examples

If you aren’t using responsive web design already, then you’re in luck because it’s very easy nowadays to get started with it.

For example, on the HubSpot Content Hub alone, there are hundreds of templates available for free or purchase that are all responsive right out of the box. Let’s take a look at five remarkable examples of responsive web design in action from HubSpot developers for some inspiration.

1. Gingr, a pet-care software company, outshines the competition.

SmartBug Media designed a new website for a pet-focused SaaS company, Gingr, that reflected the brand’s fun voice while providing rich UX and mobile functionality. The design balances organic shapes with realistic imagery, which conveys and reinforces Gingr’s unique solution and professional yet modern voice.

To add texture without creating clutter, the site integrates shapes that play off Gingr’s logo, as well as uses organic shapes that resemble animal hair. The website functions well across devices by reorganizing the page elements while keeping the CTA above-the-fold.

2. Sunspace Twin Cities’ new website drives 40% increase in revenue.

Specializing in sunspace porch windows, Sunspace Twin Cities provides luxury porch windows to homeowners and contractors in Minnesota and Western Wisconsin.

The website has a functional UX that makes the most out of the space available on desktop, tablets, and mobile devices. Both the header and body copy are clearly legible, and the simple design allows the website’s content to speak for itself. Best of all, once the company updated their website’s design, they saw a 40% increase in revenue.

 

3. Hongda Service’s B2B website redesign.

It can be difficult to design a website that translates well cross-culturally. Hongda’s management team knew that appealing to foreigners was paramount to their success as a China-based company, and they were happy to progress with HubSpot to generate more leads.

The purpose of their design was to resonate with a Western audience. The blue primary and orange accent colors help this website stand out. Additionally, the site’s elements are easy to engage with across devices.

4. Energy sustainability platform Net4energy redesigns for both B2C and B2B customers.

Net4energy is a multisided platform that connects users who want to learn more about energy sustainability concepts and providers of products and services. Net4energy aims to inspire and educate users with guides, ebooks, and helpful content.

With their responsive design, Net4energy is able to offer their content to audiences whether they’re in the office or on-the-go. This example functions well because the header copy and CTA are resized to take up the right amount of space on each device without decreasing the readability or usability of the site.

5. ACYP creates a modular website design.

ACYP (the Advocate for Children and Young People) wanted to create a fresh new look for their website and the ability to manage it going forward. This required building page templates and modules using HubSpots’s draggable module CMS function.

The website uses a variety of modules that automatically adjust their width and height depending on the device they’re being viewed on. The images resize to take up just the right amount of space so that the header and body copy are immediately visible, even on mobile.

To learn more about how to create a high-performing website to grow traffic and leads, check out HubSpot Academy’s free Website Optimization Course.

 

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

This summer — as countries reopened — people who’d been stuck inside were finally breathing a cautious sigh of relief. At the same time, some company leaders were doing the opposite.

Why? In past years, entire industries saw summer slumps — or seasonal dips in sales or web traffic. This year, business leaders expected sharper dips as more consumers finally unplugged. Aside from this, they were also dealing with frequent HR requests from employees who’d been waiting months to take vacations or change companies entirely.

In fact, the Society of Human Resources Management reported that 41% of employees felt burnt out while 48% felt mentally exhausted by the end of their workdays. This, in turn, may have been impacting productivity and job retention levels.

Ultimately, leaders worried that 2021’s summer trends would impact their bottom line. But did they?

Throughout the summer, we dove into June and July web traffic and deal data from over 103,000 anonymous HubSpot customers around the globe. Then, we compared their summer results to pre-pandemic benchmarks from the summer of 2019. These were our key findings: 

2021 Summer Business Performance

Note: When looking at the charts and data below, each year’s traffic or deal benchmark is equal to its April numbers. Therefore, if industries were 10% under benchmark in June 2019, they saw a 10% dip since April 2019.

Web Traffic Went Down

In June 2021, global traffic dipped across almost all industries and segments. Compared to 2019, websites also saw less overall traffic growth. This dipping continued throughout the summer, while 2019 saw traffic slump level out by that point in the season.

Trouble seeing this graph? Click here for a JPEG..

The only industry that wasn’t slumping traffic-wise was Leisure and Hospitality, which saw a whopping 17.72% traffic increase between April and June of 2021. This was nearly the opposite of what we saw in 2019 when traffic decreased for websites in the industry by 13.27% from April to June.

Although Leisure and Hospitality’s early and continued summer traffic patterns were impressive, they’re still fairly unsurprising as news outlets continued to report spikes in reopening-related travel, outings, and excursions this summer.

 

Trouble seeing this graph? Click here for a PDF.

A few of the industries that saw the largest initial dips in traffic from April to June 2021 are Construction (-12%), Financial Activities (-11%), Manufacturing (-7.2%), and Trade, Transportation, and Utilities (-7.1%)

When looking at our data, June seemed to be the month with the most seasonal changes or slumps. As compared to 2019, some of the segments that saw larger traffic slumps were Trade, Transportation, and Utilities — which saw 3.7% growth from April to June in 2019 and a 7.11% loss during the same time in 2021; Education and Health Services — which saw 17.52% growth in 2019, but a 2.7% loss in 2021; and Construction — which only saw a 0.16% decrease by June of 2019 but saw a 12.06% loss in 2021.

Aside from Leisure and Hospitality, segments seeing the smallest slumps in summer traffic were Professional and Business Services with under a 1% drop, and Education and Health Services with just a 2.7% drop.

From a geographic standpoint, these traffic trends happened in all territories, except for Asia (and Australia later in the summer). These geographies either saw steady growth or leveled out traffic rather than large dips.

Trouble seeing this graph? Click here for a PDF.

While it’s unclear why Asia’s web traffic rose and Australia’s traffic stopped dipping, these trends might have been due to lockdowns and stay-at-home orders in these territories due to the continuing pandemic. 

Deals Went Up

Yes. You read that correctly. While traffic is seeing a summer slowdown, deal closings across industries are climbing.

Industries seeing the biggest growth from April to June of 2021 include Leisure and Hospitality (+44.7%), Manufacturing (+13.65%), and Trade, Transportation, and Utilities (+10.62%), while segments seeing the slowest growth are Construction and Financial Activities, which both have just under a 2% increase from their April benchmarks.

Businesses are also seeing a higher rate of deal closings than they did between April and June of 2019 — when five of the eight segments we studied saw at least a 3.5% dip in deal closings.

Trouble seeing this graph? Click here for a PDF.

While deal closings were up in June, and only dipped slightly in the later summer months, leaders still aimed to remain cautious throughout the summer.

Although deals were climbing, it was thought that businesses could’ve still seen dips in later summer months due to consumers continuing to travel, employee vacations, or teams feeling less pressured to close deals at the beginning of a new quarter. However, one optimistic point to note was that deal closings did not see similar lifts in June 2019, when many industries actually saw dips.

Ultimately, during summer or other seasonal slumps, successful leaders monitored traffic, as well as deals created, qualified leads, and deals closed to get a full look at their brand’s performance.

This data shows that more deal closings, but fewer qualified leads, signups, or deals created during seasonal slumps might not be a cause for concern. However, when your business sees a slowdown or shift of any kind, there are plenty of steps you can take to ensure future success.

How to Prepare For and Respond to Seasonal Trends 

Although summer has come to an end, seasonality will always be something brands need to navigate. Whether you’re in a summer or winter slump, or seeing a seasonal uptick in business — here are some expert tips on how to keep your business growing and thriving year round. 

1. Prepare when you can for business shifts.

During a seasonal slump, businesses can still take time to predict and prepare for what’s to come.

Alicia Butler Pierre, Host of the Business Infrastructure Podcast and CEO of Equilibria, Inc. says, “There are two major ways businesses can predict, diagnose, and/or prepare for a seasonal slump: resource planning and contingency planning.”

• Contingency planning: This strategy — which often includes creating a premortem, failure modes and effects analysis (FMEA), and disaster recovery and business continuity plan –helps brands prepare for unexpected dips or upticks caused by outside factors like news events or national disasters.
• Resource planning: “As your company utilizes different resources that serve as inputs into producing a good or delivering a service (outputs), you should collect data such as transaction dates, sale or invoice amounts, product or service type, and some customer demographic data.” says Butler Pierre. “If you notice the same patterns and trends year after year, you are in a better position to forecast and prepare for seasonal slumps. This, in turn, lets you know when to expand or contract inputs like labor and inventory.”

Image Courtesy of Alicia Butler Pierre

Data shows that a strong plan can be rewarding when business begins to pick up. In 2020, as consumers quickly turned to online stores for essentials, businesses that weren’t online were rushing to build online stores, while online stores were struggling to fulfill high-demand orders on time. Around this time, more than 50% of shoppers chose to buy products from brands with more product availability over brands they were originally loyal to.

“I strongly advocate businesses focus on improvements to their business infrastructure during seasonal slumps. It’s difficult to make improvements while things are moving so quickly, as all hands are on deck trying to fulfill orders and meet project deadlines,” says Butler Pierre.

“Improvements can include things like technology and equipment upgrades, process automation, and reconfiguring (or relocating) your physical work location. With these improvements in place, your company can work through the chaos that can accompany a seasonal uptick without compromising quality and excellent customer service,” Butler Pierre adds.

2. Launch demand plays.

“Unfortunately, when you’re dealing with macro trends in the market a lot is out of your control,” says Emmy Jonassen, HubSpot’s VP of Acquisition. “For example, there’s not much you can do if prospects are not visiting your site or talking to reps because they’re all on vacation.”

While you might not be able to solve seasonal business patterns, Jonassen says there are things you can do in the now to help the short and long term:

• Getting through the slump: When you’re facing a period of slowed demand, any incremental lift at the top of the funnel can go a long way. During times like these consider adjustments you could make in the short term to help in the short term. For example, could you increase your paid spend temporarily? Could you remove a field in your lead form for a period of time to improve CVR? Could you manufacture a bit of demand with a campaign or offer that provides timely and unique value?
• Making the most of what you have: In periods of soft demand, you want to make sure that you’re not leaving anything on the table. One way to do this is to perform an audit of your key acquisition drivers and invest in making optimizations. For example, if you’re able to improve search rankings and conversion rates of core landing pages, it will help you generate incremental demand. Investing in these kinds of optimizations will also put you in a much better position to capture demand when traffic does start to pick up.
• Weatherproof for the long-term: Periods of slowed demand can help us see where the holes are in our demand-generation engines. Use this time to identify where your engine’s holes are and put in place plans that work toward patching them in the future. For example, if your desktop conversion rates are outperforming your mobile conversion rates because you haven’t invested in a mobile-optimized site, now could be a great time to start planning that project.

3. Use data to guide your strategy.

Although dips on website views might concern you, seasonal traffic slumps aren’t unusual. And, you can use analytics tools to prepare for and respond to them.

On the HubSpot Blog team, we use tools like HubSpot Traffic Analytics to examine and prepare for seasonal dips due to vacations, office closings, and global holidays that take people off-line during the summer or winter months.

Because summer and winter are filled with vacations and holidays, we often use summer to focus on historical optimization, long-term conversion plays, process planning, and trend-responsive content that can gain quick bursts in traffic when search engines are impacted by seasonality. Meanwhile, we’ll often perform end-of-year planning and take personal time to recharge in winter, so we can start a new year fully refueled.

While a seasonal slump is a good time to look at and respond to unexpected traffic losses, it’s also important to remember that some decreases could be beyond your control and mostly due to seasonality. Additionally, if you’re a leader, you should look at other data aside from just traffic.

For example, you might also want to take a wider look at KPIs like online leads, email subscriber growth, online sales, and deal creation to learn how much web traffic losses are immediately impacting you. If traffic is down, but leads or deals are up, you might not need to pivot your whole strategy. If everything is going down — that’s when you might want to take a deep look at your overall processes.

Ultimately, as with process planning, digging into the analytics you have available will help you determine the best way to handle a traffic slump or uptick. To learn more about building an effective web analytics strategy specifically, check out this post.

4. Don’t forget about your current customers.

While deals are on the rise at the moment, some industries, such as construction and financial activities historically see dips or slower growth in the summer. Luckily, when business is slow, you can still take the time you need to maintain and potentially gain more business from your current clientele.

From a sales leadership perspective, Dan Tyre, Director at HubSpot, says that managers and teams should “look for ways to upsell or cross-sell new customers from the first six months of the year” or “use the time to work your referral program.”

“I like to call top customers in July to check in regarding the state of our relationship and see if there are other divisions or connections that can use similar help,” Tyre adds.

Additionally, leaders and companies can take more time to ensure their processes and operations are running smoothly when business is slow.

Regardless of whether you’re focused on gaining new clients or maintaining your customer list, tools like HubSpot’s Sales or Service Hubs can help you by allowing you to track deal creation, contact activities, and service inquiries. You can also use these tools to communicate with customers and prospects across different platforms like email, WhatsApp, and Facebook Messenger.

5. Strengthen team communication.

While you’ll want to stay in contact with prospects and customers during times of slump or business uptick, communication with your team will also be incredibly vital. While poor communication can halt processes completely, great communication could speed up the pace of projects that provide great revenue.

Regardless of how busy your business is, take time to check in with your teams through meetings, platforms like Slack or Zoom, or email updates.

Additionally, to keep everyone in the know of each other’s schedules during a busy summer, you should ensure that calendars are up to date with meeting times, blocks for heads-down solo work, and time off.

6. Balance results with employee well-being.

As seasonal trends fluctuate, it can be easy for managers and teams to get swept up with work and forget about taking time to unplug. And, as economies reopen and employees gain the ability to travel, the balance between self-care and productivity will be even more important for leaders to consider.

“Time away from the office may be a bit more pronounced this year, but it’s not unique. The key to any process is managing expectations and understanding who’s available when to keep consistency in the sales process,” Tyre explains. “It’s advantageous for everyone to manage lower levels of stress and take time off. In many cases, a no-meeting Friday or work from home Friday can increase salespeople productivity.”

Senior Product Marketing Manager Alex Girard similarly says, “First, I think it’s important to understand the value in taking time off. When employees use their time off, they’ll come back refreshed and able to do their best work.”

“Second, make sure you’re prioritizing the important work that will drive real impact,” Girard adds. “If your team is taking time off, make sure everyone on the team is aligned around what’s important, what is not, and what can be postponed for later. This will ensure you keep things moving during periods of high vacation time.”

Tools to Help You Navigate a Seasonal Slump or Uptick

• HubSpot Business Software: HubSpot’s CRM, Marketing, Sales, Service, and Content Hub can help you and your team measure your performance; identify slumps, upticks, or major snags in your process; and assist you in moving customers through the buyer’s journey — even during a time of seasonality.  
• Google Workspace or Microsoft Outlook: These programs allow teams to keep all their documents, calendars, and emails in one suite of tools that can streamline communication, project management, and the creation of new processes that will be vital to business growth.
• Task Management Tools: If you work with multiple teammates or are managing multiple projects this summer, tools like HubSpot, Trello, Asana, and Jira can help you track the progress of what your team is working on and identify where any blockers might exist.
• Communication Tools: Lastly, if you’re on a dispersed team like many HubSpotters, you’ll want to leverage a communication platform like Slack, Microsoft Teams, or Zoom to stay in contact with everyone you’re working with — even when there’s not enough time to schedule a meeting or check-in.

Editor’s Notes:

1. This post was first published in July 2021, but was updated in September to follow up data from the later summer months. 

2, The data from HubSpot’s customer base is reflective of companies that have invested in an online presence and use inbound as a key part of their growth strategy. Because the data is aggregated, please keep in mind that individual businesses, including HubSpot’s, may differ based on their own markets, customer base, industry, geography, stage, and/or other factors.

How We Protect the Privacy of Our Customers’ Data

We employ the following anonymization techniques to remove or modify personally identifiable information so that data cannot be associated with any one individual:

• Attribute suppression refers to the removal of an entire part of data in a dataset. Before sharing any customer data we apply suppression to any data attribute that on its own identifies an individual (e.g. name, company name) or has been assigned to an individual.
• Generalization involves a deliberate reduction in the precision of data, such as converting company size into a company size range. We apply generalization to indirect identifiers. These are data attributes that on their own don’t identify individuals, but could identify an individual when combined with other information. We use the k-anonymity model as a guideline to ensure any record’s direct and/or indirect identifiers are shared by at least k(set at 100)-1 other records,  protecting our customer’s data against linking attacks.
• Aggregation refers to converting a dataset from a list of records to summarized values. We apply aggregation by displaying a cohort’s mean or median values for a metric.

 

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

It’s no secret that poor user experience (UX) isn’t going to keep your customers and target audience coming back to your website. Poor UX also negatively impacts your ability to rank on Google’s search engine results page (SERP).

To ensure your website has delightful UX for your visitors as well as one that meets Google’s standards for ranking, you’ll want to focus on Core Web Vitals.

Core Web Vitals

At a high level, Google’s Core Web Vitals exist to fix poor user experiences on your website — Google knows that poor UX leads to higher bounce rates and that’s why they take page performance into consideration when determining your page’s ranking.

Core Web Vitals are meant to be applied by all site owners on each of their web pages to ensure all three Vitals — which we’ll talk more about below — are measured.

HubSpot Core Web Vitals

HubSpot’s SEO audit tool reviews all three of Google’s Core Web Vitals metrics for you. Below, we’ll cover the ways in which HubSpot can help you prepare for Core Web Vitals.

How HubSpot Helps Users Prep for Core Web Vitals

Google’s Core Web Vitals metrics are part of the search engine’s page ranking algorithm. HubSpot’s SEO audit tool flags pages with unsatisfactory scores based on Google’s Core Web Vitals metrics. Specifically, HubSpot uses Google Lighthouse to automatically scan all pages that make up a website. The tool then flags pages that fail any of these metrics.

Three Core Web Vitals that HubSpot’s SEO audit tool flags:

Source

1. Largest Contentful Paint (LCP)

LCP is perceived page load speed. It refers to how quickly a page can load and render all of its visual elements to the screen.

2. Cumulative Layout Shift (CLS)

CLS is visual stability. It refers to how often users experience unexpected layout shifts on a web page.

3. First Input Delay (FID)

FID is load responsiveness. It’s a quantifiable measurement of how users feel when a page is unresponsive.

An alternative measurement for FID is Total Blocking Time (TBT). TBT is the quantifiable measurement of how much a non-interactive page is before becoming interactive. In other words, TBT measures the total amount of time that a page is blocked from responding to user input. HubSpot scans and flags web pages that have a TBT of over 300 milliseconds for you (because Google believes a good TBT is anything less than 300 milliseconds).

Who benefits from HubSpot’s SEO audit tool?

HubSpot can help you prepare for Core Web Vitals whether or not you’re a Content Hub user — in fact, it’s available to those who are Content Hub Professional and Enterprise users as well as Marketing Hub Professional and Enterprise users. You can use HubSpot’s SEO audit tool whether you’re on a HubSpot-hosted website or a website hosted by another platform.

Pro Tip: Get HubSpot Content Hub or Marketing Hub to begin measuring your web pages’ UX against Google’s Core Web Vitals. 

Start Prepping For Core Web Vitals With HubSpot

With HubSpot, you’ll know if your web pages meet Google Core Web Vitals. As a result, you’ll be able to ensure your web pages are offering your visitors delightful UX. Additionally, you’ll know that your web pages have a significantly better chance at ranking for your keywords and phrases than they would if they didn’t meet Google’s criteria.

 

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

Just like every building needs a foundation, every business needs brand architecture. It’s the structure that allows you to organize your offerings, develop a brand identity, and gain brand equity.

The right brand architecture provides clarity around your products or services and influences how your brands and sub-brands relate to one another.

Without this framework, there’s no connection between your brand’s offerings, messaging, and identity. This inconsistency can confuse consumers and dilute the overall value of the brand. (Think of it like walking through a building where every room has vastly different interior design).

To ensure your brand architecture fits your business, this post will share the various brand architecture models, highlight real-life examples, and provide steps to choose the best structure for your company.

What is brand architecture?

Brand architecture is the organizational framework a company uses to structure its brands, sub-brands, and products or services.

The framework helps define both the breadth and the depth of a brand, which makes it easier to develop marketing campaigns, identify growth opportunities, and ensure consumers understand the offerings.

Image Source

Companies use brand architecture to inform internal efforts. It acts as the foundation for the brand identity, style guide, and brand story, but it also helps increase efficiency by highlighting opportunities for cross-promotion, brand awareness, and mergers and acquisitions.

Brand architecture isn’t always obvious to consumers, who use it as a way to categorize the company and understand how it meets their needs. For example, people may not know that Alphabet is the parent company of Google. But they have a specific perception of Google’s brand equity and transfer it to products like Google Sheets, Google Docs, or Google Search.

Ultimately, brand architecture is meant to bring order to a brand’s offerings and build brand equity. Not every architecture will work for every business, so let’s look at the options to see which may be the right fit for your brand.

Brand Architecture Models

The most common brand architecture models are branded house, house of brands, endorsed brands, and hybrid brands.

Branded House

Image Source

A branded house architecture combines several house brands under a single umbrella brand, leveraging the well-established master brand for its equity, awareness, and customer loyalty. Oftentimes, the house brands are designed to target different audience segments to maximize reach and revenue.

For instance, Apple uses a branded house architecture to create a seamless look and feel across its sub-brands: iPad, iPhone, iMac, Watch, and TV. By leaning on Apple’s loyal customer base, the sub-brands increase their equity and more easily attract buyers.

Image Source

The following companies use a branded house architecture:

• FedEx: FedEx Express, FedEx Ground, FedEx Freight, FedEx Office, etc
• Virgin: Virgin Mobile, Virgin Pulse, Virgin Money, etc
• HubSpot: Marketing Hub, Sales Hub, Service Hub, Content Hub, Operations Hub

House of Brands

Image Source

A house of brands architecture downplays the master brand in order to feature the sub-brands. This structure allows the sub-brands to shine on their own because they aren’t tied to the messaging, appearance, or positioning of the master brands. But it also increases the complexity because each brand has a distinct audience, brand identity, marketing strategy, and equity.

Due to that complexity, companies that use a house of brands structure are often large global brands with established equity. While the master brand may be widely recognized, like the consumer goods company Unilever, it can also be behind the scenes, like the fast-food company Yum! Brands.

Image Source

The following companies use a house of brands architecture:

• Procter & Gamble: Pampers, Tide, Bounty, Bounce, Dawn, Tampax, and more
• Yum! Brands: KFC, Pizza Hut, Taco Bell, and The Habit Burger Grill
• GE Appliances: Monogram, Café, GE, GE Profile, Haier and Hotpoint
• Focus Brands: Aunties Anne’s, Cinnabon, Jamba Juice, Carvel, and more
• PepsiCo: Pepsi, Lays, Quaker Oats, Gatorade, Aquafina, Tropicana, and more

Hybrid Brand

Image Source

A hybrid brand architecture combines the house of brands and branded house models. The goal of this structure is for the sub-brands to have similar styles as the master brand while maintaining distinct brand identities.

Companies that use a hybrid architecture may mention the master brand in marketing, but most adopt this model as a way to keep the master and sub-brands separate after rounds of mergers and acquisitions. It’s also a good approach for brands that want to cater to vastly different target audiences, like Marriott Bonvoy.

By taking a hybrid approach, the company maintains a diverse portfolio of brands that includes luxury hotels, such as the Ritz-Carlton, alongside budget-friendly options, such as Residence Inn.

Image Source

The following companies use a hybrid approach:

• Alphabet: Google, Nest, YouTube, Fitbit, Waze, and more

• Microsoft: LinkedIn, Skype, GitHub, Mojang, and more

• Amazon: AmazonBasics, Presto!, Mama Bear, AmazonFresh, Zappos, and more
• Levi’s: Levi’s, Dockers, Denizen, and Signature by Levi Strauss & Co

Endorsed Brand

Image Source

Another option for brand architecture is the endorsed brand model, which has a master brand and sub-brands that rely on an association with it. Each sub-brand benefits from the strength of the others because they all share the same endorsement.

Oftentimes, an endorsed brand incorporates the logo and colors of the master brand. Of course, this allows the sub-brand to leverage the reputation of the main brand for improved brand equity, awareness, and security.

The endorsed approach is great for companies that use a hybrid approach and want each sub-brand to have its own identity, without separating it from the master brand. Unlike the house of brands approach, the endorsed model lets everyone know the main brand behind the products or services. And unlike the branded house approach, an endorsed brand can have a different look or feel from the master brand.

Image Source

The following brands use an endorsed approach:

• Nescafe by Nestle
• Playstation by Sony
• Rice Krispies by Kellog
• Polo by Ralph Lauren

How to Develop Brand Architecture

Defining brand architecture is one of the first steps a company should take when building a brand because it lays the foundation for an organized, intuitive branding strategy. Although brand architecture can become complex, with dozens of sub-brands, the right structure can ensure each brand remains true to its identity.

You can develop a brand architecture for your business in three steps: research, strategy, and application.

1. Research

Strong brands don’t simply choose a model and run with it. Conducting research is an essential step to developing brand architecture because it gives you the information you need to organize offerings in a way that makes sense for your company, customers, and industry.

The more data, the better. But gathering the following information will provide the insights you need to get started.

• Brand audit – Brand loyalty, brand awareness, brand perception, brand equity, brand assets, and brand portfolio
• Market research – Buyer personas, market segmentation, product/service use, pricing, customer satisfaction, and competitive analysis

Before you make any decision, it’s wise to review your company’s mission, vision, and values to ensure the brand architecture aligns with business goals.

2. Strategy

With data in hand, it’s time to design the brand architecture. If you’re revamping an old architecture, this step may require tough decisions on whether to get rid of or sell brands that don’t fit into your desired architecture. If you’re starting from scratch, you have to decide how closely you want your current (or future) sub-brands to be connected to the master brand.

You can test out each architecture by seeing what the brand would look like in each approach and creating a list of pros and cons. Maybe the branded house model won’t work because you have several distinct brands that can’t be grouped under the parent brand.

When you find a structure that may work, outline the connections between the master brands, sub-brands, and products or services. You need to know how everything works together because defining distinct brands, designing cross-promotions, or marketing to customers.

Along the way, make sure to consider your available resources (employees, budget, time). Certain approaches take more work than others, so you want to choose a brand architecture that fits your current capacity as well as your future vision.

3. Application

Choosing a brand architecture is just the start of creating a lasting brand that people love. But for the sake of this article, the last step is to share the finalized structure with your team.

Since brand architecture is part of your brand identity, you can unveil it alongside your overarching brand positioning strategy. Make sure to include a clear structure that highlights the relationships between the master brand, sub-brands, and offerings, in addition to any connections between sub-brands. Everyone on the team should know the strategic role of every brand within the architecture framework and how it relates to customers.

As your company grows, your brand architecture must change to include any new offerings or brands — whether it’s the result of a new product launch or an acquisition.

By taking time to conduct brand research, develop a brand architecture strategy, and share it with your team, you’re setting your entire organization up to make efficient branding decisions that have a long-term effect on brand equity.

 

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

Content creation isn’t always as simple as we’d like it to be. It’d be great if marketers could just snap their fingers to launch a successful email campaign, YouTube series, or blog.

However, all content requires extensive planning, team effort, and a consistent content workflow to keep everything and everyone on track.

In this article, we’re going to explore what a content workflow is, why your team needs one, and the steps to craft the right content workflow to reach your marketing goals.

What is a content workflow?

Why Marketers Need a Content Workflow

Content Creation Workflow: Task-based Workflows vs. Status-based Workflows

Task-based Workflows

Status-based Workflows

Content Strategy Workflow: How to Build One

 

Key to an effective content workflow is clearly defining the people’s roles, the documents and materials at each stage, and the timeline in which everything must be completed. Your content workflow may change depending on the content type.

It’s normal for the materials, people, and timelines defined in one workflow to change depending on the content you’re creating, such as a blog, video, live stream, or web copy.

Why Marketers Need a Content Workflow

Content workflows ensure a project launches successfully without any hiccups. With a content workflow, you can:

• Create content that is consistent, timely, and accurate.
• Guarantee realistic deadlines and outcomes.
• Proactively plan for common roadblocks in content planning and launches
• Clearly establish how every team member fits in the big picture of creating the content

Essentially, a content workflow keeps you and your team on track to a seamless launch. Without a content workflow, you and your team are likelier to miss deadlines, make errors, and experience difficulty working toward your common goal.

Content Creation Workflow: Task-based Workflows vs. Status-based Workflows

Before learning how to build a content creation workflow, you must understand which would benefit your team the most — task- or status-based workflow.

Knowing the difference between the two will help you strategize the right workflow for you next project.

Task-based Workflows

Each stage of a task-based workflow is a task that needs to be carried out before moving on to the next step. In a task-based workflow, each step is described in detail, and everyone working on the project knows what is expected of them.

Task-based workflows are especially useful for new content teams because whoever is assigned to the task gets a clear idea of what needs to be done and what happens next.

Status-based Workflows

Status-based workflows are most often preferred by more experienced teams. In a status-based workflow, each stage is defined by status, and the stages don’t include detailed descriptions of what needs to be done like in task-based workflows.

Status-based workflows can be easier to track and can be used in a wide variety of content type. However, it’s crucial your team understands the content creation process and their roles within it.

Content Strategy Workflow: How to Build One

Follow these steps to craft a content workflow for you and your team.

1. Establish your content goals and audience.

Your goals will inform the content you want to create and the audience you’re trying to reach.

Is your goal to create brand awareness? If so, you’ll likely want to create product-led blogs or engaging social media posts. If you’re working to delight and retain your current customers, an effective email campaign would be the best fit.

2. Clearly define the roles and responsibilities of everyone on your team.

Once you know your content goals and who your audience is, you’re ready to decide who on your marketing team will be involved in the project.

For content creation workflows, you’ll need content creators (bloggers, YouTubers, videographers, etc.), editors, type, and other stakeholders involved in content creation.

Whether your team is using a a task-based workflow or a status-based workflow, everyone involved must have a clear definition of their role, duties, and where they fit within the process.

For example, your workflow is for a YouTube content series — the content creators will be in charge of crafting the content. The editors will be tasked with ensuring the content is of the best quality and contains no errors.

Senior editors or project managers will give the final approval to launch each episode in the series.

This is also the time to figure out the tools and materials your team will need to create and launch the content.

For example, content management systems like Content Hub are essential for publishing blog posts. Canva and Adobe Photoshop are great tools for design.

You’ll may also need to consider things like mics and cameras for videos, or email automation software for email campaigns.

3. Decide the content types and frequency of output.

Figure out the kind of content you want to create and how often you want to put this content out. For example, you might decide you want to put out YouTube videos once a week or Instagram Reels every other day.

Now is also a great time to create a content calendar to plan your projects in advance and to ensure you content is launched on time.

4. Develop the content creation process.

Brainstorm with your team the different steps that must take place for your brand’s content to launch successfully. These steps will vary depending on the kind of content you’re creating.

For example, the process to craft and launch a blog post may look like:

1. Strategizing
2. Planning
3. Creating
4. Editing
5. Publishing
6. Analyzing

These tasks may seem broad, but this is where you want to expand. For example, strategizing typically means performing content audits, creating buyer personas, and conducting keyword research.

Editing might involve implementing SEO techniques or adding images and links.

Every step in the process needs to be accounted for so it can be assigned to the appropriate team member.

5. Document and automate your workflow.

Companies typically use standard operating procedures (SOPs) to keep their teams aligned with the process. Marketing Hub, Trello, and Evernote are examples of systems that give teams easy access to documents like SOPs.

HubSpot also has an all-in-one workflow automated software that allows user to align all of their teams’ processes so there’s no confusion or hiccups from task to task.

Image source

We offer templates or you can create your workflow from scratch to easily hand leads from marketing to sales.

Content workflows are a must-have if you want to create content regularly and efficiently with your team informed every step of the way. With a content workflow, you can increase productivity, reduce errors, and boost workplace engagement.

Think of your workflow as a roadmap for a seamless content launch that takes you to your goals.

 

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

Developing a consistent brand starts with creating a brand style guide. These branding rule books help graphic designers, marketers, web developers, community managers, and even product packaging departments all stay on the same page, and present a unified vision of the brand to the public.

The best brands stick in our brains because their presence is defined by the repetition of the same logo, fonts, colors, and images. Once we see them enough, they become instantly recognizable, bringing us a clear sense of reliability and security. All of this is possible when each member of your team adheres to a cohesive brand style guide.

In this article, we’ll go over what brand guidelines are, the elements of a style guide, and some amazing examples of them in action to use as inspiration for your next branding project or website redesign.

Picture the most recognizable brands you can think of. Chances are, you’ve learned to recognize them because of the consistency across the messaging — written or visual — these brands broadcast. The same brand colors are reflected across them. The language sounds familiar. It’s all very organized and, while not rigid, it’s cohesive.

Even if you work at a small company, you can also create a brand style guide that takes your company’s visual identity to the next level. But before you sit down to create your branding guidelines, it’s essential to take a step back and define your brand’s mission statement and buyer personas.

These strategic elements will help you dive into the tactical components of your brand style guide later.

Brand Guidelines Mission Statement

Your mission statement is an action-oriented statement declaring your organization’s purpose, making it the compass of your brand style guide. It ensures that all your content is working toward the same goal and connecting with your audience. This statement can guide your blog and paid content, ad copy, visual media, and slogan.

You can either include your mission statement within your style guide, create a separate document that you can reference during the creation process, or distill your mission statement into a slogan that you can place at the head of your document.

Brand Guidelines Buyer Persona

A buyer persona is a fictional representation of your ideal customer. It includes details on your customer’s job title, age, gender, and professional challenges — therefore stipulating for whom your brand publishes content.

Your buyer persona guides your blog content, ad copy, and visual media, which can attract valuable leads and customers to your business.

Download our free resource on how to create your own style guide with brand guidelines templates to follow. Creating a consistent style guide isn’t easy, but with these tools you can build an unforgettable one with ease.

Next, we’ll go over a few elements you’d find in a brand style guide and which parts of a brand they can influence.

Download our free resource on how to create your own style guide with brand guidelines templates to follow. Creating a consistent style guide isn’t easy, but with these tools you can build an unforgettable one with ease.

The Elements of a Brand Style Guide

A brand style guide encompasses much more than just a logo (although that’s important, too). It visually encompasses everything your brand is about — down to your business’ purpose. Here are some key elements that make or break a brand style guide.

Logo

Your logo might seem like the simplest aspect of your branding guidelines, but in reality, it’s one of the most complex and most important parts.

In your guide, you should include a visual of your logo, explain its design details, and describe how it can be used by external and internal publishers (with or without your brand symbol, for instance, or with certain spacing requirements).

You should also include wrong usages — i.e, you might advise against rotating the design or curving the font. That way, whether you or someone else is publishing information about your company, your logo looks consistent everywhere.

If your brand is well-known and many outlets publish information about you, you might want to provide an entire document outlining acceptable use policies for your logo.

Color Palette

The color palette is probably one of the most distinctive and recognizable parts of a company’s branding guidelines. It’s the group of colors your company uses to design its brand assets, guiding every piece of visual content created. These color combinations often follow HEX or RGB color codes, and govern your logo, web design, printed ads, and event collateral.

A brand color palette should not only include your primary color, but also a wide variety of secondary, tertiary, and neutral colors. This will allow you to come up with more dynamic and varied designs in the content creation stage. If you don’t define an array of options, you can run the risk of having your team create content with random secondary colors, which can look inconsistent.

Typography

Typography is a visual element of your brand style guide that goes beyond the font you use in your company logo. It supports your brand’s design down to the links and copy on your website — even your tagline. We recommend specifying a primary and secondary font, with a mixture of serifs and font weights for different use cases.

Remember, the goal of your branding guidelines is to empower your people and external stakeholders to create consistent but varied collateral on behalf of your brand. You don’t want to limit them with a single font option.

For instance, HubSpot’s primary font is Lexend Deca (sans-serif), while our secondary font is Queens (serif). They’re both integrated in our very own Content Hub, and our design tool, Canva, where we can use a wide variety of font weights to create assets.

Don’t forget: Typography plays a major role in your website’s user experience, so you want to make sure it is visually appealing while also being accessible and easy to read.

Imagery and Iconography

You may be able to only include your logo, colors, and fonts in your guidelines, but if you’d like to create a stronger style guide, consider including approved imagery, pre-designed icons, and custom symbols for your company to use across your website and print collateral.

If your budget is smaller, you can recommend photographic styles (i.e candid versus staged, etcetera), and then direct content creators to your preferred stock photo provider (i.e. Shutterstock, Unsplash). Alternatively, you can commission a company photoshoot at a studio and make the resulting photography available for creative use.

Symbols and icons can also be a great addition to your branding guidelines. As with photos, you can always find free icons online and recommend what to use versus what not to use — for instance, you might prefer to use outline icons only, and not full-color. You can also commission custom icons from a freelance graphic designer.

Brand Voice

If your company visuals are the flesh and bones of your style guide, your brand voice is the beating heart.

The importance of your brand voice can’t be overstated. Whether you want your company’s personality to be friendly and casual, or distant and formal, you want to make it easy for marketers, salespeople, and content creators on your team to know how to represent your brand online. This will ensure consistent messaging across all channels.

You can also include a full editorial style guide. The job of an editorial style guide is to commit an editorial stylebook on how to phrase certain products, list topics the brand can and cannot write about, and other companies it can mention. Your editorial style guide can guide your blog content, video scripts, website and landing page copy, PR talking points, and knowledge base articles.

As you can see, the purpose of the brand style guide is to form and maintain all of the various elements of a company that, when combined, spell out the entire brand as it’s recognized.

Intrigued? Check out 21 of the best ones we could find.

1. Medium

Medium simple brand style guide emphasizes usage of its logo, wordmark, and symbol. Medium’s logo is the brand’s primary graphic element and was created to feel “confident, premium, timeless, and modern.”

See the full brand guide here.

Image Source

2. Walmart

Walmart is one of the world’s largest and most recognizable brands, so it’s no surprise that its brand guide is extremely thorough.

The guide includes the brand’s logo, photography, typography, illustrations, iconography, voice, editorial style, and more. Walmart’s color palette is so integral to its brand identity that its primary color is called “Walmart Blue.”

See the full brand guide here.

Image Source

3. Asana

Asana’s simple style guide highlights its logo and color palette. It also explains how to properly use the brand’s assets.

See the full brand guide here.

Image Source

4. Skype

Everyone’s favorite video chat platform also has a squeaky-clean style guide for its brand. Skype, now owned by Microsoft, focuses primarily on its product phrasing and logo placement.

See the full brand guide here.

Image Source

5. Barre & Soul

Barre & Soul’s brand style guide includes variations of its logo, logo spacing, secondary logos, supporting imagery, and a five-color color palette.

See the full brand guide here.

Image Source

6. Spotify

Spotify’s style guide might appear simple and green, but there’s more to the brand than just a lime green circle. Spotify’s color palette includes three color codes, while the rest of the company’s branding guidelines focus heavily on logo variation and album artwork.

The style guide even allows you to download an icon version of its logo, making it easier to represent the company without manually recreating it.

See the full brand guide here.

Image Source

7. Starbucks

Starbucks’ interactive brand style guide includes details about how to use its core elements such as the iconic Siren logo and green color palette.

Plus, the guide features a visual spectrum of how their creative assets can be used across different channels as well as case studies of different seasonal campaigns and product launches.

See the full brand guide here.

Image Source

8. Paris 2024

Paris 2024’s brand identity pays homage to the 1924 Olympic Games through Art Deco inspired design. The iconic emblem, color scheme, typeface, and iconography are all detailed in its brand guide. Best of all, designers applied eco-branding methods to Paris 2024’s brand materials to reduce the amount of ink and paper needed for physical materials as well as limit the power and data consumption on digital elements.

See the full brand guide here.

Image Source

9. Urban Outfitters

Photography, color, and even tone of voice appear in Urban Outfitters’ California-inspired brand guidelines. However, the company isn’t shy to include information about its ideal consumer and what the brand believes in, as well.

See the full brand guide here.

Image Source

10. Love to Ride

Love to Ride, a cycling company, is all about color variety in its visually pleasing style guide. The company’s brand guidelines include nine color codes and tons of detail about its secondary logos and imagery.

See the full brand guide here.

Image Source

11. Barbican

Barbican, an art and learning center in the United Kingdom, sports a loud yet simple style guide focusing heavily on its logo and supporting typefaces.

See the full brand guide here.

Image Source

12. I Love New York

Despite its famously simple t-shirts, I Love New York has a brand style guide. The company begins its guidelines with a thorough explanation of its mission, vision, story, target audience, and tone of voice. Only then does the style guide delve into its logo positioning on various merchandise.

See the full brand guide here.

Image Source

13. TikTok

TikTok’s style guide isn’t just a guide — it’s an interactive brand book. First, it provides an in-depth look into how it brings its brand to life through design. Then, it gives an overview of its logo, co-branding, color, and typography. At its core, TikTok is a brand that “celebrates the relentless energy, creativity, and expression of [its] users.”

See the full brand guide here.

Image Source

14. University of the Arts Helsinki

The style guide of the University of the Arts Helsinki is more of a creative branding album than a traditional marketing guide. It shows you dozens of contexts in which you’d see this school’s provocative logo, including animations.

See the full brand guide here.

Image Source

15. Ivy Lane Events

Ivy Lane Events’ bold style guide is reflective of the edgy events the company produces. In it, you’ll find a mood board with dark, romantic visuals inspired by “victorian gothic style and vintage book art.” The guide also details the proper usage design elements such as the wordmark, primary icon, secondary logos, color, and typography.

See the full brand guide here.

Image Source

16. Western Athletic Conference

The Western Athletic Conference’s brand style guide includes extensive information about its history, mission, and vision. It also highlights its member universities and athletic championships and awards it is involved with. The brand elements include logo, colors, slogan, patch, and more.

See the full brand guide here.

Image Source

17. Discord

Discord’s brand guide is as colorful and playful as the communities it serves. The brand’s motion elements are based on the dot, which represents the Discord user interacting with others in the communities it belongs to. The guide describes usage of Discord’s typography, colors, and icon (lovingly named Clyde).

See the full brand guide here.

Image Source

18. Netflix

As far as its public brand assets are concerned, Netflix is focused primarily on the treatment of its logo. The company offers a simple set of rules governing the size, spacing, and placement of its famous capitalized typeface, as well as a single color code for its classic red logo.

See the full brand guide here.

Image Source

19. Scrimshaw Coffee

Featuring a six-code color palette, this “laid back,” “cool,” and “eclectic” brand has a number of secondary logos it embraces in various situations.

See the full brand guide here.

Image Source

20. NASA

NASA’s “Graphics Standards Manual” is as official and complex as you think it is. At 220 pages, the guide describes countless logo placements, color uses, and supporting designs. And yes, NASA’s space shuttles have their own branding rules.

See the full brand guide here.

Image Source

21. New York City Transit Authority

Like NASA, the NYCTA has its own Graphics Standards Manual, and it includes some fascinating typography rules for the numbers, arrows, and public transit symbols the average commuter takes for granted every day.

See the full brand guide here.

Image Source

Branding Guidelines Tips

If you want to take your branding style guide to the next level, I recommend following these best practices, which the HubSpot Creative team has used to disseminate branding information to the rest of the HubSpot Marketing team.

This has not only made my job as a blogger easier, but also makes our branding feel well thought-out and cohesive.

1. Make your guidelines a branded document.

Whether you’re publishing your branding guidelines online or creating an internal presentation, consider making the guidelines themselves a branded document. Ensure the published document follows your established brand voice, uses the symbols and imagery you’ve created, and employs the colors and typography that makes your brand feel like you.

When our Creative team rolled out a visual identity refresh for the HubSpot brand, we all received access to a branded playbook that summarized all the changes and described how we should represent HubSpot online moving forward. Not only was I a huge fan of the refresh, but also of the way it was presented to our team in a branded document.

You can do the same, regardless of your budget. Our Creative team actually used a free tool, Google Slides — so it’s totally doable for a small or freelance brand!

2. Name your brand’s colors.

You’ve already chosen your color palette — why go as far as naming the colors? Giving your colors unique names (aside from “blue” or “orange”) can help you tie the tactical elements of your branding into an overall theme or ethos.

Not to mention that it’s awesome to be able to refer to company colors by a unique name. Imagine if we called Solaris, HubSpot’s primary brand color, “HubSpot Orange” — that simply doesn’t have the same ring.

In our visual identity refresh, our Creative team brightened and intensified our color palette, then renamed the individual hues. They wrote, “Every color, tint, and shade is based on central themes. […] Whether it’s a subway line in Paris, or a flower-lined street in Japan, the secondary color names are a veritable tour of important cultural and geographical touchstones from HubSpotters all over the world.”

Think about what makes your brand unique, and why you chose the colors that you did. For instance, if you work at a law firm that specializes in car accident cases, you might choose red as one of the brand colors and call it “Stop Light.”

3. Create easy-to-use branded templates.

Alongside your branding guidelines should be templates to empower your team to easily design branded assets, even if they’re not designers. At HubSpot, we keep all of our templates in our team’s Canva account. There, anyone (myself included) can edit pre-made designs for any number of use cases.

As a writer on the HubSpot blog, I have to create graphics to supplement the information I’m sharing. The branded templates made by our Creative team have made my work a great deal easier — and I can imagine that it’s the same for our Social Media team, when they need to publish an update on any one of HubSpot’s social media profiles.

Whether you run a small or large business, you can benefit from creating at least one template that could be adjusted to different sizes. Not everyone is a designer, but with templates, you can ensure your brand looks professional no matter who creates an asset.

4. Ensure your branding is optimized for all channels.

Image Source

Your branding guidelines should include different specifications for different channels — or, alternatively, you should have assets and designs that can be adjusted for various channels and mediums. Not only for sizing purposes, but for accessibility purposes, too.

For instance, if you primarily market your brand over Instagram and on your website, then your branding should have web accessible colors, as well as Instagram-friendly designs and sizes. On Instagram, you might want to avoid small, light typography, and so your font should work well for that channel, too.

You don’t want to significantly change your branding from channel to channel; it should work relatively well no matter where you’re marketing your brand.

Build a Memorable Style Guide of Your Own

Once you build your unique brand style guide, customers will recognize your brand and associate it with all the visual cues you want them to. We hope you were inspired by our list of amazing brand style guides and wish you luck in creating a timeless style of your own.

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

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

It’s no secret that more and more people are accessing the internet using their mobile devices in addition to or in place of desktop computers. In fact, there are almost 7 billion mobile users worldwide. (For reference, the world population is currently 7.8 billion. That’s a lot of mobile activity.)

But what they’re doing on those mobile devices is even more compelling for marketers like us.

40% of consumers use their mobile device to conduct research prior to making an in-person purchase. More than half routinely make purchases using their smartphones, and 55% of shoppers make mobile purchases after finding products on social media.

As a result, companies that have responsive websites generate more leads and maintain an increasing competitive advantage over companies that don’t.

But what exactly is responsive website design, how does it work, and why should you make the switch? This guide sets out to answer those questions, offer some compelling statistics, and teach you the key features of responsive design all marketers should know about. Let’s get started.

 

 

 

Responsive web design is no longer a suggestion — it’s a critical investment to build your brand awareness, diversify your user experience (UX), and convert more site visitors.

It also saves your business valuable time. You can’t possibly design a separate website for each potential device your visitors may use — not to mention future technologies. Responsive web design ensures your website is compatible with all devices and screens to ensure a delightful experience … both modern-day devices and those yet to be invented.

Let’s dig more into why responsive design is so important nowadays.

 

Why Responsive Web Design is Important

Responsive design allows you to reach a broader, more engaged audience wherever and however they choose to browse.

More importantly, a lack of responsive web design can do the opposite — it can alienate your website from customers looking for an engaging mobile experience. In fact, research shows that you can lose up to 90% of your potential customers due to a poor mobile-friendly experience.

That’s a lot of customers — and revenue.

Let’s unpack three major benefits of responsive web design.

1. Responsive web design helps consumers discover your website.

A lot of people access Google on their mobile devices — 63%, in fact. Google also penalizes websites that don’t offer a responsive design. Its mobile-first indexing can actually impact how your website ranks and can cause it to be bumped down on search engine results pages (SERPs) in favor of websites that offer consumers a mobile-friendly design.

So, if the majority of your audience is searching on their smartphone (as the above statistic says), and your website doesn’t feature a responsive design, customers may not find your website at all.

2. Responsive web design keeps shoppers on your website longer.

Website bounce rates on smartphones are almost 40% (compared to only 27% for tablets). Also, a web page that loads in five seconds or less guarantees 70% longer viewing sessions.

Mobile users expect quick, high-quality website experiences (so does Google) — expectations that you can meet with a responsive website design.

Use our Website Grader to grade your website in seconds and learn how to improve it for free.

3. Responsive web design builds positive brand recognition and trust with consumers.

Finally, 57% of consumers say they’re not likely to recommend a business with a poorly-designed mobile website. The same report shows that more than half of online shoppers who are disappointed by a business’s online presence are likely to think negatively about the business itself.

Responsive website design delights online shoppers, encourages them to recommend your business, and brings them back to buy more.

 

How to Make a Responsive Web Design

It is possible to make your own responsive website using CSS and HTML. But this is like taking lengthy backroads when an expressway is available. In this case, the expressway would be a content management system (CMS) or a website builder.

A CMS is a software that allows you to build your website without knowing how to code — and that includes knowing how to code for responsive design. Site builders are similar tools, but they give up some functionality offered by a CMS in exchange for ease of use and lower pricing.

Responsive web design can be achieved using either a CMS or site builder that facilitate responsive designs. Here are a few common choices.

1. Content Hub

Content Hub is a content platform that includes a fully-hosted, fully-integrated CMS. It connects to your other HubSpot tools so you can present a unified marketing, sales, service, and site browsing experience for your visitors, customers, and employees.

In terms of your site building experience, Content Hub offers pre-built website themes that are also mobile-optimized to meet your visitors and customers wherever and however they’re browsing.

Source

2. WordPress

WordPress is the world’s most popular CMS and maintains this superlative by offering one of the most straightforward website builders — the Gutenberg editor.

WordPress offers thousands of themes and templates to start with, including numerous templates with responsive design. (Find more responsive WordPress themes here and here, too.)

Source

Note: Once you’ve set up a theme for your WordPress website, engage and convert your visitors with free forms, live chat, email marketing, and analytics by adding HubSpot’s WordPress plugin.

3. Squarespace

Squarespace is a popular site builder that offers gorgeous site designs and creative tools.

Squarespace offers 60 mobile-optimized templates from which you can choose to quickly build your site. Within the Squarespace editor, you can also transition from desktop to tablet to mobile view to ensure your designs seamlessly respond to different devices.

Source

4. Wix

Wix is another site builder that offers free and paid website subscriptions. It provides an easy-to-use drag-and-drop editor, free hosting, and security features.

All Wix templates provide a mobile-optimized experience for visitors. Like Squarespace, the Wix editor allows you to see how your website looks on multiple devices.

Source

In addition to creating a responsive web design using one of the above CMS tools or site builders, read this blog post to learn how to optimize your website for mobile use, too.

 

Responsive Web Design Best Practices

With an intuitive CMS or site builder, responsive design is easy. But even if you’re using the very best CMS, it can’t compensate for mobile-friendly content and media — that part is up to you. Let’s talk about some responsive web design best practices to help you create the most mobile-friendly web experience for your visitors and customers.

1. Don’t neglect your buttons.

What do you want site visitors to do when they land on your website? Take action, right? This could be by clicking a call-to-action (CTA) like Learn More, Download, or even Buy.

How do site visitors interact with these buttons when on your desktop site? If these CTAs pop up, scroll, or are located at the bottom of your web page, you may need to reevaluate how mobile visitors can access these.

For example, let’s say you offer a main CTA like Get HubSpot Free at the top of your desktop site where visitors can see if from every page.

When you view your mobile site, however, it doesn’t fit into the header. Instead of removing it altogether, consider moving the button or including it in your hamburger menu (the three lines in the top corner), where visitors can still see and click it.

In addition, consider the size of clickable areas on your mobile site. Unlike a desktop, where visitors can use a mouse cursor to click buttons and links, they’re using fingers to navigate your website on their smartphone or tablet.

It’s recommended that clickable elements on mobile devices be at least 48 pixels in height. This includes buttons, form fields, inline links, and menu navigation.

2. Use scalable vector graphics.

If your website includes illustrations or icons, they should be formatted as scalable vector graphics (SVGs).

Source

SVGs can be scaled infinitely, unlike other media formats like JPGs and PNGs. This ensures your website provides a high-quality browsing experience for users on any device. They also help your site load faster — which we’ve already discussed is a good thing for user experience and SERP rankings.

3. Make sure your images scale.

Illustrations and icons aren’t the only media type changing size on varying devices. Your images have to scale, too.

For example, desktop websites may require images at 1200 pixels, whereas mobile websites may need those at 400 pixels. Using the larger resolution on all devices can slow down your page speed, so that approach isn’t recommended.

Source

Instead, consider uploading different image resolutions and designating which image you want to display on each device. This is typically achieved by assigning different “media” tags to specific “source” objects (e.g. tablet or mobile) in your website code.

Note: HubSpot enables automatic image resizing on content — yet another reason to build your responsive website on Content Hub!

4. Consider your typography.

A font that looks gorgeous on your desktop site may not read so well on a mobile device that’s a quarter of the size. If visitors can’t read your website, they certainly won’t click on or buy anything.

Source

Alternatively, revolving your website fonts around the mobile experience can leave your desktop users with ugly words that are too big and clash with your branding.

Here’s our best advice for typography on responsive web design:

• 16pt body type is the rule of thumb for desktop and mobile web content.

• Avoid uber thin fonts that fade away on smaller screens.

• Make sure all headings are clearly larger than body and subheading content.

• Use contrasting colors for your typography so it doesn’t fade into your website background colors.

5. Take advantage of device features.

While prospects and customers can’t call you over their computers, they definitely can on their smartphones. Consider changing your “Chat Now!” CTA to “Call Now!” and include your business phone number in lieu of email.

Additionally, if your business has a mobile application, prompt site visitors to open your app from your website — something they might not be able to do on their computers.

6. Test your website often.

As always, test your responsive website on different devices and browsers. Check out Google’s Mobile-Friendly Test tool to see how your site performs.

This handy tool by Matt Kersley will also provide a peek at your website on different sized devices. You can, of course, use your own mobile devices, too.

 

Responsive Web Design Templates

The best way to ensure your website has a responsive design is to start with a responsive web design template. Below are five gorgeous templates available on HubSpot Asset Marketplace that will give your site visitors a mobile-friendly browsing experience.

Get access to thousands of templates with HubSpot Marketing Professional.

1. DjanGo Responsive Design Template

Price: $200

The DjanGo template is a fully-customizable and responsive site template. Its modern, minimalist design allows visitors to focus on your site content and product information.

2. Prodigy Responsive Design Template

Price: Free

The Prodigy template is a clean website template that reaches your audience with bright media and multiple CTAs. It automatically converts its design to fit any device used by your site visitors.

3. Quantum Responsive Design Template

Price: $75

The Quantum template is a multi-purpose theme that captures your audience with bold headings and a video background. Customize your site with a variety of page layouts and custom modules.

4. Kalahari Responsive Design Template

Price: $199

The Kalahari template is a responsive theme that offers dynamic navigation and customization at the page level. Use this template to convert your audience with bright, standout CTAs.

5. Startup Framework Responsive Design Template

Price: Free

The Startup Framework template is a unique website template with bold typography and bright graphics. Build it natively within HubSpot’s content editor and choose from thousands of icons and dozens of custom modules.

Respond to Your Audience with Responsive Design

With so many consumers shopping and browsing on their mobile devices, responsive design is an absolute must-have. Without it, you could be missing out on leads, customers, and revenue.

Use these tools, templates, and best practices to get started with responsive web design today.

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

 

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

At HubSpot, customer experience comes first. Always.

Whether our marketing team is selecting a time at which to send an email or our web team team is choosing the size and location of a button on our homepage, the question we always go back to is: “Will this be a good experience for our customers?”

As HubSpot’s Chief Product Officer, this customer-first principle is my guiding light when it comes to product development. And it’s the reason why we don’t buy technology when we want to deliver a new product to our customers. We build it.

This build-first approach is becoming increasingly rare in our industry. Traditional SaaS companies tend to acquire other companies when they want to significantly expand their product offerings or quickly increase their customer base. This can sometimes lead to a quick uptick in revenue — after all, when a company buys another, it acquires all of its customers — but it’s often a very negative experience for the customer.

When two completely different systems are cobbled together after an acquisition, the burden of making them work together is foisted onto the customer. Each company probably took a completely different approach to product development, resulting in different underlying technology, different processes, and different user interfaces.

Reconciling these differences without causing friction for customers is an almost impossible task. And when SaaS companies apply this approach over time, the friction accrues, technical debt goes through the roof, and the customer experience steadily degrades as a result.

This approach solves for the company implementing it, not the customers it’s supposed to serve. That’s why we do things differently at HubSpot. After all, it isn’t like us to follow the crowd.

When most companies were doubling down on the old outbound playbook, we championed inbound approaches instead. When most businesses were wondering whether remote work could ever work, we saw the percentage of HubSpotters working from home hit double digits long before 2020 forced everyone’s hand. And while our industry was still furiously focused on funnels, we embraced the flywheel.

We’re different. It’s in HubSpot’s DNA. It’s even reflected in our company mission: we help organizations grow better. Not grow according to the status quo. Not grow by adhering to age-old playbooks. Grow better.

Just as we believe there’s a better way to grow, we also believe there’s a better way to build. That’s where the Primary Colors come in.

Meet the Primary Colors

Our approach to product development is simple, and it allows us to create multiplicative benefits for customers that no other CRM platform offers. We focus on five foundational elements that span all of our products, and we work at improving each one of them, all of the time. Those elements are: Automation, Content, Data, Messaging, and Reporting. We call them “Primary Colors.”

Every one of our Hubs – Content Hub, Marketing Hub, Sales Hub, and Service Hub – comprises a different blend of the five Primary Colors, meaning that every product on our platform is built on the same underlying foundation.

So when the product team shows up to work every day, the question we ask ourselves isn’t “Which Hub or feature will we work on today?” It’s: “Which Primary Color will we enhance?”

As a result, when we add value to one area of HubSpot, value is automatically added across the entire CRM platform. And that allows us to deliver a steady stream of delight to all of our customers on an ongoing basis.

Here are three ways in which this approach allows us to offer unique value to our customers in the crowded CRM market:

1. Continuous improvement across the platform.

“HubSpot is the perfect, always-improving marketing software” – review on G2

The same five Primary Colors go into building each HubSpot product, so when we improve one Primary Color, we improve every Hub. And every customer of every HubSpot product sees an immediate benefit, whatever part of the platform they use.

For instance, when we invest in making Reporting in Sales Hub more robust, this robustness ripples out to every Reporting tool across the HubSpot CRM platform. So Marketing Hub customers who use our Reporting tools benefit, Service Hub customers who use our Reporting tools benefit, as do Content Hub customers — all because we invested in improving just one Primary Color.

2. Easy adoption of new products.

“We quickly adopted the Sales Hub Pro and Marketing Enterprise for our growing needs. It has been one of the best decisions we have made” – review on G2

Since all of our Hubs are built on the same Primary Color foundation, our customers can expect a familiar, fast, and friendly user experience every time they add a new feature or product to their tech stack. This means customers can enjoy the benefits of each new addition right away, with no time lost to training, integration, or new-system frustration.

As HubSpot’s co-founder, Dharmesh Shah, puts it: “Our customers’ time-to-joy is reduced.”

Once a customer learns how to use Automation in, say, Marketing Hub, they instantly know how Automation works in all of HubSpot’s products across the CRM platform. So as their company scales and adds new products, features, and integrations to their tech stack, they can expect consistency, not complexity.

They don’t have to relearn how Messaging works or how Data is stored every time they add a new Hub — something they would likely have to do if they were working with a system that had been cobbled together through acquisitions or if they use different tools for different customer-facing teams.

3. The ability to run an entire business on a single platform.

“I can manage the website, CRM, email marketing and all other efforts in one single place. This allows me to have a single location for all my data Reporting and have a single source of truth” – review on G2

With HubSpot, fast-growing companies can run their whole business on a single system, because HubSpot offers the same insights and power to marketers, salespeople, and service professionals alike.

And when all teams at a company are working out of the same familiar system, silos crumble, data is centralized, and information flows freely. The whole team has access to the same valuable insights, allowing them to understand their customers better and deliver a seamless experience across every touchpoint.

For example, when a company’s marketing team uses Marketing Hub and its sales team uses Sales Hub, both teams gain access to the same customer data in a centralized CRM. And because both Hubs offer identical functionality for recording and storing Data, it becomes equally easy for each team to access not only the data they generate, but also Data the other team generates.

This gives marketers and salespeople a holistic view of the customer, enabling each of them to tailor their tactics and personalize their outreach. If a prospect is showing particular interest in marketing content about a certain feature, the sales team can see this information in the shared CRM and will know to focus on that feature on their next call with the prospect.

They don’t need to wait on a marketing report or rely on an impersonal script – they can personalize their outreach and hone in on a prospect’s specific areas of interest, all as a result of both Hubs being built on the same foundation.

Building Differently, Growing Better

The challenges that companies face in 2021 are new, so our approach to building our products needs to be new as well. With the rise of the hybrid workplace, we’re all finding our work lives intersecting our home and family lives, too. That raises the bar on what we expect from business software.

People use HubSpot to power their businesses, to provide for their families, to help their communities thrive, and in many cases, to make the world a better place.

It’s now more important than ever that our CRM platform experience feels like something you’d use on the weekends, not just Monday morning.

That’s why we’re fiercely committed to building software that has enterprise-grade power combined with consumer-grade intuitiveness and an experience as delightful as that offered by the apps we all use in our personal lives.

At HubSpot, our bar is set by what our customers need, not what our competitors have done in past decades. With the five Primary Colors powering our platform and our unwavering commitment to never compromise on customer experience, we are excited to continue to help our customers grow better in 2021 and beyond.

 

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

If you want to curate others’ content from social media or just make your own visual social media content work harder for your overall content strategy, you need to know how to embed HTML code onto your blog or website.

But wait a second … before we get into the nitty-gritty of this tip, what the heck does “embed” mean? And what is HTML? If you don’t know how to code at all, no worries — embedding external content is extremely easy. Let’s take a second to break down the basics.

What does embed mean?

Embed means to integrate external content into another website or page. You embed something when you place a block of code — called an embed code — into the HTML editor of another website. When you hit ‘Save’ or ‘Publish,’ the media then renders on the published page.

Embedded content is referenced with HTML. HTML is one of the most basic languages used on the web to design and lay out web pages.

You often see this code when you’re in the “back end” of your blog post. There’s where you’ll add your embed code.

Most social and multimedia websites have an option to generate an embed code right in each individual post. Here’s an example of an embed code for a HubSpot YouTube video:

And here’s the embedded result.

Want to do the same thing on your blog posts and pages? Let’s go over how you can generate an embed code for the top social sites.

Below, we cover these steps in more detail for each platform. In general, you’ll want to:

1. Generate the embed code.
2. Access your content management system and paste the embed code in your HTML viewer.
3. Finished! You have embedded content into your website or blog.

Let’s dive into each step.

1. Generate the embed code.

Before embedding external content, you must first generate an embed code for the post or page you want to embed on your website.

We’ll go over how you can do that on most of the major social and content networks.

Embed a Facebook Post

To embed a Facebook post, do the following:

• Navigate to Facebook on your desktop browser and go to the post that you’d like to embed.
• Click on the three dots on the upper right-hand corner of the post.
• On the drop-down menu, click Embed.

• A pop-up will appear, where you have the option to include the full post and access advanced settings. For beginners, we recommend leaving the options as they are and simply clicking Copy Code.

• Finished! You’ve got your embed code.

Embed an Instagram Post

Want to embed an Instagram post? The process is similar to Facebook’s. Note that you can only embed posts from the desktop version and not the mobile app.

• Click the three dots in the upper right-hand corner of the post.
• A popup will come up with several options. Click Embed, the second-to-last option.

• A pop-up will come up with your embed code. You have the option of including or excluding the caption.
• After you’ve finished customizing your options, click Copy Embed Code.

• Complete! You’ve got your Instagram embed code.

Embed a YouTube Video

YouTube videos can take your blog posts to the next level, and the best part is that you can embed its wealth of content on your blog posts for free.

To do so, take the following steps:

• Navigate to the video that you’d like to embed on your website.
• Under the video, next to where the likes are located, click Share.

• A pop-up will come up with several options, including sharing the post to other social networks. Click Embed.

• YouTube will create an embed code, which you can customize. You can start the video at a certain point or hide the player controls.
• After choosing your options, click Copy on the lower right-hand corner of the pop-up.

• Complete! Your YouTube video is ready to get embedded.

Embed a Tweet

If you embed a Tweet on your website pages or blog, you can generate engagement for your Twitter profile without relying on your Twitter followers. Website visitors can engage with your Twitter content, too.

To embed a Twitter post, do the following:

• On a desktop browser, navigate to the post that you’d like to embed.
• Click on the three dots on the upper right-hand corner of the post.
• A drop-down menu will appear. Click Embed Tweet.

• Twitter will take you to an external page on publish.twitter.com, where you can then further customize the look of the Tweet before embedding it on your site. For instance, you can set it to dark mode and change the display language of the Tweet.

• Once you’ve customized it, click Update.
• Click Copy Code.
• Finished! The Tweet is ready to embed on your site.

There’s another way to generate an embed code for Twitter. Go to publish.twitter.com and insert the URL of the post that you’d like to embed. Twitter will then generate the embed code, and you can customize it using the same process as the last method.

Embed a Pinterest Post

Embedding a Pinterest post can lead website users back to your Pinterest profile and help you grow your Pinterest following. To get started, do the following:

• Navigate to the Pinterest post you’d like to embed.
• Click on the three dots right next to the image (or under the image, if you’re using the mobile website).
• On the drop-down menu, click Get Pin embed code.

• A pop-up will appear with the embed code. You have the option of creating a small, medium, large, or extra-large embedded pin.

• Once you customize the size, highlight the code and click Command + C or CTRL + C.
• Finished! Your Pin is ready to get embedded.

Embed a SlideShare Presentation

While SlideShare presentations are not as popular these days, they can still be a handy multimedia tool for spicing up blog posts and pages. Here’s how to embed a SlideShare presentation:

• Go to the SlideShare presentation you’d like to embed.
• Click Share under the presentation.
• In the same window where the presentation appears, you’ll see the option to share it via social channels. The embed code will be underneath that.

• Choose the size of the embed window and which slide you’d like the presentation to start on.
• Highlight the embed code and click Command + C or CTRL + C.
• Ready! You can now embed the SlideShare presentation in a web page or post.

Embed an External Webpage

Don’t want to embed a social post but rather a web page? You can embed an external web page using the iframe HTML tag.

All embed codes, including the ones for social sites, use iframe tags. This is what they look like:

You can use these same tags to embed an external webpage. Here’s how:

• Navigate to the webpage you’d like to embed into your site.
• Open up the notepad app on your computer. Paste the following code into it:

• Return to the webpage and copy the URL.
• Paste the entire URL where it says url in your iframe code. Don’t forget to include https:// at the beginning of your URL and to place the link inside the quote marks. Here’s what your code should look like:

• Change the width and height of the frame if desired.

• Copy the entire line of code. After, the webpage is ready to get embedded on your website.

2. Access your content management system and paste the embed code in your HTML viewer.

Although every CMS is different, you can probably find the HTML viewer with similar steps. We’ll go over how you can do it in Content Hub and WordPress.

Content Hub

In Content Hub, you actually don’t need to add your embed content using the HTML editor (although you have the option to). Here’s how:

• In your HubSpot dashboard, navigate to Marketing > Website > Blog. If you’re planning to add the code to a website page, navigate to Marketing > Website > Website Pages.

• Find the post or page that you’d like to add the embed code to. Hover over it, then click Edit.

• Click into the module where you’d like to add the embed code. An options bar will appear near the top of the screen. In the right-hand side, click Insert.
• Choose Embed from the drop-down menu.

• A pop-up will appear. Paste the iframe code into the text bar.

• Click Insert.
• Finished! You can edit the width and height of the embed content to customize it further.

To access the HTML editor, complete steps 1-3 above. On the top options bar, click Advanced > Source Code. You can then paste your embed code manually. Note that the end result is the same.

WordPress

To paste an embed code into your WordPress website, use the following steps:

• Access your admin area and go to either Pages or Posts.
• Click the title of the post that you want to add the embed code to. This action will take you to the post editor.
• Click the Text tab on the upper right-hand corner of the text editor.

• Paste your embed code where you want the module to appear.

3. Finished! You have embedded content onto your website or blog.

Once you reload the page, your embedded social post will appear.

Add Embedded Content to Increase User Engagement

By embedding external content on your pages and posts, you can increase engagement on your website and get your site visitors to interact with the content you post on social media. The best part is that it’s easy to do — simply generate the embed code, paste it into your HTML editor, and watch your user engagement grow.

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

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

A while ago (as in 13 years ago) we created the first Website Grader. The goal was simple: help anyone with a website evaluate its effectiveness at attracting an audience of interested and relevant buyers.

We founded HubSpot in 2006 and created Website Grader in 2008 because we believed that the inbound methodology — building meaningful, lasting relationships with prospects and customers — was not only a more effective way to grow a business, it was the right way to grow a business. And we knew how important it was for people to leverage their websites to attract visitors and connect with customers to grow.

Fast forward to 2021, and websites do a whole lot more than attract visitors.

Your website is a sales rep, providing prospects with the features and pricing of your offering. And helping them book a meeting to learn more.

Your website is part of your customer service team, answering questions about your products and services through a knowledge base or chatbot.

Your website is a member of your HR team, sharing information about your company culture and open positions.

The list goes on…

To put it bluntly: your website is really freaking important! Today, 86% of people will find your business online. Your website is your first impression, your primary spokesperson, your around-the-clock inbound sales team — you get my point. It’s one of the most important assets to your business.

It’s no wonder we see businesses invest so much in their websites. In a recent HubSpot Research study, 63% of marketers indicated that they were going to upgrade their website this year.

Website upgrades can include:

• Performance: Page speed, load time, page requests, page size, and more
• Search Engine Optimization (SEO): Page index, meta descriptions, content plugins, and descriptive link text
• Design: Responsive design, legible font size, and tap targets
• Security: HTTPS and secure javascript libraries

Since 2008, we’ve graded over 1 million unique websites on the above four factors. With all this investment, are they actually getting better? Are businesses focusing on the right website upgrades? For example, are websites providing better security for their visitors. Are they offering faster load speeds for quick access? What about mobile accessibility and SEO best practices?

Let’s take a look at average performance in 2015 compared to this year to see what’s changed.

Website Performance Data (2015 vs 2021)

What surprises me the most about this data is that the improvements in technology over the past five years haven’t led to the same improvement in website performance. The overall grade average has only improved 17.1% in little over five years, and performance has actually decreased by 23.3%. The average website grade in 2020 is a D+ (69.1 out of 100). My mother wouldn’t be happy if I came home with that kind of grade.

We also found that only 3.8% of websites have an overall score of 90 or more. If your website scores above a 90, pat yourself on the back. Here are the percentile ranges from our data:

• 80 overall score: 82nd percentile
• 85 overall score: 91st percentile
• 90 overall score: 96th percentile

Here are some observations of the individual benchmark scores:

Website performance has decreased in the past half-decade.

Websites should load faster in 2021 than they did in 2015 — but the exact opposite is true. Performance was the only benchmark metric that decreased in five years. This includes testing for page size, page requests, page speed, and five additional tests that offer a holistic performance grading.

The result? Websites are slower today than they were in 2015.

This is a risk for businesses: the longer visitors wait for your page to load, the more likely they’ll leave your page.

For every second that your website takes to load, people are leaving your business. Good performance should be a priority when improving your website. How does your website’s performance compare?

Search engine optimization is the biggest winner.

In a 2020 survey, we found that 64% of marketers are actively investing in search engine optimization (SEO) and growing their organic presence.

Marketers care about SEO, and this has led to significant progress in the SEO benchmark since 2015 — a 51.9% improvement. Search engine optimization is essential to getting discovered online. It’s good that so many websites are following SEO best practices to improve the discovery of their business. How does your SEO compare?

Security had the second-biggest gain, but the total average falls short.

Our security benchmark shows that websites have improved their security by 142.3% over five years. This is a huge gain but there’s still a lot of room for improvement — the 2021 average score is only 6.3 out of 10.

Security is essential to have on your site to protect customer data. If your website isn’t secure, your visitors might lose trust in your business, especially when shopping on your site. We found that 85% of people won’t visit a site if it’s not secure.

Additionally, security improves discoverability. Starting in 2019, Google prioritized displaying websites with HTTPS in search results. Website Grader checks that your website uses HTTPS and has secure JavaScript libraries.

These two security factors are critical for delivering a secure experience for your visitors. How does your website security compare?

Mobile optimized websites improved marginally.

In the mid-2010s, it felt like every website was going responsive — that is, investing in mobile-first website design. It made sense.

Everywhere I looked, people were heads down on their phones, reading the latest Facebook post or watching a viral YouTube video. And, things haven’t changed much. Well, they have, but now people are scrolling through Instagram or browsing the latest TikTok dance challenge.

Responsiveness wasn’t just a trend — in the first quarter of 2021, mobile devices (excluding tablets) generated 54.8% of global website traffic. So how do websites stack up on small screens?

We found that our mobile design benchmark average improved by 8% over five years. Today, average websites score 21.6 out of 30 on mobile design. A great improvement, though I’d love to see that number go up even more.

Instagram, for example, is a website that does exceptionally well in how they design and optimize users’ mobile experience. It has a seamless mobile shopping feature for businesses to sell products directly through its mobile website or in-app.

Image Source

One study by Google found that 59% of shoppers surveyed said that shopping on mobile is important when deciding which brand or retailer to buy from.

That’s a huge portion of people looking at your website on mobile and making a decision of whether or not to buy from you. Mobile design will not only impact the experience that people have with your site, but also influences social media posts and your rankings in search engines.

Check your mobile design score on Website Grader.

Where do we go from here?

Our goal with the original Website Grader was to help anyone with a website —developer, marketer, or entrepreneur — to quickly grade their website’s performance. We’ve received good feedback from our users, but we are always growing and evolving.

So we asked ourselves, how could we make Website Grader better?

Our users’ comments had a common thread. They graded their site. They saw where their websites fell short. But we stopped short of teaching them how to improve:

• “More information about how to solve website problems”
• “Instructions on how to get better performance and SEO to get our score higher”
• “How about putting explanations and guidelines for beginners?”

Introducing the New Website Grader

You talked. We listened. Not only have we updated Website Grader’s grading system and foundational technology to get you a more accurate score, but we’ve also created a five-lesson video course that helps you improve your grade. All for free.

You can find the Website Optimization course inside Website Grader starting today.

One last question: How did HubSpot.com score?

HubSpot’s score has not historically been the best. At one point, we averaged 70-80 on Website Grader. Years of marketing updates had slowed things down over time.

Since then, we’ve worked hard to improve HubSpot.com’s design and performance over the last five years for our visitors and customers. Powered by HubSpot Content Hub, our website now scores a 97 out of 100 on Website Grader — no kidding. It’s something we’re extremely proud of.

Your website is one of your most important assets in attracting business. A bad user experience could lose customer interest, but that doesn’t have to happen if you take the necessary steps to optimize it. If you’re curious to see how your site measures up, run it through our Website Grader and find out how you can make your site more delightful.

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

 

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

There are a lot of acronyms in the business world to keep straight. SEO, CRM, SERP, CDN, and CMS are just a few important ones.

CMS is particularly important, considering that more than 68 million websites are built with one. So what is it?

CMS stands for content management system. It also may be the solution you’re looking for to quickly make a website with limited technical knowledge and resources.

In this post, we’ll define what a CMS is and how it works. Then we’ll look at how you can use a CMS to handle the infrastructure of your site so you can focus on creating exciting, delightful content that results in more conversions and leads.

We’ll wrap up by looking at some of the most popular CMS platforms on the market. Let’s get started.

 

 

With a CMS, you can create, manage, modify, and publish content in a user-friendly interface. You can customize the design and functionality of your site by downloading or purchasing templates and extensions, rather than coding. You can have multiple users working in the back-end of the same tool — and much more.

You might be wondering how one piece of software does all of this. To answer that question, let’s take a closer look at how a CMS works.

How a CMS Works

To understand how a CMS works, you first have to understand what it’s like to build a site from scratch.

You’d start with HTML to add text, images, navigation bars, and other building blocks of a site. Then you’d add CSS to style those elements to match the unique look and feel of your brand.

Image Source

You’d finish up by writing some JavaScript to add more advanced functionality to your site, like slide-in CTAs. Then you’d have to upload this HTML file to your server to be filed away in your database.

Whenever you want to make changes — even simple ones like updating content — you have to download files from the server, open them, and change the HTML code by hand. Then you’ll have to make sure you didn’t break any links or something else before uploading the files back to the server.

Sounds complicated, yes? For developers and other advanced users with experience in website development, building a site from scratch might be ideal. But for those who don’t have the coding skills or time and resources to build a site from scratch and maintain it, they can use a CMS. Let’s talk about how.

How to Use a CMS

A CMS is made up of two core parts: a content management application (CMA) and content delivery application (CDA). Combined, these applications essentially handle all the code, database queries, and infrastructure in the back end so you can focus on the front end of your site.

Rather than start with a blank HTML page, for example, you’ll open up the content editor and be able bold text, add links and CTAs, and insert images and tables by dragging and dropping some modules or clicking a few buttons rather than writing out HTML, CSS, and JavaScript. 

Here’s a look at how easy it is to create a blog post using WordPress, for example.

To make other changes on your site, like changing the permalink structure or installing extensions, just navigate to the appropriate section in your admin panel. This is the CMA in action: all these changes are made in an intuitive interface that hides the code from you, the end user.

When you’re done making changes, the CDA will take the content you entered into the CMA, assemble the code, display it to your front-end visitors, and store it. That means when you want to publish a new blog post, for example, you just have to hit the Publish button instead of manually uploading a page to your server.

Now that we understand what a CMS is, how it works, and how to use it, let’s explore the benefits of using one over building a site from scratch or using another website building tool.

Why Use a CMS?

We’ve already alluded to some benefits of using a CMS, but let’s look at some specific ways it can impact your set-up process, team’s productivity, and visibility online.

1. No Coding Knowledge Required

By enabling non-developers and other users to build websites without coding, CMS systems have helped revolutionize web design. Gone are the days of relying on web developers and designers to establish an online presence for your business.

You can create and manage content, customize the design of your site, and install extensions to add functionality to your site — all without coding. (It’s important to note that most platforms do allow you to add custom code for more granular control over your site, too.)

As a result, users with limited technical resources and time can still build a powerful website for their business.

2. Easy Collaboration

Multiple users can access and work in the back end of a CMS at the same time. That means on any given day, your marketers can be producing content, your IT professionals implementing security protocols, and your developers adding custom code to your theme. In fact, they could all be working on the same landing page.

HubSpot also offers a free CMS tool, which is perfect for entrepreneurs  looking for a CMS that can grow with them as they scale their businesses.

In short, a CMS can help improve workflows and productivity across your team.

3. User Roles and Permissions

A CMS allows you to collaborate in the most efficient and safe way possible thanks to built-in (and often customizable) user roles and permissions. That means content writers, for example, can have all the permissions they need to write, publish, and manage content — but won’t be able to delete plugins or otherwise significantly alter the site’s functionality. 

Here’s a look at the User Role Editor in WordPress. 

Image Source

Without a CMS, you’d have to code some pretty complicated conditions and checks to create user roles and permissions in JavaScript.

4. SEO Features and Extensions

CMS platforms offer built-in features as well as add-ons to help you optimize your site for search engines.

Using built-in or third party tools, you can:

• Customize page titles and meta descriptions
• Choose SEO-friendly URL structures
• Create XML sitemaps
• Add image alt text
• Create 301 Redirects
• Include breadcrumb navigation
• Optimize page load times

Implementing these best practices will help improve your chances of ranking on Google and other major search engines.

5. Security Features and Extensions

CMS platforms also offer built-in features and add-ons to help you secure your site. Some even offer a dedicated security team. Content Hub, for example, provides an enterprise-class web application firewall, SSL, custom CDN, SSO memberships, and and other out-of-the-box features.

6. Predesigned Templates

Most CMS platforms come with a selection of predesigned templates you can use to quickly customize the appearance of your site. They can also affect the behavior of your site.

Choosing a responsive template, for example, will ensure your site looks good on any device, without requiring you to write a bunch of code. Not only do templates save you design time before launching your site, they can also make a website redesign much faster and simpler down the road.

Webflow is just one CMS that offers hundreds of responsive templates. 

Image Source

7. Simple Updates

As discussed above, a CMS enables you to make changes on your site faster and easier — from major updates, like a website redesign, to minor updates, like changing the image on your home page. Rather than hiring a freelance developer or trying to edit the code yourself, you can go into the dashboard of your CMS to update and edit the content of your website. This allows you to keep your content dynamic and relevant.

8. Blogging Functionality

Blogging offers a range of benefits, particularly to businesses. It can help drive traffic to your website, convert traffic into leads, establish authority in a particular industry, generate backlinks, and achieve other long-term results. But building a blog from scratch is difficult, even for experienced developers.

A major advantage of using a CMS is that most provide built-in blogging functionality (or extensions) so it’s easy to start creating and publishing blog content and reaping the benefits. 

9. Content Scheduling

Scheduling content is essential to any editorial strategy. When building a site from scratch, you can schedule content — but it will require a combination of coding and tools like GitHub.

With a CMS, scheduling content is as easy as clicking a button. Most platforms allow you to schedule more than just blog posts, too. With Content Hub for example, you can schedule blog posts as well as website pages, landing pages, and emails.

Here’s a look at the scheduling tab within HubSpot’s blog editor.

10. Easy Access

With a CMS platform, you can access and edit your site on virtually any device with an internet connection. That’s much easier than the alternative of building a site from scratch, which requires you to be on a device connected to the server or connect remotely.

Plus, most CMS systems have a single dashboard or control panel where you can access your site’s content, theme, plugins, settings, and more — all in one place. 

If your site is growing, you may need to upgrade to a CMS to meet your needs. You can start your search by checking out a few of the best CMS systems below.

Let’s unpack eight popular CMS platform examples to discover which might be the best fit for your website needs.

1. Content Hub

Ideal for: Any-sized businesses

Price: $25 – $1,500 per month

Why Use Content Hub: With Content Hub, you can build websites that are secure, powerful, and optimized for search engines.

Using this all-on-one connected platform, you can create personalized content for visitors based on data from your HubSpot CRM, create custom templates and styles, run A/B tests on multi-language content, safely redesign and relaunch web pages, view performance analytics, and much more.

By combining ease of use and flexibility, this proprietary CMS is ideal for businesses with diverse teams of marketers, developers, and IT professionals that are looking to grow over time.

Learn more about Content Hub’s customization options, multi-lingual support, reporting dashboards, and more.

Image Source

2. WordPress

Ideal for: Small businesses and freelancers

Price: Estimated between $30 to $3,000

Why Use WordPress: WordPress is a self-hosted platform that powers millions of sites. You can easily and quickly build a WordPress site using the Gutenberg editor and then customize it with any of the thousands of plugins and themes available in the official WordPress directory or other third-party sites.

Want to add forms and live chat to your site? Want a theme that comes with a built-in visual builder and split testing? Leveraging WordPress plugins and themes like these, you can create a unique experience specific to your brand.

3. Joomla

Ideal for: Global companies

Price: Estimated between $700 to $6,500

Why Use Joomla: Site owners looking for more functionality built right into the platform may try a WordPress alternative like Joomla.

Like WordPress, Joomla is an open-source CMS. What sets Joomla apart is its built-in multilingual support and advanced user and content management options, which make it ideal for membership, community, and social networking sites. UIDAI, for example, is a multilingual website powered by Joomla. 

Image Source

4. Drupal

Ideal for: Corporatations and government agencies

Price: Estimated between $5,000 to $20,000

Why Use Drupal: Drupal is a highly flexible CMS favored by large corporations and government agencies like NASA. While you will need web development experience to fully leverage the power of this platform, you won’t have to start from scratch.

In addition to its out-of-the-box features, you can choose among 47,000 modules available in its directory and thousands of free themes in its theme repository to build a complex site that handles large volumes of data and heavy traffic, like Rush University Medical Center’s website. 

Image Source

5. Magento

Ideal for: Ecommerce businesses

Price: Estimated at $15,000 and up

Why Use Magento: The self-hosted version of Magento, known as Magento OpenSource, is like the Drupal of the ecommerce world. It’s highly flexible and secure, but difficult to learn and take advantage of all its built-in functionality and extensions.

Image Source

With Magento, you can manage multiple stores, use several worldwide shipping providers, and transact in different countries, languages, and currencies — all within the same dashboard.

So, if you have the time and resources to invest in set-up and maintenance, you’ll be able to build an online store with a huge product inventory and global reach.

6. Webflow

Ideal for: Web designers and agencies

Price: $15 – $235 per month

Why Use Webflow: Webflow is a “visual” content management system designed to fill a market gap for web designers who want to focus on creating and customizing sites without worrying about hosting, security, or performance.

With Webflow, you can start with one of the hundreds of pre-built templates or start from scratch using the Webflow Designer shown below.

Image Source

You can also extend the functionality of your site through third-party integrations or embedding HTML code. Since it requires at least some knowledge of HTML, CSS, and web design, Webflow is best suited for freelancer designers or agencies.

7. Ghost

Ideal for: Bloggers

Price: $9 – $2,400 per month

Why Use Ghost: If you’re looking for a more simple and lightweight CMS dedicated to blogging, Ghost is a great option. Ghost is a headless CMS, which means that its body (the content repository) is separated from its head (the presentation layer).

Basically, this allows you to create and manage content and then deliver that content via their Node.js APIs (or another front-end tool you prefer) to any platform and channel, from smartwatches to virtuality reality headsets.

With an intuitive editor and built-in SEO tools, Ghost appeals to bloggers and beginners who want a basic site that’s simple to create and manage.

Image Source

8. Sitecore

Ideal for: Enterprise companies

Price: Must contact company for pricing info

Why Use Sitecore: Sitecore is an enterprise-level headless CMS that enables you to create and deliver personalized websites, emails, social media posts, and mobile experiences.

You can use its WYSIWYG editor with drag-and-drop functionality, session- and device-based personalization rules, and multilingual tools to scale your content creation and deliver content that’s optimized to your users’ interests, language, and device. And thanks to Sitecore’s headless architecture, you can provide these relevant customer experiences across multiple channels, including web, social, voice, point of sale, and more.

Image Source

This CMS powers more than 120,000 websites in industries ranging from sports to banking to travel and more. Some of its biggest brands are American Express, ASOS, L’Oréal, and Volvo Cars.

Use a CMS to Build Your Site 

Using a content management system to build and manage your site can help you grow over time. Not only will a CMS store all of your web content in one place, it will also support collaboration across teams, allow for quick and easy updates, and offer templates and extensions to customize your site.

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

 

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

The COVID-19 pandemic has sent businesses scrambling to pause plans, edit emails, and cancel campaigns. And while everybody seems to know what not to publish these days, many marketers are asking: what should we put out into a world in the throes of a crisis?

It’s a conundrum facing countless creators across the globe.

They’re wondering how to be empathetic without being disingenuous. How to offer value without seeming opportunistic. And how to be there for their audience without adding to the noise.

These are important questions to ask at a time like this. Essential, in fact. But underpinning all of them is a much simpler question that gets to the very heart of what content marketing has always been about. A question that every creator staring at a blank canvas right now should be asking: how can we help?

Because now, more than ever before, audiences are seeking help.

Increasing Engagement Rates

Entire industries have been forced into hibernation in recent weeks, but this does not mean audiences’ appetites for helpful content has gone away. On the contrary. Consumers are increasing searches for valuable information and engaging with businesses at record rates.

According to an analysis of anonymized data from HubSpot’s global customer base, engagement with marketing emails, website traffic, and live chat sessions have all been on the rise, with email open rates an eye-catching 25% higher than pre-pandemic levels.

Meanwhile, traffic to HubSpot Academy, our free online training program, has more than doubled in recent weeks, and our Marketing Blog has experienced a 40% increase in weekly organic traffic.

The pandemic has triggered a striking surge in the very thing that many marketers care about most: audience attention. And such a high level of interest in the content companies are sharing, coming at such a sensitive time, places a huge responsibility on marketers to deliver materials that are not only relevant to the current moment, but genuinely impactful, too.

Those that fall short run the risk of doing damage to their reputation — according to Edelman, “71 percent of consumers agree that if they perceive that a brand is putting profit over people, they will lose trust in that brand forever.”

But those that succeed will leave a lasting impression on their audience — according to Gartner, brands that meet consumer’s needs at this time can “re-establish trust through customer-centric actions.”

So, it is not only engagement rates that are high during this crisis. The stakes are high, too. And a situation this unique requires a unique strategy to match.

When a Crisis Descends, Pause Before Planning

When times of crisis strike, the first thing marketers should think about is what not to do. Planned projects, campaigns, and announcements should be reviewed and postponed if possible. For those assets that are released as planned, it’s likely they’ll need a new tone that’s appropriate for the new environment.

Marketers should examine every article, email, ad, and social media post scheduled to be published to ensure that the tone of each asset is empathetic and respectful.

If this sounds like a lot of work, it’s because, in many cases, it is. No one team can manage a company-wide content audit alone.

Communications teams have expertise in developing messaging, social media teams have deep connections to their online community, email marketing teams have a strong understanding of brand tone, and customer-facing teams, including sales to service, have their fingers on the pulse of how customers are feeling — all of these teams should be consulted on content strategy during a crisis to ensure that a consistent and helpful approach is adopted across every touchpoint with the public.

At HubSpot, before we began creating new content for the new environment, we significantly reduced the frequency of our social media posting, dialed back the promotion of a major product launch (Content Hub), and created a centralized set of guidelines on how we as a company should be communicating during this crisis.

Making such sweeping adjustments on short notice isn’t simple, but for us, two things helped make it easier.

First, we have an established decision-making process for crisis communications that minimizes confusion in the moment.

Second, by centralizing all of our customer interactions in a shared CRM, we’re able to see what communications customers are getting and roll out adjustments quickly to marketing, sales, and service.

Creating New Content in Times of Crisis

When it comes to creating new content during a crisis, marketers’ sole focus should be on delivering work that is genuinely helpful to their audience, without being opportunistic or adding more noise to a topic that has already been widely covered by others.

According to research conducted by Edelman, 85% of people expect companies to use their power to educate their audiences during the COVID-19 crisis. For some companies, that could mean writing in-depth articles that offer expert advice on relevant topics or aggregating publicly available information to make it more accessible for readers.

Intuit, for example, did this well when they teamed up with GoFundMe to create a Small Business Relief Initiative and when they built an interactive tool to help small businesses learn if they are eligible for government-provided financial relief.

We saw similarly helpful content from Care.com, whose team leveraged their deep knowledge of caregiving best practices to share expert advice on the precautions for families and caregivers facing the global health crisis.

These powerful examples directly address the situation at hand. But for other companies, providing helpful content could mean offering an alternative to the cacophony of crisis-centric content flooding feeds all day, every day.

For example, NPR has unsurprisingly witnessed a spike in listenership to its news shows as people seek up-to-date, reliable information as the pandemic evolves. But it has also seen a 120% increase in weekly visits to its Tiny Desk Concerts — an entertainment series — indicating that audiences are not only interested in information directly about the crisis, but are also desiring content that provides an escape from it.

This should make content marketers feel encouraged.

It suggests that help can take many forms in the midst of a crisis and that there are multiple ways creators can add value to the lives of their audiences at this time.

For marketing teams that don’t have the necessary resources to create new content given the trying economic environment, there are still creative ways to adapt to audiences’ needs. Gathering together old content that’s relevant to the current situation, updating it as needed, and presenting it as an easily digestible ebook or content series can be efficient ways of overcoming resource shortages.

At HubSpot, we did just this when we published a new landing page featuring all of our articles about remote work to offer some timely support to companies and employees adjusting to the new normal of working from home.

During times of crisis, there are a number of ways for marketers to approach new content creation — some that directly address the unique environment at hand, others that look to complement the new patterns of behavior that are emerging — but the one thing that should be consistent is an honest effort to help.

Choose Channels Carefully, Distribute Delicately

Marketers have an abundance of options for how they distribute their work, but just because we can publish content on multiple channels doesn’t always mean that we should.

Our research tells us that marketing email send volumes have increased significantly in recent weeks, meaning that subscribers’ email inboxes are even busier than usual. As well-intentioned as a new article or video might be, if it isn’t distributed delicately and at a considerate cadence, it could end up doing more harm than good in a company’s efforts to help audience members.

Marketers should reserve their most intimate communications channels, like email and push notifications, for key content updates during a crisis and adopt more subtle distribution approaches for their more niche materials.

For example, an SEO-optimized article that’s easily discoverable through search may be a more appropriate way to share certain new content offerings than a direct email or paid social media post, both of which could come across as excessively promotional or tone-deaf.

At HubSpot, when the pandemic was declared, we cut our social media posting by approximately 50% in the first week and reduced the number of ads we were sending to avoid overloading our audience with information at a time when there’s already a lot to process.

And when we developed a new educational content series, Adapt 2020, we made clear to potential subscribers what type of content to expect, as well as where and when it would be distributed.

The Adapt series became the cornerstone of our content strategy during the current crisis and provided a powerful proof point of the value of the diverse app ecosystem that’s deeply integrated with HubSpot’s suite of tools.

With Looker we’ve been able to share regular updates on shifting trends in sales and marketing, with Canva we’ve been able to quickly design on-brand assets to promote upcoming webinars, and with Slack we’ve been able to collaborate with confidence on all of the elements that make up the weekly content series.

With distribution channels and cadence established with our subscribers, we have been able to turn our attention towards monitoring how the crisis and the needs of our audience are evolving from week to week.

Adapt Early, Adapt Often

Crises are unpredictable by nature. And what was deeply valuable to audiences last week, may be irrelevant by the next. To provide helpful content for the duration of a crisis, marketers should prepare to continually evolve their strategy in line with their audiences’ shifting needs.

Choosing the right metrics to monitor is key to not falling behind the pace of change. Creators should closely monitor metrics that indicate engagement — such as ‘average time spent on page’ for articles and show-up rates for webinars — to gain an insight into whether or not their new content is resonating with audiences. And from there, they can use those learnings to look for ways to improve the relevance and helpfulness of their next offering.

At HubSpot, we initially focused on delivering content aimed at helping businesses to set up virtual events and adapt to the new normal of remote work.

We then quickly shifted focus to creating content to help businesses take advantage of new relief measures available by publishing the pricing and packaging changes we’ve made along with an overview of the U.S. Stimulus Package.

Following that, we shifted focus to creating content to help businesses adjust their medium- and longer-term strategies and prepare for the post-pandemic economy.

We have never witnessed such sudden and dramatic shifts in what audiences need, and the marketers that are nimble enough to adapt their strategy quickly are the ones most likely to provide meaningful help for the duration of the crisis at hand.

And by doing so, they stand to establish long-lasting levels of loyalty with their audience.

What Content Marketing Has Always Been About

It’s no secret that consumers’ trust in companies has been dwindling in recent years. According to HubSpot Research, 55% of people no longer trust the companies they buy from as much as they used to, and 71% do not trust sponsored ads on social networks.

However, times of crisis create unique environments and unexpected outcomes, one of which can be the recovery of some of that lost trust, and the deepening of long-term relationships between consumers and companies.

Audiences are turning in record numbers to businesses for resources, information, and support. Customers are taking to social media to rally support for their favorite businesses. And content marketers are returning to first principles and re-establishing helpfulness at the heart of their strategies.

There are many challenges facing businesses at this time — content strategy is just one of them — but I am hopeful that marketers adopting the advice outlined here will see their efforts rewarded in the form of closer relationships with the audiences, and the fulfillment of knowing they’ve provided help when it’s been needed the most.

After all, that’s what content marketing has always been about.

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

Today, nearly 19% of Google’s SERPs show images. That means, despite your best SEO efforts, you could still miss out on another organic traffic source: your website’s images.

How do you get in on this traffic source? Image alt text. In this piece, we’ll cover how to write image alt text so your images rank highly in search engines and drive traffic.

Table of Contents

• What is alt text?
• Why is image alt text important?
• How to Add Alt Text to Your Images
• 3 Image Alt Text Examples
• Image Alt Text Best Practices
• How Alt Text Affects SEO

Whether or not you perform SEO for your business, optimizing your website’s image alt text is your ticket to creating a better user experience for your visitors, no matter how they first found you.

Why is image alt text important?

Image alt text is important for three reasons: accessibility, user experience, and image traffic. Understanding these reasons will help you write effective alt text for all of your images. Let’s dive in.

Accessibility

In 1999, W3C published its Web Content Accessibility Guidelines 1.0 to explain how to make content more accessible for users with disabilities. One of these guidelines was to “Provide equivalent alternatives to auditory and visual content.” It meant any web page with images (or movies, sounds, applets, etc.) should include equivalent information to its visuals or auditory content.

First and foremost, descriptive text alternatives to auditory and visual content ensure everyone can benefit from the content you share, especially those with visual impairments who may use screen readers to absorb the content on a webpage. An image without a description isn’t helpful for someone using that technology and creates a poor user experience and, in some cases, poor brand perception.

For example, say a web page contains an image of an upward arrow that links to a table of contents. A text equivalent might be “Go to table of contents.” This would allow a user with a screen reader or other assistive technology to understand the purpose of the image without seeing it.

In other words, alt text helps ensure your visual content is accessible to all users, regardless of their visual ability.

User Experience

Alt text promotes accessibility and provides a better user experience to all users. For example, say a visitor has a low bandwidth connection, so your images don’t load. Instead of just seeing a broken link icon, they’ll also see alt text to glean what the image conveys.

For example, a user on your site might be able to see the image on the left. If they can’t, due to whatever reason, they’ll hear or see the alt text on the right. This will help provide a better user experience than if there were no alt text.

Image Source

Image Traffic

Another important thing alt text does for you is surface your images in search results, whether in Google Images or as image packs. Image packs are special results displayed as a horizontal row of image links that can appear in any organic position (including the #1 spot on a SERP, as seen in the example in the intro).

And, images that appear in both types of search results are yet another way to receive organic visitors. This can result in thousands of more visitors — at least, it did in HubSpot’s case.

Beginning in 2018, the HubSpot Blog team implemented a new SEO strategy that, in part, focused more intently on optimizing image alt text. This helped to increase the blog’s image traffic by 779% in less than a year, which resulted in 160,000 more organic views. You can read more about the team’s success in this blog post.

How to Add Alt Text to Your Images

In most content management systems (CMSs), clicking on an image in the body of a blog post produces an image optimization or rich text module, where you can create and change the image’s alt text.

Let’s walk through the next steps for Content Hub and WordPress below.

How to Add Alt Text in the HubSpot CMS

In HubSpot, once you’ve clicked on an image and clicked the edit icon (which looks like a pencil), an image optimization pop-up box will appear.

Here’s what this image optimization window looks like in the CMS inside your HubSpot portal:

Your alt text is then automatically written into the webpage’s HTML source code, where you can edit the image’s alt text further if your CMS doesn’t have an easily editable alt text window. Here’s what that alt tag might look like in an article’s source code:

How to Add Alt Text in the WordPress CMS

In WordPress, clicking on an image will automatically open the Block tab in the sidebar. Under the section labeled “Image Settings,”add the alt text in the empty field.

When you’re ready, click Update from the toolbar at the top of your screen.

The most important rule of alt text? Be descriptive and specific. Keep in mind, however, that this alt text rule can lose its value if your alt text doesn’t also consider the image’s context. Alt text can miss the mark in three different ways. Consider the examples below.

3 Image Alt Text Examples (the Good and the Bad)

1. Keyword vs. Detail

Bad Alt Text

alt="HubSpot office wall Singapore inbound marketing workplace murals orange walls ship it"

What’s wrong with the line of alt text above? Too many references to HubSpot. Using alt text to stuff keywords into fragmented sentences adds too much fluff to the image and not enough context. Those keywords might be important to the publisher, but not to web crawlers.

In fact, the alt text above makes it hard for Google to understand how the image relates to the rest of the web page or article it’s published on, preventing the image from ranking for the related longtail keywords that have higher levels of interest behind them.

Worst still, Google hands out penalties for keyword stuffing.

Good Alt Text

With the bad alt text (above) in mind, better alt text for this image might be:

alt="Orange mural that says 'ship it' on a wall at HubSpot's Singapore office"

2. Detail vs. Specificity

Image Source

Bad Alt Text

alt="Baseball player hitting a ball at a baseball field"

The line of alt text above technically follows the first rule of alt text — be descriptive — but it’s not being descriptive in the right way. Yes, the image above shows a baseball field and a player hitting a baseball. But this is also a picture of Fenway Park — and the Red Sox’s #34 David Ortiz clocking one over right field. These are important specifics Google would need to properly index the image if it’s on, say, a blog post about Boston sports.

Good Alt Text

With the bad alt text (above) in mind, better alt text for this image might be:

alt="David Ortiz of the Boston Red Sox batting from home plate at Fenway Park"

3. Specificity vs. Context

Image Source

Both images above have clear context that can help us write good alt text — one is from a HubSpot office, and the other is Fenway Park. But what if your image doesn’t have official context (like a place name) by which to describe it?

This is where you’ll need to use the topic of the article or webpage to which you’re publishing the image. Here are some bad and good examples of alt text based on the reason you’re publishing it:

For an Article About Attending Business School

Bad Alt Text

alt="Woman pointing to a person's computer screen"

The line of alt text above would normally pass as decent alt text, but given that our goal is to publish this image with an article about going to business school, we’re missing out on some key word choices that could help Google associate the image with certain sections of the article.

Good Alt Text

With the bad alt text (above) in mind, better alt text for this image might be:

alt="Business school professor pointing to a student's computer screen"

For a Webpage on Education Software for Business School Teachers

Bad Alt Text

alt="Teacher pointing to a student's computer screen"

The line of alt text above is almost as descriptive and specific as the good alt text from the previous example, so why doesn’t it suffice for a webpage about education software? This example dives even deeper into the topic of business school, and specifies that the ideal audience for this webpage is teachers. Therefore, the image’s alt text needs to reflect that.

Good Alt Text

With the bad alt text (above) in mind, better alt text for this image might be:

alt="Professor using education software to instruct a business school student"

Image Alt Text Best Practices

Ultimately, image alt text needs to be specific but also representative of the topic of the webpage it’s supporting. Get the idea so far? Here are a few important keys to writing effective image alt text:

• Describe the image, and be specific. Use both the image’s subject and context to guide you.
• Add context that relates to the topic of the page. If the image doesn’t feature a recognizable place or person, then add context based on the content of the page. For example, the alt text for a stock image of a person typing on a computer could be “Woman optimizing WordPress website for SEO” or “Woman researching free blogging platforms,” depending on the topic of the webpage.
• Keep your alt text fewer than 125 characters. Screen-reading tools typically stop reading alt text at this point, cutting off long-winded alt text at awkward moments when verbalizing this description for the visually impaired.
• Don’t start alt text with “picture of…” or “Image of…” Jump right into the image’s description. Screen-reading tools (and Google, for that matter) will identify it as an image from the article’s HTML source code.
• Use your keywords, but sparingly. Only include your article’s target keyword if it’s easily included in your alt text. If not, consider semantic keywords, or just the most important terms within a longtail keyword. For example, if your article’s head keyword is “how to generate leads,” you might use “lead generation” in your alt text, since “how to” might be difficult to include in image alt text naturally.
• Don’t cram your keyword into every single image’s alt text. If your blog post contains a series of body images, include your keyword in at least one of those images. Identify the image you think is most representative of your topic, and assign it your keyword. Stick to more aesthetic descriptions in the surrounding media.
• Review for spelling errors. Misspelled words in image alt text could hurt the user experience or confuse search engines crawling your site. You should review alt text like you would any other content on the page.
• Don’t add alt text to every image. You should add alt text to most images on a webpage for the sake of SEO, UX, and accessibility — however, there are exceptions. Images that are purely decorative or are described in text nearby, for example, should have an empty alt attribute. For a more detailed breakdown of when to add alt text and when to not, check out this decision tree.

How Alt Text Affects SEO

According to Google, alt text is used — in combination along with computer vision algorithms and the contents of the page — to understand the subject matter of images.

Alt text, therefore, helps Google to better understand not only what the images are about but what the webpage as a whole is about. This can help increase the chances of your images appearing in image search results.

With Google’s rollout of Search Generative Experience (SGE), high-quality and contextual alt text ensures your content is in the mix of the new AI-powered snapshot of key information.

For example, Google notes that its SGE can give people a well-rounded shopping experience with noteworthy options, product descriptions, pricing, and images in one single snapshot. If your product images have descriptive and specific alt text, you give search engines the context to know when to surface your product as a high-quality choice in someone’s results.

When creating content on a topic, consider how your audience might prefer to find answers to their questions on that topic. In many cases, Google searchers don’t want the classic blue, hyperlinked search result — they want the image itself embedded inside your webpage.

For example, a visitor looking up how to remove duplicates in excel might prefer a screenshot so they can understand how to complete the task at a glance.

Image Source

Because this image has optimized alt text, it appears in image search results for the longtail keyword “how to remove duplicates in excel.” Since the post also appears in the web search results for the same keyword, visitors could land on the blog post through these two different channels.

Adding Image Alt Text to Your Website

So, where do you start when developing alt text for your blog posts and web pages? Consider performing a basic audit of your existing content to see where you can incorporate alt text into previously untagged pictures. Watch to see how your organic traffic changes among the pages that you give new alt tags.

The more images you optimize, the better your SEO strategy will be moving forward.

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

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

Content managers build a company’s content strategy, create targeted and relevant content, and distribute marketing communications to audiences online. They are organized, well-versed in fostering a brand voice, and often know their way around a blog post.

You might just be learning about the content management role and want to know the basics. Or, maybe you know this is the job for you, but want to make sure you’re prepared to be successful.

Below, you’ll find everything you need to know about content managers, from what they do to how to become one. Let’s take a look.

Skip to:

• What Is a Content Manager?
• What Does a Content Manager Do?
• Content Manager Skills
• Becoming a Content Manager

What are content managers, and what do they do?

Content managers develop and distribute timely, relevant content for audiences. To do that, they have a deep understanding of their company’s brand voice and use it to communicate with customers.

In addition to creativity, being a content manager usually involves the management of projects and a content team. They also might collaborate across other teams for projects.

This role is not entry-level — content managers are generally expected to lead their team and foster growth, so it’s a job that’s filled by someone with a couple of years of experience in marketing, communications, and project management.

That was just an overview of content managers and the job role. Next, we’re going to talk about some specific duties of a content manager.

The role of a content manager can depend on company structure and size. For instance, a startup’s content manager might be their only marketer, while an enterprise company might have content managers assigned to multiple teams.

You might find a content manager taking the ownership over an editorial calendar, developing content topic strategy, compiling data reports, managing social media accounts, or writing long-form editorial pieces.

Alicia Collins, Global Brand Marketing Manager at HubSpot, says, “Content managers wear many hats. Their job consists of so many moving parts — managing blogs, managing social, managing offers … in some cases, they can be a one-person marketing team.”

Even so, there are common responsibilities that define a content manager. Let’s take a close look.

Content Manager Responsibilities

The responsibilities of a content manager include:

• Audit the existing content on the company’s website for brand voice, relevance, and optimization
• Research competitors to find content gaps and keyword gaps that your company hasn’t yet covered
• Create a new content strategy that can help your company reach its traffic goals
• Promote a consistent brand identity through the company’s social media profiles
• Create a long-term and short-term content publishing calendar and social media calendar
• Write the new content or manage a team of freelancers and writers to create the new content
• Monitor the performance of the content through online tools such as Google Analytics, Ahrefs, and Google Search Console

What sorts of skills do you need to carry out these responsibilities? We’ll dive into more detail up next.

So, you know what a content manager does. What about some of the skills you’ll need to exceed as one?

Content managers are brand advocates and know that the way stories are delivered reflect their company’s brand and audience preferences. We’ve lightly touched on a few of the skills you need to be a content manager, including creativity, writing, data interpretation, and organization.

But it’s also imperative to have working knowledge of a few other things.

1. SEO Copywriting and Blogging

Content managers need to have a general understanding of SEO. That way, you can effectively reach audiences through organic search. In addition, you’ll also have to know how to be a storyteller using the voice of a brand, and how to connect with customers using that brand voice.

Take it from Senior Podcast Producer Matt Brown, who says, “Empathizing with your audience and telling a story worth listening to is always the greatest skill a content manager should have.”

In order to deliver those stories, you’ll need to be familiar with copywriting and editing. Writing skills would be applied to writing marketing communications and blog posts. You’d also use them when editing the work of others.

If you’re worried about the grammar and comprehension front when it comes to writing, check out Hemingway Editor or Grammarly. Hemingway Editor is a free website that checks your writing for technical errors and readability, while Grammarly is software that analyzes your work, spell-checks it, and offers suggestions on how to improve sentence structure.

2. Data Analysis

As a content manager, you’ll spend some time analyzing datasets. Data from past campaigns, SEO research, and audience behavior are all helpful numbers to look at in order to execute job functions, because they inform leadership decisions and collaborative projects.

You’ll want to get familiar with tracking the following metrics:

• Pageviews and traffic
• Impressions and CTR
• Average position on Google SERPs
• Conversion rate

If you don’t analyze the results from your content performance, you won’t know if your messages are accurately connecting with your customers.

3. Basic Coding

By no means do you need to be a code whiz to become a content manager, but knowing some HTML and CSS can help you jump in when you don’t have a web developer on hand. As a content manager, you’ll be tinkering around with your website’s content management system. That may sometimes necessitate inserting a line or two of HTML and CSS code.

4. Content Management System Proficiency

On that note, you should know your way around popular content management systems such as Content Hub and WordPress. You’ll be directly editing the content on your company’s website, so you’ll want to know how to use a CMS.

Content Hub offers a 14-day trial that can help you get acquainted with a top-of-the-line content management system in an intuitive drag-and-drop environment. Once you learn Content Hub, you can try your hand at a more complicated system such as WordPress.

5. Marketing Tools

You’ll also want to know your way around a few other tools. Generally, knowledge of one or two marketing tools for every facet of content production and management will cover your bases. This includes programs to enhance content as well, such as automatic grammar check software or graphic design tools.

Mastering Google Analytics and Search Console is a must for properly tracking your marketing analytics. On the creative side, tools like Canva, will help you quickly create a variety of visuals from social media posts to infographics.

It’s also a good idea to know about how social media is used as a business tool, and when that applies to marketing campaigns for your company. To help with social media management, knowing how to use a tool like HubSpot would be beneficial.

6. Strategic Planning

As a content manager, you’ll spend ample time strategizing how to deliver targeted messages to your audience. That means you won’t throw out messaging willy-nilly, but very carefully and strategically craft the messaging’s wording and timing.

Justin Champion, Principal Product Manager at HubSpot, says, “An effective content manager needs to have a vision of what story they’re trying to tell. This will help them create a cross-platform content strategy that will give the best experience possible to their audience.”

7. Time Management and Organization

As a content manager, you’ll be handling various content calendars and juggling a wide variety of responsibilities. That makes organization and time management skills a top quality of the best content managers out there.

Luckily, you don’t have to be innately organized or a strict time-keeper. You can use project management apps to keep everything going along smoothly. Remember, as a content manager, you’ll likely be the leader of a team and the go-to person for status reports. As such, you’ll want to be as organized as possible. That way, you’ll have access to the information you need when you need it.

8. Leadership

A good content manager has some leadership skills under their belt — but this doesn’t necessarily mean that you need to be an extrovert speaking at the front of the room. You can be a leader by keeping the content management projects progressing smoothly, sending reports before higher-ups ask for them, and launching new campaigns to keep your company top-of-mind for leads and customers.

In some cases, you may need to manage a team of content coordinators or writers. That’s where more traditional leadership skills come in, such as being a great people manager and adopting a leadership style that helps your team grow. Pay close attention to the wording in any job listing for a content manager. You could be the only person in your team or the leader of your team.

So, you know what it takes to be a content manager. But how do you get there? Time to find out.

How to Become a Content Manager

As with most of life’s experiences, your career path may not be a linear progression. While everyone’s path to content management varies, there are a few steps you can take to prepare yourself for the role and set yourself up for success.

1. Take a content marketing certification course.

No matter your background or years of experience, if you’re shifting from another career into content management, you’ll want to re-learn the ropes of content marketing to ensure you’re up-to-date.If you’re coming from a completely unrelated field, consider taking courses on digital marketing for an introduction to the basics.

Take a course to help you strengthen your content marketing skills. I recommend starting with our certification course. Upon completion, you’ll get a certificate that verifies your comprehension of content marketing (plus, you can add it to your LinkedIn profile).

2. Consider higher education.

While a degree will not always be necessary to land a content management role, it can certainly be a useful foundation. A degree in marketing, communications, journalism, or a related field is common among content managers. Why? They provide the basics of media best practices and ensure practitioners have a good grasp of storytelling and written communication.

3. Get familiar with SEO.

At countless firms, content marketing is synonymous with search engine optimization or SEO, so you’ll want to have a firm grasp of the concept as you seek a content manager role. If you don’t know the rules of SEO, you might write content that’s not appropriately targeted or that doesn’t serve a purpose other than filling up your company’s blog.

You’ll need to know how to carry out keyword research and use the appropriate software to find “green space” for your company’s website. Green space refers to keywords with low competition and high potential for serving your audience’s needs.

4. Create a personal website.

There’s no better way to start content management than by building a personal website with content that you uploaded and wrote yourself. This website could be for your own personal brand, for a company idea you’ve had for a while, or simply for fun. Whatever it is that you create, you want to get familiar with creating a website from start to finish, so that when it’s time to manage your future employer’s site, you can do it easily.

You’ll learn a few things through this process, including how to upload content and media, how to manage that content once it’s been uploaded, and how to effectively structure your site. It’ll also teach you how to get around a content management system.

Use your learnings from this process to give thoughtful answers to your interviewers when you’re applying for content management roles.

5. Consider freelancing to gain experience.

In addition to creating a website to boost your personal brand, freelancing is an excellent way to gain experience and build your portfolio. Potential employers want to see proof that you can deliver on their campaigns. So taking on projects as a freelancer and displaying successful ones on your personal website will help you gain practice and credibility.

Sites like Media Bistro and Fiverr can help you find contract or freelance work to help fill your resume. The more work you can pick up, the better as each project will help you hone your marketing skills and gain confidence.

6. Apply for an entry-level marketing role.

It’s time to search for a role. Unfortunately, content management is a mid-level role, meaning that most content managers have been in the marketing industry for a few years. If you’re just now getting started with marketing, you’ll want to start with an entry-level role first, then move up into content management.

Your best bet is to apply for a marketing coordinator role. Marketing coordinators typically oversee the day-to-day responsibilities of running marketing campaigns. This entry-level role will help you learn how to run a successful campaign, in addition to getting familiar with all of the stakeholders that need to be involved.

Another entry-level option would be a social media coordinator role. Social media coordinators are responsible for curating content for a brand’s social media platforms. This role will still be within the marketing department and give you the opportunity and liaise with other marketing experts on the team.

Not all marketing roles are created equal. Look for the following words in the job posting to ensure you’re starting on the right foot:

• SEO
• Blogging
• Writing

If the job posting seems too general or if it seems to concern more traditional marketing methods, such as live event marketing or advertising, you’ll want to avoid it. Content managers work almost exclusively on the digital side of marketing.

7. Take on content management tasks within your role.

In your entry-level role, you’ll want to take on the duties of a content manager without yet being a content manager by name. For instance, if your team is missing a content calendar, could you volunteer to create one (without stepping on anyone’s toes)? What about volunteering to upload the week’s new content onto the CMS?

It’s important to continue expanding your technical and practical content management skill set as you gear up to apply to an actual content manager role.

8. Apply for a content manager role.

Once you have enough experience under your belt, it’s time to move into content management — either by becoming the manager of a content team or taking on more strategic roles within a marketing team.

Remember to use every piece of experience you’ve gathered thus far to show how well you can communicate with an audience and how well you’ve distributed content in the past. Lead with the results of your actions and measure them in numbers. Content reach, organic traffic, and other engagement metrics are just a few data points you can use to show how effective you can be as a content manager.

Start Sharpening Your Content Management Skills Today

If you’re looking to become a content manager, it’s critical to deepen your knowledge of content marketing and SEO. Refining your skill set ensures that you’re staying up-to-date as the industry changes. This is a must for content managers. If you don’t know how the industry is changing, you won’t be able to effectively connect to your audience — and connecting to your audience is what will make you an excellent content manager.

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

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

Getting lost sucks. It doesn’t matter if you’re in a city or a corn maze, the ambiguity of not knowing where you are and what could happen next can make you break out in a cold sweat.

Website visitors feel the same way when they land on a jumbled website. Nearly one in two people leave a website after visiting just one page. We don’t have a lot of time to make a good impression on a user, and with a poor site architecture, you’re guaranteed to increase bounce rates.

It’s critical to structure your site in an intuitive and easy-to-navigate way to retain your audience’s attention. If you don’t, they’ll bounce in seconds. And if people leave your website because your user experience is messy, search engines won’t think highly of you, either.

If you need help structuring a website that will engage an audience and rank on Google, we’ve got you covered. We’ll teach you what website architecture is, why it’s important for UX and SEO, and how you can develop a sound architecture for your own website.

Without question, your website structure plays a critical role in retaining users and boosting conversions.

Implementing a website structure helps you design your website for the user experience. You might have the most amazing content, but if users can’t find it, they’ll leave for a competitor’s site.

A typical website structure looks like a rooted tree graph, in which the home page is the root. The pages that are linked out from the home page are branches, and from there, each page has additional branches sprouting from it. These branches then link to each other.

Here’s what that typically looks like:

Why is website structuring important?

A sound website architecture strengthens your website’s user experience. When you structure your website in an intuitive way, users can seamlessly find the information they’re looking for.

Plus, when your user experience is strong, your search engine rankings will be, too. Users will spend more time on your website and link to your web pages, which are both heavy indicators that your brand creates quality content.

Furthermore, a solid website architecture:

• Helps search engines effectively crawl your website.
• Encourages deep site navigation by providing more pages for users to visit.
• Distributes “page authority” more equitably, so that a page isn’t left out.
• Strengthens topical authority because of the strong internal linking structure between related or similar topics.
• Increases conversions by making it easier to find products and lead-generating content.

Let’s take a look at a few best practices you should keep in mind when designing your site’s architecture.

1. Create a simple top-level navigation menu.

First, don’t provide too many top-level menu items. Second, be sure to deliver the content that’s promised based on the menu item’s name.

For instance, if your users click on the “Email Marketing” tab on your blog’s homepage, they expect to be directed to a list of email marketing posts. From this page, you also need to design a simple navigation path back to your blog’s homepage and your website’s homepage.

Check out an example below from our own website:

The menu is divided into three simple menu items: Software, Pricing, and Resources. Under the “Resources” tab, users can find different resources that are divided into different designations.

Don’t make your users think too hard. A hard-to-navigate website will have a high bounce rate. Users don’t want to waste time trying to find information on your site. If they do, they’ll just leave. So practice empathy and provide an intuitive web experience.

2. Keep your URLs simple and user-friendly.

No user wants to read a URL structured like this:

example.com/store/rackets/default.aspx?lang=en&category=98a20

It’s important to create user-friendly URLs. Most CMS systems, such as Content Hub and WordPress, automatically create a user-friendly URL based on your page’s title. It will usually read as follows:

example.com/page-title

You can also create subdirectories that are easy to follow.

example.com/topic/subtopic/page-title

Tip: While subdirectories are helpful from a UX standpoint, they aren’t required to reflect your site’s architecture. Internal linking matters more than URL structure. That means that you can structure your URLs as follows:

example.com/topic

example.com/subtopic

example.com/longtail-keyword-one

example.com/longtail-keyword-two

You simply have to connect them to each other and to their parent pages with internal links.

3. Model your website architecture after the top players in your industry.

Your customers are used to the website architecture of major brands in your industry, so if you run an ecommerce store, analyze how Amazon structures their website and emulate them. Your website will seem more familiar and, in turn, easier to navigate.

4. Keep your website consistent.

Your website’s navigation format, design principles, and link displays should all follow a consistent pattern. Keeping these elements the same will keep your users on your site longer because it’ll be easier for them to quickly navigate to new pages and click on links.

5. Implement the pillar-cluster internal linking model.

In the pillar-cluster model, you have a parent page (the pillar) linking out to child pages (the cluster). These child pages then link to each other, creating a cluster.

This model makes your internal linking structure clearer and effectively directs users to other pieces of relevant and useful content. When users come across an internal link on your website, they should immediately understand which piece of content the link will direct them to and why that content is linked from the page they’re currently on.

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.

Our view at Stack - Simplify growth with an all-in-one platform. Powerful marketing, sales, and support automation. Integrated CMS. Scalable software. Crafted for customer experience.

We’ve all been there: staring intensely at the screen, willing ideas to come to our minds. When words or ideas aren’t shooting out of our minds or fingertips, we know we’ve entered a writers’ block rut.

This is where brainstorming tools come in. By helping us generate and organize ideas, they can help both individual marketers, or teams who are always brainstorming. 

With features like virtual whiteboards, mind maps, and voting systems, today’s brainstorming tools foster efficient idea generation and collaboration among team members, regardless of their physical location.

In this post, we will cover:

• AI Brainstorming Tools
• Collaborative Brainstorming Tools
• Note-Taking Brainstorming Tools
• Free Brainstorming Tools
• Brainstorming Templates
• Brainstorming vs. Mind Mapping

AI Brainstorming Tools

HubSpot AI Content Writer

Get started with the AI Content Writer

HubSpot AI Content Writer is a brainstorming tool that can help you when you’re stuck. If you need to create content, whether it’s an email, a landing page, a blog post, or a social post, you can tell the software the audience you’re writing to, the message you want to communicate, the length, and the tone you’d like to convey.

For example, I gave it a prompt to brainstorm ideas for a blog post about how to set up an e-commerce shop. In return, I received a list of blog post ideas I can pursue.

You can also use AI Content Writer to generate outlines, headlines, and content ideas in a pinch. 

Price: HubSpot AI Content Writer is available as part of Content Hub, which offers a free version, Starter at $23 per month, Professional at $360 per month, and Enterprise at $1,200 per month.

Collaborative Brainstorming Tools

Lucidspark

Source

If you like sticky notes, Lucidspark might be the brainstorming tool for you. The software is an interactive whiteboard that supports real-time collaboration by allowing you to chat, leave comments, react with emojis, and vote on ideas. You can simply type your ideas on a sticky note, or use drawing tools to mark something up, and drag or share your thoughts to the canvas. 

Lucidspark also offers customizable brainstorming templates for brainwriting, concept summaries, storyboarding, mind mapping, and wireframes. Lucid supports basic Excel import for Individual and Team accounts.

Pricing: Free version available. Individual at $7.95, Team at $9 per user, and custom pricing for Enterprise.

Miro

Source

Like Lucidspark, Miro is a collaborative brainstorming tool that fosters an open teamwork style with a whiteboard user experience. It also offers more than 200 brainstorming templates includingstickies, user story maps, and brainwriting. Additional features like chat, comments, sticky notes, and video allow you to bounce ideas off your team and gather feedback.

Miro can also import data from spreadsheets and integrates with popular tools like G Suite, Microsoft Teams (and Excel), Slack, and Zoom.

Pricing: Miro offers a Free version, Starter at $8 per member per month, Business at $16 per member per month, and custom pricing for Enterprise.

Milanote

Source

Milanote is another online whiteboard that enables you to collaborate with teams. You can write notes and to-do lists; upload images, Excel documents and design files; save text, images, and links from the web; and add notes and photos from your phone.

Unlike similar whiteboarding tools on this list, Milanote’s geared towards design and creative teams with its ability to support design files.

Pricing: Milanote offers a free version with paid plans starting at $9.99 per person per month and team upgrades starting at $49 per month (billed annually).

Note-Taking Brainstorming Tools

TheBrain

 

TheBrain is a note-taking brainstorming tool with AI features. It aims to digitize your thoughts and organize everything you need for brainstorming in one place by enabling you to take notes and save files, web pages, images, and emails to the platform. Though it’s note-heavy, you can also structure and visualize the writing with outline view, thought icons, and embedding of images, videos, and links into your notes.

You can also generate outlines and content by leveraging TheBrain’s AI capabilities.

Pricing: Free version available. Pro Service at $15 per set per month, Pro License at $219 one-time, and Pro Combo (License and Cloud Services) at $299 per seat per year.

Evernote Teams

Source

Evernote Teams is a note-based collaboration tool with brainstorming features. You can access shared notebooks and spaces and collaborate in real-time by editing notes with team members.

Evernote Teams integrates with Google Suite, Slack, and Microsoft Teams.

Pricing: Free trial available. Pricing available upon request.

Free Brainstorming Tools

HubSpot Campaign Assistant 

Source

HubSpot Campaign Assistant is a free AI-powered brainstorming tool for marketing campaigns. If you’re encountering roadblocks, Campaign Assistant can help you brainstorm marketing campaigns, whether you need copy for a landing page, marketing email, or Google ad.

You can share details about your campaign and select a tone of voice that aligns with your brand. With just a few clicks, you’ll receive copy highlighting your selling points and incorporating your desired call to action. 

For example, when I used this tool to create an email marketing campaign for an online Halloween sale at a costume store that also sells Halloween home decor, I gave the tool a description of what the campaign was about, key facets my audience should know about, a call-to-action, and a writing style. 

Within seconds, Campaign Assistant generated a ready-to-use email in an excited and humorous tone.

Pricing: Free.

Google Docs

Source

You’re probably already familiar with Google Docs. It’s a classic brainstorming tool that enables you to type out ideas, and collaborate with your team by sharing docs. 

I use Google Docs on a nearly daily basis — in fact, I wrote the draft for this blog post on Google Docs. Before delving into a blog post, I would create a separate document for to brainstorm a good outline.

Google Docs also integrates with other popular brainstorming tools, making it a helpful supplementary software.

Pricing: Free

Brainstorming Templates

Brainstorming can be intimidating, especially when you’re staring at a blank slate. This is how brainstorming templates can help.

Brainstorming templates are pre-designed frameworks or structures that guide and organize the brainstorming process. These templates provide a starting point for teams to generate ideas and encourage structured thinking. Whether in the form of mind maps, SWOT analysis, or decision matrices, these templates help individuals and teams explore different angles, foster collaboration, and ensure that no important areas are overlooked.

By using brainstorming templates, teams can streamline their ideation process, stay focused, and ultimately increase their chances of generating innovative and effective solutions.

Here are some brainstorming templates:

• HubSpot’s Free Brainstorming Template 

• Asana
• Canva
• Lucidspark
• Miro

Brainstorming vs. Mind Mapping

Brainstorming and mind mapping are two distinct techniques employed in the creative process. While brainstorming focuses on generating a large quantity of ideas without any evaluation or organization, mind mapping involves visually organizing and establishing relationships among these ideas. In brainstorming, ideas can be random and diverse, allowing for a free flow of creativity.

On the other hand, mind mapping uses a central point as a starting point and branches out to connect related sub-topics and ideas, creating a structured and hierarchical visual representation. Brainstorming is the initial step in idea generation, while mind mapping facilitates the organization and understanding of these ideas for further development and implementation.

Get Started With Brainstorming Tools

From capturing and organizing ideas to leveraging artificial intelligence for content generation, brainstorming tools have become essential. With their intuitive interfaces and powerful features, brainstorming tools empower you and your team to unleash creativity, think outside the box, and find unique solutions to complex problems.

Get started with tools like HubSpot’s AI Campaign Assistant..

If Hubspot is of interest and you'd like more information, please do make contact or take a look in more detail here.

Credit: Original article published here.