CINXE.COM

<!doctype html> <html lang="en-US" > <head><meta charset="utf-8"><script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||navigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.location.href;if(!href.match(/[?&]nowprocket/)){if(href.indexOf("?")==-1){if(href.indexOf("#")==-1){document.location.href=href+"?nowprocket=1"}else{document.location.href=href.replace("#","?nowprocket=1#")}}else{if(href.indexOf("#")==-1){document.location.href=href+"&nowprocket=1"}else{document.location.href=href.replace("#","&nowprocket=1#")}}}}</script><script>class RocketLazyLoadScripts{constructor(){this.triggerEvents=["keydown","mousedown","mousemove","touchmove","touchstart","touchend","wheel"],this.userEventHandler=this._triggerListener.bind(this),this.touchStartHandler=this._onTouchStart.bind(this),this.touchMoveHandler=this._onTouchMove.bind(this),this.touchEndHandler=this._onTouchEnd.bind(this),this.clickHandler=this._onClick.bind(this),this.interceptedClicks=[],window.addEventListener("pageshow",(e=>{this.persisted=e.persisted})),window.addEventListener("DOMContentLoaded",(()=>{this._preconnect3rdParties()})),this.delayedScripts={normal:[],async:[],defer:[]},this.allJQueries=[]}_addUserInteractionListener(e){document.hidden?e._triggerListener():(this.triggerEvents.forEach((t=>window.addEventListener(t,e.userEventHandler,{passive:!0}))),window.addEventListener("touchstart",e.touchStartHandler,{passive:!0}),window.addEventListener("mousedown",e.touchStartHandler),document.addEventListener("visibilitychange",e.userEventHandler))}_removeUserInteractionListener(){this.triggerEvents.forEach((e=>window.removeEventListener(e,this.userEventHandler,{passive:!0}))),document.removeEventListener("visibilitychange",this.userEventHandler)}_onTouchStart(e){"HTML"!==e.target.tagName&&(window.addEventListener("touchend",this.touchEndHandler),window.addEventListener("mouseup",this.touchEndHandler),window.addEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.addEventListener("mousemove",this.touchMoveHandler),e.target.addEventListener("click",this.clickHandler),this._renameDOMAttribute(e.target,"onclick","rocket-onclick"))}_onTouchMove(e){window.removeEventListener("touchend",this.touchEndHandler),window.removeEventListener("mouseup",this.touchEndHandler),window.removeEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",this.touchMoveHandler),e.target.removeEventListener("click",this.clickHandler),this._renameDOMAttribute(e.target,"rocket-onclick","onclick")}_onTouchEnd(e){window.removeEventListener("touchend",this.touchEndHandler),window.removeEventListener("mouseup",this.touchEndHandler),window.removeEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",this.touchMoveHandler)}_onClick(e){e.target.removeEventListener("click",this.clickHandler),this._renameDOMAttribute(e.target,"rocket-onclick","onclick"),this.interceptedClicks.push(e),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()}_replayClicks(){window.removeEventListener("touchstart",this.touchStartHandler,{passive:!0}),window.removeEventListener("mousedown",this.touchStartHandler),this.interceptedClicks.forEach((e=>{e.target.dispatchEvent(new MouseEvent("click",{view:e.view,bubbles:!0,cancelable:!0}))}))}_renameDOMAttribute(e,t,n){e.hasAttribute&&e.hasAttribute(t)&&(event.target.setAttribute(n,event.target.getAttribute(t)),event.target.removeAttribute(t))}_triggerListener(){this._removeUserInteractionListener(this),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",this._loadEverythingNow.bind(this)):this._loadEverythingNow()}_preconnect3rdParties(){let e=[];document.querySelectorAll("script[type=rocketlazyloadscript]").forEach((t=>{if(t.hasAttribute("src")){const n=new URL(t.src).origin;n!==location.origin&&e.push({src:n,crossOrigin:t.crossOrigin||"module"===t.getAttribute("data-rocket-type")})}})),e=[...new Map(e.map((e=>[JSON.stringify(e),e]))).values()],this._batchInjectResourceHints(e,"preconnect")}async _loadEverythingNow(){this.lastBreath=Date.now(),this._delayEventListeners(),this._delayJQueryReady(this),this._handleDocumentWrite(),this._registerAllDelayedScripts(),this._preloadAllScripts(),await this._loadScriptsFromList(this.delayedScripts.normal),await this._loadScriptsFromList(this.delayedScripts.defer),await this._loadScriptsFromList(this.delayedScripts.async);try{await this._triggerDOMContentLoaded(),await this._triggerWindowLoad()}catch(e){}window.dispatchEvent(new Event("rocket-allScriptsLoaded")),this._replayClicks()}_registerAllDelayedScripts(){document.querySelectorAll("script[type=rocketlazyloadscript]").forEach((e=>{e.hasAttribute("src")?e.hasAttribute("async")&&!1!==e.async?this.delayedScripts.async.push(e):e.hasAttribute("defer")&&!1!==e.defer||"module"===e.getAttribute("data-rocket-type")?this.delayedScripts.defer.push(e):this.delayedScripts.normal.push(e):this.delayedScripts.normal.push(e)}))}async _transformScript(e){return await this._littleBreath(),new Promise((t=>{const n=document.createElement("script");[...e.attributes].forEach((e=>{let t=e.nodeName;"type"!==t&&("data-rocket-type"===t&&(t="type"),n.setAttribute(t,e.nodeValue))})),e.hasAttribute("src")?(n.addEventListener("load",t),n.addEventListener("error",t)):(n.text=e.text,t());try{e.parentNode.replaceChild(n,e)}catch(e){t()}}))}async _loadScriptsFromList(e){const t=e.shift();return t?(await this._transformScript(t),this._loadScriptsFromList(e)):Promise.resolve()}_preloadAllScripts(){this._batchInjectResourceHints([...this.delayedScripts.normal,...this.delayedScripts.defer,...this.delayedScripts.async],"preload")}_batchInjectResourceHints(e,t){var n=document.createDocumentFragment();e.forEach((e=>{if(e.src){const i=document.createElement("link");i.href=e.src,i.rel=t,"preconnect"!==t&&(i.as="script"),e.getAttribute&&"module"===e.getAttribute("data-rocket-type")&&(i.crossOrigin=!0),e.crossOrigin&&(i.crossOrigin=e.crossOrigin),n.appendChild(i)}})),document.head.appendChild(n)}_delayEventListeners(){let e={};function t(t,n){!function(t){function n(n){return e[t].eventsToRewrite.indexOf(n)>=0?"rocket-"+n:n}e[t]||(e[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},eventsToRewrite:[]},t.addEventListener=function(){arguments[0]=n(arguments[0]),e[t].originalFunctions.add.apply(t,arguments)},t.removeEventListener=function(){arguments[0]=n(arguments[0]),e[t].originalFunctions.remove.apply(t,arguments)})}(t),e[t].eventsToRewrite.push(n)}function n(e,t){let n=e[t];Object.defineProperty(e,t,{get:()=>n||function(){},set(i){e["rocket"+t]=n=i}})}t(document,"DOMContentLoaded"),t(window,"DOMContentLoaded"),t(window,"load"),t(window,"pageshow"),t(document,"readystatechange"),n(document,"onreadystatechange"),n(window,"onload"),n(window,"onpageshow")}_delayJQueryReady(e){let t=window.jQuery;Object.defineProperty(window,"jQuery",{get:()=>t,set(n){if(n&&n.fn&&!e.allJQueries.includes(n)){n.fn.ready=n.fn.init.prototype.ready=function(t){e.domReadyFired?t.bind(document)(n):document.addEventListener("rocket-DOMContentLoaded",(()=>t.bind(document)(n)))};const t=n.fn.on;n.fn.on=n.fn.init.prototype.on=function(){if(this[0]===window){function e(e){return e.split(" ").map((e=>"load"===e||0===e.indexOf("load.")?"rocket-jquery-load":e)).join(" ")}"string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=e(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach((t=>{delete Object.assign(arguments[0],{[e(t)]:arguments[0][t]})[t]}))}return t.apply(this,arguments),this},e.allJQueries.push(n)}t=n}})}async _triggerDOMContentLoaded(){this.domReadyFired=!0,await this._littleBreath(),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this._littleBreath(),window.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this._littleBreath(),document.dispatchEvent(new Event("rocket-readystatechange")),await this._littleBreath(),document.rocketonreadystatechange&&document.rocketonreadystatechange()}async _triggerWindowLoad(){await this._littleBreath(),window.dispatchEvent(new Event("rocket-load")),await this._littleBreath(),window.rocketonload&&window.rocketonload(),await this._littleBreath(),this.allJQueries.forEach((e=>e(window).trigger("rocket-jquery-load"))),await this._littleBreath();const e=new Event("rocket-pageshow");e.persisted=this.persisted,window.dispatchEvent(e),await this._littleBreath(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted})}_handleDocumentWrite(){const e=new Map;document.write=document.writeln=function(t){const n=document.currentScript,i=document.createRange(),r=n.parentElement;let o=e.get(n);void 0===o&&(o=n.nextSibling,e.set(n,o));const s=document.createDocumentFragment();i.setStart(s,0),s.appendChild(i.createContextualFragment(t)),r.insertBefore(s,o)}}async _littleBreath(){Date.now()-this.lastBreath>45&&(await this._requestAnimFrame(),this.lastBreath=Date.now())}async _requestAnimFrame(){return document.hidden?new Promise((e=>setTimeout(e))):new Promise((e=>requestAnimationFrame(e)))}static run(){const e=new RocketLazyLoadScripts;e._addUserInteractionListener(e)}}RocketLazyLoadScripts.run();</script>  <script type="rocketlazyloadscript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-K2GHVWX');</script>  <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="p:domain_verify" content="280c11c605502fd0864746551542a23e"/> <link data-minify="1" rel="stylesheet" href="https://screpy.com/wp-content/cache/min/1/ajax/libs/animate.css/4.1.1/animate.min.css?ver=1731932823"/> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>E-Commerce UX Best Practices - 2021 Updated Tips » Screpy</title><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&family=Open+Sans:wght@400;600;700&display=swap" /><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&family=Open+Sans:wght@400;600;700&display=swap" media="print" onload="this.media='all'" /><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&family=Open+Sans:wght@400;600;700&display=swap" /></noscript> <meta name="description" content="See the e-commerce best UX practices we have listed in that content! You will be impressed by how easy to keep your customers on the page!" /> <link rel="canonical" href="https://screpy.com/e-commerce-best-ux-practices/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="E-Commerce UX Best Practices - 2021 Updated Tips » Screpy" /> <meta property="og:description" content="See the e-commerce best UX practices we have listed in that content! You will be impressed by how easy to keep your customers on the page!" /> <meta property="og:url" content="https://screpy.com/e-commerce-best-ux-practices/" /> <meta property="og:site_name" content="Screpy" /> <meta property="article:publisher" content="https://www.facebook.com/Screpy-107071387735572" /> <meta property="article:published_time" content="2021-02-26T11:13:26+00:00" /> <meta property="article:modified_time" content="2021-09-28T12:11:22+00:00" /> <meta property="og:image" content="https://screpy.com/wp-content/uploads/2021/02/E-Commerce-UX-Best-Practices-–-2021-Updated-Tips.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" /> <meta property="og:image:type" content="image/png" /> <meta name="author" content="fagus" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@_screpy" /> <meta name="twitter:site" content="@_screpy" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="fagus" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="16 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://screpy.com/e-commerce-best-ux-practices/#article","isPartOf":{"@id":"https://screpy.com/e-commerce-best-ux-practices/"},"author":{"name":"fagus","@id":"https://screpy.com/#/schema/person/811744dc54d792563d3b6cedd8690122"},"headline":"E-Commerce UX Best Practices – 2021 Updated Tips","datePublished":"2021-02-26T11:13:26+00:00","dateModified":"2021-09-28T12:11:22+00:00","mainEntityOfPage":{"@id":"https://screpy.com/e-commerce-best-ux-practices/"},"wordCount":3142,"commentCount":0,"publisher":{"@id":"https://screpy.com/#organization"},"image":{"@id":"https://screpy.com/e-commerce-best-ux-practices/#primaryimage"},"thumbnailUrl":"https://screpy.com/wp-content/uploads/2021/02/E-Commerce-UX-Best-Practices-–-2021-Updated-Tips.png","articleSection":["User Experience (UX)"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://screpy.com/e-commerce-best-ux-practices/#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https://screpy.com/e-commerce-best-ux-practices/","url":"https://screpy.com/e-commerce-best-ux-practices/","name":"E-Commerce UX Best Practices - 2021 Updated Tips » Screpy","isPartOf":{"@id":"https://screpy.com/#website"},"primaryImageOfPage":{"@id":"https://screpy.com/e-commerce-best-ux-practices/#primaryimage"},"image":{"@id":"https://screpy.com/e-commerce-best-ux-practices/#primaryimage"},"thumbnailUrl":"https://screpy.com/wp-content/uploads/2021/02/E-Commerce-UX-Best-Practices-–-2021-Updated-Tips.png","datePublished":"2021-02-26T11:13:26+00:00","dateModified":"2021-09-28T12:11:22+00:00","description":"See the e-commerce best UX practices we have listed in that content! You will be impressed by how easy to keep your customers on the page!","breadcrumb":{"@id":"https://screpy.com/e-commerce-best-ux-practices/#breadcrumb"},"mainEntity":[{"@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164614754"},{"@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164638998"},{"@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164692270"},{"@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164737163"},{"@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164786009"},{"@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164829861"},{"@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164892133"},{"@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164946806"},{"@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618165012252"},{"@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618165046861"}],"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://screpy.com/e-commerce-best-ux-practices/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://screpy.com/e-commerce-best-ux-practices/#primaryimage","url":"https://screpy.com/wp-content/uploads/2021/02/E-Commerce-UX-Best-Practices-–-2021-Updated-Tips.png","contentUrl":"https://screpy.com/wp-content/uploads/2021/02/E-Commerce-UX-Best-Practices-–-2021-Updated-Tips.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https://screpy.com/e-commerce-best-ux-practices/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://screpy.com/"},{"@type":"ListItem","position":2,"name":"User Experience (UX)","item":"https://screpy.com/category/user-experience-ux/"},{"@type":"ListItem","position":3,"name":"E-Commerce UX Best Practices – 2021 Updated Tips"}]},{"@type":"WebSite","@id":"https://screpy.com/#website","url":"https://screpy.com/","name":"Screpy","description":"AI-Based SEO Analysis & Monitoring Tool","publisher":{"@id":"https://screpy.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://screpy.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://screpy.com/#organization","name":"Screpy","url":"https://screpy.com/","sameAs":["https://www.instagram.com/use.screpy/","https://www.linkedin.com/company/screpy/","https://www.facebook.com/Screpy-107071387735572","https://twitter.com/_screpy"],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://screpy.com/#/schema/logo/image/","url":"https://screpy.com/wp-content/uploads/2020/08/logo-linkedin.png","contentUrl":"https://screpy.com/wp-content/uploads/2020/08/logo-linkedin.png","width":1024,"height":1024,"caption":"Screpy"},"image":{"@id":"https://screpy.com/#/schema/logo/image/"}},{"@type":"Person","@id":"https://screpy.com/#/schema/person/811744dc54d792563d3b6cedd8690122","name":"fagus"},{"@type":"Question","@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164614754","position":1,"url":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164614754","name":"What is the number one thing that makes a good user experience on an e-commerce site?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"One of the most important factors that will strengthen UX for a user on an eCommerce site is visible trust badge graphics. Thanks to these, you will maximize the user's browsing and shopping experience. You can usually add them to the pages showing the details of the products, shopping cart area, checkout area, or profile area. In this way, you increase the confidence of the user during buying. This increases your chances of being revisited.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164638998","position":2,"url":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164638998","name":"What is UX in eCommerce?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"The experience perceived by the end-user regarding the pages, products, and services of the page within an eCommerce site is called UX. UX stands for user experience. An accurate UX score for eCommerce often depends on multiple factors such as experience from different devices, page speed, ease of navigating between products, categorization, sitemap, checkout page, security, and theme. In short, every details about eCommerce site can be a factor that affects the shopping experience.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164692270","position":3,"url":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164692270","name":"What makes a good eCommerce experience?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"It can be said that eCommerce site visitors basically looking for two things: Ease and speed. Ease generally means that the requested product can be accessed in the easiest way. For example, the categorization in the breadcrumbs or the site's map is related to this. Speed can be measured by the pagespeed score.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164737163","position":4,"url":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164737163","name":"How do I build a good eCommerce website?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"1. First of all, remember that users will want to shop in a simple area. Buttons or fields that will confuse them should not be on the page.<br/>2. Remember that you need to keep branding strong.<br/>3. The color of your page should not prevent products from being viewed easily.<br/>4. Don't forget to make navigating easier with breadcrumbs and similar structures.<br/>5. Save cookies and by that way, increase the likelihood of conversions by providing users with personalized recommendations.<br/>6. Offer a fast website. A frozen website reduces the likelihood of users' buying behavior by 70 percent.<br/>7. Use high-quality images and let users see all areas of the products. Only in this way can you have a chance to gain user trust.<br/>8. You should take care that navigating between categories is easy. Don't forget to combine the right subcategories with the right parent categories.<br/>","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164786009","position":5,"url":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164786009","name":"What is the best eCommerce website builder?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Website builder options that allow you to easily manage your site in Ecommerce and offer high UX to your users can be listed as follows:<br/>1. Wix: It is known as a builder that has been on the rise recently.<br/>2. Shopify: Actively used by thousands of people and has a powerful panel.<br/>3. Squarespace: Discover this website builder that you can easily choose, especially if you have a creative eCommerce product catalog.<br/>4. Weebly: If you have a small store and appeal to a boutique audience, it might be a good choice.<br/>5. BigCommerce: An extremely powerful and frequently used builder.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164829861","position":6,"url":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164829861","name":"What are the ways to improve UX in an ecommerce site?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"1. If you are selling personalized products, you must guide your users, so they can feel safe while purchasing. <br/>2. The website structure should be organized. Don't forget to include the basic categories in the top bar of the site and the child categories below them.<br/>3. Receive customer feedback regularly and try to improve the services or support you offer on your site accordingly.<br/>4. Allow users to create lists by saving specific products. For this, you can create additional options such as collection, list, or a wishlist. All of them can be useful.<br/>5. Let users navigate easily between products using breadcrumbs.<br/>6. Remember that you should also suggest different products under a product that the person might be interested in.<br/>7. Provide users with all necessary information in a transparent way. It is very important that you provide all the information from the material of the product to the production process, allow users to comment on the product, and tell about their shopping experience.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164892133","position":7,"url":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164892133","name":"How do I optimize my eCommerce website?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"1. First of all, you must have specific target keywords.<br/>2. Have category contents and product description contents that contain various target keywords.<br/>3. Remember that every single page of yours needs metadata.<br/>4. Use alt tags for each image you use and show Googlebots more clearly what your pages are about.<br/>5. Optimize your homepage. This will require a strong link structure and categorization.<br/>6. Make sure the product pages are UX-oriented.<br/>7. You should make sure you configure all URLs according to parent and child categories correctly.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164946806","position":8,"url":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618164946806","name":"Is UX important for eCommerce?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes. It is extremely important for the SEO and conversion rates of an eCommerce site. SEO allows you to get a high rate of traffic while UX ensures you have a conversion from that traffic. Both are extremely important for your income and success.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618165012252","position":9,"url":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618165012252","name":"What is a comprehensive eCommerce UX optimization checklist?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Note the following:<br/>1. Enhance product pages and make them more detailed.<br/>2. Add a 'Buy Now' button as well as the 'Add to cart' button for each item.<br/>3. Don't forget to use Upsell.<br/>4. Enhance the mobile experience. Get good results in terms of theme, speed, and navigation. If possible, get a mobile app.<br/>5. Provide personalization. You can do this with cookies.<br/>6. Optimize pricing and do a detailed market analysis for it.<br/>7. Obtain a mailing list. For this, you need to have call-to-action pages that convince users to give you their emails.<br/>8. Increase your sales rates with Flash sales.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618165046861","position":10,"url":"https://screpy.com/e-commerce-best-ux-practices/#faq-question-1618165046861","name":"How do I increase the e-commerce conversion rate?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"The best way to boost conversion rates is to make UX-driven optimizations. For that, check out the following:<br/>1. Use enough visuals and details on product pages.<br/>2. Free shipping always triggers the purchasing process.<br/>3. Define coupon codes that can be used in a limited time.<br/>4. Present your prices regularly with the campaign and announce these campaigns to the users.<br/>5. Make sure there are no errors or slowdowns in the checkout process. You don't want people to stop buying at the last moment.<br/>6. Don't forget to support your users with live chat support.<br/>7. Manage a target-oriented optimization process by analyzing cart abandonment behavior.","inLanguage":"en-US"},"inLanguage":"en-US"}]}</script>  <link href='https://fonts.gstatic.com' crossorigin rel='preconnect' /> <link rel="alternate" type="application/rss+xml" title="Screpy » E-Commerce UX Best Practices – 2021 Updated Tips Comments Feed" href="https://screpy.com/e-commerce-best-ux-practices/feed/" /> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://screpy.com/wp-includes/css/dist/block-library/style.min.css?ver=6.0.1' type='text/css' media='all' /> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <link data-minify="1" rel='stylesheet' id='wtr-css-css' href='https://screpy.com/wp-content/cache/min/1/wp-content/plugins/worth-the-read/css/wtr.css?ver=1731932826' type='text/css' media='all' /> <link rel='stylesheet' id='codemirror-blocks--css' href='https://screpy.com/wp-content/plugins/wp-codemirror-block/assets/blocks/blocks.style.build.min.css?ver=1681757369' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='sage/main.css-css' href='https://screpy.com/wp-content/cache/min/1/wp-content/themes/screpy/dist/styles/main_194d0559.css?ver=1731932823' type='text/css' media='all' /> <style id='rocket-lazyload-inline-css' type='text/css'> .rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:url(https://screpy.com/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;} </style> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://screpy.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.0' id='jquery-core-js' defer></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://screpy.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js' defer></script> <script type='text/javascript' id='seo-automated-link-building-js-extra'> /* <![CDATA[ */ var seoAutomatedLinkBuilding = {"ajaxUrl":"https:\/\/screpy.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type='text/javascript' src='https://screpy.com/wp-content/cache/min/1/wp-content/plugins/seo-automated-link-building/js/seo-automated-link-building.js?ver=1731932823' id='seo-automated-link-building-js' defer></script> <link rel="https://api.w.org/" href="https://screpy.com/wp-json/" /><link rel="alternate" type="application/json" href="https://screpy.com/wp-json/wp/v2/posts/2675" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://screpy.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://screpy.com/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 6.0.1" /> <link rel='shortlink' href='https://screpy.com/?p=2675' /> <link rel="alternate" type="application/json+oembed" href="https://screpy.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fscrepy.com%2Fe-commerce-best-ux-practices%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://screpy.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fscrepy.com%2Fe-commerce-best-ux-practices%2F&format=xml" /> <meta name="generator" content="Redux 4.3.21.2" /><style type="text/css">.wtr-time-wrap{ /* wraps the entire label */ margin: 0 10px; } .wtr-time-number{ /* applies only to the number */ }</style><style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><style id="wtr_settings-dynamic-css" title="dynamic-css" class="redux-options-output">.wtr-time-wrap{line-height:16px;color:#CCCCCC;font-size:16px;font-display:swap;}</style><noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript></head> <body data-rsssl=1 class="post-template-default single single-post postid-2675 single-format-standard e-commerce-best-ux-practices app-data index-data singular-data single-data single-post-data single-post-e-commerce-best-ux-practices-data">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K2GHVWX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <nav class="navbar navbar-light navbar-expand-lg navbar-screpy fixed-top"> <div class="container"> <div> <a id="front-navbar-logo" class="navbar-brand" href="/"> <svg width="70" height="25" viewBox="0 0 70 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <rect width="70" height="25" fill="white"/> <path d="M20.199 14.967C20.7184 14.967 21.0857 14.9163 21.301 14.815C21.5164 14.7137 21.624 14.5173 21.624 14.226C21.624 13.998 21.4847 13.8017 21.206 13.637C20.9274 13.4597 20.503 13.2633 19.933 13.048C19.4897 12.8833 19.0844 12.7123 18.717 12.535C18.3624 12.3577 18.0584 12.1487 17.805 11.908C17.5517 11.6547 17.3554 11.357 17.216 11.015C17.0767 10.673 17.007 10.2613 17.007 9.78001C17.007 8.84267 17.3554 8.10167 18.052 7.55701C18.7487 7.01234 19.705 6.74001 20.921 6.74001C21.529 6.74001 22.1117 6.79701 22.669 6.91101C23.2264 7.01234 23.6697 7.12634 23.999 7.25301L23.505 9.45701C23.1757 9.34301 22.8147 9.24167 22.422 9.15301C22.042 9.06434 21.6114 9.02001 21.13 9.02001C20.2434 9.02001 19.8 9.26701 19.8 9.76101C19.8 9.87501 19.819 9.97634 19.857 10.065C19.895 10.1537 19.971 10.2423 20.085 10.331C20.199 10.407 20.351 10.4957 20.541 10.597C20.7437 10.6857 20.997 10.787 21.301 10.901C21.9217 11.129 22.4347 11.357 22.84 11.585C23.2454 11.8003 23.562 12.041 23.79 12.307C24.0307 12.5603 24.1954 12.8453 24.284 13.162C24.3854 13.4787 24.436 13.846 24.436 14.264C24.436 15.252 24.0624 15.9993 23.315 16.506C22.5804 17.0127 21.5354 17.266 20.18 17.266C19.2934 17.266 18.5524 17.19 17.957 17.038C17.3744 16.886 16.969 16.7593 16.741 16.658L17.216 14.359C17.6974 14.549 18.1914 14.701 18.698 14.815C19.2047 14.9163 19.705 14.967 20.199 14.967Z" fill="#5C6A6D"/> <path d="M24.9367 12.003C24.9367 11.281 25.0507 10.6033 25.2787 9.97001C25.5194 9.32401 25.8614 8.76667 26.3047 8.29801C26.748 7.81667 27.2864 7.43667 27.9197 7.15801C28.553 6.87934 29.275 6.74001 30.0857 6.74001C30.6177 6.74001 31.1054 6.79067 31.5487 6.89201C31.992 6.98067 32.4227 7.11367 32.8407 7.29101L32.2517 9.55201C31.9857 9.45067 31.6944 9.36201 31.3777 9.28601C31.061 9.21001 30.7064 9.17201 30.3137 9.17201C29.4777 9.17201 28.8507 9.43167 28.4327 9.95101C28.0274 10.4703 27.8247 11.1543 27.8247 12.003C27.8247 12.9023 28.0147 13.599 28.3947 14.093C28.7874 14.587 29.465 14.834 30.4277 14.834C30.7697 14.834 31.137 14.8023 31.5297 14.739C31.9224 14.6757 32.2834 14.5743 32.6127 14.435L33.0117 16.753C32.6824 16.8923 32.2707 17.0127 31.7767 17.114C31.2827 17.2153 30.738 17.266 30.1427 17.266C29.2307 17.266 28.4454 17.133 27.7867 16.867C27.128 16.5883 26.5834 16.2147 26.1527 15.746C25.7347 15.2773 25.4244 14.7263 25.2217 14.093C25.0317 13.447 24.9367 12.7503 24.9367 12.003Z" fill="#5C6A6D"/> <path d="M39.7947 9.51401C39.5414 9.45067 39.2437 9.38734 38.9017 9.32401C38.5597 9.24801 38.1924 9.21001 37.7997 9.21001C37.6224 9.21001 37.407 9.22901 37.1537 9.26701C36.913 9.29234 36.7294 9.32401 36.6027 9.36201V17H33.7717V7.53801C34.2784 7.36067 34.8737 7.19601 35.5577 7.044C36.2544 6.87934 37.027 6.79701 37.8757 6.79701C38.0277 6.79701 38.2114 6.80967 38.4267 6.83501C38.642 6.84767 38.8574 6.87301 39.0727 6.91101C39.288 6.93634 39.5034 6.97434 39.7187 7.02501C39.934 7.06301 40.1177 7.11367 40.2697 7.17701L39.7947 9.51401Z" fill="#5C6A6D"/> <path d="M39.9868 12.079C39.9868 11.1923 40.1198 10.4197 40.3858 9.76101C40.6645 9.08967 41.0255 8.53234 41.4688 8.08901C41.9121 7.64567 42.4188 7.31001 42.9888 7.08201C43.5715 6.85401 44.1668 6.74001 44.7748 6.74001C46.1935 6.74001 47.3145 7.17701 48.1378 8.05101C48.9611 8.91234 49.3728 10.1853 49.3728 11.87C49.3728 12.0347 49.3665 12.2183 49.3538 12.421C49.3411 12.611 49.3285 12.782 49.3158 12.934H42.8938C42.9571 13.5167 43.2295 13.979 43.7108 14.321C44.1921 14.663 44.8381 14.834 45.6488 14.834C46.1681 14.834 46.6748 14.7897 47.1688 14.701C47.6755 14.5997 48.0871 14.4793 48.4038 14.34L48.7838 16.639C48.6318 16.715 48.4291 16.791 48.1758 16.867C47.9225 16.943 47.6375 17.0063 47.3208 17.057C47.0168 17.1203 46.6875 17.171 46.3328 17.209C45.9781 17.247 45.6235 17.266 45.2688 17.266C44.3695 17.266 43.5841 17.133 42.9128 16.867C42.2541 16.601 41.7031 16.24 41.2598 15.784C40.8291 15.3153 40.5061 14.7643 40.2908 14.131C40.0881 13.4977 39.9868 12.8137 39.9868 12.079ZM46.6368 10.996C46.6241 10.7553 46.5798 10.521 46.5038 10.293C46.4405 10.065 46.3328 9.86234 46.1808 9.68501C46.0415 9.50767 45.8578 9.36201 45.6298 9.24801C45.4145 9.13401 45.1421 9.07701 44.8128 9.07701C44.4961 9.07701 44.2238 9.13401 43.9958 9.24801C43.7678 9.34934 43.5778 9.48867 43.4258 9.66601C43.2738 9.84334 43.1535 10.0523 43.0648 10.293C42.9888 10.521 42.9318 10.7553 42.8938 10.996H46.6368Z" fill="#5C6A6D"/> <path d="M56.8205 12.079C56.8205 11.205 56.6242 10.5083 56.2315 9.98901C55.8388 9.45701 55.2562 9.19101 54.4835 9.19101C54.2302 9.19101 53.9958 9.20367 53.7805 9.22901C53.5652 9.24167 53.3878 9.26067 53.2485 9.28601V14.397C53.4258 14.511 53.6538 14.606 53.9325 14.682C54.2238 14.758 54.5152 14.796 54.8065 14.796C56.1492 14.796 56.8205 13.8903 56.8205 12.079ZM59.7085 12.003C59.7085 12.7757 59.6135 13.4787 59.4235 14.112C59.2335 14.7453 58.9548 15.29 58.5875 15.746C58.2202 16.202 57.7642 16.5567 57.2195 16.81C56.6748 17.0633 56.0478 17.19 55.3385 17.19C54.9458 17.19 54.5785 17.152 54.2365 17.076C53.8945 17 53.5652 16.8923 53.2485 16.753V20.515H50.4175V7.34801C50.6708 7.27201 50.9622 7.20234 51.2915 7.139C51.6208 7.06301 51.9628 6.99967 52.3175 6.94901C52.6848 6.89834 53.0522 6.86034 53.4195 6.83501C53.7995 6.79701 54.1605 6.77801 54.5025 6.77801C55.3258 6.77801 56.0605 6.90467 56.7065 7.15801C57.3525 7.39867 57.8972 7.74701 58.3405 8.20301C58.7838 8.64634 59.1195 9.19101 59.3475 9.83701C59.5882 10.483 59.7085 11.205 59.7085 12.003Z" fill="#5C6A6D"/> <path d="M69.3575 7.00601C68.7875 8.93134 68.1922 10.7363 67.5715 12.421C66.9509 14.1057 66.2732 15.7397 65.5385 17.323C65.2725 17.893 65.0065 18.3743 64.7405 18.767C64.4745 19.1723 64.1832 19.5017 63.8665 19.755C63.5499 20.021 63.1889 20.211 62.7835 20.325C62.3909 20.4517 61.9285 20.515 61.3965 20.515C60.9532 20.515 60.5415 20.4707 60.1615 20.382C59.7942 20.306 59.4902 20.2173 59.2495 20.116L59.7435 17.855C60.0349 17.9563 60.2945 18.026 60.5225 18.064C60.7505 18.102 60.9912 18.121 61.2445 18.121C61.7512 18.121 62.1375 17.9817 62.4035 17.703C62.6822 17.437 62.9165 17.0633 63.1065 16.582C62.4605 15.3153 61.8145 13.8967 61.1685 12.326C60.5225 10.7427 59.9145 8.96934 59.3445 7.00601H62.3465C62.4732 7.50001 62.6189 8.03834 62.7835 8.62101C62.9609 9.19101 63.1445 9.77367 63.3345 10.369C63.5245 10.9517 63.7145 11.5217 63.9045 12.079C64.1072 12.6363 64.2972 13.143 64.4745 13.599C64.6392 13.143 64.8102 12.6363 64.9875 12.079C65.1649 11.5217 65.3359 10.9517 65.5005 10.369C65.6779 9.77367 65.8425 9.19101 65.9945 8.62101C66.1592 8.03834 66.3049 7.50001 66.4315 7.00601H69.3575Z" fill="#5C6A6D"/> <path d="M0.97659 11.5503L10.0681 8.89433V8.89433C10.0525 11.225 8.58099 13.2971 6.38567 14.0798L0.874438 16.045L0.97659 11.5503Z" fill="#BF5757"/> <path d="M11.0757 0L11.0809 5.77857L5.59607 11.2731L2.70422 8.38635L11.0757 0Z" fill="#F17676"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.868835 11.761L0.872535 16.0009L9.24416 7.61469L6.35235 4.72792L1.81328 9.27492C1.28967 9.88665 0.935147 10.7668 0.868835 11.761Z" fill="#F17676"/> <path d="M-0.0914612 24.8825L-0.102586 19.1039L5.37648 13.6037L8.27133 16.4874L-0.0914612 24.8825Z" fill="#F17676"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.1032 13.1106L10.0951 8.87096L1.73218 17.2659L4.62699 20.1497L9.16112 15.5982C9.68424 14.9858 10.0379 14.1051 10.1032 13.1106Z" fill="#F17676"/> </g> <defs> <clipPath id="clip0"> <rect width="70" height="25" fill="white"/> </clipPath> </defs> </svg> </a> </div> <button id="front-navbar-hmbrgr-menu" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <svg width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"/></svg> </button> <div id="navbarSupportedContent" class="collapse navbar-collapse mobile-dropdown"> <ul class="navbar-nav mr-auto pl-lg-5"> <li class="nav-item"> <a id="navbar-features" class="nav-link" href="/#features">Features</a> </li> <li class="nav-item"> <a id="navbar-pricing" class="nav-link" href="/pricing/">Pricing</a> </li> <li class="nav-item"> <a id="navbar-faq" class="nav-link" href="/faq/">FAQ</a> </li> <li class="nav-item"> <a id="navbar-blog" class="nav-link" href="/blog/">Blog</a> </li> </ul> <ul class="navbar-nav ml-auto"> <li class="nav-item mr-3"> <a id="navbar-login" class="nav-link" href="https://app.screpy.com/login/">Login</a> </li> <li class="nav-item"> <a id="navbar-register" class="nav-link btn-red" href="https://app.screpy.com/register/">Free Trial</a> </li> </ul> </div> </div> </nav> <div class="wrap" role="document"> <div class="content"> <main class="main"> <div class="post-content"> <div class="breadcrumb"> <div class="container"> <p class="mb-0" id="breadcrumbs"><span><span><a href="https://screpy.com/">Home</a> <span><a href="https://screpy.com/category/user-experience-ux/">User Experience (UX)</a> <span class="breadcrumb_last" aria-current="page">E-Commerce UX Best Practices – 2021 Updated Tips</span></span></span></span></p> </div> </div> <article class="post-2675 post type-post status-publish format-standard has-post-thumbnail hentry category-user-experience-ux"> <header> <h1 class="entry-title">E-Commerce UX Best Practices – 2021 Updated Tips</h1> <div class="entry-meta-container"> <time class="post-meta-item updated" datetime="2021-02-26T11:13:26+00:00">February 26, 2021</time> <span class="post-meta-item read-time"> <span class="wtr-time-wrap after-title"><span class="wtr-time-number">18</span> min read</span> </span> <div class="categories ml-lg-3"> <a href="https://screpy.com/category/user-experience-ux/" target="_blank" class="badge badge-category" style="--bg-color: #7757bb30; --color: #7757bb;"> User Experience (UX) </a> </div> </div>  </header> <div class="entry-content"> <div id="ez-toc-container" class="ez-toc-v2_0_16 counter-hierarchy counter-decimal ez-toc-grey"> <nav><ul class="ez-toc-list ez-toc-list-level-1"><li class="ez-toc-page-1 ez-toc-heading-level-2"><a class="ez-toc-link ez-toc-heading-1" href="#h-why-does-e-commerce-seo-matter" title="Why Does E-Commerce SEO Matter?">Why Does E-Commerce SEO Matter?</a></li><li class="ez-toc-page-1 ez-toc-heading-level-2"><a class="ez-toc-link ez-toc-heading-2" href="#h-product-page-is-your-everything-tips-for-effective-product-pages" title="Product Page is Your Everything! – Tips for Effective Product Pages">Product Page is Your Everything! – Tips for Effective Product Pages</a><ul class="ez-toc-list-level-3"><li class="ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-3" href="#h-must-haves-on-product-page" title="Must Haves on Product Page">Must Haves on Product Page</a></li><li class="ez-toc-page-1 ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-4" href="#h-things-can-increase-conversion" title="Things Can Increase Conversion">Things Can Increase Conversion</a></li><li class="ez-toc-page-1 ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-5" href="#h-things-can-boost-sales-rates" title="Things Can Boost Sales Rates">Things Can Boost Sales Rates</a></li></ul></li><li class="ez-toc-page-1 ez-toc-heading-level-2"><a class="ez-toc-link ez-toc-heading-6" href="#h-use-live-chat-marketing" title="Use Live Chat Marketing">Use Live Chat Marketing</a><ul class="ez-toc-list-level-3"><li class="ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-7" href="#h-the-advantages-of-live-chat-marketing" title="The Advantages of Live Chat Marketing">The Advantages of Live Chat Marketing</a></li></ul></li><li class="ez-toc-page-1 ez-toc-heading-level-2"><a class="ez-toc-link ez-toc-heading-8" href="#h-let-your-customers-compare-products" title="Let Your Customers Compare Products">Let Your Customers Compare Products</a><ul class="ez-toc-list-level-3"><li class="ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-9" href="#h-detailed-information-about-product-variant" title="Detailed Information About Product Variant">Detailed Information About Product Variant</a></li><li class="ez-toc-page-1 ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-10" href="#h-comprehensive-product-comparison-tables" title="Comprehensive Product Comparison Tables">Comprehensive Product Comparison Tables</a></li><li class="ez-toc-page-1 ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-11" href="#h-make-sure-the-site-is-in-a-general-consistency" title="Make sure the site is in a general consistency">Make sure the site is in a general consistency</a></li></ul></li><li class="ez-toc-page-1 ez-toc-heading-level-2"><a class="ez-toc-link ez-toc-heading-12" href="#h-speed-issues-for-e-commerce-ux-best-practices" title="Speed Issues for E-Commerce UX Best Practices">Speed Issues for E-Commerce UX Best Practices</a></li><li class="ez-toc-page-1 ez-toc-heading-level-2"><a class="ez-toc-link ez-toc-heading-13" href="#h-faq" title="FAQ">FAQ</a><ul class="ez-toc-list-level-3"><li class="ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-14" href="#h-what-is-the-number-one-thing-that-makes-a-good-user-experience-on-an-e-commerce-site" title="What is the number one thing that makes a good user experience on an e-commerce site?">What is the number one thing that makes a good user experience on an e-commerce site?</a></li><li class="ez-toc-page-1 ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-15" href="#h-what-is-ux-in-ecommerce" title="What is UX in eCommerce?">What is UX in eCommerce?</a></li><li class="ez-toc-page-1 ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-16" href="#h-what-makes-a-good-ecommerce-experience" title="What makes a good eCommerce experience?">What makes a good eCommerce experience?</a></li><li class="ez-toc-page-1 ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-17" href="#h-how-do-i-build-a-good-ecommerce-website" title="How do I build a good eCommerce website?">How do I build a good eCommerce website?</a></li><li class="ez-toc-page-1 ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-18" href="#h-what-is-the-best-ecommerce-website-builder" title="What is the best eCommerce website builder?">What is the best eCommerce website builder?</a></li><li class="ez-toc-page-1 ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-19" href="#h-what-are-the-ways-to-improve-ux-in-an-ecommerce-site" title="What are the ways to improve UX in an ecommerce site?">What are the ways to improve UX in an ecommerce site?</a></li><li class="ez-toc-page-1 ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-20" href="#h-how-do-i-optimize-my-ecommerce-website" title="How do I optimize my eCommerce website?">How do I optimize my eCommerce website?</a></li><li class="ez-toc-page-1 ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-21" href="#h-is-ux-important-for-ecommerce" title="Is UX important for eCommerce?">Is UX important for eCommerce?</a></li><li class="ez-toc-page-1 ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-22" href="#h-what-is-a-comprehensive-ecommerce-ux-optimization-checklist" title="What is a comprehensive eCommerce UX optimization checklist?">What is a comprehensive eCommerce UX optimization checklist?</a></li><li class="ez-toc-page-1 ez-toc-heading-level-3"><a class="ez-toc-link ez-toc-heading-23" href="#h-how-do-i-increase-the-e-commerce-conversion-rate" title="How do I increase the e-commerce conversion rate?">How do I increase the e-commerce conversion rate?</a></li></ul></li></ul></nav></div> <div id="wtr-content" data-bg="#1b1b1b" data-fg="#e8595b" data-width="4" data-mute="" data-fgopacity="1.00" data-mutedopacity="1.00" data-placement="top" data-placement-offset="0" data-content-offset="0" data-placement-touch="top" data-placement-offset-touch="0" data-transparent="" data-shadow="0" data-touch="" data-non-touch="1" data-comments="0" data-commentsbg="#e8595b" data-location="page" data-mutedfg="#e8595b" data-endfg="#e8595b" data-rtl="" > <p>Today, as online shopping habits are getting stronger day by day, intense competition continues between e-commerce sites. E-commerce sites want to get the best conversion rates, profit rates, and the best rankings on Google while they are focusing on e-commerce <a href="https://screpy.com/category/user-experience-ux/" data-internallinksmanager029f6b8e52c="4" title="User Experience (UX)" target="_blank" rel="noopener">UX</a> best practices.</p> <p>So what to do about all this?</p> <p>We mentioned earlier in our content named the <a href="https://screpy.com/best-seo-techniques-for-e-commerce-sites/" target="_blank" rel="noreferrer noopener">best SEO techniques for e-commerce sites</a>, what you should do to meet what the search engines want directly. Today we will talk about what to do when addressing our main heroes, our potential customers: <strong><em>E-commerce UX Best Practices</em></strong>!</p> <p>Screpy experts reviewed many e-commerce sites. With an analysis of the sites with the highest UX scores among these, we created a list of what e-commerce UX best practices could be. If you’re ready, we’re ready to get started with a few key points!         </p> <section class="cta-blog-section d-md-flex"> <div class="left-cont pl-md-4 my-md-3"> <span class="blog-cta-title mb-3" style="color: ; --keyword:#e4595c">Do you want to increase your website traffic?</span> <p class="description" style="color: ;">Try for free to boost your website traffic!</p> <div class="btn-cover mt-2"> <a style="background-color: #e4595c; color: #ffffff;" href="https://app.screpy.com/register/?ref=blog" target="_blank" class="btn btn-shadow" > Register Now </a> </div> </div> <div class="right-cont"> <script type="rocketlazyloadscript" data-minify="1" src="https://screpy.com/wp-content/cache/min/1/@lottiefiles/lottie-player@latest/dist/lottie-player.js?ver=1731932864" defer></script> <lottie-player src="https://assets3.lottiefiles.com/packages/lf20_doyhajlr.json" background="transparent" speed="1" loop autoplay></lottie-player> </div> </section> <h2 id="h-why-does-e-commerce-seo-matter"><a href="#h-why-does-e-commerce-seo-matter">Why Does E-Commerce SEO Matter?</a></h2> <p>E-commerce UX means primarily hosting your customers who come to your store. </p> <p>When customers who come to physical stores have a question or problem about which product is where, about the features of a product, or about the sales process, they directly contact the store attendants. The situation in e-commerce sites is quite different from this.</p> <p></p> <figure class="wp-block-image size-large is-resized"><picture class="wp-image-2677"> <source type="image/webp" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices.jpg.webp 500w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-300x200.jpg.webp 300w" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20605%20403'%3E%3C/svg%3E" data-lazy-sizes="(max-width: 605px) 100vw, 605px"/> <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20605%20403'%3E%3C/svg%3E" alt="E-commerce UX best practices" width="605" height="403" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices.jpg 500w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-300x200.jpg 300w" data-lazy-sizes="(max-width: 605px) 100vw, 605px" data-lazy-src="https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices.jpg"/> </picture> <noscript><picture class="wp-image-2677"> <source type="image/webp" srcset="https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices.jpg.webp 500w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-300x200.jpg.webp 300w" sizes="(max-width: 605px) 100vw, 605px"/> <img src="https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices.jpg" alt="E-commerce UX best practices" width="605" height="403" srcset="https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices.jpg 500w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-300x200.jpg 300w" sizes="(max-width: 605px) 100vw, 605px"/> </picture> </noscript><figcaption>E-commerce UX best practices </figcaption></figure> <p>All the information and assistance you can offer to users on e-commerce sites should already be available on your site, without further request. Because it is too optimistic to encourage people to call you for extra and assume that they will try to find a solution to your problems, rather than giving up on you. </p> <p><strong><em>Remember</em></strong>, you have thousands of competitors in the e-commerce world, and each of them works with powerful designers, generating powerful ads: So <em>not presenting the best on an e-commerce site is reason enough to lose customers</em>.</p> <p>In that case, you need to turn your e-commerce site into a very useful area for the user to reach something, examine things and solve their problem, if any.</p> <p></p> <figure class="wp-block-image size-large"><picture class="wp-image-2679"> <source type="image/webp" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users-1024x585.jpg.webp 1024w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users-300x171.jpg.webp 300w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users-768x439.jpg.webp 768w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users.jpg.webp 1400w" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20585'%3E%3C/svg%3E" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px"/> <img width="1024" height="585" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20585'%3E%3C/svg%3E" alt="Why do e-commerce UX best practices matter?" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users-1024x585.jpg 1024w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users-300x171.jpg 300w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users-768x439.jpg 768w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users.jpg 1400w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users-1024x585.jpg"/> </picture> <noscript><picture class="wp-image-2679"> <source type="image/webp" srcset="https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users-1024x585.jpg.webp 1024w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users-300x171.jpg.webp 300w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users-768x439.jpg.webp 768w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users.jpg.webp 1400w" sizes="(max-width: 1024px) 100vw, 1024px"/> <img width="1024" height="585" src="https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users-1024x585.jpg" alt="Why do e-commerce UX best practices matter?" srcset="https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users-1024x585.jpg 1024w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users-300x171.jpg 300w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users-768x439.jpg 768w, https://screpy.com/wp-content/uploads/2021/02/e-commerce-ux-best-practices-for-users.jpg 1400w" sizes="(max-width: 1024px) 100vw, 1024px"/> </picture> </noscript><figcaption>Why do e-commerce UX best practices matter?</figcaption></figure> <p>From the product description sections to the purchase buttons, from the payment page to the points to navigate between categories. </p> <p>You know what to do for this: <em><strong>E-commerce UX Best Practices</strong></em>!</p> <p>In this way, you can get the following feedback from your target audience:</p> <ol type="1"><li>The duration of your visitors to stay on your site may increase.</li><li>Bounce rates may decrease.</li><li>The rate of the behavior of your visitors to show a conversion (especially to buy) can increase.</li><li>The time your visitors turn into loyal customers can be shortened.</li><li>Your profit rates may increase.</li><li>All of these have a positive effect on your SEO score and your rankings can increase.</li></ol> <p>Now, are you ready to learn how to achieve anything?</p> <section data-bg="https://screpy.com/wp-content/uploads/2021/03/seo.svg" id="" class="analyze-cta-section rocket-lazyload" style=""> <div class="py-4 py-md-0"> <h2 class="section-title" style="color: #ffffff;">Test Your Website Issues</h2> <p class="description" style="color: #ffffff;">You can quickly analyze your site</p> <form action="https://screpy.app/register/" method="GET"> <div class="input-container"> <input type="url" name="project_url" placeholder="https://...." required> <button class="btn" style="background-color: #8224e3; color: #ffffff;" type="submit">Analyze!</button> </div> <input type="hidden" name="docRef"> <input type="hidden" name="urlRef"> <input type="hidden" name="form" value="analysis-form"> </form> </div> </section> <h2 id="h-product-page-is-your-everything-tips-for-effective-product-pages"><a href="#h-product-page-is-your-everything-tips-for-effective-product-pages">Product Page is Your Everything! – Tips for Effective Product Pages</a></h2> <p>Your visitors are very valuable -hey, because you want to sell them your products and get profits. </p> <p>So first of all, you have to make sure that you give enough detailed information about the products on your product pages. Researches show that users always take a look at product descriptions before purchasing products. Even if this field is not read, the detailed writing of this field can give confidence to the user.</p> <figure class="wp-block-image size-large"><picture class="wp-image-2680"> <source type="image/webp" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/image-62-1024x392.png.webp 1024w, https://screpy.com/wp-content/uploads/2021/02/image-62-300x115.png.webp 300w, https://screpy.com/wp-content/uploads/2021/02/image-62-768x294.png.webp 768w, https://screpy.com/wp-content/uploads/2021/02/image-62.png.webp 1148w" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20392'%3E%3C/svg%3E" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px"/> <img width="1024" height="392" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20392'%3E%3C/svg%3E" alt="An example of product page on an e-commerce site" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/image-62-1024x392.png 1024w, https://screpy.com/wp-content/uploads/2021/02/image-62-300x115.png 300w, https://screpy.com/wp-content/uploads/2021/02/image-62-768x294.png 768w, https://screpy.com/wp-content/uploads/2021/02/image-62.png 1148w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://screpy.com/wp-content/uploads/2021/02/image-62-1024x392.png"/> </picture> <noscript><picture class="wp-image-2680"> <source type="image/webp" srcset="https://screpy.com/wp-content/uploads/2021/02/image-62-1024x392.png.webp 1024w, https://screpy.com/wp-content/uploads/2021/02/image-62-300x115.png.webp 300w, https://screpy.com/wp-content/uploads/2021/02/image-62-768x294.png.webp 768w, https://screpy.com/wp-content/uploads/2021/02/image-62.png.webp 1148w" sizes="(max-width: 1024px) 100vw, 1024px"/> <img width="1024" height="392" src="https://screpy.com/wp-content/uploads/2021/02/image-62-1024x392.png" alt="An example of product page on an e-commerce site" srcset="https://screpy.com/wp-content/uploads/2021/02/image-62-1024x392.png 1024w, https://screpy.com/wp-content/uploads/2021/02/image-62-300x115.png 300w, https://screpy.com/wp-content/uploads/2021/02/image-62-768x294.png 768w, https://screpy.com/wp-content/uploads/2021/02/image-62.png 1148w" sizes="(max-width: 1024px) 100vw, 1024px"/> </picture> </noscript><figcaption>An example of product page on an e-commerce site</figcaption></figure> <p>So, what should you have in the product page?</p> <p><strong><em>E-commerce UX best practices says</em></strong>: Some things must be found, some things are great if they are found, and some things can provide excellent conversions that will set you apart from other e-commerce sites at a high rate.</p> <h3 id="h-must-haves-on-product-page"><a href="#h-must-haves-on-product-page">Must Haves on Product Page</a></h3> <p>Hey, first of all, the name of your product is required. It may look too easy for you, but are you sure that you are careful about that this name is descriptive? </p> <p>For example, can you imagine writing “Fabric” only for a fabric? Of course no! Instead, it might make a lot more sense to write “Flower Patterned Silky Fabric Red and Blue”. This will make it easier for a user searching for a product to find this product on the e-commerce site.</p> <figure class="wp-block-image size-large"><picture class="wp-image-2681"> <source type="image/webp" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/image-63.png.webp 1017w, https://screpy.com/wp-content/uploads/2021/02/image-63-300x138.png.webp 300w, https://screpy.com/wp-content/uploads/2021/02/image-63-768x353.png.webp 768w" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201017%20467'%3E%3C/svg%3E" data-lazy-sizes="(max-width: 1017px) 100vw, 1017px"/> <img width="1017" height="467" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201017%20467'%3E%3C/svg%3E" alt="Sections on a qualified product page" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/image-63.png 1017w, https://screpy.com/wp-content/uploads/2021/02/image-63-300x138.png 300w, https://screpy.com/wp-content/uploads/2021/02/image-63-768x353.png 768w" data-lazy-sizes="(max-width: 1017px) 100vw, 1017px" data-lazy-src="https://screpy.com/wp-content/uploads/2021/02/image-63.png"/> </picture> <noscript><picture class="wp-image-2681"> <source type="image/webp" srcset="https://screpy.com/wp-content/uploads/2021/02/image-63.png.webp 1017w, https://screpy.com/wp-content/uploads/2021/02/image-63-300x138.png.webp 300w, https://screpy.com/wp-content/uploads/2021/02/image-63-768x353.png.webp 768w" sizes="(max-width: 1017px) 100vw, 1017px"/> <img width="1017" height="467" src="https://screpy.com/wp-content/uploads/2021/02/image-63.png" alt="Sections on a qualified product page" srcset="https://screpy.com/wp-content/uploads/2021/02/image-63.png 1017w, https://screpy.com/wp-content/uploads/2021/02/image-63-300x138.png 300w, https://screpy.com/wp-content/uploads/2021/02/image-63-768x353.png 768w" sizes="(max-width: 1017px) 100vw, 1017px"/> </picture> </noscript><figcaption>Sections on a qualified product page</figcaption></figure> <ol type="1"><li>Include images of the product that can be easily understood and distinguished. Be very careful that these images are not misleading.</li><li>Let people zoom in on these images by clicking on them. Remember, e-commerce sites gain customers to the extent they can offer trust. You have to give them that trust.</li><li>Keep the price of the product on the page.</li><li>It must also write whether the product is in stock or not. </li><li>Finally, research has revealed that both the “add to cart” button and the “buy now” button is very important. Be sure to use both of these buttons for those who want to purchase the product directly without any additional steps in between.</li></ol> <h3 id="h-things-can-increase-conversion"><a href="#h-things-can-increase-conversion">Things Can Increase Conversion</a></h3> <p>86 percent of users say ratings for a product has a direct impact on their buying behavior. So what exactly does this mean? </p> <ul><li>There should be ratings given on purchases made by previous customers. Displaying these ratings and customer reviews on the product page can produce great results. On some websites where there are plenty of reviews, there may be many people who give up buying a product just because they do not have many reviews.</li></ul> <figure class="wp-block-image size-large"><picture class="wp-image-2682"> <source type="image/webp" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/image-64.png.webp 325w, https://screpy.com/wp-content/uploads/2021/02/image-64-233x300.png.webp 233w" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20325%20418'%3E%3C/svg%3E" data-lazy-sizes="(max-width: 325px) 100vw, 325px"/> <img width="325" height="418" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20325%20418'%3E%3C/svg%3E" alt="Using customer reviews for e-commerce UX best practices" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/image-64.png 325w, https://screpy.com/wp-content/uploads/2021/02/image-64-233x300.png 233w" data-lazy-sizes="(max-width: 325px) 100vw, 325px" data-lazy-src="https://screpy.com/wp-content/uploads/2021/02/image-64.png"/> </picture> <noscript><picture class="wp-image-2682"> <source type="image/webp" srcset="https://screpy.com/wp-content/uploads/2021/02/image-64.png.webp 325w, https://screpy.com/wp-content/uploads/2021/02/image-64-233x300.png.webp 233w" sizes="(max-width: 325px) 100vw, 325px"/> <img width="325" height="418" src="https://screpy.com/wp-content/uploads/2021/02/image-64.png" alt="Using customer reviews for e-commerce UX best practices" srcset="https://screpy.com/wp-content/uploads/2021/02/image-64.png 325w, https://screpy.com/wp-content/uploads/2021/02/image-64-233x300.png 233w" sizes="(max-width: 325px) 100vw, 325px"/> </picture> </noscript><figcaption>Using customer reviews for e-commerce UX best practices</figcaption></figure> <section data-bg="https://screpy.com/wp-content/uploads/2021/03/seo.svg" id="" class="analyze-cta-section rocket-lazyload" style=""> <div class="py-4 py-md-0"> <h2 class="section-title" style="color: #ffffff;">Test Your Website Issues</h2> <p class="description" style="color: #ffffff;">You can quickly analyze your site</p> <form action="https://screpy.app/register/" method="GET"> <div class="input-container"> <input type="url" name="project_url" placeholder="https://...." required> <button class="btn" style="background-color: #8224e3; color: #ffffff;" type="submit">Analyze!</button> </div> <input type="hidden" name="docRef"> <input type="hidden" name="urlRef"> <input type="hidden" name="form" value="analysis-form"> </form> </div> </section> <ul><li>If you think this is needed, hosting additional photos and videos showing the usage processes of the product can entice users to buy the product. In addition, professional photos that highlight a specific function of the product will also be of great value to you.</li></ul> <ul><li>Under each product, you should definitely suggest new products with the name “related products” or “who looked at this product also looked at them” This type of practice will make it easier for users to navigate your site and decide on one by navigating between different products. In addition, this also a good practice to improve link building and <a href="https://screpy.com/what-is-technical-seo-checklist/" target="_blank" rel="noreferrer noopener">on-page SEO.<br></a><br></li></ul> <figure class="wp-block-image size-full"><picture class="wp-image-2683"> <source type="image/webp" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/image-65.png.webp 1190w, https://screpy.com/wp-content/uploads/2021/02/image-65-300x70.png.webp 300w, https://screpy.com/wp-content/uploads/2021/02/image-65-1024x240.png.webp 1024w, https://screpy.com/wp-content/uploads/2021/02/image-65-768x180.png.webp 768w" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201190%20279'%3E%3C/svg%3E" data-lazy-sizes="(max-width: 1190px) 100vw, 1190px"/> <img width="1190" height="279" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201190%20279'%3E%3C/svg%3E" alt="Related products section of a product page" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/image-65.png 1190w, https://screpy.com/wp-content/uploads/2021/02/image-65-300x70.png 300w, https://screpy.com/wp-content/uploads/2021/02/image-65-1024x240.png 1024w, https://screpy.com/wp-content/uploads/2021/02/image-65-768x180.png 768w" data-lazy-sizes="(max-width: 1190px) 100vw, 1190px" data-lazy-src="https://screpy.com/wp-content/uploads/2021/02/image-65.png"/> </picture> <noscript><picture class="wp-image-2683"> <source type="image/webp" srcset="https://screpy.com/wp-content/uploads/2021/02/image-65.png.webp 1190w, https://screpy.com/wp-content/uploads/2021/02/image-65-300x70.png.webp 300w, https://screpy.com/wp-content/uploads/2021/02/image-65-1024x240.png.webp 1024w, https://screpy.com/wp-content/uploads/2021/02/image-65-768x180.png.webp 768w" sizes="(max-width: 1190px) 100vw, 1190px"/> <img width="1190" height="279" src="https://screpy.com/wp-content/uploads/2021/02/image-65.png" alt="Related products section of a product page" srcset="https://screpy.com/wp-content/uploads/2021/02/image-65.png 1190w, https://screpy.com/wp-content/uploads/2021/02/image-65-300x70.png 300w, https://screpy.com/wp-content/uploads/2021/02/image-65-1024x240.png 1024w, https://screpy.com/wp-content/uploads/2021/02/image-65-768x180.png 768w" sizes="(max-width: 1190px) 100vw, 1190px"/> </picture> </noscript><figcaption>Related products section of a product page</figcaption></figure> <h3 id="h-things-can-boost-sales-rates"><a href="#h-things-can-boost-sales-rates">Things Can Boost Sales Rates</a></h3> <p>There are some features that will maximize the user experience if you work professionally enough.</p> <ul type="1"><li>Allow users to share photos while commenting. The photos shared by real users after purchase are much more persuasive than the photos you add.<br></li></ul> <figure class="wp-block-image size-large"><picture class="wp-image-2684"> <source type="image/webp" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/image-66.png.webp 643w, https://screpy.com/wp-content/uploads/2021/02/image-66-300x219.png.webp 300w" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20643%20469'%3E%3C/svg%3E" data-lazy-sizes="(max-width: 643px) 100vw, 643px"/> <img width="643" height="469" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20643%20469'%3E%3C/svg%3E" alt="User comment with an image on Amazon" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/image-66.png 643w, https://screpy.com/wp-content/uploads/2021/02/image-66-300x219.png 300w" data-lazy-sizes="(max-width: 643px) 100vw, 643px" data-lazy-src="https://screpy.com/wp-content/uploads/2021/02/image-66.png"/> </picture> <noscript><picture class="wp-image-2684"> <source type="image/webp" srcset="https://screpy.com/wp-content/uploads/2021/02/image-66.png.webp 643w, https://screpy.com/wp-content/uploads/2021/02/image-66-300x219.png.webp 300w" sizes="(max-width: 643px) 100vw, 643px"/> <img width="643" height="469" src="https://screpy.com/wp-content/uploads/2021/02/image-66.png" alt="User comment with an image on Amazon" srcset="https://screpy.com/wp-content/uploads/2021/02/image-66.png 643w, https://screpy.com/wp-content/uploads/2021/02/image-66-300x219.png 300w" sizes="(max-width: 643px) 100vw, 643px"/> </picture> </noscript><figcaption>User comment with an image on Amazon</figcaption></figure> <ul type="1"><li>Take advantage of the photos of the products that will provide 360-degree viewing. Especially, such a feature can be very useful on pages where the thickness of products such as television, computer, and telephone are needed to be examined.</li><li>Include step-by-step explanations on how the product is used.</li><li>If such a thing is possible, install a plugin that will allow users to try the product virtually. Hey, this must be the fanciest recommendation among e-commerce UX best practices!</li></ul> <h2 id="h-use-live-chat-marketing"><a href="#h-use-live-chat-marketing">Use Live Chat Marketing</a></h2> <p>Live Chat Marketing has become the primary on-site marketing tool of e-commerce sites, especially since 2015. This method, which is powerful enough to persuade users not to leave the site despite the negativities, is based on live agents responding to the user in a few seconds and solving the problem he posed personally.</p> <p>Research has revealed that e-commerce sites that use live chat marketing convince 51 percent more users to stay on the site than others. This is not a very surprising result considering the relationship between UX, conversion rates, and bounce rates. So how can live chat marketing achieve this?</p> <h3 id="h-the-advantages-of-live-chat-marketing"><a href="#h-the-advantages-of-live-chat-marketing">The Advantages of Live Chat Marketing</a></h3> <p>Live chat marketing shown between e-commerce best UX practices provides the following advantages:</p> <p></p> <figure class="wp-block-image size-large"><picture class="wp-image-2685"> <source type="image/webp" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/live-chat-marketing-and-ux.png.webp 1024w, https://screpy.com/wp-content/uploads/2021/02/live-chat-marketing-and-ux-300x157.png.webp 300w, https://screpy.com/wp-content/uploads/2021/02/live-chat-marketing-and-ux-768x402.png.webp 768w" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20536'%3E%3C/svg%3E" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px"/> <img width="1024" height="536" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20536'%3E%3C/svg%3E" alt="Lice chat marketing and e-commerce UX best practices" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/live-chat-marketing-and-ux.png 1024w, https://screpy.com/wp-content/uploads/2021/02/live-chat-marketing-and-ux-300x157.png 300w, https://screpy.com/wp-content/uploads/2021/02/live-chat-marketing-and-ux-768x402.png 768w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://screpy.com/wp-content/uploads/2021/02/live-chat-marketing-and-ux.png"/> </picture> <noscript><picture class="wp-image-2685"> <source type="image/webp" srcset="https://screpy.com/wp-content/uploads/2021/02/live-chat-marketing-and-ux.png.webp 1024w, https://screpy.com/wp-content/uploads/2021/02/live-chat-marketing-and-ux-300x157.png.webp 300w, https://screpy.com/wp-content/uploads/2021/02/live-chat-marketing-and-ux-768x402.png.webp 768w" sizes="(max-width: 1024px) 100vw, 1024px"/> <img width="1024" height="536" src="https://screpy.com/wp-content/uploads/2021/02/live-chat-marketing-and-ux.png" alt="Lice chat marketing and e-commerce UX best practices" srcset="https://screpy.com/wp-content/uploads/2021/02/live-chat-marketing-and-ux.png 1024w, https://screpy.com/wp-content/uploads/2021/02/live-chat-marketing-and-ux-300x157.png 300w, https://screpy.com/wp-content/uploads/2021/02/live-chat-marketing-and-ux-768x402.png 768w" sizes="(max-width: 1024px) 100vw, 1024px"/> </picture> </noscript><figcaption>Lice chat marketing and e-commerce UX best practices</figcaption></figure> <ol type="1"><li>We know that the age of the tickets is really old. With millions of different e-commerce sites selling each product group, it is really unlikely that a customer will wait for a response to the ticket within 48 hours. Live chat marketing keeps the user tight by eliminating the response time and ensures that he does not leave the site.</li><li>Live chat marketing solves problems even if live agents are not there at the moment. Live chat marketing robots, which are much smarter today than in the past, analyze the keywords in the messages written by the users and give the links of the guide content written on similar problems to the users.</li><li>Live chat marketing minimizes abandoned cart rates. Imagine: isn’t that exactly the main purpose of e-commerce UX best practices? Live chat marketing offers options for the solution of the problem to people who do not complete their shopping due to a problem that has arisen at the last moment and thus increases their purchasing rates.</li></ol> <h2 id="h-let-your-customers-compare-products"><a href="#h-let-your-customers-compare-products">Let Your Customers Compare Products</a></h2> <p>Today, internet users are aware that there are thousands of different options from each product type. So it’s a problem, not an advantage if you don’t show them to them.</p> <figure class="wp-block-image size-large"><picture class="wp-image-2686"> <source type="image/webp" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/image-67-1024x594.png.webp 1024w, https://screpy.com/wp-content/uploads/2021/02/image-67-300x174.png.webp 300w, https://screpy.com/wp-content/uploads/2021/02/image-67-768x446.png.webp 768w, https://screpy.com/wp-content/uploads/2021/02/image-67.png.webp 1070w" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20594'%3E%3C/svg%3E" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px"/> <img width="1024" height="594" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20594'%3E%3C/svg%3E" alt="Detailed product information for e-commerce UX best practices" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/image-67-1024x594.png 1024w, https://screpy.com/wp-content/uploads/2021/02/image-67-300x174.png 300w, https://screpy.com/wp-content/uploads/2021/02/image-67-768x446.png 768w, https://screpy.com/wp-content/uploads/2021/02/image-67.png 1070w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://screpy.com/wp-content/uploads/2021/02/image-67-1024x594.png"/> </picture> <noscript><picture class="wp-image-2686"> <source type="image/webp" srcset="https://screpy.com/wp-content/uploads/2021/02/image-67-1024x594.png.webp 1024w, https://screpy.com/wp-content/uploads/2021/02/image-67-300x174.png.webp 300w, https://screpy.com/wp-content/uploads/2021/02/image-67-768x446.png.webp 768w, https://screpy.com/wp-content/uploads/2021/02/image-67.png.webp 1070w" sizes="(max-width: 1024px) 100vw, 1024px"/> <img width="1024" height="594" src="https://screpy.com/wp-content/uploads/2021/02/image-67-1024x594.png" alt="Detailed product information for e-commerce UX best practices" srcset="https://screpy.com/wp-content/uploads/2021/02/image-67-1024x594.png 1024w, https://screpy.com/wp-content/uploads/2021/02/image-67-300x174.png 300w, https://screpy.com/wp-content/uploads/2021/02/image-67-768x446.png 768w, https://screpy.com/wp-content/uploads/2021/02/image-67.png 1070w" sizes="(max-width: 1024px) 100vw, 1024px"/> </picture> </noscript><figcaption>Detailed product information for e-commerce UX best practices</figcaption></figure> <h3 id="h-detailed-information-about-product-variant"><a href="#h-detailed-information-about-product-variant">Detailed Information About Product Variant</a></h3> <p>While giving information about the product, give accurate information about its detailed features. For example, provide information about the size, width, and height of a product one by one. If you are talking about an outfit, tell us exactly where the pockets are and the size of those pockets. Provide descriptive information about colors, flavors, or details that the product has a different feature compared to other alternatives.</p> <p><strong><em>Would you like us to give an example?</em></strong></p> <p><strong><em>For example, let’s say you order a coat</em></strong>. When you order a thick coat for winter, to know where the product has pockets, to have information about the sizes of different pockets, to closely see the texture and thickness of the fabric of the product, to examine the color differences of the interior, and exterior, to zoom into the area with the logo on the product, the elastic part of the product. If available, it would be great to look at this, closely examine the zipper of the product, see a photograph that clearly shows whether the hood is detachable or not, right?</p> <p>If you saw a product showing all of these one by one, perhaps you can buy it directly without ever reading the product description. That’s exactly what we’re talking about. You should provide very detailed information and the information you provide should be reviewable.</p> <h3 id="h-comprehensive-product-comparison-tables"><a href="#h-comprehensive-product-comparison-tables">Comprehensive Product Comparison Tables</a></h3> <p>Offer comparison tables to your users. These tables can be a great guide, especially when buying electronics and believe us, they really do increase the conversion rates a lot. In fact, Amazon seems to be a bit more advanced on this: They even have comparison tables even for fabric softeners!</p> <p>Let’s examine an example together. For example, consider buying an exercise band set. Each band can differ from the others in terms of quantity, intended use, small, features or contact with skin. When you scroll while looking at a product, wouldn’t it allow you to have a great user experience to see a table like the one below comparing different product types?</p> <figure class="wp-block-image size-large"><picture class="wp-image-2687"> <source type="image/webp" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/image-68.png.webp 605w, https://screpy.com/wp-content/uploads/2021/02/image-68-300x149.png.webp 300w" srcset="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20605%20300'%3E%3C/svg%3E" data-lazy-sizes="(max-width: 605px) 100vw, 605px"/> <img width="605" height="300" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20605%20300'%3E%3C/svg%3E" alt="Comparison table for e-commerce site UX best practices" data-lazy-srcset="https://screpy.com/wp-content/uploads/2021/02/image-68.png 605w, https://screpy.com/wp-content/uploads/2021/02/image-68-300x149.png 300w" data-lazy-sizes="(max-width: 605px) 100vw, 605px" data-lazy-src="https://screpy.com/wp-content/uploads/2021/02/image-68.png"/> </picture> <noscript><picture class="wp-image-2687"> <source type="image/webp" srcset="https://screpy.com/wp-content/uploads/2021/02/image-68.png.webp 605w, https://screpy.com/wp-content/uploads/2021/02/image-68-300x149.png.webp 300w" sizes="(max-width: 605px) 100vw, 605px"/> <img width="605" height="300" src="https://screpy.com/wp-content/uploads/2021/02/image-68.png" alt="Comparison table for e-commerce site UX best practices" srcset="https://screpy.com/wp-content/uploads/2021/02/image-68.png 605w, https://screpy.com/wp-content/uploads/2021/02/image-68-300x149.png 300w" sizes="(max-width: 605px) 100vw, 605px"/> </picture> </noscript><figcaption>Comparison table for e-commerce site UX best practices</figcaption></figure> <h3 id="h-make-sure-the-site-is-in-a-general-consistency"><a href="#h-make-sure-the-site-is-in-a-general-consistency">Make sure the site is in a general consistency</a></h3> <p>In e-commerce UX best practices, we will make a warning that is borne by many people: take care that your site offers integrity as a whole.</p> <p>The visitor to your site automates their navigation movements after a point as if they were on a real shopping store. While reading the details about the products or examining the product variations in the “see also” section, they become now used to your site, which increases their user experience.</p> <p>But if you cause people to encounter completely different pages while in different product categories, you will prevent them from gaining a browsing habit that integrates with your site. So make sure that the different pages are in harmony for the following terms:</p> <ol type="1"><li>Amount of product information</li><li>Similar page designs</li><li>A product suggestion area in the style of “See Also” on all pages</li></ol> <h2 id="h-speed-issues-for-e-commerce-ux-best-practices"><a href="#h-speed-issues-for-e-commerce-ux-best-practices">Speed Issues for E-Commerce UX Best Practices</a></h2> <p>We mentioned some very important things in our <a href="https://screpy.com/page-speed-and-buying-behavior-what-do-your-customers-experience/" target="_blank" rel="noreferrer noopener">buying behavior and page speed </a>content and <a href="https://screpy.com/page-speed-and-user-experience-ux-how-to-impress-your-visitors/" target="_blank" rel="noreferrer noopener">page speed and UX content</a> previously published:</p> <ol type="1"><li>People lose their trust in sites that show poor <a href="https://screpy.com/pagespeed/" data-internallinksmanager029f6b8e52c="5" title="Page Speed" target="_blank" rel="noopener">page speed</a>, and therefore the likelihood of these people shopping on this site falls below 30 percent.</li><li>If the page speed is low for people to shop, make payments and complete the purchase, they demand a much longer time and becomes more difficult. Therefore, not many people prefer to do this.</li></ol> <p>If you want to have an e-commerce site with strong results in terms of UX, remember that you need to have a high page speed score in both the payment steps and the navigation process between categories.</p> <h2 class="faq-title faq-title-yoast" id="h-faq"><a href="#h-faq">FAQ</a></h2><div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1618164614754"><h3 class="schema-faq-question" id="h-what-is-the-number-one-thing-that-makes-a-good-user-experience-on-an-e-commerce-site"><a href="#h-what-is-the-number-one-thing-that-makes-a-good-user-experience-on-an-e-commerce-site">What is the number one thing that makes a good user experience on an e-commerce site?</a></h3> <p class="schema-faq-answer">One of the most important factors that will strengthen UX for a user on an eCommerce site is visible trust badge graphics. Thanks to these, you will maximize the user’s browsing and shopping experience. You can usually add them to the pages showing the details of the products, shopping cart area, checkout area, or profile area. In this way, you increase the confidence of the user during buying. This increases your chances of being revisited.</p> </div> <div class="schema-faq-section" id="faq-question-1618164638998"><h3 class="schema-faq-question" id="h-what-is-ux-in-ecommerce"><a href="#h-what-is-ux-in-ecommerce">What is UX in eCommerce?</a></h3> <p class="schema-faq-answer">The experience perceived by the end-user regarding the pages, products, and services of the page within an eCommerce site is called UX. UX stands for user experience. An accurate UX score for eCommerce often depends on multiple factors such as experience from different devices, page speed, ease of navigating between products, categorization, sitemap, checkout page, security, and theme. In short, every details about eCommerce site can be a factor that affects the shopping experience.</p> </div> <div class="schema-faq-section" id="faq-question-1618164692270"><h3 class="schema-faq-question" id="h-what-makes-a-good-ecommerce-experience"><a href="#h-what-makes-a-good-ecommerce-experience">What makes a good eCommerce experience?</a></h3> <p class="schema-faq-answer">It can be said that eCommerce site visitors basically looking for two things: Ease and speed. Ease generally means that the requested product can be accessed in the easiest way. For example, the categorization in the breadcrumbs or the site’s map is related to this. Speed can be measured by the pagespeed score.</p> </div> <div class="schema-faq-section" id="faq-question-1618164737163"><h3 class="schema-faq-question" id="h-how-do-i-build-a-good-ecommerce-website"><a href="#h-how-do-i-build-a-good-ecommerce-website">How do I build a good eCommerce website?</a></h3> <p class="schema-faq-answer">1. First of all, remember that users will want to shop in a simple area. Buttons or fields that will confuse them should not be on the page.<br/>2. Remember that you need to keep branding strong.<br/>3. The color of your page should not prevent products from being viewed easily.<br/>4. Don’t forget to make navigating easier with breadcrumbs and similar structures.<br/>5. Save cookies and by that way, increase the likelihood of conversions by providing users with personalized recommendations.<br/>6. Offer a fast website. A frozen website reduces the likelihood of users’ buying behavior by 70 percent.<br/>7. Use high-quality images and let users see all areas of the products. Only in this way can you have a chance to gain user trust.<br/>8. You should take care that navigating between categories is easy. Don’t forget to combine the right subcategories with the right parent categories.<br/></p> </div> <div class="schema-faq-section" id="faq-question-1618164786009"><h3 class="schema-faq-question" id="h-what-is-the-best-ecommerce-website-builder"><a href="#h-what-is-the-best-ecommerce-website-builder">What is the best eCommerce website builder?</a></h3> <p class="schema-faq-answer">Website builder options that allow you to easily manage your site in Ecommerce and offer high UX to your users can be listed as follows:<br/>1. Wix: It is known as a builder that has been on the rise recently.<br/>2. Shopify: Actively used by thousands of people and has a powerful panel.<br/>3. Squarespace: Discover this website builder that you can easily choose, especially if you have a creative eCommerce product catalog.<br/>4. Weebly: If you have a small store and appeal to a boutique audience, it might be a good choice.<br/>5. BigCommerce: An extremely powerful and frequently used builder.</p> </div> <div class="schema-faq-section" id="faq-question-1618164829861"><h3 class="schema-faq-question" id="h-what-are-the-ways-to-improve-ux-in-an-ecommerce-site"><a href="#h-what-are-the-ways-to-improve-ux-in-an-ecommerce-site">What are the ways to improve UX in an ecommerce site?</a></h3> <p class="schema-faq-answer">1. If you are selling personalized products, you must guide your users, so they can feel safe while purchasing. <br/>2. The website structure should be organized. Don’t forget to include the basic categories in the top bar of the site and the child categories below them.<br/>3. Receive customer feedback regularly and try to improve the services or support you offer on your site accordingly.<br/>4. Allow users to create lists by saving specific products. For this, you can create additional options such as collection, list, or a wishlist. All of them can be useful.<br/>5. Let users navigate easily between products using breadcrumbs.<br/>6. Remember that you should also suggest different products under a product that the person might be interested in.<br/>7. Provide users with all necessary information in a transparent way. It is very important that you provide all the information from the material of the product to the production process, allow users to comment on the product, and tell about their shopping experience.</p> </div> <div class="schema-faq-section" id="faq-question-1618164892133"><h3 class="schema-faq-question" id="h-how-do-i-optimize-my-ecommerce-website"><a href="#h-how-do-i-optimize-my-ecommerce-website">How do I optimize my eCommerce website?</a></h3> <p class="schema-faq-answer">1. First of all, you must have specific target keywords.<br/>2. Have category contents and product description contents that contain various target keywords.<br/>3. Remember that every single page of yours needs metadata.<br/>4. Use alt tags for each image you use and show Googlebots more clearly what your pages are about.<br/>5. Optimize your homepage. This will require a strong link structure and categorization.<br/>6. Make sure the product pages are UX-oriented.<br/>7. You should make sure you configure all URLs according to parent and child categories correctly.</p> </div> <div class="schema-faq-section" id="faq-question-1618164946806"><h3 class="schema-faq-question" id="h-is-ux-important-for-ecommerce"><a href="#h-is-ux-important-for-ecommerce">Is UX important for eCommerce?</a></h3> <p class="schema-faq-answer">Yes. It is extremely important for the SEO and conversion rates of an eCommerce site. SEO allows you to get a high rate of traffic while UX ensures you have a conversion from that traffic. Both are extremely important for your income and success.</p> </div> <div class="schema-faq-section" id="faq-question-1618165012252"><h3 class="schema-faq-question" id="h-what-is-a-comprehensive-ecommerce-ux-optimization-checklist"><a href="#h-what-is-a-comprehensive-ecommerce-ux-optimization-checklist">What is a comprehensive eCommerce UX optimization checklist?</a></h3> <p class="schema-faq-answer">Note the following:<br/>1. Enhance product pages and make them more detailed.<br/>2. Add a ‘Buy Now’ button as well as the ‘Add to cart’ button for each item.<br/>3. Don’t forget to use Upsell.<br/>4. Enhance the mobile experience. Get good results in terms of theme, speed, and navigation. If possible, get a mobile app.<br/>5. Provide personalization. You can do this with cookies.<br/>6. Optimize pricing and do a detailed market analysis for it.<br/>7. Obtain a mailing list. For this, you need to have call-to-action pages that convince users to give you their emails.<br/>8. Increase your sales rates with Flash sales.</p> </div> <div class="schema-faq-section" id="faq-question-1618165046861"><h3 class="schema-faq-question" id="h-how-do-i-increase-the-e-commerce-conversion-rate"><a href="#h-how-do-i-increase-the-e-commerce-conversion-rate">How do I increase the e-commerce conversion rate?</a></h3> <p class="schema-faq-answer">The best way to boost conversion rates is to make UX-driven optimizations. For that, check out the following:<br/>1. Use enough visuals and details on product pages.<br/>2. Free shipping always triggers the purchasing process.<br/>3. Define coupon codes that can be used in a limited time.<br/>4. Present your prices regularly with the campaign and announce these campaigns to the users.<br/>5. Make sure there are no errors or slowdowns in the checkout process. You don’t want people to stop buying at the last moment.<br/>6. Don’t forget to support your users with live chat support.<br/>7. Manage a target-oriented optimization process by analyzing cart abandonment behavior.</p> </div> </div> <section data-bg="https://screpy.com/wp-content/uploads/2021/03/seo.svg" id="" class="analyze-cta-section rocket-lazyload" style=""> <div class="py-4 py-md-0"> <h2 class="section-title" style="color: #ffffff;">Test Your Website Issues</h2> <p class="description" style="color: #ffffff;">You can quickly analyze your site</p> <form action="https://screpy.app/register/" method="GET"> <div class="input-container"> <input type="url" name="project_url" placeholder="https://...." required> <button class="btn" style="background-color: #8224e3; color: #ffffff;" type="submit">Analyze!</button> </div> <input type="hidden" name="docRef"> <input type="hidden" name="urlRef"> <input type="hidden" name="form" value="analysis-form"> </form> </div> </section> <h2 class="related-links-title related-links-title-yoast">You May Also Like</h2><ul class="wp-block-yoast-seo-related-links"><li><a href="https://screpy.com/how-to-optimize-category-pages-of-ecommerce-sites/">Category Pages of eCommerce Sites: Optimization Guide!</a></li><li><a href="https://screpy.com/how-to-boost-conversion-rate-for-e-commerce-sites/">Conversion Rate Boosting Guide For E-Commerce Sites</a></li><li><a href="https://screpy.com/best-seo-techniques-for-e-commerce-sites/">Best SEO Techniques for E-Commerce Sites</a></li><li><a href="https://screpy.com/7-content-marketing-trends-to-watch-in-2021/">7 Content Marketing Trends to Watch in 2021</a></li><li><a href="https://screpy.com/why-ux-matters-relationship-between-ux-and-seo/">Why UX Matters? – Relationship Between UX and SEO</a></li></ul> </div> </div> <footer> </footer> </article> <div class="container"> <div class="screpy-divider"> <img width="34" height="50" loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2050'%3E%3C/svg%3E" alt="Screpy Divider" data-lazy-src="https://screpy.com/wp-content/uploads/2021/02/screpy-divider-icon.svg" ><noscript><img width="34" height="50" loading="lazy" src="https://screpy.com/wp-content/uploads/2021/02/screpy-divider-icon.svg" alt="Screpy Divider" ></noscript> </div> </div> <div class="related-posts"> <div class="container"> <h2> <span>Related Posts</span> <small>about '<strong>E-Commerce UX Best Practices – 2021 Updated Tips</strong>'</small> </h2> <div class="post-grid"> <div class="post-item"> <article class="post-6106 post type-post status-publish format-standard hentry category-seo category-user-experience-ux"> <div class="card post-card"> <div class="card-body"> <div class="categories"> <a href="https://screpy.com/category/seo/" target="_blank" class="badge badge-category" style="--bg-color: #4f9cf730; --color: #4f9cf7;"> SEO </a> <a href="https://screpy.com/category/user-experience-ux/" target="_blank" class="badge badge-category" style="--bg-color: #7757bb30; --color: #7757bb;"> User Experience (UX) </a> </div> <header> <h3 class="post-title"><a href="https://screpy.com/guide-to-integrating-ai-into-your-seo-practices/">Guide to Integrating AI into Your SEO Practices</a></h3> </header> <p class="post-description">Introduction to AI in SEOWhat is Artificial Intelligence?How AI is Changing SEOBenefits of AI for SEOAI Tools for SEOContent Creation and Optimization ToolsAI for Keyword Research and AnalysisAI and User Experience OptimizationBacklink Analysis with AIHow to Implement AI in Your SEO StrategySteps to Integrate AI...</p> <a href="https://screpy.com/guide-to-integrating-ai-into-your-seo-practices/" class="read-more">Read more</a> </div> </div> </article> </div> <div class="post-item"> <article class="post-4413 post type-post status-publish format-standard has-post-thumbnail hentry category-user-experience-ux"> <div class="card post-card"> <a href="https://screpy.com/what-is-an-infographic/"> <img loading="lazy" class="thumb" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" width="300" height="300" alt="What is an Infographic?" data-lazy-src="https://screpy.com/wp-content/uploads/2021/09/What-is-an-Infographic_.svg"><noscript><img loading="lazy" class="thumb" src="https://screpy.com/wp-content/uploads/2021/09/What-is-an-Infographic_.svg" width="300" height="300" alt="What is an Infographic?"></noscript> </a> <div class="card-body"> <div class="categories"> <a href="https://screpy.com/category/user-experience-ux/" target="_blank" class="badge badge-category" style="--bg-color: #7757bb30; --color: #7757bb;"> User Experience (UX) </a> </div> <header> <h3 class="post-title"><a href="https://screpy.com/what-is-an-infographic/">What is an Infographic?</a></h3> </header> <p class="post-description">Explore what is an infographic and how to use them on your web pages effectively. You will have detailed info about their design, too!</p> <a href="https://screpy.com/what-is-an-infographic/" class="read-more">Read more</a> </div> </div> </article> </div> <div class="post-item"> <article class="post-2380 post type-post status-publish format-standard has-post-thumbnail hentry category-seo category-user-experience-ux"> <div class="card post-card"> <a href="https://screpy.com/featured-snippets/"> <img loading="lazy" class="thumb" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" width="300" height="300" alt="Featured Snippets: How To Optimize Your Content for Them?" data-lazy-src="https://screpy.com/wp-content/uploads/2021/02/Featured-Snippets_-How-To-Optimize-Your-Content-for-Them_.svg"><noscript><img loading="lazy" class="thumb" src="https://screpy.com/wp-content/uploads/2021/02/Featured-Snippets_-How-To-Optimize-Your-Content-for-Them_.svg" width="300" height="300" alt="Featured Snippets: How To Optimize Your Content for Them?"></noscript> </a> <div class="card-body"> <div class="categories"> <a href="https://screpy.com/category/seo/" target="_blank" class="badge badge-category" style="--bg-color: #4f9cf730; --color: #4f9cf7;"> SEO </a> <a href="https://screpy.com/category/user-experience-ux/" target="_blank" class="badge badge-category" style="--bg-color: #7757bb30; --color: #7757bb;"> User Experience (UX) </a> </div> <header> <h3 class="post-title"><a href="https://screpy.com/featured-snippets/">Featured Snippets: How To Optimize Your Content for Them?</a></h3> </header> <p class="post-description">Explore that are featured snippets and what you should do to optimize your contents to be shown as one of these. Let's explore together.</p> <a href="https://screpy.com/featured-snippets/" class="read-more">Read more</a> </div> </div> </article> </div> <div class="post-item"> <article class="post-5850 post type-post status-publish format-standard has-post-thumbnail hentry category-user-experience-ux"> <div class="card post-card"> <a href="https://screpy.com/website-migration/"> <img loading="lazy" class="thumb" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20157'%3E%3C/svg%3E" width="300" height="157" alt="Website Migration" data-lazy-src="https://screpy.com/wp-content/uploads/2022/03/Website-Migration.svg"><noscript><img loading="lazy" class="thumb" src="https://screpy.com/wp-content/uploads/2022/03/Website-Migration.svg" width="300" height="157" alt="Website Migration"></noscript> </a> <div class="card-body"> <div class="categories"> <a href="https://screpy.com/category/user-experience-ux/" target="_blank" class="badge badge-category" style="--bg-color: #7757bb30; --color: #7757bb;"> User Experience (UX) </a> </div> <header> <h3 class="post-title"><a href="https://screpy.com/website-migration/">Website Migration</a></h3> </header> <p class="post-description">Possible Losses During Site MigrationThings to Consider Before Starting the Website Migration Process a) Planning b) Being Aware of What You Win and What You Lose c) Information and Responsibility d) Deciding When To All Aboard 1. Website Migration Preparation1. a) Backup and Task Distribution1.b)...</p> <a href="https://screpy.com/website-migration/" class="read-more">Read more</a> </div> </div> </article> </div> <div class="post-item"> <article class="post-4536 post type-post status-publish format-standard has-post-thumbnail hentry category-user-experience-ux"> <div class="card post-card"> <a href="https://screpy.com/impactful-homepage-how-to-create-tips/"> <img loading="lazy" class="thumb" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" width="300" height="300" alt="Impactful Homepage: How to Create & Tips" data-lazy-src="https://screpy.com/wp-content/uploads/2021/08/Impactful-Homepage_-How-to-Create-Tips.svg"><noscript><img loading="lazy" class="thumb" src="https://screpy.com/wp-content/uploads/2021/08/Impactful-Homepage_-How-to-Create-Tips.svg" width="300" height="300" alt="Impactful Homepage: How to Create & Tips"></noscript> </a> <div class="card-body"> <div class="categories"> <a href="https://screpy.com/category/user-experience-ux/" target="_blank" class="badge badge-category" style="--bg-color: #7757bb30; --color: #7757bb;"> User Experience (UX) </a> </div> <header> <h3 class="post-title"><a href="https://screpy.com/impactful-homepage-how-to-create-tips/">Impactful Homepage: How to Create & Tips</a></h3> </header> <p class="post-description">Do you wonder how to create an impactful homepage for you website? Then you are in the right place! Let's see the most important tips!</p> <a href="https://screpy.com/impactful-homepage-how-to-create-tips/" class="read-more">Read more</a> </div> </div> </article> </div> <div class="post-item"> <article class="post-5666 post type-post status-publish format-standard has-post-thumbnail hentry category-user-experience-ux"> <div class="card post-card"> <a href="https://screpy.com/google-algorithm-update/"> <img loading="lazy" class="thumb" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20157'%3E%3C/svg%3E" width="300" height="157" alt="Google Algorithm Update" data-lazy-src="https://screpy.com/wp-content/uploads/2022/02/Google-Algorithm-Update.svg"><noscript><img loading="lazy" class="thumb" src="https://screpy.com/wp-content/uploads/2022/02/Google-Algorithm-Update.svg" width="300" height="157" alt="Google Algorithm Update"></noscript> </a> <div class="card-body"> <div class="categories"> <a href="https://screpy.com/category/user-experience-ux/" target="_blank" class="badge badge-category" style="--bg-color: #7757bb30; --color: #7757bb;"> User Experience (UX) </a> </div> <header> <h3 class="post-title"><a href="https://screpy.com/google-algorithm-update/">Google Algorithm Update</a></h3> </header> <p class="post-description">Google algorithm updates are updates that every website should be aware of and followed as much as possible.</p> <a href="https://screpy.com/google-algorithm-update/" class="read-more">Read more</a> </div> </div> </article> </div> <div class="post-item"> <article class="post-5632 post type-post status-publish format-standard has-post-thumbnail hentry category-seo category-user-experience-ux"> <div class="card post-card"> <a href="https://screpy.com/5-primary-ux-principles-to-enrich-your-seo-strategy/"> <img loading="lazy" class="thumb" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20157'%3E%3C/svg%3E" width="300" height="157" alt="5 Primary UX Principles to Enrich Your SEO Strategy" data-lazy-src="https://screpy.com/wp-content/uploads/2022/02/5-Primary-UX-Principles-to-Enrich-Your-SEO-Strategy.svg"><noscript><img loading="lazy" class="thumb" src="https://screpy.com/wp-content/uploads/2022/02/5-Primary-UX-Principles-to-Enrich-Your-SEO-Strategy.svg" width="300" height="157" alt="5 Primary UX Principles to Enrich Your SEO Strategy"></noscript> </a> <div class="card-body"> <div class="categories"> <a href="https://screpy.com/category/seo/" target="_blank" class="badge badge-category" style="--bg-color: #4f9cf730; --color: #4f9cf7;"> SEO </a> <a href="https://screpy.com/category/user-experience-ux/" target="_blank" class="badge badge-category" style="--bg-color: #7757bb30; --color: #7757bb;"> User Experience (UX) </a> </div> <header> <h3 class="post-title"><a href="https://screpy.com/5-primary-ux-principles-to-enrich-your-seo-strategy/">5 Primary UX Principles to Enrich Your SEO Strategy</a></h3> </header> <p class="post-description">What to Do to Have Extensive Knowledge about UX? Principle 1 of UX: Acquire the Significant Data Analysis Principle 2 of UX: Gain Trust of the Users by Your Links Principle 3 of UX: Create Informative and Effective Meta DescriptionPrinciple 4 of UX: Provide High Level of Reachability...</p> <a href="https://screpy.com/5-primary-ux-principles-to-enrich-your-seo-strategy/" class="read-more">Read more</a> </div> </div> </article> </div> <div class="post-item"> <article class="post-2009 post type-post status-publish format-standard has-post-thumbnail hentry category-seo category-user-experience-ux"> <div class="card post-card"> <a href="https://screpy.com/take-your-rank-higher-what-can-mobile-first-indexing-do/"> <img loading="lazy" class="thumb" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20300'%3E%3C/svg%3E" width="300" height="300" alt="Take Your Rank Higher: What Can Mobile-First Indexing Do?" data-lazy-src="https://screpy.com/wp-content/uploads/2021/01/What-Can-Mobile-First-Indexing-Do_-Take-Your-Rank-Higher.svg"><noscript><img loading="lazy" class="thumb" src="https://screpy.com/wp-content/uploads/2021/01/What-Can-Mobile-First-Indexing-Do_-Take-Your-Rank-Higher.svg" width="300" height="300" alt="Take Your Rank Higher: What Can Mobile-First Indexing Do?"></noscript> </a> <div class="card-body"> <div class="categories"> <a href="https://screpy.com/category/seo/" target="_blank" class="badge badge-category" style="--bg-color: #4f9cf730; --color: #4f9cf7;"> SEO </a> <a href="https://screpy.com/category/user-experience-ux/" target="_blank" class="badge badge-category" style="--bg-color: #7757bb30; --color: #7757bb;"> User Experience (UX) </a> </div> <header> <h3 class="post-title"><a href="https://screpy.com/take-your-rank-higher-what-can-mobile-first-indexing-do/">Take Your Rank Higher: What Can Mobile-First Indexing Do?</a></h3> </header> <p class="post-description">Want to explore what is mobile-first indexing and what to do to optimize your web page for it? Let’s have a look at the article we have prepared for you then!</p> <a href="https://screpy.com/take-your-rank-higher-what-can-mobile-first-indexing-do/" class="read-more">Read more</a> </div> </div> </article> </div> <div class="post-item"> <article class="post-5660 post type-post status-publish format-standard has-post-thumbnail hentry category-user-experience-ux"> <div class="card post-card"> <a href="https://screpy.com/faceted-navigation-seo-best-practices-problems-and-examples/"> <img loading="lazy" class="thumb" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20157'%3E%3C/svg%3E" width="300" height="157" alt="Faceted Navigation: SEO Best Practices & Problems and Examples" data-lazy-src="https://screpy.com/wp-content/uploads/2022/02/Faceted-Navigation_-SEO-Best-Practices-Problems-and-Examples.svg"><noscript><img loading="lazy" class="thumb" src="https://screpy.com/wp-content/uploads/2022/02/Faceted-Navigation_-SEO-Best-Practices-Problems-and-Examples.svg" width="300" height="157" alt="Faceted Navigation: SEO Best Practices & Problems and Examples"></noscript> </a> <div class="card-body"> <div class="categories"> <a href="https://screpy.com/category/user-experience-ux/" target="_blank" class="badge badge-category" style="--bg-color: #7757bb30; --color: #7757bb;"> User Experience (UX) </a> </div> <header> <h3 class="post-title"><a href="https://screpy.com/faceted-navigation-seo-best-practices-problems-and-examples/">Faceted Navigation: SEO Best Practices & Problems and Examples</a></h3> </header> <p class="post-description">What is Faceted Navigation? How Does Faceted Navigation Work? The Websites that Have Faceted Navigation Disadvantages of Faceted NavigationWhat Are the Problems of Faceted Navigation on SEO?How to Determine the Issues of Faceted Navigation on SEO Site Search Google Search Console (GSC)More Data How to Solve SEO Issues of Faceted Navigation How...</p> <a href="https://screpy.com/faceted-navigation-seo-best-practices-problems-and-examples/" class="read-more">Read more</a> </div> </div> </article> </div> </div> </div> </div> </div> </main> </div> </div> <footer class="fp-footer" data-underline="1" data-lc="#545555"> <div> <ul class="fp-row cf" data-uid="row_1" data-columns="5" data-mc="0" data-flex=""> <div class="fp-limit cf"> <div class="fp-item" data-uid="item_1"> <div class="fp-container" data-item-type="image"> <img class="fp-image base64" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Screpy" data-lazy-src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzM5IiBoZWlnaHQ9IjI2OCIgdmlld0JveD0iMCAwIDczOSAyNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yMzkuNTY3IDE1Mi43NTVDMjQ0LjgzNyAxNTIuNzU1IDI0OC41NjUgMTUyLjI0MSAyNTAuNzUgMTUxLjIxM0MyNTIuOTM1IDE1MC4xODUgMjU0LjAyNyAxNDguMTkyIDI1NC4wMjcgMTQ1LjIzNkMyNTQuMDI3IDE0Mi45MjMgMjUyLjYxMyAxNDAuOTMgMjQ5Ljc4NiAxMzkuMjZDMjQ2Ljk1OCAxMzcuNDYgMjQyLjY1MiAxMzUuNDY4IDIzNi44NjggMTMzLjI4M0MyMzIuMzcgMTMxLjYxMiAyMjguMjU3IDEyOS44NzcgMjI0LjUzIDEyOC4wNzhDMjIwLjkzMSAxMjYuMjc4IDIxNy44NDYgMTI0LjE1NyAyMTUuMjc1IDEyMS43MTVDMjEyLjcwNSAxMTkuMTQ1IDIxMC43MTMgMTE2LjEyNCAyMDkuMjk5IDExMi42NTRDMjA3Ljg4NSAxMDkuMTg0IDIwNy4xNzggMTA1LjAwNyAyMDcuMTc4IDEwMC4xMjJDMjA3LjE3OCA5MC42MTEyIDIxMC43MTMgODMuMDkyMyAyMTcuNzgyIDc3LjU2NTVDMjI0Ljg1MSA3Mi4wMzg4IDIzNC41NTUgNjkuMjc1NCAyNDYuODk0IDY5LjI3NTRDMjUzLjA2MyA2OS4yNzU0IDI1OC45NzUgNjkuODUzOCAyNjQuNjMxIDcxLjAxMDVDMjcwLjI4NiA3Mi4wMzg4IDI3NC43ODQgNzMuMTk1NSAyNzguMTI2IDc0LjQ4MDhMMjczLjExNCA5Ni44NDQ5QzI2OS43NzIgOTUuNjg4MSAyNjYuMTA5IDk0LjY1OTkgMjYyLjEyNCA5My43NjAyQzI1OC4yNjggOTIuODYwNSAyNTMuODk4IDkyLjQxMDcgMjQ5LjAxNCA5Mi40MTA3QzI0MC4wMTcgOTIuNDEwNyAyMzUuNTE5IDk0LjkxNyAyMzUuNTE5IDk5LjkyOTZDMjM1LjUxOSAxMDEuMDg2IDIzNS43MTIgMTAyLjExNSAyMzYuMDk3IDEwMy4wMTRDMjM2LjQ4MyAxMDMuOTE0IDIzNy4yNTQgMTA0LjgxNCAyMzguNDExIDEwNS43MTNDMjM5LjU2NyAxMDYuNDg1IDI0MS4xMSAxMDcuMzg0IDI0My4wMzggMTA4LjQxM0MyNDUuMDk0IDEwOS4zMTIgMjQ3LjY2NSAxMTAuMzQgMjUwLjc1IDExMS40OTdDMjU3LjA0NyAxMTMuODExIDI2Mi4yNTMgMTE2LjEyNCAyNjYuMzY2IDExOC40MzhDMjcwLjQ3OSAxMjAuNjIzIDI3My42OTIgMTIzLjA2NSAyNzYuMDA2IDEyNS43NjRDMjc4LjQ0OCAxMjguMzM1IDI4MC4xMTggMTMxLjIyNiAyODEuMDE4IDEzNC40NEMyODIuMDQ2IDEzNy42NTMgMjgyLjU2MSAxNDEuMzggMjgyLjU2MSAxNDUuNjIyQzI4Mi41NjEgMTU1LjY0NyAyNzguNzY5IDE2My4yMyAyNzEuMTg2IDE2OC4zNzFDMjYzLjczMSAxNzMuNTEzIDI1My4xMjcgMTc2LjA4MyAyMzkuMzc1IDE3Ni4wODNDMjMwLjM3OCAxNzYuMDgzIDIyMi44NTkgMTc1LjMxMiAyMTYuODE4IDE3My43N0MyMTAuOTA1IDE3Mi4yMjcgMjA2Ljc5MyAxNzAuOTQyIDIwNC40NzkgMTY5LjkxNEwyMDkuMjk5IDE0Ni41ODZDMjE0LjE4MyAxNDguNTE0IDIxOS4xOTYgMTUwLjA1NiAyMjQuMzM3IDE1MS4yMTNDMjI5LjQ3OCAxNTIuMjQxIDIzNC41NTUgMTUyLjc1NSAyMzkuNTY3IDE1Mi43NTVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjg3LjY0MSAxMjIuNjc5QzI4Ny42NDEgMTE1LjM1MyAyODguNzk4IDEwOC40NzcgMjkxLjExMSAxMDIuMDVDMjkzLjU1MyA5NS40OTU0IDI5Ny4wMjQgODkuODQwMSAzMDEuNTIyIDg1LjA4NDVDMzA2LjAyMSA4MC4yMDA0IDMxMS40ODMgNzYuMzQ0NSAzMTcuOTEgNzMuNTE2OUMzMjQuMzM2IDcwLjY4OTIgMzMxLjY2MiA2OS4yNzU0IDMzOS44ODggNjkuMjc1NEMzNDUuMjg2IDY5LjI3NTQgMzUwLjIzNSA2OS43ODk1IDM1NC43MzMgNzAuODE3N0MzNTkuMjMyIDcxLjcxNzQgMzYzLjYwMiA3My4wNjcgMzY3Ljg0MyA3NC44NjY0TDM2MS44NjcgOTcuODA4OUMzNTkuMTY3IDk2Ljc4MDYgMzU2LjIxMSA5NS44ODA5IDM1Mi45OTggOTUuMTA5OEMzNDkuNzg1IDk0LjMzODYgMzQ2LjE4NiA5My45NTMgMzQyLjIwMiA5My45NTNDMzMzLjcxOSA5My45NTMgMzI3LjM1NiA5Ni41ODc5IDMyMy4xMTUgMTAxLjg1OEMzMTkuMDAyIDEwNy4xMjcgMzE2Ljk0NiAxMTQuMDY4IDMxNi45NDYgMTIyLjY3OUMzMTYuOTQ2IDEzMS44MDUgMzE4Ljg3NCAxMzguODc0IDMyMi43MjkgMTQzLjg4N0MzMjYuNzE0IDE0OC44OTkgMzMzLjU5IDE1MS40MDYgMzQzLjM1OCAxNTEuNDA2QzM0Ni44MjkgMTUxLjQwNiAzNTAuNTU2IDE1MS4wODQgMzU0LjU0IDE1MC40NDJDMzU4LjUyNSAxNDkuNzk5IDM2Mi4xODggMTQ4Ljc3MSAzNjUuNTMgMTQ3LjM1N0wzNjkuNTc4IDE3MC44NzhDMzY2LjIzNyAxNzIuMjkyIDM2Mi4wNTkgMTczLjUxMyAzNTcuMDQ3IDE3NC41NDFDMzUyLjAzNCAxNzUuNTY5IDM0Ni41MDcgMTc2LjA4MyAzNDAuNDY2IDE3Ni4wODNDMzMxLjIxMiAxNzYuMDgzIDMyMy4yNDQgMTc0LjczNCAzMTYuNTYgMTcyLjAzNUMzMDkuODc2IDE2OS4yMDcgMzA0LjM1IDE2NS40MTUgMjk5Ljk4IDE2MC42NkMyOTUuNzM4IDE1NS45MDQgMjkyLjU4OSAxNTAuMzEzIDI5MC41MzMgMTQzLjg4N0MyODguNjA1IDEzNy4zMzIgMjg3LjY0MSAxMzAuMjYzIDI4Ny42NDEgMTIyLjY3OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00MzguNDA2IDk3LjQyMzNDNDM1LjgzNSA5Ni43ODA2IDQzMi44MTUgOTYuMTM4IDQyOS4zNDQgOTUuNDk1NEM0MjUuODc0IDk0LjcyNDIgNDIyLjE0NyA5NC4zMzg2IDQxOC4xNjIgOTQuMzM4NkM0MTYuMzYzIDk0LjMzODYgNDE0LjE3OCA5NC41MzE0IDQxMS42MDcgOTQuOTE3QzQwOS4xNjUgOTUuMTc0IDQwNy4zMDIgOTUuNDk1NCA0MDYuMDE2IDk1Ljg4MDlWMTczLjM4NEgzNzcuMjlWNzcuMzcyN0MzODIuNDMxIDc1LjU3MzMgMzg4LjQ3MiA3My45MDI0IDM5NS40MTMgNzIuMzYwMUM0MDIuNDgyIDcwLjY4OTIgNDEwLjMyMiA2OS44NTM4IDQxOC45MzQgNjkuODUzOEM0MjAuNDc2IDY5Ljg1MzggNDIyLjM0IDY5Ljk4MjMgNDI0LjUyNSA3MC4yMzk0QzQyNi43MSA3MC4zNjc5IDQyOC44OTUgNzAuNjI0OSA0MzEuMDggNzEuMDEwNUM0MzMuMjY1IDcxLjI2NzYgNDM1LjQ1IDcxLjY1MzIgNDM3LjYzNSA3Mi4xNjczQzQzOS44MiA3Mi41NTI5IDQ0MS42ODMgNzMuMDY3IDQ0My4yMjYgNzMuNzA5Nkw0MzguNDA2IDk3LjQyMzNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNDQwLjM1NSAxMjMuNDVDNDQwLjM1NSAxMTQuNDUzIDQ0MS43MDQgMTA2LjYxMyA0NDQuNDAzIDk5LjkyOTZDNDQ3LjIzMSA5My4xMTc2IDQ1MC44OTQgODcuNDYyMyA0NTUuMzkzIDgyLjk2MzhDNDU5Ljg5MSA3OC40NjUyIDQ2NS4wMzIgNzUuMDU5MiA0NzAuODE2IDcyLjc0NTdDNDc2LjcyOSA3MC40MzIyIDQ4Mi43NjkgNjkuMjc1NCA0ODguOTM5IDY5LjI3NTRDNTAzLjMzNCA2OS4yNzU0IDUxNC43MDkgNzMuNzA5NiA1MjMuMDYzIDgyLjU3ODJDNTMxLjQxOCA5MS4zMTgyIDUzNS41OTUgMTA0LjIzNSA1MzUuNTk1IDEyMS4zM0M1MzUuNTk1IDEyMy4wMDEgNTM1LjUzMSAxMjQuODY0IDUzNS40MDIgMTI2LjkyMUM1MzUuMjc0IDEyOC44NDkgNTM1LjE0NSAxMzAuNTg0IDUzNS4wMTcgMTMyLjEyNkg0NjkuODUyQzQ3MC40OTUgMTM4LjAzOSA0NzMuMjU4IDE0Mi43MyA0NzguMTQyIDE0Ni4yQzQ4My4wMjYgMTQ5LjY3IDQ4OS41ODEgMTUxLjQwNiA0OTcuODA3IDE1MS40MDZDNTAzLjA3NyAxNTEuNDA2IDUwOC4yMTggMTUwLjk1NiA1MTMuMjMxIDE1MC4wNTZDNTE4LjM3MiAxNDkuMDI4IDUyMi41NDkgMTQ3LjgwNyA1MjUuNzYyIDE0Ni4zOTNMNTI5LjYxOCAxNjkuNzIxQzUyOC4wNzYgMTcwLjQ5MiA1MjYuMDE5IDE3MS4yNjMgNTIzLjQ0OSAxNzIuMDM1QzUyMC44NzggMTcyLjgwNiA1MTcuOTg2IDE3My40NDggNTE0Ljc3MyAxNzMuOTYyQzUxMS42ODggMTc0LjYwNSA1MDguMzQ3IDE3NS4xMTkgNTA0Ljc0OCAxNzUuNTA1QzUwMS4xNDkgMTc1Ljg5IDQ5Ny41NSAxNzYuMDgzIDQ5My45NTEgMTc2LjA4M0M0ODQuODI2IDE3Ni4wODMgNDc2Ljg1NyAxNzQuNzM0IDQ3MC4wNDUgMTcyLjAzNUM0NjMuMzYxIDE2OS4zMzUgNDU3Ljc3IDE2NS42NzIgNDUzLjI3MiAxNjEuMDQ1QzQ0OC45MDIgMTU2LjI5IDQ0NS42MjQgMTUwLjY5OSA0NDMuNDM5IDE0NC4yNzJDNDQxLjM4MyAxMzcuODQ2IDQ0MC4zNTUgMTMwLjkwNSA0NDAuMzU1IDEyMy40NVpNNTA3LjgzMyAxMTIuNDYxQzUwNy43MDQgMTEwLjAxOSA1MDcuMjU0IDEwNy42NDEgNTA2LjQ4MyAxMDUuMzI4QzUwNS44NCAxMDMuMDE0IDUwNC43NDggMTAwLjk1OCA1MDMuMjA2IDk5LjE1ODRDNTAxLjc5MiA5Ny4zNTkgNDk5LjkyOCA5NS44ODA5IDQ5Ny42MTUgOTQuNzI0MkM0OTUuNDMgOTMuNTY3NCA0OTIuNjY2IDkyLjk4OSA0ODkuMzI0IDkyLjk4OUM0ODYuMTExIDkyLjk4OSA0ODMuMzQ4IDkzLjU2NzQgNDgxLjAzNCA5NC43MjQyQzQ3OC43MjEgOTUuNzUyNCA0NzYuNzkzIDk3LjE2NjIgNDc1LjI1IDk4Ljk2NTZDNDczLjcwOCAxMDAuNzY1IDQ3Mi40ODcgMTAyLjg4NiA0NzEuNTg3IDEwNS4zMjhDNDcwLjgxNiAxMDcuNjQxIDQ3MC4yMzggMTEwLjAxOSA0NjkuODUyIDExMi40NjFINTA3LjgzM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik02MTEuMTY3IDEyMy40NUM2MTEuMTY3IDExNC41ODIgNjA5LjE3NSAxMDcuNTEzIDYwNS4xOSAxMDIuMjQzQzYwMS4yMDYgOTYuODQ0OSA1OTUuMjk0IDk0LjE0NTggNTg3LjQ1MyA5NC4xNDU4QzU4NC44ODMgOTQuMTQ1OCA1ODIuNTA1IDk0LjI3NDMgNTgwLjMyIDk0LjUzMTRDNTc4LjEzNSA5NC42NTk5IDU3Ni4zMzYgOTQuODUyNyA1NzQuOTIyIDk1LjEwOThWMTQ2Ljk3MUM1NzYuNzIxIDE0OC4xMjggNTc5LjAzNSAxNDkuMDkyIDU4MS44NjIgMTQ5Ljg2M0M1ODQuODE5IDE1MC42MzQgNTg3Ljc3NSAxNTEuMDIgNTkwLjczMSAxNTEuMDJDNjA0LjM1NSAxNTEuMDIgNjExLjE2NyAxNDEuODMgNjExLjE2NyAxMjMuNDVaTTY0MC40NzIgMTIyLjY3OUM2NDAuNDcyIDEzMC41MiA2MzkuNTA4IDEzNy42NTMgNjM3LjU4IDE0NC4wNzlDNjM1LjY1MiAxNTAuNTA2IDYzMi44MjQgMTU2LjAzMyA2MjkuMDk3IDE2MC42NkM2MjUuMzcgMTY1LjI4NyA2MjAuNzQyIDE2OC44ODYgNjE1LjIxNiAxNzEuNDU2QzYwOS42ODkgMTc0LjAyNyA2MDMuMzI3IDE3NS4zMTIgNTk2LjEyOSAxNzUuMzEyQzU5Mi4xNDUgMTc1LjMxMiA1ODguNDE3IDE3NC45MjYgNTg0Ljk0NyAxNzQuMTU1QzU4MS40NzcgMTczLjM4NCA1NzguMTM1IDE3Mi4yOTIgNTc0LjkyMiAxNzAuODc4VjIwOS4wNTFINTQ2LjE5NlY3NS40NDQ4QzU0OC43NjYgNzQuNjczNiA1NTEuNzIyIDczLjk2NjcgNTU1LjA2NCA3My4zMjQxQzU1OC40MDYgNzIuNTUyOSA1NjEuODc2IDcxLjkxMDIgNTY1LjQ3NSA3MS4zOTYxQzU2OS4yMDIgNzAuODgyIDU3Mi45MyA3MC40OTY0IDU3Ni42NTcgNzAuMjM5NEM1ODAuNTEzIDY5Ljg1MzggNTg0LjE3NiA2OS42NjEgNTg3LjY0NiA2OS42NjFDNTk2LjAwMSA2OS42NjEgNjAzLjQ1NSA3MC45NDYzIDYxMC4wMSA3My41MTY5QzYxNi41NjUgNzUuOTU4OSA2MjIuMDkyIDc5LjQ5MzUgNjI2LjU5MSA4NC4xMjA1QzYzMS4wODkgODguNjE5IDYzNC40OTUgOTQuMTQ1OCA2MzYuODA5IDEwMC43MDFDNjM5LjI1MSAxMDcuMjU2IDY0MC40NzIgMTE0LjU4MiA2NDAuNDcyIDEyMi42NzlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNzM4LjM4MSA3MS45NzQ1QzczMi41OTcgOTEuNTEwOSA3MjYuNTU2IDEwOS44MjYgNzIwLjI1OCAxMjYuOTIxQzcxMy45NiAxNDQuMDE1IDcwNy4wODQgMTYwLjU5NSA2OTkuNjI5IDE3Ni42NjJDNjk2LjkzIDE4Mi40NDUgNjk0LjIzMSAxODcuMzI5IDY5MS41MzIgMTkxLjMxNEM2ODguODMzIDE5NS40MjcgNjg1Ljg3NyAxOTguNzY5IDY4Mi42NjMgMjAxLjMzOUM2NzkuNDUgMjA0LjAzOCA2NzUuNzg3IDIwNS45NjYgNjcxLjY3NCAyMDcuMTIzQzY2Ny42OSAyMDguNDA4IDY2Mi45OTggMjA5LjA1MSA2NTcuNiAyMDkuMDUxQzY1My4xMDIgMjA5LjA1MSA2NDguOTI1IDIwOC42MDEgNjQ1LjA2OSAyMDcuNzAxQzY0MS4zNDEgMjA2LjkzIDYzOC4yNTcgMjA2LjAzIDYzNS44MTUgMjA1LjAwMkw2NDAuODI3IDE4Mi4wNkM2NDMuNzgzIDE4My4wODggNjQ2LjQxOCAxODMuNzk1IDY0OC43MzIgMTg0LjE4MUM2NTEuMDQ1IDE4NC41NjYgNjUzLjQ4NyAxODQuNzU5IDY1Ni4wNTggMTg0Ljc1OUM2NjEuMTk5IDE4NC43NTkgNjY1LjExOSAxODMuMzQ1IDY2Ny44MTggMTgwLjUxN0M2NzAuNjQ2IDE3Ny44MTggNjczLjAyNCAxNzQuMDI3IDY3NC45NTIgMTY5LjE0M0M2NjguMzk3IDE1Ni4yOSA2NjEuODQyIDE0MS44OTQgNjU1LjI4NyAxMjUuOTU3QzY0OC43MzIgMTA5Ljg5MSA2NDIuNTYyIDkxLjg5NjUgNjM2Ljc3OSA3MS45NzQ1SDY2Ny4yNEM2NjguNTI1IDc2Ljk4NzEgNjcwLjAwMyA4Mi40NDk2IDY3MS42NzQgODguMzYyQzY3My40NzQgOTQuMTQ1OCA2NzUuMzM3IDEwMC4wNTggNjc3LjI2NSAxMDYuMDk5QzY3OS4xOTMgMTEyLjAxMSA2ODEuMTIxIDExNy43OTUgNjgzLjA0OSAxMjMuNDVDNjg1LjEwNiAxMjkuMTA2IDY4Ny4wMzMgMTM0LjI0NyA2ODguODMzIDEzOC44NzRDNjkwLjUwNCAxMzQuMjQ3IDY5Mi4yMzkgMTI5LjEwNiA2OTQuMDM4IDEyMy40NUM2OTUuODM4IDExNy43OTUgNjk3LjU3MyAxMTIuMDExIDY5OS4yNDQgMTA2LjA5OUM3MDEuMDQzIDEwMC4wNTggNzAyLjcxNCA5NC4xNDU4IDcwNC4yNTYgODguMzYyQzcwNS45MjcgODIuNDQ5NiA3MDcuNDA1IDc2Ljk4NzEgNzA4LjY5MSA3MS45NzQ1SDczOC4zODFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNDIuNjc1OSAxMjMuOTU0TDE0MC4yNDMgOTUuNDUxTDE0MC4wMTUgMTI5LjQwOEMxMzkuOTg0IDEzNC4wMzIgMTM3LjA2NSAxMzguMTQyIDEzMi43MSAxMzkuNjk1TDQxLjU3OTYgMTcyLjE4OUw0Mi42NzU5IDEyMy45NTRaIiBmaWxsPSIjQkY1NzU3Ii8+CjxwYXRoIGQ9Ik0xNTEuMDU3IDBMMTUxLjExMiA2Mi4wMTM4TDkyLjI1MSAxMjAuOTc5TDYxLjIxNjYgODkuOTk5NkwxNTEuMDU3IDBaIiBmaWxsPSIjRjE3Njc2Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDEuNTE5NSAxMjYuMjA2TDQxLjU1OTIgMTcxLjcxN0wxMzEuNDAxIDgxLjcxODVMMTAwLjM2NyA1MC43Mzg2TDUxLjY1MDIgOTkuNTQwNEM0Ni4wMzQ5IDEwNi4xMDMgNDIuMjMyNSAxMTUuNTQzIDQxLjUxOTUgMTI2LjIwNloiIGZpbGw9IiNGMTc2NzYiLz4KPHBhdGggZD0iTTMxLjIxMjkgMjY3LjAzMUwzMS4wOTM1IDIwNS4wMTdMODkuODkzMSAxNDUuOTkxTDEyMC45NiAxNzYuOTM4TDMxLjIxMjkgMjY3LjAzMVoiIGZpbGw9IiNGMTc2NzYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNDAuNjE5IDE0MC43NDdMMTQwLjUzMiA5NS4yMDA2TDUwLjc4MzcgMTg1LjI5M0w4MS44NDk5IDIxNi4yNEwxMzAuNTMzIDE2Ny4zNzFDMTM2LjEyNyAxNjAuODEgMTM5LjkxMSAxNTEuMzg3IDE0MC42MTkgMTQwLjc0N1oiIGZpbGw9IiNGMTc2NzYiLz4KPC9zdmc+Cg=="><noscript><img class="fp-image base64" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzM5IiBoZWlnaHQ9IjI2OCIgdmlld0JveD0iMCAwIDczOSAyNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yMzkuNTY3IDE1Mi43NTVDMjQ0LjgzNyAxNTIuNzU1IDI0OC41NjUgMTUyLjI0MSAyNTAuNzUgMTUxLjIxM0MyNTIuOTM1IDE1MC4xODUgMjU0LjAyNyAxNDguMTkyIDI1NC4wMjcgMTQ1LjIzNkMyNTQuMDI3IDE0Mi45MjMgMjUyLjYxMyAxNDAuOTMgMjQ5Ljc4NiAxMzkuMjZDMjQ2Ljk1OCAxMzcuNDYgMjQyLjY1MiAxMzUuNDY4IDIzNi44NjggMTMzLjI4M0MyMzIuMzcgMTMxLjYxMiAyMjguMjU3IDEyOS44NzcgMjI0LjUzIDEyOC4wNzhDMjIwLjkzMSAxMjYuMjc4IDIxNy44NDYgMTI0LjE1NyAyMTUuMjc1IDEyMS43MTVDMjEyLjcwNSAxMTkuMTQ1IDIxMC43MTMgMTE2LjEyNCAyMDkuMjk5IDExMi42NTRDMjA3Ljg4NSAxMDkuMTg0IDIwNy4xNzggMTA1LjAwNyAyMDcuMTc4IDEwMC4xMjJDMjA3LjE3OCA5MC42MTEyIDIxMC43MTMgODMuMDkyMyAyMTcuNzgyIDc3LjU2NTVDMjI0Ljg1MSA3Mi4wMzg4IDIzNC41NTUgNjkuMjc1NCAyNDYuODk0IDY5LjI3NTRDMjUzLjA2MyA2OS4yNzU0IDI1OC45NzUgNjkuODUzOCAyNjQuNjMxIDcxLjAxMDVDMjcwLjI4NiA3Mi4wMzg4IDI3NC43ODQgNzMuMTk1NSAyNzguMTI2IDc0LjQ4MDhMMjczLjExNCA5Ni44NDQ5QzI2OS43NzIgOTUuNjg4MSAyNjYuMTA5IDk0LjY1OTkgMjYyLjEyNCA5My43NjAyQzI1OC4yNjggOTIuODYwNSAyNTMuODk4IDkyLjQxMDcgMjQ5LjAxNCA5Mi40MTA3QzI0MC4wMTcgOTIuNDEwNyAyMzUuNTE5IDk0LjkxNyAyMzUuNTE5IDk5LjkyOTZDMjM1LjUxOSAxMDEuMDg2IDIzNS43MTIgMTAyLjExNSAyMzYuMDk3IDEwMy4wMTRDMjM2LjQ4MyAxMDMuOTE0IDIzNy4yNTQgMTA0LjgxNCAyMzguNDExIDEwNS43MTNDMjM5LjU2NyAxMDYuNDg1IDI0MS4xMSAxMDcuMzg0IDI0My4wMzggMTA4LjQxM0MyNDUuMDk0IDEwOS4zMTIgMjQ3LjY2NSAxMTAuMzQgMjUwLjc1IDExMS40OTdDMjU3LjA0NyAxMTMuODExIDI2Mi4yNTMgMTE2LjEyNCAyNjYuMzY2IDExOC40MzhDMjcwLjQ3OSAxMjAuNjIzIDI3My42OTIgMTIzLjA2NSAyNzYuMDA2IDEyNS43NjRDMjc4LjQ0OCAxMjguMzM1IDI4MC4xMTggMTMxLjIyNiAyODEuMDE4IDEzNC40NEMyODIuMDQ2IDEzNy42NTMgMjgyLjU2MSAxNDEuMzggMjgyLjU2MSAxNDUuNjIyQzI4Mi41NjEgMTU1LjY0NyAyNzguNzY5IDE2My4yMyAyNzEuMTg2IDE2OC4zNzFDMjYzLjczMSAxNzMuNTEzIDI1My4xMjcgMTc2LjA4MyAyMzkuMzc1IDE3Ni4wODNDMjMwLjM3OCAxNzYuMDgzIDIyMi44NTkgMTc1LjMxMiAyMTYuODE4IDE3My43N0MyMTAuOTA1IDE3Mi4yMjcgMjA2Ljc5MyAxNzAuOTQyIDIwNC40NzkgMTY5LjkxNEwyMDkuMjk5IDE0Ni41ODZDMjE0LjE4MyAxNDguNTE0IDIxOS4xOTYgMTUwLjA1NiAyMjQuMzM3IDE1MS4yMTNDMjI5LjQ3OCAxNTIuMjQxIDIzNC41NTUgMTUyLjc1NSAyMzkuNTY3IDE1Mi43NTVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjg3LjY0MSAxMjIuNjc5QzI4Ny42NDEgMTE1LjM1MyAyODguNzk4IDEwOC40NzcgMjkxLjExMSAxMDIuMDVDMjkzLjU1MyA5NS40OTU0IDI5Ny4wMjQgODkuODQwMSAzMDEuNTIyIDg1LjA4NDVDMzA2LjAyMSA4MC4yMDA0IDMxMS40ODMgNzYuMzQ0NSAzMTcuOTEgNzMuNTE2OUMzMjQuMzM2IDcwLjY4OTIgMzMxLjY2MiA2OS4yNzU0IDMzOS44ODggNjkuMjc1NEMzNDUuMjg2IDY5LjI3NTQgMzUwLjIzNSA2OS43ODk1IDM1NC43MzMgNzAuODE3N0MzNTkuMjMyIDcxLjcxNzQgMzYzLjYwMiA3My4wNjcgMzY3Ljg0MyA3NC44NjY0TDM2MS44NjcgOTcuODA4OUMzNTkuMTY3IDk2Ljc4MDYgMzU2LjIxMSA5NS44ODA5IDM1Mi45OTggOTUuMTA5OEMzNDkuNzg1IDk0LjMzODYgMzQ2LjE4NiA5My45NTMgMzQyLjIwMiA5My45NTNDMzMzLjcxOSA5My45NTMgMzI3LjM1NiA5Ni41ODc5IDMyMy4xMTUgMTAxLjg1OEMzMTkuMDAyIDEwNy4xMjcgMzE2Ljk0NiAxMTQuMDY4IDMxNi45NDYgMTIyLjY3OUMzMTYuOTQ2IDEzMS44MDUgMzE4Ljg3NCAxMzguODc0IDMyMi43MjkgMTQzLjg4N0MzMjYuNzE0IDE0OC44OTkgMzMzLjU5IDE1MS40MDYgMzQzLjM1OCAxNTEuNDA2QzM0Ni44MjkgMTUxLjQwNiAzNTAuNTU2IDE1MS4wODQgMzU0LjU0IDE1MC40NDJDMzU4LjUyNSAxNDkuNzk5IDM2Mi4xODggMTQ4Ljc3MSAzNjUuNTMgMTQ3LjM1N0wzNjkuNTc4IDE3MC44NzhDMzY2LjIzNyAxNzIuMjkyIDM2Mi4wNTkgMTczLjUxMyAzNTcuMDQ3IDE3NC41NDFDMzUyLjAzNCAxNzUuNTY5IDM0Ni41MDcgMTc2LjA4MyAzNDAuNDY2IDE3Ni4wODNDMzMxLjIxMiAxNzYuMDgzIDMyMy4yNDQgMTc0LjczNCAzMTYuNTYgMTcyLjAzNUMzMDkuODc2IDE2OS4yMDcgMzA0LjM1IDE2NS40MTUgMjk5Ljk4IDE2MC42NkMyOTUuNzM4IDE1NS45MDQgMjkyLjU4OSAxNTAuMzEzIDI5MC41MzMgMTQzLjg4N0MyODguNjA1IDEzNy4zMzIgMjg3LjY0MSAxMzAuMjYzIDI4Ny42NDEgMTIyLjY3OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00MzguNDA2IDk3LjQyMzNDNDM1LjgzNSA5Ni43ODA2IDQzMi44MTUgOTYuMTM4IDQyOS4zNDQgOTUuNDk1NEM0MjUuODc0IDk0LjcyNDIgNDIyLjE0NyA5NC4zMzg2IDQxOC4xNjIgOTQuMzM4NkM0MTYuMzYzIDk0LjMzODYgNDE0LjE3OCA5NC41MzE0IDQxMS42MDcgOTQuOTE3QzQwOS4xNjUgOTUuMTc0IDQwNy4zMDIgOTUuNDk1NCA0MDYuMDE2IDk1Ljg4MDlWMTczLjM4NEgzNzcuMjlWNzcuMzcyN0MzODIuNDMxIDc1LjU3MzMgMzg4LjQ3MiA3My45MDI0IDM5NS40MTMgNzIuMzYwMUM0MDIuNDgyIDcwLjY4OTIgNDEwLjMyMiA2OS44NTM4IDQxOC45MzQgNjkuODUzOEM0MjAuNDc2IDY5Ljg1MzggNDIyLjM0IDY5Ljk4MjMgNDI0LjUyNSA3MC4yMzk0QzQyNi43MSA3MC4zNjc5IDQyOC44OTUgNzAuNjI0OSA0MzEuMDggNzEuMDEwNUM0MzMuMjY1IDcxLjI2NzYgNDM1LjQ1IDcxLjY1MzIgNDM3LjYzNSA3Mi4xNjczQzQzOS44MiA3Mi41NTI5IDQ0MS42ODMgNzMuMDY3IDQ0My4yMjYgNzMuNzA5Nkw0MzguNDA2IDk3LjQyMzNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNDQwLjM1NSAxMjMuNDVDNDQwLjM1NSAxMTQuNDUzIDQ0MS43MDQgMTA2LjYxMyA0NDQuNDAzIDk5LjkyOTZDNDQ3LjIzMSA5My4xMTc2IDQ1MC44OTQgODcuNDYyMyA0NTUuMzkzIDgyLjk2MzhDNDU5Ljg5MSA3OC40NjUyIDQ2NS4wMzIgNzUuMDU5MiA0NzAuODE2IDcyLjc0NTdDNDc2LjcyOSA3MC40MzIyIDQ4Mi43NjkgNjkuMjc1NCA0ODguOTM5IDY5LjI3NTRDNTAzLjMzNCA2OS4yNzU0IDUxNC43MDkgNzMuNzA5NiA1MjMuMDYzIDgyLjU3ODJDNTMxLjQxOCA5MS4zMTgyIDUzNS41OTUgMTA0LjIzNSA1MzUuNTk1IDEyMS4zM0M1MzUuNTk1IDEyMy4wMDEgNTM1LjUzMSAxMjQuODY0IDUzNS40MDIgMTI2LjkyMUM1MzUuMjc0IDEyOC44NDkgNTM1LjE0NSAxMzAuNTg0IDUzNS4wMTcgMTMyLjEyNkg0NjkuODUyQzQ3MC40OTUgMTM4LjAzOSA0NzMuMjU4IDE0Mi43MyA0NzguMTQyIDE0Ni4yQzQ4My4wMjYgMTQ5LjY3IDQ4OS41ODEgMTUxLjQwNiA0OTcuODA3IDE1MS40MDZDNTAzLjA3NyAxNTEuNDA2IDUwOC4yMTggMTUwLjk1NiA1MTMuMjMxIDE1MC4wNTZDNTE4LjM3MiAxNDkuMDI4IDUyMi41NDkgMTQ3LjgwNyA1MjUuNzYyIDE0Ni4zOTNMNTI5LjYxOCAxNjkuNzIxQzUyOC4wNzYgMTcwLjQ5MiA1MjYuMDE5IDE3MS4yNjMgNTIzLjQ0OSAxNzIuMDM1QzUyMC44NzggMTcyLjgwNiA1MTcuOTg2IDE3My40NDggNTE0Ljc3MyAxNzMuOTYyQzUxMS42ODggMTc0LjYwNSA1MDguMzQ3IDE3NS4xMTkgNTA0Ljc0OCAxNzUuNTA1QzUwMS4xNDkgMTc1Ljg5IDQ5Ny41NSAxNzYuMDgzIDQ5My45NTEgMTc2LjA4M0M0ODQuODI2IDE3Ni4wODMgNDc2Ljg1NyAxNzQuNzM0IDQ3MC4wNDUgMTcyLjAzNUM0NjMuMzYxIDE2OS4zMzUgNDU3Ljc3IDE2NS42NzIgNDUzLjI3MiAxNjEuMDQ1QzQ0OC45MDIgMTU2LjI5IDQ0NS42MjQgMTUwLjY5OSA0NDMuNDM5IDE0NC4yNzJDNDQxLjM4MyAxMzcuODQ2IDQ0MC4zNTUgMTMwLjkwNSA0NDAuMzU1IDEyMy40NVpNNTA3LjgzMyAxMTIuNDYxQzUwNy43MDQgMTEwLjAxOSA1MDcuMjU0IDEwNy42NDEgNTA2LjQ4MyAxMDUuMzI4QzUwNS44NCAxMDMuMDE0IDUwNC43NDggMTAwLjk1OCA1MDMuMjA2IDk5LjE1ODRDNTAxLjc5MiA5Ny4zNTkgNDk5LjkyOCA5NS44ODA5IDQ5Ny42MTUgOTQuNzI0MkM0OTUuNDMgOTMuNTY3NCA0OTIuNjY2IDkyLjk4OSA0ODkuMzI0IDkyLjk4OUM0ODYuMTExIDkyLjk4OSA0ODMuMzQ4IDkzLjU2NzQgNDgxLjAzNCA5NC43MjQyQzQ3OC43MjEgOTUuNzUyNCA0NzYuNzkzIDk3LjE2NjIgNDc1LjI1IDk4Ljk2NTZDNDczLjcwOCAxMDAuNzY1IDQ3Mi40ODcgMTAyLjg4NiA0NzEuNTg3IDEwNS4zMjhDNDcwLjgxNiAxMDcuNjQxIDQ3MC4yMzggMTEwLjAxOSA0NjkuODUyIDExMi40NjFINTA3LjgzM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik02MTEuMTY3IDEyMy40NUM2MTEuMTY3IDExNC41ODIgNjA5LjE3NSAxMDcuNTEzIDYwNS4xOSAxMDIuMjQzQzYwMS4yMDYgOTYuODQ0OSA1OTUuMjk0IDk0LjE0NTggNTg3LjQ1MyA5NC4xNDU4QzU4NC44ODMgOTQuMTQ1OCA1ODIuNTA1IDk0LjI3NDMgNTgwLjMyIDk0LjUzMTRDNTc4LjEzNSA5NC42NTk5IDU3Ni4zMzYgOTQuODUyNyA1NzQuOTIyIDk1LjEwOThWMTQ2Ljk3MUM1NzYuNzIxIDE0OC4xMjggNTc5LjAzNSAxNDkuMDkyIDU4MS44NjIgMTQ5Ljg2M0M1ODQuODE5IDE1MC42MzQgNTg3Ljc3NSAxNTEuMDIgNTkwLjczMSAxNTEuMDJDNjA0LjM1NSAxNTEuMDIgNjExLjE2NyAxNDEuODMgNjExLjE2NyAxMjMuNDVaTTY0MC40NzIgMTIyLjY3OUM2NDAuNDcyIDEzMC41MiA2MzkuNTA4IDEzNy42NTMgNjM3LjU4IDE0NC4wNzlDNjM1LjY1MiAxNTAuNTA2IDYzMi44MjQgMTU2LjAzMyA2MjkuMDk3IDE2MC42NkM2MjUuMzcgMTY1LjI4NyA2MjAuNzQyIDE2OC44ODYgNjE1LjIxNiAxNzEuNDU2QzYwOS42ODkgMTc0LjAyNyA2MDMuMzI3IDE3NS4zMTIgNTk2LjEyOSAxNzUuMzEyQzU5Mi4xNDUgMTc1LjMxMiA1ODguNDE3IDE3NC45MjYgNTg0Ljk0NyAxNzQuMTU1QzU4MS40NzcgMTczLjM4NCA1NzguMTM1IDE3Mi4yOTIgNTc0LjkyMiAxNzAuODc4VjIwOS4wNTFINTQ2LjE5NlY3NS40NDQ4QzU0OC43NjYgNzQuNjczNiA1NTEuNzIyIDczLjk2NjcgNTU1LjA2NCA3My4zMjQxQzU1OC40MDYgNzIuNTUyOSA1NjEuODc2IDcxLjkxMDIgNTY1LjQ3NSA3MS4zOTYxQzU2OS4yMDIgNzAuODgyIDU3Mi45MyA3MC40OTY0IDU3Ni42NTcgNzAuMjM5NEM1ODAuNTEzIDY5Ljg1MzggNTg0LjE3NiA2OS42NjEgNTg3LjY0NiA2OS42NjFDNTk2LjAwMSA2OS42NjEgNjAzLjQ1NSA3MC45NDYzIDYxMC4wMSA3My41MTY5QzYxNi41NjUgNzUuOTU4OSA2MjIuMDkyIDc5LjQ5MzUgNjI2LjU5MSA4NC4xMjA1QzYzMS4wODkgODguNjE5IDYzNC40OTUgOTQuMTQ1OCA2MzYuODA5IDEwMC43MDFDNjM5LjI1MSAxMDcuMjU2IDY0MC40NzIgMTE0LjU4MiA2NDAuNDcyIDEyMi42NzlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNzM4LjM4MSA3MS45NzQ1QzczMi41OTcgOTEuNTEwOSA3MjYuNTU2IDEwOS44MjYgNzIwLjI1OCAxMjYuOTIxQzcxMy45NiAxNDQuMDE1IDcwNy4wODQgMTYwLjU5NSA2OTkuNjI5IDE3Ni42NjJDNjk2LjkzIDE4Mi40NDUgNjk0LjIzMSAxODcuMzI5IDY5MS41MzIgMTkxLjMxNEM2ODguODMzIDE5NS40MjcgNjg1Ljg3NyAxOTguNzY5IDY4Mi42NjMgMjAxLjMzOUM2NzkuNDUgMjA0LjAzOCA2NzUuNzg3IDIwNS45NjYgNjcxLjY3NCAyMDcuMTIzQzY2Ny42OSAyMDguNDA4IDY2Mi45OTggMjA5LjA1MSA2NTcuNiAyMDkuMDUxQzY1My4xMDIgMjA5LjA1MSA2NDguOTI1IDIwOC42MDEgNjQ1LjA2OSAyMDcuNzAxQzY0MS4zNDEgMjA2LjkzIDYzOC4yNTcgMjA2LjAzIDYzNS44MTUgMjA1LjAwMkw2NDAuODI3IDE4Mi4wNkM2NDMuNzgzIDE4My4wODggNjQ2LjQxOCAxODMuNzk1IDY0OC43MzIgMTg0LjE4MUM2NTEuMDQ1IDE4NC41NjYgNjUzLjQ4NyAxODQuNzU5IDY1Ni4wNTggMTg0Ljc1OUM2NjEuMTk5IDE4NC43NTkgNjY1LjExOSAxODMuMzQ1IDY2Ny44MTggMTgwLjUxN0M2NzAuNjQ2IDE3Ny44MTggNjczLjAyNCAxNzQuMDI3IDY3NC45NTIgMTY5LjE0M0M2NjguMzk3IDE1Ni4yOSA2NjEuODQyIDE0MS44OTQgNjU1LjI4NyAxMjUuOTU3QzY0OC43MzIgMTA5Ljg5MSA2NDIuNTYyIDkxLjg5NjUgNjM2Ljc3OSA3MS45NzQ1SDY2Ny4yNEM2NjguNTI1IDc2Ljk4NzEgNjcwLjAwMyA4Mi40NDk2IDY3MS42NzQgODguMzYyQzY3My40NzQgOTQuMTQ1OCA2NzUuMzM3IDEwMC4wNTggNjc3LjI2NSAxMDYuMDk5QzY3OS4xOTMgMTEyLjAxMSA2ODEuMTIxIDExNy43OTUgNjgzLjA0OSAxMjMuNDVDNjg1LjEwNiAxMjkuMTA2IDY4Ny4wMzMgMTM0LjI0NyA2ODguODMzIDEzOC44NzRDNjkwLjUwNCAxMzQuMjQ3IDY5Mi4yMzkgMTI5LjEwNiA2OTQuMDM4IDEyMy40NUM2OTUuODM4IDExNy43OTUgNjk3LjU3MyAxMTIuMDExIDY5OS4yNDQgMTA2LjA5OUM3MDEuMDQzIDEwMC4wNTggNzAyLjcxNCA5NC4xNDU4IDcwNC4yNTYgODguMzYyQzcwNS45MjcgODIuNDQ5NiA3MDcuNDA1IDc2Ljk4NzEgNzA4LjY5MSA3MS45NzQ1SDczOC4zODFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNDIuNjc1OSAxMjMuOTU0TDE0MC4yNDMgOTUuNDUxTDE0MC4wMTUgMTI5LjQwOEMxMzkuOTg0IDEzNC4wMzIgMTM3LjA2NSAxMzguMTQyIDEzMi43MSAxMzkuNjk1TDQxLjU3OTYgMTcyLjE4OUw0Mi42NzU5IDEyMy45NTRaIiBmaWxsPSIjQkY1NzU3Ii8+CjxwYXRoIGQ9Ik0xNTEuMDU3IDBMMTUxLjExMiA2Mi4wMTM4TDkyLjI1MSAxMjAuOTc5TDYxLjIxNjYgODkuOTk5NkwxNTEuMDU3IDBaIiBmaWxsPSIjRjE3Njc2Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDEuNTE5NSAxMjYuMjA2TDQxLjU1OTIgMTcxLjcxN0wxMzEuNDAxIDgxLjcxODVMMTAwLjM2NyA1MC43Mzg2TDUxLjY1MDIgOTkuNTQwNEM0Ni4wMzQ5IDEwNi4xMDMgNDIuMjMyNSAxMTUuNTQzIDQxLjUxOTUgMTI2LjIwNloiIGZpbGw9IiNGMTc2NzYiLz4KPHBhdGggZD0iTTMxLjIxMjkgMjY3LjAzMUwzMS4wOTM1IDIwNS4wMTdMODkuODkzMSAxNDUuOTkxTDEyMC45NiAxNzYuOTM4TDMxLjIxMjkgMjY3LjAzMVoiIGZpbGw9IiNGMTc2NzYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNDAuNjE5IDE0MC43NDdMMTQwLjUzMiA5NS4yMDA2TDUwLjc4MzcgMTg1LjI5M0w4MS44NDk5IDIxNi4yNEwxMzAuNTMzIDE2Ny4zNzFDMTM2LjEyNyAxNjAuODEgMTM5LjkxMSAxNTEuMzg3IDE0MC42MTkgMTQwLjc0N1oiIGZpbGw9IiNGMTc2NzYiLz4KPC9zdmc+Cg==" alt="Screpy"></noscript> </div> </div> <div class="fp-item" data-uid="item_2" data-lc="#cccccc"> <div class="fp-container" data-item-type="links"> <div class="fp-heading" tabindex="0">Tools</div> <ul class="fp-links" data-mmt="0" data-mmb="0" data-mml="0" data-mmr="0"> <li class="fp-link"><a data-link-uid="1" href="/pagespeed/"><span>Page Speed Monitoring</span></a> </li> <li class="fp-link" data-sep="|"><a data-link-uid="5" href="/#seo"><span>SEO Audit</span></a></li> <li class="fp-link" data-sep="|"><a data-link-uid="7" href="/#uptime-monitoring"><span>Uptime Monitoring</span></a> </li> <li class="fp-link" data-sep="|"><a data-link-uid="8" href="/keywords/"><span>Keyword Tracking</span></a> </li> <li class="fp-link" data-sep="|"><a data-link-uid="9" href="/w3c-validator/"><span>W3C Validator</span></a></li> </ul> </div> </div> <div class="fp-item" data-uid="item_3" data-lc="#cccccc"> <div class="fp-container" data-item-type="links"> <a href="/blog/" class="fp-heading" tabindex="0">Blog</a> <ul class="fp-links" data-mmt="0" data-mmb="0" data-mml="0" data-mmr="0"> <li class="fp-link"> <a href="https://screpy.com/how-to-integrate-ai-with-seo-for-better-user-experience/" class="footer-blog-link" title="How To Integrate AI with SEO for Better User Experience"> <span>How To Integrate AI with SEO for Better User Experience</span> </a> </li> <li class="fp-link"> <a href="https://screpy.com/how-ai-improves-backlink-analysis-and-strategy/" class="footer-blog-link" title="How AI Improves Backlink Analysis And Strategy"> <span>How AI Improves Backlink Analysis And Strategy</span> </a> </li> <li class="fp-link"> <a href="https://screpy.com/predictive-analytics-and-seo-a-perfect-match/" class="footer-blog-link" title="Predictive Analytics and SEO A Perfect Match"> <span>Predictive Analytics and SEO A Perfect Match</span> </a> </li> <li class="fp-link"> <a href="https://screpy.com/ai-and-seo-transforming-keyword-research/" class="footer-blog-link" title="AI and SEO: Transforming Keyword Research"> <span>AI and SEO: Transforming Keyword Research</span> </a> </li> <li class="fp-link"> <a href="https://screpy.com/how-to-enhance-search-engine-rankings-using-ai/" class="footer-blog-link" title="How to Enhance Search Engine Rankings Using AI"> <span>How to Enhance Search Engine Rankings Using AI</span> </a> </li> </ul> </div> </div> <div class="fp-item" data-uid="item_4" data-lc="#cccccc"> <div class="fp-container" data-item-type="links"> <div class="fp-heading" tabindex="0">Resources</div> <ul class="fp-links" data-mmt="0" data-mmb="0" data-mml="0" data-mmr="0"> <li class="fp-link"><a data-link-uid="3" href="/faq/"><span>FAQ</span></a></li> <li class="fp-link" data-sep="|"><a data-link-uid="17" href="/pricing/"><span>Plans & Pricing</span></a></li> <li class="fp-link" data-sep="|"><a data-link-uid="19" href="https://mailscribe.com/n/screpy" target="_blank"><span>Newsletter</span></a></li> </ul> </div> </div> <div class="fp-item" data-uid="item_5" data-lc="#cccccc"> <div class="fp-container" data-item-type="links"> <div class="fp-heading" tabindex="0">App</div> <ul class="fp-links" data-mmt="0" data-mmb="0" data-mml="0" data-mmr="0"> <li class="fp-link"><a data-link-uid="4" href="https://app.screpy.com/login"><span>Log In</span></a> </li> <li class="fp-link" data-sep="|"><a data-link-uid="23" href="https://app.screpy.com/register"><span>Sign Up</span></a></li> <li class="fp-link" data-sep="|"><a data-link-uid="24" href="https://app.screpy.com/login?demo"><span>Demo</span></a></li> </ul> </div> </div> </div> </ul> <ul class="fp-row cf" data-uid="row_2" data-columns="2" data-flex="" data-lc="#fafafa" data-mc="2"> <div class="fp-limit cf"> <div class="fp-item" data-uid="item_6" data-lc="#fafafa" data-mc=""> <div class="fp-container" data-item-type="links"> <ul class="fp-links" data-mmt="0" data-mmb="0" data-mml="7" data-mmr="7" data-md="inline-block"> <li class="fp-link" data-sep="|"><a data-link-uid="30" href="/privacy-policy"><span>Privacy Policy</span></a></li> <li class="fp-link" data-sep="|"><a data-link-uid="32" href="/terms"><span>Terms</span></a></li> </ul> </div> </div> <div class="fp-item" data-uid="item_8" data-mc="" data-lc="#fafafa"> <div class="fp-container" data-item-type="links"> <ul class="fp-links" data-mmt="0" data-mmb="0" data-mml="7" data-mmr="7" data-md="inline-block"> <li class="fp-link"> <a data-link-uid="33" href="https://www.twitter.com/_screpy" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="18px" height="18px"> <path fill="#fafafa" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" /> </svg> </a> </li> <li class="fp-link" data-sep="|"> <a data-link-uid="34" href="https://www.facebook.com/Screpy-107071387735572/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="18px" height="18px"> <path fill="#fafafa" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z" /> </svg> </a> </li> <li class="fp-link" data-sep="|"> <a data-link-uid="35" href="https://www.instagram.com/use.screpy/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="18px" height="18px"> <path fill="#fafafa" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" /> </svg> </a> </li> <li class="fp-link" data-sep="|"> <a data-link-uid="36" href="https://www.linkedin.com/company/screpy" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="18px" height="18px"> <path fill="#fafafa" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" /> </svg> </a> </li> </ul> </div> </div> </div> </ul> <ul class="fp-row cf" data-uid="row_3" data-columns="2" data-split="50"> <div class="fp-limit cf"> <div class="fp-item" data-uid="item_7"> <div class="fp-container" data-item-type="text"> <p class="fp-text">© Copyright 2024 Airscarp LLC. All rights reserved.</p> </div> </div> <div class="fp-item" data-uid="item_11"> <div class="fp-container" data-item-type="text"> <p class="fp-text"> Made with <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="14px" height="14px"> <path fill="#fafafa" d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z" /> </svg> in Turkey </p> </div> </div> </div> </ul> </div> </footer> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type='text/javascript' src='https://screpy.com/wp-content/cache/min/1/wp-content/plugins/worth-the-read/js/wtr.js?ver=1731932826' id='wtr-js-js' defer></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' id='rocket-browser-checker-js-after'> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); </script> <script type='text/javascript' id='rocket-preload-links-js-extra'> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index\\.php\/)?wp\\-json(\/.*|$)|\/wp-admin\/|\/logout\/|\/_____\/|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|php|pdf|html|htm","siteUrl":"https:\/\/screpy.com","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' id='rocket-preload-links-js-after'> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type='text/javascript' src='https://screpy.com/wp-content/cache/min/1/wp-content/themes/screpy/dist/scripts/main_194d0559.js?ver=1731932823' id='sage/main.js-js' defer></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://screpy.com/wp-includes/js/comment-reply.min.js?ver=6.0.1' id='comment-reply-js' defer></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://screpy.com/wp-content/plugins/screpy-table-of-contents/vendor/smooth-scroll/jquery.smooth-scroll.min.js?ver=2.2.0' id='jquery-smooth-scroll-js' defer></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://screpy.com/wp-content/plugins/screpy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.2.1' id='js-cookie-js' defer></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://screpy.com/wp-content/plugins/screpy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2' id='jquery-sticky-kit-js' defer></script> <script type='text/javascript' id='ez-toc-js-js-extra'> /* <![CDATA[ */ var ezTOC = {"smooth_scroll":"1","scroll_offset":"0"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' src='https://screpy.com/wp-content/plugins/screpy-table-of-contents/assets/js/front.min.js?ver=2.0.16-1631356292' id='ez-toc-js-js' defer></script> <script>window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://screpy.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.5/lazyload.min.js"></script><script>function lazyLoadThumb(e){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?'':'&'+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var e,t,p,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id),a[t].appendChild(e),p=e.querySelector('.play'),p.onclick=lazyLoadYoutubeIframe});</script> </body> </html>