0

Have you heard about Google’s new Core Web Vitals? An addition to the four existing Page Experience signals, Core Web Vitals are crucial to the best possible user experience (loading, interactivity, and visual stability). Google will gradually start rolling out these metrics in mid-June, and they’ll play a full role in ranking determinations by the end of August. In this blog, we’ll take a closer look at each of the Core Web Vitals, how they’ll impact your website, tools for improving them, and more.

What Are Google’s Core Web Vitals?

Core Web Vitals assess user experience (on desktop and mobile) in terms of speed and how quickly visitors can interact with a page. Each Core Web Vital “represents a distinct facet of the user experience, is measurable in the field, and reflects the real-world experience of a critical user-centric outcome.”

Rather than focusing solely on text elements, Core Web Vitals evaluate the quality of overall user experience (UX) within a page. There are three Core Web Vitals:

  1. Largest Contentful Paint (LCP)
  2. First Input Delay (FID)
  3. Cumulative Layout Shift (CLS)

LCP assesses performance and loading, FID responsiveness and interactivity, and CLS visual stability. Core Web Vitals make up the largest portion of your Google Page Experience Score, which also includes the following existing search signals:

  1. Mobile Friendly
  2. Safe Browsing
  3. HTTPS
  4. No Intrusive Interstitials

We’ll take a closer look at Page Experience Score later in this blog. Let’s start by digging into the details of each Core Web Vital.

Core Web Vitals 2 jpg What You Should Know About Google Core Web Vitals

Core Web Vital #1 :: Largest Contentful Paint (LCP)

Largest Contentful Paint (LCP) measures how quickly the largest content element on a page loads. This is typically a large, block-level piece of text, image, or video. Rather than assessing load time for the entire page, LCP examines how long it takes a page to load from the user’s point of view, which is the most important page speed metric of all.

A good LCP is less than 2.5 seconds, which means the largest element shows within 2.5 seconds of when the page starts loading. Optimizing your LCP is important because longer load times are proven to have a severe negative effect on bounce rates. To improve your LCP time, consider:

  • Removing large page elements
  • Upgrading your web host
  • Implementing lazy loading
  • Removing unnecessary third-party scripts

Core Web Vital #2 :: First Input Delay (FID)

First Input Delay (FID) measures the amount of time from when a user first interacts with a page to their browser’s response to that interaction. User interactions include (but are not limited to) the following:

  • Selecting a menu or navigation option
  • Clicking a link or button
  • Entering text into a field
  • Opening an accordion menu on mobile

FID goes beyond your PageSpeed score because it measures the time it takes for a user to complete a specific action. That means it requires field data from real-time users and cannot be generated through lab simulations.

A good FID should be no more than 100 milliseconds to provide great user experience on the web. To improve your FID time, consider:

  • Utilizing a browser cache
  • Removing non-critical third-party scripts
  • Deferring (or minimizing) JavaScript

Core Web Vital #3 :: Cumulative Shift Layout (CSL)

Cumulative Shift Layout (CSL) calculates the total number of layout shifts that occur as an entire page loads. In other words, it determines how quickly a page is visually stable during the loading process. Page stability during loading helps ensure visitors don’t click something by mistake or have to re-learn where links, buttons, and fields are.

A good CSL is anything less than 0.1. Your score can be as low as 0 and increases every time shift layouts occur. In other words, a higher score means elements are jumping around a lot while your page loads. There’s no maximum score, but Core Web Vitals score 0.25 or above as “Poor.” To improve your CSL score, consider:

  • Adding additional UI elements below the fold
  • Ensuring ad elements have reserved space
  • Defining size attribute dimensions for media

How Do Core Web Vitals Fit Into Google’s Ranking Factors?

Core Web Vitals are a crucial new component of a metric set known as Page Experience signals. These assess a page’s overall user web experience by considering the most important non-text elements. In other words, they consider how users perceive their interactions with a page and how useful that page is in satisfying their query. We’ll examine the four existing Page Experience signals below.

Core Web Vitals 1 jpg What You Should Know About Google Core Web Vitals

1. Mobile Friendly

This assesses how easy websites are to navigate on mobile devices. This includes the accessibility of links and on-page elements, along with content readability. Every part of a page should be just as functional on mobile as it is on desktop, which is the foundation of responsive design.

2. Safe Browsing

Safe Browsing determines whether a website has problems like hacked content, phishing, and malware. It’s focused on ensuring that visitors can safely browse for what they’re looking for.

