{"id":22560,"date":"2022-08-11T09:30:00","date_gmt":"2022-08-11T07:30:00","guid":{"rendered":"https:\/\/wordlift.io\/blog\/en\/?p=22560"},"modified":"2022-08-31T11:21:24","modified_gmt":"2022-08-31T09:21:24","slug":"e-commerce-404-pages","status":"publish","type":"post","link":"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/","title":{"rendered":"E-Commerce 404 Pages: How To Make Them Smarter In SEO"},"content":{"rendered":"\n<p>What are 404 and 410 http errors? How do these error pages affect your SEO rankings and how can we make them more user-friendly using artificial intelligence and <a class=\"wl-entity-page-link\" title=\"What Is Structured Data?\" href=\"https:\/\/wordlift.io\/blog\/en\/entity\/structured-data\/\" data-id=\"http:\/\/data.wordlift.io\/wl0216\/entity\/what_is_structured_data_;http:\/\/www.wikidata.org\/entity\/Q26813700\" >structured data<\/a>?<\/p>\n\n\n\n<p>In this blog post, we focus on building a <a class=\"wl-entity-page-link\" title=\"What is Semantic Search, and how does it work?\" href=\"https:\/\/wordlift.io\/blog\/en\/semantic-search\/\" data-id=\"http:\/\/data.wordlift.io\/wl0216\/post\/what_is_semantic_search_and_how_does_it_work__2\" >semantic search<\/a> engine for our e-commerce demo site that recommends products on the 404 error page. We will also venture into <strong>designing the layout of the page using DALL\u00b7E 2<\/strong> and <strong>crafting the error message with the help of <a class=\"wl-entity-page-link\"  href=\"https:\/\/wordlift.io\/blog\/en\/entity\/gpt-3\/\" data-id=\"http:\/\/data.wordlift.io\/wl0216\/entity\/gpt-3;http:\/\/www.wikidata.org\/entity\/Q95726734\" >GPT-3<\/a>.<\/strong><\/p>\n\n\n\n<p>Table of content: <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><a href=\"#what-is-404-page\">What is a 404 page?<\/a> <\/li><li><a href=\"#404-errors-in-seo\">Handling 404 errors in SEO<\/a> <\/li><li><a href=\"#why-need-a-custom-404\">Why we need a custom 404 page<\/a> <ul><li><a href=\"#pattern-for-good-404\">Design patterns for a good 404 page<\/a> <\/li><\/ul><\/li><li><a href=\"#404-for-ecommerce\">How to Manage 404 pages for E-Commerce websites<\/a> <\/li><li><a href=\"#product-recommendation\">Build a multimodal search engine for product recommendations <\/a>\ud83d\uded2 <ul><li><a href=\"#architecture-overview\">Architecture overview<\/a> <\/li><li><a href=\"#graphql-query\">Gather product data using a GraphQL query <\/a><\/li><\/ul><\/li><li><a href=\"#title-description-image\">Collect product title, description and image<\/a> <ul><li><a href=\"#choose-to-index\">Choosing what we want to index<\/a> <\/li><li><a href=\"#accessible-files\">Make sure that files are accessible<\/a> <\/li><\/ul><\/li><li><a href=\"#create-docarray\">Create the DocArray<\/a> <\/li><li><a href=\"#run-jina-now\">Run Jina NOW<\/a><ul><li><a href=\"#test-API\">Testing the API<\/a><\/li><\/ul><\/li><li><a href=\"#create-a-template\">Create a 404 template using GPT-3 and DALL\u00b7E 2<\/a><ul><li><a href=\"#dalle2-for-the-visuals\">DALL\u00b7E 2 for the visuals<\/a><ul><li><a href=\"#creative-404\">The layout of a creative 404 error page for a men and women fashion website<\/a><\/li><li><a href=\"#fashion-ecommerce-404\">The layout for a 404 error page on a men and women fashion e-commerce<\/a><\/li><li><a href=\"#boy-and-girl\">Two models a boy and a girl, depicted from the back in a 70&#8217;s discotheque. Neon style, 4k, hyperrealistic photography<\/a><\/li><\/ul><\/li><li><a href=\"#gpt3-for-the-copy\">GPT-3 for the copywriting<\/a><ul><li><a href=\"#creative-404-message\">Write a creative copy for the 404 error page aimed at fashion shoppers: Message: Ouch!<\/a><\/li><li><a href=\"#404-message-for-fashion-ecommerce\">Write a creative copy for the 404 error page of a fashion e-commerce website. Suggest to website visitors that valide alternatives are available. Message:<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#conclusion\">Conclusions And Future Work<\/a><ul><li><a href=\"#credits\">Credits<\/a><\/li><\/ul><\/li><li><a href=\"#additional-questions\">Additional Questions<\/a><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"921\" height=\"522\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/404-ecommerce-pages.png\" alt=\"\" class=\"wp-image-22561\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/404-ecommerce-pages.png 921w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/404-ecommerce-pages-300x170.png 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/404-ecommerce-pages-768x435.png 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/404-ecommerce-pages-288x163.png 288w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/404-ecommerce-pages-390x221.png 390w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/404-ecommerce-pages-150x85.png 150w\" sizes=\"(max-width: 921px) 100vw, 921px\" \/><\/figure>\n\n\n\n<p>Believe it or not, this dreaded error page can be <strong>the most visited page on your website<\/strong> and represents an important point of contact for many website visitors.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"714\" height=\"559\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/404-salzburgland-esempio-.png\" alt=\"\" class=\"wp-image-22562\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/404-salzburgland-esempio-.png 714w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/404-salzburgland-esempio--300x235.png 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/404-salzburgland-esempio--150x117.png 150w\" sizes=\"(max-width: 714px) 100vw, 714px\" \/><\/figure>\n\n\n\n<p>I have always loved error pages because they can be very creative and, at their best, express the brand&#8217;s personality and core values: They bring a light sense of humor to otherwise frustrated users (see 404 from Salzburgerland.com, which I have always admired).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-404-page\">What is a 404 Page?<\/h2>\n\n\n\n<p>A 404 page is a landing page that informs your users that the requested page is not available or, in some cases, does not exist. The error message is displayed when a link is broken, the user has entered the URL incorrectly, or there is a configuration problem on the web server.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"404-errors-in-seo\">Handling 404 Errors in SEO<\/h2>\n\n\n\n<p>One thing must be said: Regardless of how much effort you put into editing your website, <strong>404 errors are inevitable<\/strong>. However, there is a lot you can do to both <strong>increase brand awareness<\/strong> and <strong>make things easier for Google<\/strong>. A broken link is generally a bad experience for the user and bad for a search engine&#8217;s crawler. As the number of errors increases, a search engine will begin to lower the overall ranking of your website.<\/p>\n\n\n\n<p>There are <strong>several reasons for a broken link<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>A page may have been deleted, such as a product page for a product that no longer exists, or some of the content may have been incorporated into another page.<\/li><li>The page has been moved to a new address and no redirection has been configured.<\/li><li>There is an incorrect url somewhere on the web (or on the website).<\/li><li>The web server does not handle the trailing slashes correctly. Google crawls and evaluates individual URLs. This means that the URLs must be unique. A URL with and without a trailing slash at the end are effectively two URLs.<\/li><\/ul>\n\n\n\n<p>In general, it&#8217;s a good practice to <strong>redirect some of those 404 pages to relevant URLs<\/strong> on the site (I wrote about how to do that on scale <a href=\"https:\/\/www.woorank.com\/en\/blog\/how-wordlift-found-relevant-pages-to-redirect-404s\">here<\/a> some time ago). It&#8217;s never helpful to redirect all traffic to the homepage, quite the opposite, this makes Google think your homepage is a soft 404. This is dramatic, yet very common, and we should always avoid it.<\/p>\n\n\n\n<p><strong>An error is a signal<\/strong>, for us (there is something that needs to be fixed) and for a crawler (this page does not exist anymore).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why-need-a-custom-404\">Why We Need A Custom 404 Page<\/h2>\n\n\n\n<p>It is important to <strong>send a clear message to the user<\/strong>: There is nothing here, the link you clicked on is broken. At the same time <strong>it is an opportunity to<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Keep the user engaged on the website.<\/li><li>Show them your brand identity.<\/li><li>Reduce the bounce rate.<\/li><li>Keep them in the funnel (this applies to e-commerce, but also to blog content designed for conversion).<\/li><li>Get users to convert.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pattern-for-good-404\">Design Patterns For A Good 404 Page<\/h3>\n\n\n\n<p>There&#8217;s always <strong>something new to learn<\/strong> from great websites, and when it comes to 404 pages, HubSpot has compiled <a href=\"https:\/\/blog.hubspot.com\/blog\/tabid\/6307\/bid\/33766\/10-clever-website-error-messages-from-creative-companies.aspx\">a great list of examples<\/a>. Among the most recurring patterns are the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Links to the newest or most popular pages<\/li><li>A search bar<\/li><li>Creativity and humorous text to let visitors know they are in the wrong place<\/li><li>Contact information<\/li><li>Branding<\/li><li>Main navigation (header and footer)<\/li><li>Optionally you can find:<ul><li>ONE CTA<\/li><li>Links to social media<\/li><li>A video content, doodle or something entertaining<\/li><li>A link to report the error<\/li><\/ul><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"404-for-ecommerce\">How To Manage 404 Pages For E-Commerce Websites<\/h2>\n\n\n\n<p><strong>E-commerce websites follow a different logic<\/strong>: every time a catalog is updated, something may change in the overall website architecture. When a product is out of stock (either temporarily or permanently), you generally have three options to choose from:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Remove the page (PDP) <\/strong>so that the user lands on a 404 page. We can mitigate the impact by replacing any links we have to web pages at the top of the funnel, such as product reviews or blog posts.<\/li><li><strong>Leave the PDP untouched<\/strong> and focus the CTA on driving sales of similar products. I like this option because <strong>it keeps the SEO value intact<\/strong>, but of course it negatively impacts the <a class=\"wl-entity-page-link\" title=\"UX\" href=\"https:\/\/wordlift.io\/blog\/en\/entity\/user-experience\/\" data-id=\"http:\/\/data.wordlift.io\/wl0216\/entity\/user_experience;http:\/\/yago-knowledge.org\/resource\/User_experience;http:\/\/dbpedia.org\/resource\/User_experience;http:\/\/no.dbpedia.org\/resource\/Brukeropplevelse;http:\/\/de.dbpedia.org\/resource\/User_Experience;http:\/\/en.dbpedia.org\/resource\/User_experience;http:\/\/it.dbpedia.org\/resource\/User_Experience;http:\/\/es.dbpedia.org\/resource\/Experiencia_de_usuario;http:\/\/et.dbpedia.org\/resource\/Kasutajakogemus;http:\/\/id.dbpedia.org\/resource\/Pengalaman_pengguna;http:\/\/pl.dbpedia.org\/resource\/User_experience;http:\/\/da.dbpedia.org\/resource\/Brugeroplevelse;http:\/\/data.wordlift.io\/wl0216\/entity\/user_experience\" >user experience<\/a> if it gets out of hand and the recommendations are not good enough. Here are <strong>two important recommendations<\/strong> you should follow:<ul><li><strong>Use structured data to highlight the right product availability<\/strong>. There are several options to choose from, and even if Google shows items that are on backorder as out of stock, this is important information to have.<\/li><li><strong>Remember to show product availability on PLP pages and internal search results as well<\/strong>. It is important to inform the user before they come to the PDP.<\/li><\/ul><\/li><li><strong>Add a 301 redirect to the PDP<\/strong> of another page with a similar product or related category. This is a good option, but also risky, as the new product will become outdated and you&#8217;ll create a chain of redirects that will break the crawl budget.<\/li><\/ol>\n\n\n\n<p>You need to <strong>make your choice based on several factors<\/strong> (is the unavailability temporary or is it permanent? Do you already have links leading to the site? Is the page well visited and so on) which solution works best.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"product-recommendation\">Build A Multimodal Search Engine For Product Recommendations \ud83d\uded2<\/h2>\n\n\n\n<p>Let us now focus on the first option and <strong>improve a customized 404 page<\/strong> using the product <a class=\"wl-entity-page-link\" title=\"Knowledge Panel\" href=\"https:\/\/wordlift.io\/blog\/en\/entity\/knowledge-graph\/\" data-id=\"http:\/\/data.wordlift.io\/wl0216\/entity\/knowledge_graph;https:\/\/www.wikidata.org\/wiki\/Q33002955\" >knowledge graph<\/a> on our e-commerce demo site.<\/p>\n\n\n\n<p>The workflow is simple and provides a foundation for understanding how things work behind the scenes. <a href=\"https:\/\/wor.ai\/smart-404\">Here is the Google Colab<\/a> we will use for the data preparation phase. Once the data is ready, we will install and run <strong>Jina NOW<\/strong> locally and deploy the search engine to the <strong>Jina Cloud<\/strong> to keep things super simple.<\/p>\n\n\n\n<p>Here is what we will do:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Gather product data using a GraphQL query<\/li><li>Collect product title, description and image<\/li><li>Push a DocArray &#8211; this is a key library in Jina designed for nested, unstructured, multimodal data, including text, image, audio, video, etc.<\/li><li>Run Jina NOW Search<ul><li>Create a text-to-image search<\/li><li>Index the DocArray created in the previous steps<\/li><li>Run the queries:<ul><li>Extract top n matches given a text (semantic similarity)<\/li><li>Re-rank results (additional business logic)<\/li><\/ul><\/li><\/ul><\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"architecture-overview\">Architecture Overview<\/h3>\n\n\n\n<p>In this tutorial, <strong>we will use a demo e-commerce website<\/strong> with fictional products called <a href=\"https:\/\/product-finder.wordlift.io\/\">Fashion Therapy<\/a>. We created the underlying product catalog by slicing and enriching <a href=\"http:\/\/webdatacommons.org\/structureddata\/schemaorgtables\/#toc3\"><strong>the WDC Schema.org Table Corpus<\/strong><\/a>, which is available for public download provided by the University of Mannheim.<\/p>\n\n\n\n<p>The original dataset included 18,521 rows. After data cleaning and enrichment with categories (accessories, shoes, bags and clothing) and colors using our NLP stack, <strong>we obtained more than 4,500 products.<\/strong><\/p>\n\n\n\n<p>The site runs on WooCommerce and uses WordLift. The product data is the least you can find on an e-commerce website.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"914\" height=\"409\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/content-model-fashion-terapy.png\" alt=\"\" class=\"wp-image-22565\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/content-model-fashion-terapy.png 914w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/content-model-fashion-terapy-300x134.png 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/content-model-fashion-terapy-768x344.png 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/content-model-fashion-terapy-150x67.png 150w\" sizes=\"(max-width: 914px) 100vw, 914px\" \/><\/figure>\n\n\n\n<p><strong>The same data used for structured data is also used to develop the semantic search engine.<\/strong> As we can see in the diagram below, structured data is provided with WordLift via GraphQL: a developer-friendly open source data query language.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"427\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/structured-data-ecommerce-404-1024x427.png\" alt=\"\" class=\"wp-image-22566\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/structured-data-ecommerce-404-1024x427.png 1024w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/structured-data-ecommerce-404-300x125.png 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/structured-data-ecommerce-404-768x321.png 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/structured-data-ecommerce-404-150x63.png 150w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/structured-data-ecommerce-404.png 1035w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>If you run your own infrastructure, you may need to extract all structured data from your CMS or crawl the website (here is how to <a href=\"https:\/\/wordlift.io\/blog\/en\/web-scraping-for-seo\/\">run web scraping for SEO tasks<\/a>).<\/p>\n\n\n\n<p>On the Jina side, we create a DocArray and push it to the Jina cloud. Launch Jina NOW from our local computer and index the DocArray we transferred to the cloud earlier.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"151\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DocArray-Jina-1024x151.png\" alt=\"\" class=\"wp-image-22567\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DocArray-Jina-1024x151.png 1024w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DocArray-Jina-300x44.png 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DocArray-Jina-768x113.png 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DocArray-Jina-150x22.png 150w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DocArray-Jina.png 1170w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In this implementation we will create a text-to-image search. NOW will index images using CLIP and we will run queries using text strings.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"graphql-query\">1. Gather product data using a GraphQL query<\/h2>\n\n\n\n<p>We will run the following query on the KG, as you can see I can access properties using the schema vocabulary:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"614\" height=\"325\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/graphql-query.png\" alt=\"\" class=\"wp-image-22568\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/graphql-query.png 614w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/graphql-query-300x159.png 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/graphql-query-150x79.png 150w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/><\/figure>\n\n\n\n<p>To do this, we use a function called <strong>wl_graphql<\/strong> that returns a data frame with the attributes we need. We currently use only one image per product and rename the column with the URLs of the images uri. With this, we instruct Jina NOW that these are the URLs of the images to be indexed.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"967\" height=\"288\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/graphql-query-2.png\" alt=\"\" class=\"wp-image-22569\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/graphql-query-2.png 967w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/graphql-query-2-300x89.png 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/graphql-query-2-768x229.png 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/graphql-query-2-150x45.png 150w\" sizes=\"(max-width: 967px) 100vw, 967px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"title-description-image\">2. Collect product title, description and image<\/h2>\n\n\n\n<p>Next, we create a single column called full_text that contains both title and description, and apply two filters:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>One to select only recognized image formats (png, jpg, etc.).<\/li><li>One to randomly select 300 products.<\/li><\/ul>\n\n\n\n<p>We might, in some cases, prefer the option of creating a text-to-text search engine instead of an image search, as we will do in this tutorial.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"choose-to-index\">Choosing What We Want To Index<\/h3>\n\n\n\n<p>In the real world, we would apply business logic here, since it is not necessary to index the entire catalog. A recommender system, like the one we are building, needs to be intelligent enough to show only the best products (i.e., the most popular products or the products with the most hits) or what we want to sell (i.e., a combination of popular and on-sale products). For simplicity, we will use .sample(300) to select the products to index.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"954\" height=\"126\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/what-we-want-to-index.png\" alt=\"\" class=\"wp-image-22571\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/what-we-want-to-index.png 954w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/what-we-want-to-index-300x40.png 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/what-we-want-to-index-768x101.png 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/what-we-want-to-index-150x20.png 150w\" sizes=\"(max-width: 954px) 100vw, 954px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"accessible-files\">Make Sure That Files Are Accessible<\/h3>\n\n\n\n<p>Jina NOW will analyze the data frame (small_df), download and index all images in the uri column. Before we do that, let us check if all images are available.<\/p>\n\n\n\n<p>We have two options:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Downloading the files locally and creating the DocArray from the local files.<\/li><li>Checking the validity of each URL when creating a DocArray from the data frame.<\/li><\/ol>\n\n\n\n<p>We will choose the second option as it is the simplest. So I added a simple function to check the https status of the images before creating the DocArray (this is optional, but might be helpful in some cases).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"792\" height=\"492\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/files.png\" alt=\"\" class=\"wp-image-22572\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/files.png 792w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/files-300x186.png 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/files-768x477.png 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/files-150x93.png 150w\" sizes=\"(max-width: 792px) 100vw, 792px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-docarray\">3. Create the DocArray<\/h2>\n\n\n\n<p>We can now create the <strong>DocArray<\/strong> with a simple line of code.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"558\" height=\"126\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/docarray-code.png\" alt=\"\" class=\"wp-image-22573\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/docarray-code.png 558w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/docarray-code-300x68.png 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/docarray-code-150x34.png 150w\" sizes=\"(max-width: 558px) 100vw, 558px\" \/><\/figure>\n\n\n\n<p>And now we can push it to the cloud with another command. We are going to generate a random name for it and use da.push().<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"953\" height=\"427\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/docarray-code-2.png\" alt=\"\" class=\"wp-image-22574\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/docarray-code-2.png 953w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/docarray-code-2-300x134.png 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/docarray-code-2-768x344.png 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/docarray-code-2-150x67.png 150w\" sizes=\"(max-width: 953px) 100vw, 953px\" \/><\/figure>\n\n\n\n<p>We can now access the DocArray using its name (404_attvltyz in this case).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"run-jina-now\">4. Run Jina NOW<\/h2>\n\n\n\n<p>Here comes neural search into action. We are going to use the <a href=\"https:\/\/now.jina.ai\/\">Jina NOW<\/a> library. This open-source library allows us to quickly set up <em>text to image <\/em>search.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"239\" height=\"277\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/jina-now.png\" alt=\"\" class=\"wp-image-22575\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/jina-now.png 239w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/jina-now-150x174.png 150w\" sizes=\"(max-width: 239px) 100vw, 239px\" \/><figcaption>now.jina.ai<\/figcaption><\/figure>\n\n\n\n<p>We have partnered with <a href=\"https:\/\/jina.ai\/\">Jina AI<\/a> to integrate vector-based search into the WordLift platform, and we are particularly focused on e-commerce and <strong><a href=\"https:\/\/wordlift.io\/blog\/en\/conversational-search-in-seo\/\">conversational user interfaces<\/a><\/strong>. Running Jina NOW is pretty straightforward, but I would recommend following the instructions right <a href=\"https:\/\/github.com\/jina-ai\/now\">here<\/a> as things are constantly changing.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"943\" height=\"398\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/jina-now-2.png\" alt=\"\" class=\"wp-image-22576\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/jina-now-2.png 943w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/jina-now-2-300x127.png 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/jina-now-2-768x324.png 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/jina-now-2-150x63.png 150w\" sizes=\"(max-width: 943px) 100vw, 943px\" \/><\/figure>\n\n\n\n<p>Select the text-to-image search, set the quality to medium, and specify a custom dataset by passing the name of the DocArray we created with Colab. Once the data stream is created, you can access the APIs directly or use the Streamlit playground to test things out (it&#8217;s ready for you to test <a href=\"https:\/\/nowrun.jina.ai\/?host=grpcs:\/\/nowapi-1bfd4d5ec1.wolf.jina.ai&amp;input_modality=text&amp;output_modality=image&amp;data=custom\">here<\/a>).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"test-API\">Testing the API<\/h3>\n\n\n\n<p>You can interactively test the search end-point using the swagger from \ud83d\udc49<a href=\"https:\/\/nowrun.jina.ai\/api\/v1\/text-to-image\/docs#\/Text-To-Image\/search_search_post\">https:\/\/nowrun.jina.ai\/api\/v1\/text-to-image\/docs#\/Text-To-Image\/search_search_post<\/a>.&nbsp;<\/p>\n\n\n\n<p>See below the settings to run the query on the image-to-search Jina NOW built for our e-commerce demo site.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"726\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/settings-ai-search-404-wordlift-1024x726.jpg\" alt=\"\" class=\"wp-image-22834\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/settings-ai-search-404-wordlift-1024x726.jpg 1024w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/settings-ai-search-404-wordlift-300x213.jpg 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/settings-ai-search-404-wordlift-768x545.jpg 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/settings-ai-search-404-wordlift-150x106.jpg 150w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/settings-ai-search-404-wordlift.jpg 1142w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>From there in WordPress you can edit 404.php and make the required changes like we did.<\/p>\n\n\n\n<p>Let\u2019s try a few examples on our demo site:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/product-finder.wordlift.io\/the hat I like\">https:\/\/product-finder.wordlift.io\/the hat I like<\/a><\/li><li><a href=\"https:\/\/product-finder.wordlift.io\/super duper leather dress\">https:\/\/product-finder.wordlift.io\/super duper leather dress<\/a><\/li><li><a href=\"https:\/\/product-finder.wordlift.io\/pink sunglasses\">https:\/\/product-finder.wordlift.io\/pink sunglasses<\/a><\/li><\/ul>\n\n\n\n<p>As you can see, we use everything we get in the URL after the domain name as a text query to show the most similar results we have (links were not added to the results).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-a-template\">Create a 404 template using GPT-3 and DALL\u00b7E 2<\/h2>\n\n\n\n<p>In addition to the recommended product listing, I also ventured into creating the layout for the page using DALL\u00b7E 2 and the message copywriting using GPT-3.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"dalle2-for-the-visuals\">DALL\u00b7E 2 for the visuals<\/h3>\n\n\n\n<p>We can start with something simple like this (prompt follows):<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"creative-404\">The layout of a creative 404 error page for a men and women fashion website.<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"944\" height=\"238\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_1.jpg\" alt=\"\" class=\"wp-image-22649\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_1.jpg 944w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_1-300x76.jpg 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_1-768x194.jpg 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_1-150x38.jpg 150w\" sizes=\"(max-width: 944px) 100vw, 944px\" \/><\/figure>\n\n\n\n<p>When composing the prompt, we must remember a few essential rules, like adding men and women, to prevent the otherwise strong association between \u201cfashion\u201d and \u201cwoman\u201d (an unwanted bias).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"fashion-ecommerce-404\">The layout for a 404 error page on a men and women fashion e-commerce.<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"948\" height=\"241\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_2.jpg\" alt=\"\" class=\"wp-image-22650\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_2.jpg 948w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_2-300x76.jpg 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_2-768x195.jpg 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_2-150x38.jpg 150w\" sizes=\"(max-width: 948px) 100vw, 948px\" \/><\/figure>\n\n\n\n<p>Small variations can help. We can also get more creative and create one single photographic element that we will use on the page. Let\u2019s try it.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"boy-and-girl\">Two models, a boy and a girl, depicted from the back in a 70&#8217;s discotheque. Neon style, 4k, hyper realistic photography.<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"947\" height=\"239\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_3.jpg\" alt=\"\" class=\"wp-image-22651\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_3.jpg 947w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_3-300x76.jpg 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_3-768x194.jpg 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_3-150x38.jpg 150w\" sizes=\"(max-width: 947px) 100vw, 947px\" \/><\/figure>\n\n\n\n<p>Two models, a boy and a girl, in a 70&#8217;s discotheque. Neon style, 4k, hyper realistic photography. They look confused.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"947\" height=\"249\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_4.jpg\" alt=\"\" class=\"wp-image-22652\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_4.jpg 947w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_4-300x79.jpg 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_4-768x202.jpg 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/DALLE-2-for-the-visual_4-150x39.jpg 150w\" sizes=\"(max-width: 947px) 100vw, 947px\" \/><\/figure>\n\n\n\n<p>You can see how this could be further developed to create something unique for our website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"gpt3-for-the-copy\">GPT-3 for the copywriting<\/h3>\n\n\n\n<p>Let\u2019s quickly set up the prompt for the error message using GPT-3. Here follows a first zero-shot implementation.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"creative-404-message\">Write a creative copy for the 404 error page aimed at fashion shoppers: Message: Ouch!<\/h4>\n\n\n\n<p>Here is the final output (in green).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1002\" height=\"146\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/GPT3-for-the-copy_1.png\" alt=\"\" class=\"wp-image-22653\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/GPT3-for-the-copy_1.png 1002w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/GPT3-for-the-copy_1-300x44.png 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/GPT3-for-the-copy_1-768x112.png 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/GPT3-for-the-copy_1-150x22.png 150w\" sizes=\"(max-width: 1002px) 100vw, 1002px\" \/><\/figure>\n\n\n\n<p>Let\u2019s make a small change to the prompt that would work well with our recommendations.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"404-message-for-fashion-ecommerce\">Write a creative copy for the 404 error page of a fashion e-commerce website. Suggest to website visitors that valide alternatives are available. Message:<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"961\" height=\"173\" src=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/GPT-3-for-the-copy_2.png\" alt=\"\" class=\"wp-image-22654\" srcset=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/GPT-3-for-the-copy_2.png 961w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/GPT-3-for-the-copy_2-300x54.png 300w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/GPT-3-for-the-copy_2-768x138.png 768w, https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/GPT-3-for-the-copy_2-150x27.png 150w\" sizes=\"(max-width: 961px) 100vw, 961px\" \/><\/figure>\n\n\n\n<p>This makes sense and I hope you got an idea of how all of this could work.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>If you want learn more about <strong><a href=\"https:\/\/wordlift.io\/blog\/en\/web-stories\/prompt-engineering-in-seo\/\">Prompt engineering in SEO<\/a><\/strong>, I suggest to see our web story. <\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusions And Future Work<\/h2>\n\n\n\n<p>As usual, we need to go into live testing and apply the right business logic to select the assets to be indexed. We want to make sure that there is a proper feedback loop to increase the quality of the results and therefore the sales on the website.<\/p>\n\n\n\n<p>Jina NOW is progressing nicely, and while we have used <em>text-to-text<\/em> for automatic <a href=\"https:\/\/wordlift.io\/blog\/en\/internal-linking-category-page\/\">internal linking in e-commerce<\/a>, we have experimented with <em>image-to-text<\/em> here. As far as implementation goes, things are similar. In reality, relevance always boils down to two crucial aspects:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>The quality of the data<\/strong> we send into the flow. The more we specialize the data set based on SEO best practices and business logic, the better it gets;<\/li><li><strong>The model used<\/strong>. We rely primarily on a fine-tuned model to <a href=\"https:\/\/wordlift.io\/blog\/en\/gpt3-for-ecommerce\/\">create automated product descriptions<\/a>. Also, in search and recommendations, it is crucial to improve the quality of the results by changing the parameters according to our dataset.<\/li><\/ol>\n\n\n\n<p>Happy SEO-automation!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"credits\">Credits<\/h4>\n\n\n\n<p>I finally want to thank the Jina AI team and particularly <a href=\"https:\/\/github.com\/joschkabraun\">Joschka Braun<\/a>, <a href=\"https:\/\/www.linkedin.com\/in\/mohammadkalim\/\">Mohammad Kalim Akram<\/a> and <a href=\"https:\/\/www.linkedin.com\/in\/florian-h%C3%B6nicke-b902b6aa\/\">Florian H\u00f6nicke<\/a> leading the NOW team. Also special thanks to our <a href=\"https:\/\/wordlift.io\/blog\/en\/entity\/claudio-salatino\/\">Claudio Salatino<\/a> for working on the PHP side of the project.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"additional-questions\">Additional Questions<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">What&#8217;s the difference between 404 and 410?<\/h3>\n\n\n\n<p>A <strong>404<\/strong> tells the search engine that the page is not available at that location, and it has probably never been there (in other words <strong>the server has no idea about that resource and sends the correct <\/strong><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTTP\/Status\">HTTP status code<\/a> \u2014 <strong>a 404 Not Found<\/strong>). The <strong>410<\/strong> indicates that <strong>a page is no longer available, but it used to be there<\/strong> in the past. In general, if you want to prevent Google from re-crawling a URL, you should go for a 410. In <a href=\"https:\/\/www.rebootonline.com\/blog\/404-vs-410-the-technical-seo-experiment\/\">an experiment<\/a> conducted by the team at Reboot, 404 have been crawled 49.6% more frequently than 410.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What is a soft 404?<\/h3>\n\n\n\n<p>A soft 404 is when the search engine receives a 200 HTTP status code but it thinks the page actually should be considered a 404. It can happen when we automatically redirect traffic to the homepage or when we have a blank page on the website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Does Google index 404 pages?<\/h3>\n\n\n\n<p>No, Google will not index 404 error pages, they are simply a signal that the resource is not present at that location. However we can customize the error to engage the web site visitor.<\/p>\n\n\n\n<p><\/p>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>E-commerce 404 pages: Learn how to create a semantic search engine for your online store to recommend products on the error page.<\/p>\n","protected":false},"author":6,"featured_media":22589,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"wl_entities_gutenberg":"","_wlpage_enable":"","footnotes":""},"categories":[4202,8],"tags":[],"wl_entity_type":[30],"coauthors":[],"class_list":["post-22560","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-e-commerce","category-seo","wl_entity_type-article"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>E-Commerce 404 Pages: How To Make Them Smarter In SEO<\/title>\n<meta name=\"description\" content=\"E-commerce 404 pages: Learn how to create a semantic search engine for your online store to recommend products on the 404 error page.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"E-Commerce 404 Pages: How To Make Them Smarter In SEO\" \/>\n<meta property=\"og:description\" content=\"E-commerce 404 pages: Learn how to create a semantic search engine for your online store to recommend products on the 404 error page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"WordLift Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-11T07:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-31T09:21:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/Blog-Covers-80.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Andrea Volpini\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"E-Commerce 404 Pages: How To Make Them Smarter In SEO\" \/>\n<meta name=\"twitter:description\" content=\"E-commerce 404 pages: Learn how to create a semantic search engine for your online store to recommend products on the 404 error page.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/Blog-Covers-80.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andrea Volpini\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/\"},\"author\":{\"name\":\"Andrea Volpini\",\"@id\":\"https:\/\/wordlift.io\/blog\/en\/#\/schema\/person\/574352082cc71dab8d164410f1cabe0a\"},\"headline\":\"E-Commerce 404 Pages: How To Make Them Smarter In SEO\",\"datePublished\":\"2022-08-11T07:30:00+00:00\",\"dateModified\":\"2022-08-31T09:21:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/\"},\"wordCount\":2862,\"publisher\":{\"@id\":\"https:\/\/wordlift.io\/blog\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/Blog-Covers-76.jpg\",\"articleSection\":[\"E-Commerce\",\"seo\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/\",\"url\":\"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/\",\"name\":\"E-Commerce 404 Pages: How To Make Them Smarter In SEO\",\"isPartOf\":{\"@id\":\"https:\/\/wordlift.io\/blog\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/Blog-Covers-76.jpg\",\"datePublished\":\"2022-08-11T07:30:00+00:00\",\"dateModified\":\"2022-08-31T09:21:24+00:00\",\"description\":\"E-commerce 404 pages: Learn how to create a semantic search engine for your online store to recommend products on the 404 error page.\",\"breadcrumb\":{\"@id\":\"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/#primaryimage\",\"url\":\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/Blog-Covers-76.jpg\",\"contentUrl\":\"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/Blog-Covers-76.jpg\",\"width\":1200,\"height\":1200},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/wordlift.io\/blog\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"E-Commerce 404 Pages: How To Make Them Smarter In SEO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wordlift.io\/blog\/en\/#website\",\"url\":\"https:\/\/wordlift.io\/blog\/en\/\",\"name\":\"WordLift Blog\",\"description\":\"AI-Powered SEO\",\"publisher\":{\"@id\":\"https:\/\/wordlift.io\/blog\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wordlift.io\/blog\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wordlift.io\/blog\/en\/#organization\",\"name\":\"WordLift\",\"url\":\"https:\/\/wordlift.io\/blog\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wordlift.io\/blog\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mk0wordliftblog7j5te.kinstacdn.com\/wp-content\/uploads\/sites\/3\/2017\/04\/logo-1.png\",\"contentUrl\":\"https:\/\/mk0wordliftblog7j5te.kinstacdn.com\/wp-content\/uploads\/sites\/3\/2017\/04\/logo-1.png\",\"width\":152,\"height\":40,\"caption\":\"WordLift\"},\"image\":{\"@id\":\"https:\/\/wordlift.io\/blog\/en\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/wordlift.io\/blog\/en\/#\/schema\/person\/574352082cc71dab8d164410f1cabe0a\",\"name\":\"Andrea Volpini\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wordlift.io\/blog\/en\/#\/schema\/person\/image\/466a1652833e48ca11c81b363eba7c25\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6b9d3d311b50a8749201fe4b318907a8?s=96&d=mm&r=pg\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6b9d3d311b50a8749201fe4b318907a8?s=96&d=mm&r=pg\",\"caption\":\"Andrea Volpini\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"E-Commerce 404 Pages: How To Make Them Smarter In SEO","description":"E-commerce 404 pages: Learn how to create a semantic search engine for your online store to recommend products on the 404 error page.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/","og_locale":"en_US","og_type":"article","og_title":"E-Commerce 404 Pages: How To Make Them Smarter In SEO","og_description":"E-commerce 404 pages: Learn how to create a semantic search engine for your online store to recommend products on the 404 error page.","og_url":"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/","og_site_name":"WordLift Blog","article_published_time":"2022-08-11T07:30:00+00:00","article_modified_time":"2022-08-31T09:21:24+00:00","og_image":[{"width":1200,"height":1200,"url":"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/Blog-Covers-80.jpg","type":"image\/jpeg"}],"author":"Andrea Volpini","twitter_card":"summary_large_image","twitter_title":"E-Commerce 404 Pages: How To Make Them Smarter In SEO","twitter_description":"E-commerce 404 pages: Learn how to create a semantic search engine for your online store to recommend products on the 404 error page.","twitter_image":"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/Blog-Covers-80.jpg","twitter_misc":{"Written by":"Andrea Volpini","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/#article","isPartOf":{"@id":"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/"},"author":{"name":"Andrea Volpini","@id":"https:\/\/wordlift.io\/blog\/en\/#\/schema\/person\/574352082cc71dab8d164410f1cabe0a"},"headline":"E-Commerce 404 Pages: How To Make Them Smarter In SEO","datePublished":"2022-08-11T07:30:00+00:00","dateModified":"2022-08-31T09:21:24+00:00","mainEntityOfPage":{"@id":"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/"},"wordCount":2862,"publisher":{"@id":"https:\/\/wordlift.io\/blog\/en\/#organization"},"image":{"@id":"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/Blog-Covers-76.jpg","articleSection":["E-Commerce","seo"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/","url":"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/","name":"E-Commerce 404 Pages: How To Make Them Smarter In SEO","isPartOf":{"@id":"https:\/\/wordlift.io\/blog\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/#primaryimage"},"image":{"@id":"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/Blog-Covers-76.jpg","datePublished":"2022-08-11T07:30:00+00:00","dateModified":"2022-08-31T09:21:24+00:00","description":"E-commerce 404 pages: Learn how to create a semantic search engine for your online store to recommend products on the 404 error page.","breadcrumb":{"@id":"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/#primaryimage","url":"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/Blog-Covers-76.jpg","contentUrl":"https:\/\/wordlift.io\/blog\/en\/wp-content\/uploads\/sites\/3\/2022\/08\/Blog-Covers-76.jpg","width":1200,"height":1200},{"@type":"BreadcrumbList","@id":"https:\/\/wordlift.io\/blog\/en\/e-commerce-404-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/wordlift.io\/blog\/en\/"},{"@type":"ListItem","position":2,"name":"E-Commerce 404 Pages: How To Make Them Smarter In SEO"}]},{"@type":"WebSite","@id":"https:\/\/wordlift.io\/blog\/en\/#website","url":"https:\/\/wordlift.io\/blog\/en\/","name":"WordLift Blog","description":"AI-Powered SEO","publisher":{"@id":"https:\/\/wordlift.io\/blog\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wordlift.io\/blog\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wordlift.io\/blog\/en\/#organization","name":"WordLift","url":"https:\/\/wordlift.io\/blog\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wordlift.io\/blog\/en\/#\/schema\/logo\/image\/","url":"https:\/\/mk0wordliftblog7j5te.kinstacdn.com\/wp-content\/uploads\/sites\/3\/2017\/04\/logo-1.png","contentUrl":"https:\/\/mk0wordliftblog7j5te.kinstacdn.com\/wp-content\/uploads\/sites\/3\/2017\/04\/logo-1.png","width":152,"height":40,"caption":"WordLift"},"image":{"@id":"https:\/\/wordlift.io\/blog\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/wordlift.io\/blog\/en\/#\/schema\/person\/574352082cc71dab8d164410f1cabe0a","name":"Andrea Volpini","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wordlift.io\/blog\/en\/#\/schema\/person\/image\/466a1652833e48ca11c81b363eba7c25","url":"https:\/\/secure.gravatar.com\/avatar\/6b9d3d311b50a8749201fe4b318907a8?s=96&d=mm&r=pg","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6b9d3d311b50a8749201fe4b318907a8?s=96&d=mm&r=pg","caption":"Andrea Volpini"}}]}},"_wl_alt_label":[],"wl:entity_url":"http:\/\/data.wordlift.io\/wl0216\/post\/e-commerce-404-pages-how-to-make-them-smarter-in-seo-22560","_links":{"self":[{"href":"https:\/\/wordlift.io\/blog\/en\/wp-json\/wp\/v2\/posts\/22560"}],"collection":[{"href":"https:\/\/wordlift.io\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordlift.io\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordlift.io\/blog\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/wordlift.io\/blog\/en\/wp-json\/wp\/v2\/comments?post=22560"}],"version-history":[{"count":12,"href":"https:\/\/wordlift.io\/blog\/en\/wp-json\/wp\/v2\/posts\/22560\/revisions"}],"predecessor-version":[{"id":22835,"href":"https:\/\/wordlift.io\/blog\/en\/wp-json\/wp\/v2\/posts\/22560\/revisions\/22835"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordlift.io\/blog\/en\/wp-json\/wp\/v2\/media\/22589"}],"wp:attachment":[{"href":"https:\/\/wordlift.io\/blog\/en\/wp-json\/wp\/v2\/media?parent=22560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordlift.io\/blog\/en\/wp-json\/wp\/v2\/categories?post=22560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordlift.io\/blog\/en\/wp-json\/wp\/v2\/tags?post=22560"},{"taxonomy":"wl_entity_type","embeddable":true,"href":"https:\/\/wordlift.io\/blog\/en\/wp-json\/wp\/v2\/wl_entity_type?post=22560"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/wordlift.io\/blog\/en\/wp-json\/wp\/v2\/coauthors?post=22560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}