Product Marketing Manager
Sorry, there is no results for this query
Google’s SEO and Core Web Vitals don’t run on secrets. As we’ve learned over the years, good SEO is about influencing Google to send its organic traffic to your website.
But catching Google’s attention is only the first step. The next step is to ask the question:
Which pages on your website do you want to show up in Google’s top results?
We propose the following answer:
Customers who find your website via Google should land on a page that contains the exact items they were searching for in Google. Thus, for many online companies, the best landing pages display a search bar that contains Google’s query, with a list of relevant results offering only your products.
This article makes 5 SEO recommendations on how to create the most SEO-friendly search experience — from the content on your search results pages to your underlying search technology. We uncover some secrets along the way before turning our full attention to Google Core Web Vitals, the most technical component of SEO.
Google Core Web Vitals cares about the quality of your internal search engine. Most importantly, they examine how fast your website performs and how easy it is to use and navigate. With the increased scrutiny of Google Core Web Vitals, your SEO strategy must include building a quality search solution.
The 5 recommendations in this article are designed to address these concerns and improve your search UX, thus ensuring a successful handover from a single Google query to multiple queries in your own search bar.
When customers query using your internal search bar, their results appear on your site search’s results page. We’ll call this search page a site SERP.
To understand the importance of a site SERP (within the context of Google’s SEO), let’s break down the two most common ways to search the Web:
The difference comes down to this: Your search bar lets users directly search your catalog, while Google searches everyone’s publicly available catalog.
Granted, the distinction can blur with popular websites such as Wikipedia (most people search Wikipedia’s articles using Google’s search bar instead of Wikipedia’s). The same is true for IMDb and WebMD.
But the distinction between internet search and site search is clear in ecommerce. Online companies need to leverage the strengths of both internet and site search engines. People often start with Google to shop around and compare products from different websites. The challenge for ecommerce is to attract these customers and encourage them to stay and use their own search bar — that is, to browse their catalog only.
Online retailers therefore need to know how to capture Google’s SEO attention so that their products show up consistently and prominently on Google’s first results pages. They also need to know how to encourage visiting customers to use their own search bar, not return to Google’s.
How can you do that? By building a site search experience that meets your users’ needs as well as SEO and Google Core Web Vitals criteria. In the next section, we’ll talk about how you can do that.
Users should not be forced to read much text when using your site’s search bar. They need relevant words and phrases to jump out at them. The situation is similar when capturing Google’s attention: successfully using SEO depends on the words and phrases you include on your web pages.
Google’s SEO technology operates on the likelihood that when people query about the same products, they enter the same terms. These common terms are called keywords. Good SEO requires that you add “SEO keywords” to your web pages. For example, if you have a web page that’s offering iPhones, you’ll want to include relevant keywords and phrases such as “Apple”, “smartphones”, and “iphone apps”.
Keywords help Google match your webpage to the vocabulary commonly used to search for your products. They also help Google understand the meaning and quality of your content.
However, creating effective SEO is not as simple as just adding keywords. It requires a careful analysis of which keywords to include and where and how often to place them. Google favors a good balance between keyword usage and solid, informative content. Google’s technology can easily detect keyword stuffing and penalize you for trying to trick its SEO algorithm.
Normally, a product catalog contains the most accurate words for describing the company’s products. However, your search results do not need to display every word you include in your catalog, only the most important: the key words and phrases that will help users immediately understand each product. If people need more detail, they can always click on an item; but the goal on a search results page is to enable easy scanning and quickly inspire to convert.
Structure also plays a role:
When deciding which words to use, it’s important to identify the terms that best describe your products, given your industry and the language of your users. It’s also important to confirm that those words are the same as the keywords recommended in keyword tools such as Clearscope and Ahrefs.
Attracting Google traffic begins with having its Googlebot program “crawl” (fetch) and index your website: in essence, find your pages and what pages they link to, and catalog that information.
While this process is normally automatic — once you’ve created or updated your site, Google crawls it — optimizing your site SERP SEO requires some additional work.
Site SERPs are dynamic; they change with every query. Unfortunately, Google largely ignores dynamic content. Its crawling process won’t execute a search on a company’s website; it crawls only fixed-content (“static”) web pages. Thus, without your company doing something special, Google will never find your site SERPs.
The solution is to use an automated process called page rendering, which creates static site SERPs that Google can crawl and eventually search. Your company runs a background process that executes a set of searches and saves each search result on a separate web page, with a unique URL. This enables Google to crawl and search these artificially generated pages. For example, a company’s servers could automatically execute the query “iphone” and generate a static page with search results. The URL could be something like www.yourbusiness.com/smartphones/iphone.
Given the massive number of possible queries that people could enter in a search bar, companies need to be selective about which content they want Google to crawl. They should select only a subset of important queries.
Here are two of the most important site SERPs:
Landing and category pages both use your internal site search engine to display your company’s offerings. Sometimes a search is executed by the user’s query in the search bar. Other times it happens behind the scenes, with an empty search being executed by the site in order to show the searcher a general set of items or categories of item.
There is one additional set of pages you’ll want Google to crawl: the top search results for popular keywords, facets, and products. You should do this for only a small set of your most important searches. You don’t want to flood Google with thousands of search pages, as its algorithm will penalize you for that.
In all cases, you’ll be generating a Google-friendly URL. For example, the URL for a specific iPhone version could be something like “www.yourbusiness.com/smartphones/iphone-x”; for a category page, “www.yourbusiness.comyourbusiness/brands/apple”.
Last point: regarding the process, you’ll want to run your back-end page rendering process with a frequency that is consistent with your catalog. If your data changes often, you’d run the process several times a day. However, once nightly is fine for most businesses.
As we’ve discussed, good SEO ranking involves producing well-structured, meaningful content and using metadata such as SEO-friendly keywords, titles, and page descriptions. It also involves avoiding “dark” SEO tricks that Google would detect and penalize.
With Core Web Vitals, Google has included an additional factor: the quality of a website’s technology. The Core Web Vitals requires that site SERPs be fast and easy to use, which is all about using best-in-class technology and creating a good user experience (UX).
Google breaks down Core Web Vitals into three criteria: Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS). Here’s what these terms mean in relation to site SERPs:
Let’s look at these criteria as they apply to some sample SERPs.
This is a simple search page. It checks all the Google Core Web Vitals boxes: fast, clean, no disruptive elements. Perfect…but boring. Most ecommerce site designers prefer a richer-looking search UI.
This site has a more visually rich search experience. Users have different options for searching and browsing, and the business can promote and recommend products. However, if the implementation of this more ambitious UI is not done well, its complexity can slow down page loading (LCP) and disrupt users’ interactivity (FID, CLS).
This site provides a powerful interactive experience. Users don’t need to leave this page to make their choices. They can move the map, flip through many images without changing pages, compare office details, and type in new search criteria and filters. However, the site’s interactive map and inline images are exceptionally heavy to load (LCP), which can delay the availability of the search bar (FID) and disrupt the fluidity of the user experience (CLS) by loading the map and images at different speeds.
Looking more closely at examples 2 and 3, we can identify two essential features illustrating the kind of technology and UI that can have a positive impact on Google Core Web Vitals if done well:
The good news is that even the most complex search UI can achieve the kind of speed and usability that Google Core Web Vitals requires.
Modern web developers have at their disposal the most advanced technology and coding techniques to meet the Google Core Web Vitals challenge. There are awesome APIs, frameworks, libraries, and languages to help them. There are also great developer tools for troubleshooting, and loads of blogs, communities, and forums supplying help. Here is how this applies to website or app search.
When a user searches, the information they see displayed comes from the server. For search to be fast, the engine needs to process data in milliseconds and the information it sends must be already formatted, compressed, and organized for immediate display. The less the front-end code must do, the faster the search UX.
Here’s how we have addressed these concerns at Algolia:
The strongest recommendation we can make is to execute all user queries in a single round trip. All queries should go from your customer’s browser to the search engine’s hosting service, and back. By using a hosting server, you can eliminate additional trips to your own servers.
Two suggestions here:
A web page should not have to be completely loaded in order for a user to start seeing or searching for important information. When displaying heavy elements, the front-end code should use several techniques to prioritize which parts of the screen load first, second, and last. In other words, the front-end code can load the search bar first (FID) and finish loading the top of the page (LCP) before loading the rest of the content.
Some other suggestions:
To manage the loading process, developers can use fixed grids to load different elements at different times. The front-end code can use one grid per element. That way, each element loads without resizing the screen or pushing other elements out of the way (CLS).
Use small and compressed images. Image processing on the web is a large and much-discussed subject, and evolves as we speak. For a comprehensive and most up-to-date account, check out the full guide on image optimization. The main point here is to follow best practices.
Note: Google Core Web Vitals can be tricky. For example, CLS may conflict with LCP and FID when loading diverse elements at different times (to improve LCP and FID) can make the interface appear strange to the user (degrading CLS). The solution is to set up fixed grids and prioritize the most sensible loading order.
Now you know about good site search SEO strategy and why it’s so important. We’ve covered basic SEO and discussed how the type of search experience that satisfies Google Core Web Vitals is fast and easy to navigate.
We’ve also illustrated the types of pages that Googling customers should land on — pages that include your search bar and display results from your catalog that match their Google queries.
The next step is to build a search experience that encourages your customers to shop and browse using your search bar, instead of abandoning you for the competitive world of Google search.
Powered by Algolia Recommend