3. HTTPS

This metric assesses the security of a website and whether it’s being served over HTTPS per Google best practice recommendations.

4. No Intrusive Interstitials

This signal ensures that essential on-page content is not obstructed by intrusive interstitials (pop-up ads), promoting a pleasant browsing experience.

How Are Your Core Web Vitals Scores Calculated?

Core Web Vitals scores are calculated using the 75th percentile over a 28-day window. In other words, it uses three of four site visits (75%) to determine whether a page meets the target for each Core Web Vital. If a page satisfies the recommended scores for all three metrics, it passes the Core Web Vitals assessment.

How Will Core Web Vitals Impact Your Website?

While Core Web Vitals are certainly important, it’s key to understand that Google considers hundreds of unique signals when ranking web pages. However, Core Web Vitals can make a significant difference for pages that are competing for extremely competitive terms. Core Web Vitals will evolve continuously over time as user expectations change, so it’s crucial to stay informed.

How Can You Improve Your Core Web Vitals Scores?

There are many free tools you can use to analyze and improve your Core Web Vitals scores. Bettering these metrics can help you outperform your competitors and rank higher in Google search engine results pages. We recommend the following tools to review your Core Web Vitals scores and uncover opportunities for improvement.

Tool #1 :: Google Search Console Core Web Vitals Report

If you want to improve your Core Web Vitals scores, start with Google Search Console’s Core Web Vitals Report. Located in the “Enhancements” section of your Search Console account, the Core Web Vitals Report provides an overview of how your entire site is performing.

Mobile Score with Mobile View What You Should Know About Google Core Web Vitals
Screenshot of Tower Marketing’s Core Web Vitals Report.

The Core Web Vitals Report uses field data from the Chrome User Experience Report to group indexed URLs by issue. This is because UX problems on similar pages are typically caused by the same underlying problem. Each URL is scored as “Poor,” “Needs Improvement,” or “Good.”

Once you’ve pinpointed a problem, you can remediate it using tools like Google PageSpeed Insights or Google Lighthouse. The following two sections examine these tools in more detail to help you optimize for UX.

Tool #2 :: Google PageSpeed Insights Report

Your Google Search Console Core Web Vitals report links to a corresponding report in Google PageSpeed Insights, which is powered by Lighthouse lab simulations. PageSpeed Insights measures Core Web Vitals using both lab and field data. Focus on the “Opportunities” and “Diagnostics” sections to identify issues on each URL and effectively optimize for site speed.

PageSpeed Insights Loading What You Should Know About Google Core Web Vitals
Screenshot of PageSpeed Insights loading Tower Marketing’s website.

Tool #3 :: Google Lighthouse

Google Lighthouse is an automated tool that runs audits against a URL and creates a report on that page’s performance. Lighthouse 6.0 includes lab metrics for Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS), making it an invaluable tool when assessing Core Web Vitals.

Total Blocking Time (TBT)

Lighthouse 6.0’s third new metric is Total Blocking Time (TBT), which correlates directly with First Input Delay (FID). Simply put, TBT calculates the total time between LCP and Time to Interactive (TTI). TTI is the amount of time from when a page starts loading to when it reliably responds to user interaction.

Time to First Byte (TTFB)

The “Opportunities” section of your Lighthouse report also includes Time to First Byte (TTFB). As the name suggests, this is the amount of time it takes a browser to receive the first byte of page content.

Time to Interactive (TTI)

Included in the “Performance” section of your Lighthouse report, Time to Interactive (TTI) measures how long it takes a page to become fully interactive. TTI works alongside TBT to pinpoint and diagnose interactivity issues that can negatively impact your FID. Because it’s not field-measurable or user-centric, TTI isn’t included in Core Web Vitals.

Tool #4 :: Google Search Console Page Experience Report

The Page Experience Report combines your Core Web Vitals report with the other four Page Experience signals: Mobile Friendly, Safe Browsing, HTTPS, and No Intrusive Interstitials. Taking a deep dive into each component of the Page Experience signal can help you uncover new opportunities for improvement, which can be particularly helpful in tie-breaker situations.

Tool #5 :: Google Chrome User Experience (CrUX) Report

The Chrome User Experience Report is an anonymous public report of user experience data from millions of web pages. It measures field data (as opposed to lab data) on all three Core Web Vitals and doesn’t factor in simulations or Googlebot visits. Seeing how your pages perform in the field is a great way to pinpoint valuable improvement opportunities.

Tool #6 :: Google Chrome DevTools

Google Chrome DevTools are built into the Google Chrome browser and are designed to help you diagnose and remediate issues that can lead to a high CSL. They also measure TBT, which is beneficial when looking to improve your FID.

Tool #7 :: Google Chrome Web Vitals Extension

Available in the Chrome Web Score, the Web Vitals Extension measures all three Core Web Vitals in real-time. This instant data on loading, interactivity, and layout shifts helps you identify opportunities that can make a big difference.

Tool #8 :: Semrush Site Audit Tool

The Site Audit Tool in your Semrush account reports on a variety of data that correlates with Core Web Vitals. This includes loading speed metrics, HTTPS security protocols, JavaScript and CSS errors, crawlability, and more.

Partner with Tower Marketing to Improve Your Core Web Vitals Scores

The best (and easiest) way to identify and remediate Core Web Vitals issues is by working with an agency like Tower Marketing. Our experienced team of web developers and SEOs have the tools to bring your site up to Core Web Vitals recommendations, and we’ll fix any problems as they arise.

Want to check Core Web Vitals for your site and see how you stack up against these new Page Experience metrics?

In 2016, online sales of physical goods amounted to $360.3 billion and are projected to surpass $603.4 billion in 2021. Maybe you’ve used a brick and mortar retail strategy for years and are now ready to jump into online sales. Or maybe you’re a new business that will be selling online from day one. Either way, you’ll need to build an eCommerce website.

This can be accomplished in many ways — from adding a simple PayPal plugin on an existing site to creating a brand new, custom site. No matter how you get it done, here is a rundown of what successful eCommerce websites all have in common.

eCommerce Website Design

A More Complex Sitemap

When a client comes to our team seeking an eCommerce website design, we know up front it’s going to require additional or different components than those found on a standard website design. This results in more time spent early on in the design process as we finalize the sitemap, categorizing individual products and determining how each category page, sub-category page, and product page connects to other pages.

Additional Page Templates

For a traditional website design project, there may be a handful of unique page templates created —  homepage, contact page, careers page, service page, etc. As the website is built, all pages can be created from these approved page templates.

When completing an eCommerce website design, additional template designs will be needed, such as templates for a category page, subcategory page, product page, cart page, and check out page.

Other design features that may be incorporated into your eCommerce web design include:

  • product “quick view” pop-ups
  • online catalogs
  • product reviews
  • recommended products areas

The Power of Product Photography

Strong product photography can make or break eCommerce sales. Customers don’t always feel comfortable making a purchase if they don’t know what they’re getting. Product pages should include multiple photos whenever possible, including:

  • products on a white background
  • product views from all sides
  • close-ups of unique details
  • photos of all colors, prints, or other variations
  • products in and out of the packaging
  • products in use

Building Your eCommerce Website

Choosing a Content Management System

Building an eCommerce website starts with choosing a content management system (CMS). It is important to understand the limitations and designs of certain content management systems.

WordPress is a widely-popular CMS that was developed initially as a blog management system but quickly grew to incorporate full, custom sites and eCommerce sites through its WooCommerce platform. Other platforms, such as Magento, were strictly made to handle eCommerce, while a third platform category, that includes ExpressionEngine and the Expresso Store, was built to incorporate both website development and eCommerce.

Each has its own pros and cons:

  • While WordPress is generally easy to code on and has a large number of documentation and plugins to fit almost every need of an eCommerce store, its search functionality is sometimes lacking when it comes to larger stores. WordPress is also frequently targeted by malware, just based on the popularity of the CMS.
  • Magento is built to handle larger sites with many variables, but their limitations aren’t as easily fixed as WordPress which has the history, developers, and documentation to back it up. Furthermore, Magento’s search engine optimization may require additional installations which could cost more money.
  • ExpressionEngine is a completely custom CMS, so you can build based on your needs. However, this means that support issues could take longer to complete based on complexity.

Off-site Payment Processing vs. On-site Payment Processing

Off-site payment processing involves the user leaving your site to complete the sale. This is easier to manage from a business standpoint and many users feel more comfortable paying through trusted names like PayPal or Authorize.net. However, you are driving users away from your site. You will also be limited to the check-out process of the authorizer, as opposed to setting up any custom fields you’d be interested in adding.

On-site payment processing is more expensive but it keeps the users on your site and provides the ability to add new fields to capture user information in the future. Many on-site payment processors come with a monthly fee.

SSL Certification

For every eCommerce website we build, we acquire an SSL certificate.  An SSL (Secure Sockets Layer) is an extra layer of security that encrypts a customer’s personal and credit card information as it travels from the web server to a browser. The only difference you’ll see in your final site is that your website’s URL will begin with HTTPS instead of HTTP.

SEO and Content Support for eCommerce Websites

Optimize Category Pages

Category pages are very useful, especially for shoppers who don’t know the exact product they are looking for. Optimize your eCommerce catgory pages by:

  • Focusing on your product categories. If you have thousands of products, trying to produce unique content may be overwhelming. Center your SEO efforts on amplifying the product categories by optimizing internal links and adding relevant products to each category.
  • Adding specific and relevant content to each of your category pages.
  • Building deep-links to product categories. Use social media and other forms of content marketing, such as blog posts, to build internal links that help drive relevancy.

Avoid Duplicate Content

Unique content on product pages can be an issue when building an eCommerce website. In many cases, product information is gathered from a database, leading to duplicate content. How many times have you seen a product page where there is only a photo, SKU number, and few generic bullet points? How are users, never mind a search engine, going to understand what the page is about and what your products relate to when there is a lack of information? This is how you can avoid duplicate content on your eCommerce site:

  • Manually add content to your most popular product pages. Use Google Analytics to identify the best-selling product pages and make sure they have unique, relevant content that is easy to understand.
  • Add user generated content. When users add content, it will distinguish your products from one another. Use reviews, user photos, and endorsements to help incorporate unique content.

Product Copy In Great Detail

In terms of optimization, search engines love long-form copy. The more content on a page, the more opportunity to incorporate vital keywords throughout the text. Lengthy copy also provides more opportunity for creativity and intrigue, keeping customers on the page longer and building interest as they read.

However, writing just for the sake of writing won’t cut it. Once you’ve given the basics (size, color, materials, best uses, etc.) and what makes the product unique, explain how customers will benefit from the purchase. Be sure to include a call to action, providing the customer with further steps to take like add to cart, save to favorites, or view similar products.

And remember, a picture is worth a thousand words so your product pages need to include high-quality photography. Product videos will also take product pages to the next level. This can include sales videos, instructional videos, or 360 product videos. Encourage your customers to submit images of them using your products so other shoppers can share in their user experience first-hand.

Don’t Forget Schema

We have spoken about the importance of structured data, specifically schema.org. eCommerce sites have content that is optimized for humans but not necessarily for search engines. Adding markup code to product pages using schema.org will provide search engines with access to your data and an understanding of your products. These protocols developed by schema.org will assist Google in returning properly-organized results for users’ search queries.

How to Reduce Shopping Cart Abandonment

When customers shop online, they generally don’t feel as rushed to make a decision as they would shopping in-store. Rather, an online shopping experience leaves plenty of time and opportunity to really think the purchase through before making a final decision to buy. This can often result in an abandoned shopping cart.

Price discrepancies and an unfriendly check-out process are two of the main reasons that online shoppers may abandon their purchase and are red flags you want to avoid when building an eCommerce website.

Eliminate Cost Confusion

Shoppers often abandon their carts when they get to the checkout and realize that the cost is higher than expected or that there are unexpected costs associated with the purchase. A good way to settle this confusion is to have an area at the side or top of the screen that provides a snapshot of their cart along with their total so far. This way, the customer knows the whole time what their running total is, eliminating surprises at the end.

Help Shoppers Save on Shipping

Another reason shoppers abandon their shopping carts is that they don’t want to pay shipping fees. In fact, 58% of shoppers will leave their order if shipping costs were more than expected. Free shipping is a wonderful incentive to encourage shoppers to buy. But if you can’t swing this deal all the time, consider one of the following options:

  • offer free shipping as a promotion only during peak selling seasons
  • offer a  low, flat-rate shipping fee
  • add an option to pick up in-store, if you have physical retail stores
  • create product discounts that compensate for shipping costs

Be sure to promote your shipping deals as soon as a customer lands on your site, on home page banners and page headers. Even better, provide the option: “no promo code needed,” and automatically add free shipping or flat-rate shipping to their cart.

Effortless Shopping and Checkout

Shopping is meant to be fun and easy. Customers hate complicated navigation when shopping and will leave the site if too much effort is involved. Make their shopping experience easy and enjoyable by simplifying every step of the way.

  • Sometimes shoppers abandon their cart is because they were just browsing. Offer the option to create a “save for later” list so they so they can keep track of the items they are interested in.
  • Another way to reduce frustration for your customer is to provide images of their items in the shopping cart instead of a description. This allows them to glance quickly at what they have and continue with their purchase.
  • Don’t make it impossible to navigate away from the checkout page. Oftentimes, shoppers want to continue shopping (which is a good thing!) and should be able to return to a category or product page without hassle.
  • Make the actual checkout process a breeze! Provide a bar that shows their position in the checkout process so they know how close they are to completion.

Enhanced eCommerce Tracking

What is Enhanced eCommerce?

After building an eCommerce website, you’ll want to track its successes and find opportunities for improvement. Enhanced eCommerce enables you to measure user interactions with products on your site. These interactions could be product impressions, clicks, product detail views, add to cart, check out, completed transactions, and even refunds. Analyzing this data is easy and completely free with Google’s Enhanced eCommerce plugin.

Step 1 – Setup

In order to get started with Enhanced eCommerce, your web developer will need to remove the general Google Analytics code from your site and replace it with the Enhanced eCommerce code that’s generated through your Google Analytics account.

Once the code is verified, you’ll need to enable eCommerce and set up the funnel of your website’s check out process. This will help you understand the drop-off points, which can be extremely helpful during your busy seasons.

Enhanced E-commerce Analytics Set-Up

Step 2 – Measure Customer Activity

The hardest part of this step is waiting for the data to compile. We recommend giving yourself at least three to six months of data before truly analyzing customer shopping and checkout behavior through Enhance eCommerce tracking.

In this example of eCommerce tracking, our client was able to analyze the drop-off rates of their checkout process. With Enhanced eCommerce they could also:

  • track coupon codes and other marketing campaigns
  • report on product performance, sales performance, and product list categories
Enhanced Ecommerce analytics screenshot

Step 3 – Analyze, Compare, Repeat

Now you have a starting point. Going forward, you should complete comparative checks every quarter. Compare downtimes to peak traffic times, year-over-year sales, and similarities and differences between shopping behaviors and general website use.

Stuck on how to optimize your eCommerce site? Need a hand building an eCommerce site for your brick-and-mortar store? Let us do the work for you.

Don’t have time to read this blog? Listen to the audio version while on-the-go!

A new website can be a crowning achievement for your marketing team and all eyes throughout your company will be on the final product. You’ve worked through sitemaps, wireframes, page layouts, and content.  But now is the moment you’ve been waiting for. The website testing phase is your first opportunity to see your website (almost) live and in action on the screen!

However, testing a website is a huge undertaking. Of course, you’re looking at each page to ensure it matches the approved designs, getting a feel for the load speed, and experiencing the final user experience first-hand. There’s more to the website testing phase, though than a quick browse through each page of the site. With much back and forth, a typical testing phase can take about a month total. But as the saying goes, all in good time!

For a successful test phase and a fantastic end product, we’re breaking down everything you should be giving attention to when testing a website.

1. Cross-Browser Testing

No two users will browse your site under the same set of circumstances. One visitor will be using Safari on the iPad, another will be using Chrome on an Android phone, and there may even be a visitor using IE8 on a desktop computer (shudder!). And, it’s probably safe to assume that the majority of users are not using the latest and greatest browser version, although our developers would love it if this were the case.

With older browser versions, aspects and functionality of your new website may not translate perfectly. Cross browser testing, or reviewing your website across several browser platforms, allows you to catch any browser incompatibilities before your site goes live.

The most popular browsers that you should use when testing a website include:

  • Google Chrome
  • Safari
  • Firefox
  • Microsoft Edge
  • Internet Explorer

And you should also test these browsers using devices with different operating systems and from different manufacturers (iOS, Android, Apple, Samsung, Google).

If you haven’t already, dig into your Google Analytics which can offer insight into the browsers and devices that your visitors are using most often when they come to your site. This will give you a good starting point for your cross-browser testing.

These are some of the more common browser “bugs” that you want to look for as you explore your website on different online browsers.

  • Safari generally uses font smoothing which causes certain fonts to look lighter or thinner as opposed to other browsers.
  • Older versions of Internet Explorer don’t support certain modern attributes which can cause breaking layouts or animations that fire off incorrectly.
  • Forms are generally the greatest offender for cross-browser testing. Dropdowns, input fields, even submit buttons are all masked differently by each browser.
  • Audio and video formatting is also very important. You may that some browsers don’t support your video files and they won’t play properly.
  • Scrolling may be different from browser to browser. If your site includes Scroll Magic or any Parallax scrolling, it is important to make sure it is smooth across all browsers.

2. Testing a Responsive Website

This step of the website testing phase has become more crucial as responsive web design has taken over web development and design. Responsive testing hones in how on the design adapts for different screen sizes. During this phase, we look for aspects of the page layout that are off-center, cut-off, overlapping, or missing altogether.  Websites should be tested on a desktop, laptop, tablet, and mobile device at a minimum.

Here are two ways you can easily test that your website design and content adapt appropriately for all screen sizes.

Use Actual Mobile Devices

When you receive the test site from your development team, you’ll probably sit down and start testing on your desktop or laptop. But, to get a true picture of how your website will perform on smaller screens, your best bet is to use these actual devices. So tell your team to gather their Surface Pros, iPad Minis, Samsung Galaxys, and iPhones (new and old!) and give your test site a thorough review, noting any issue they encounter.

Virtual Machining

If you don’t have access to a number of different devices, you can turn your desktop into a “virtual machine” that allows you to view your website as it would look on a variety of popular mobile devices. Follow these steps:

  • View your website using Chrome browser
  • From any page, right click your mouse and choose Inspect
  • In the top left menu, click the Devices icon (it looks like a tablet and phone side-by-side)
Screenshot of turning on Virtual Machine for Website Testing
  • Use the drop-down menu to choose a mobile device
Screen shot of Choosing a Mobile Device Size in Virtual Machine

When reviewing your new website for responsiveness, here is a list of what you should be on the lookout for:

  • A common responsive issue affects subheader navigation items. For example, if you hover to get to the subheader on a desktop or laptop, you may find that certain mobile devices will not recognize the hover and instead users will be stuck clicking on and transferring to the parent page.
  • Overlapping layouts can occur.  As newer phone models are introduced and their breakpoints are different than what the developer designed for.
  • Image cropping can also occur since viewports need to be decreased for mobile devices. Background images can be aligned top, left, right, center, but some cropping may still occur.
  • Make sure your content is comfortably readable. The font sizes should decrease on your mobile device for better readability. 
  • You may find some pages become much longer when viewed on mobile devices. Make sure your design includes a simple “back-to-top” arrow or a sticky hamburger icon to help with this issue.

3. Testing User Accessibility

Currently, there are over 57 million Americans living with disabilities, including visual, hearing, motor, and cognitive disabilities. Over one million individuals report that their disability makes it challenging to browse the web.

Certain elements make it difficult or impossible for those living with disabilities to use a site. In many cases, these individual are using special tools (screen readers) or alternative methods (using a keyboard instead of a mouse) for navigating and interacting with your website. When building a new website you need to be sure your website is accessible to all users and provides everyone the same web experience.

When testing a new website, your development will use an online tool to “grade” your site’s user accessibility. It will look for errors that include:

  • Improper hierarchy of heading tags (H1, H2, H3)
  • Links or buttons that don’t include text or text that is not specific enough
  • Images that are missing alt text
  • Issues with tab navigation (using the tab button to navigate between links)
  • Missing form labels
  • Color contrast that could be hard to read

There won’t be much additional testing that you need to do, but it recommended that you run a report on your site at least twice a year to ensure that no new errors have developed.

4. eCommerce Testing

Testing an eCommerce website requires a few more steps because you need to make sure your website can properly support all shopping scenarios.  In addition to the testing methods outlined above, there are additional tests you should run before launching a new eCommerce website.

  • Adding new categories, sub-categories, products, and product variations (size, color, material) to the website
  • Adding different types of products to the site (product bundles, virtual products, downloadable products)
  • Placing an order
  • Canceling an order
  • Confirming proper sales tax and shipping costs
  • Ordering multiple products
  • Testing discount codes
    • use a discount code for eligible products
    • use a discount code for ineligible products
    • use a discount code with an appropriate order amount
    • use a discount code when the order amount is too low
  • Setting up a user account
  • Setting up special user groups (users who receive special pricing or users who can only access certain products)

5. Attempting to Break the Site

As a final step of the website testing phase, we always tell clients to try to “break the site.” Our theory behind this request is that if we can break the site during testing, then a user will be less likely to stumble upon an area that is broken once it launches.  It may be time-consuming, but it’s necessary to visit each page of your website and take the following actions:

  • Test all links (throughout the navigation, footer, sidebars and body copy) to ensure they go to the correct page
  • Make sure all videos play correctly
  • Complete and submit all forms and ensure they go to the proper person or email system
  • Test any downloads
  • Sign-up for any email subscriptions or lead generators and make sure your information is populated to the correct mailing list
  • Test any third-party plug-ins to ensure they work properly with the new site

Is there a key part of the website testing phase that we’re missing? What’s the first thing you look at when testing a new website?

In every form of internet marketing, change is inevitable. eCommerce is no different and there is a major change that will be affecting your eCommerce store. This new phenomenon is known as conversational eCommerce.

Conversational eCommerce is a method of digital marketing that encourages conversations between brands and customers who are on their purchasing journey. Actually, this is not so much a phenomenon, but rather a progressive change that was inevitable.

With more than 20 billion smartphone users worldwide, users are spending more time using their phones to search and shop. eCommerce has extended from online shopping apps to messenger apps such as WhatsApp, Facebook Messenger, WeChat, and LINE.

In this new process, the online purchase is carried out via dialog (aka conversational eCommerce). From the business side, this concept is based on chatbot software, which utilizes preset dialog patterns to analyze customer requests using text and speech recognition.

A Conversational eCommerce Success Story

Uber messenger 552x1024 1 jpg eCommerce Conversation: The "Talk" Online Businesses Need to Have

It is becoming increasingly important for brands to be able to speak with users immediately about their present needs.

Uber has done a great job of doing this.  When a client needs a ride, Uber stays in contact with them providing information about the vehicle that will pick them up, the rating of the driver, and how long they can expect to wait.

While not all businesses are as large and financially lucrative as Uber, this is a great example of how conversation leads to conversion. Uber spent a lot of money developing an app and creating software that communicates with the end-user.

For smaller businesses, you can utilize websites, forums, social media, and email to talk to your audience and engage with them.

How to Increase Conversation and Improve Engagement in eCommerce

As an eCommerce retailer, engaging with your audience is crucial to transform browsers into customers. A growing number of clients are utilizing social media, review sites, and online forums to voice their opinions.

Your potential clients want to know you’re hearing them, but how do you manage all these channels of communication? Conversation management software is how most businesses keep close tabs on what their audience requires. While this is expensive, it can invaluable in securing clients and converting them into loyal users.

However, there are other ways businesses can utilize conversation with their audience, with a much smaller investment.

Conversations and Engagement Principles

Communication needs to travel in both directions; you can’t wait for your audience to initiate conversation. Businesses need to be distributing content that invites their target audience to participate with their brand. This is the first step in reaching your audience on a personal level.

Make sure you focus your content to the needs and wants of your consumers. Show them that you are trying to understand them. We have mentioned in many previous posts that share-worthy content paves the road to success. One user sharing content from your site can have a positive ripple affects, putting your brand, products, or services in front of an audience you could have never reached otherwise.

There are three main steps to take when engaging with customers:

1. Observe

Take into account what the user has to say. This allows you to direct consumer insight. Keeping up with all your channels and notifications can be exhausting, so we suggest you use tools such as Google Alerts, Social Mention, and Talkwalker to oversee brand mentions, relevant topics, and competitors.

2. Facilitate

There is no point in having a social media presence if doesn’t help your audience communicate with you. Businesses need to be active and alert throughout all channels to best correspond with users. Tip: Include your social media links on all communication channels. This could include emails, your website, your online bio, etc

3. Join the Conversation

Always begin conversations by responding to a user’s comment to the best of your ability. Make your responses personal and avoid using industry jargon that could be confusing. From there, ask questions. This shows a user that you are really trying to understand his/her needs.

The more information you glean from the conversation, the more data you can collect and act upon. How do you capitalize on customer engagement? By using the information to personalize your customer’s experience.

Once Engagement is Underway, How Do You Make it Convert?

When you’ve learned more about your target audience, you can define your KPIs and create a user-focused strategy based on the data collected. In order for conversions to take place, you need to be observant of what words resound with customers.

What calls-to-action have been confirmed to be most successful? What are the top three questions or comments that you most frequently receive? Use this information to customize your message and attract new customers. 

How well do you know your online clientele? Are you targeting the right audience? How can you be sure? What can you do to improve the conversation between your brand and your client?