CINXE.COM
Ai at Siteimprove
<!DOCTYPE html> <html lang="en" xml:lang="en" class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="format-detection" content="telephone=no" /> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Ai at Siteimprove</title> <meta name="description" content="Siteimprove uses the latest AI technology to help make your website the most accessible, efficient, and powerful version of itself." /> <meta property="og:site_name" content="Siteimprove" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Ai at Siteimprove" /> <meta property="og:description" content="Siteimprove uses the latest AI technology to help make your website the most accessible, efficient, and powerful version of itself." /> <meta property="og:url" content="https://www.siteimprove.com/platform/ai-at-siteimprove/" /> <meta property="og:image" content="" /> <meta name="twitter:title" content="Ai at Siteimprove"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@siteimprove"> <meta name="twitter:description" content="Siteimprove uses the latest AI technology to help make your website the most accessible, efficient, and powerful version of itself."> <meta name="twitter:image" content=""> <meta name="pageid" content="12430" /> <link href="https://www.siteimprove.com/platform/ai-at-siteimprove/" hreflang="en" rel="alternate" /> <link href="https://www.siteimprove.com/platform/ai-at-siteimprove/" rel="canonical" /> <link rel="apple-touch-icon" sizes="180x180" href="/frontend/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/frontend/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/frontend/favicons/favicon-16x16.png"> <link rel="mask-icon" href="/frontend/favicons/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/frontend/favicons/favicon.ico"> <meta name="msapplication-TileColor" content="#141155"> <meta name="theme-color" content="#ffffff"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://siteimprove.com/", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://siteimprove.com/search/?query={search_term_string}" }, "query-input": "required name=search_term_string" } } </script> <link rel="preload" href="/frontend/static/media/Geologica-Bold.39253e3c.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="/frontend/static/media/Geologica-Bold.f9f15d25.ttf" as="font" type="font/ttf" crossorigin /> <link rel="preload" href="/frontend/static/media/Geologica-Bold.fc5702fa.woff" as="font" type="font/woff" crossorigin /> <link rel="preload" href="/frontend/static/media/Geologica-Regular.844caacd.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="/frontend/static/media/Geologica-Regular.e2b74af7.woff" as="font" type="font/woff" crossorigin /> <link rel="preload" href="/frontend/static/media/Gilroy-Bold.b8801907.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="/frontend/static/media/Gilroy-Bold.d01b69a2.woff" as="font" type="font/woff" crossorigin /> <link rel="preload" href="/frontend/static/media/inter-v12-latin-700.8d7a3f03.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="/frontend/static/media/inter-v12-latin-700.ac0ed07d.woff" as="font" type="font/woff" crossorigin /> <link rel="preload" href="/frontend/static/media/inter-v12-latin-regular.1eb0efb3.woff" as="font" type="font/woff" crossorigin /> <link rel="preload" href="/frontend/static/media/inter-v12-latin-regular.68c477c4.woff2" as="font" type="font/woff2" crossorigin /> <script src="https://polyfill.io/v3/polyfill.min.js?features=es2015%2Ces2016%2Ces5%2Ces6%2CIntersectionObserver%2Cfetch%2CElement.prototype.classList"></script> <script type="text/javascript" src="/frontend/static/js/runtime-styles.modern.65eb00f3.js"></script> <link rel="stylesheet" type="text/css" href="/frontend/static/css/styles.modern.6ec0a6e0.chunk.css" /> <script type="text/javascript" src="/frontend/static/js/styles.modern.894e6350.chunk.js"></script> <script> function $l(e, c) { c = document.createElement("script"), self.m ? (e && (c.src = e, c.type = "module")) : e && (c.src = e), c.src && document.head.appendChild(c) } addEventListener("load", function() { $l("/frontend/static/js/runtime-main.modern.907d39f6.js");$l("/frontend/static/js/4.modern.21d52497.chunk.js");$l("/frontend/static/js/main.modern.9ff9c1b7.chunk.js"); }); </script> <script>(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-W56S73X');</script> <script src="/Scripts/plugins/floating-ui_core.js"></script> <script src="/Scripts/plugins/floating-ui_dom.js"></script> <script> !function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{src: "https://js.monitor.azure.com/scripts/b/ai.2.gbl.min.js", crossOrigin: "anonymous", cfg: { instrumentationKey:'0a529580-ef6b-484c-85bb-ea1dd2c4eb93', disableCookiesUsage: false }}); </script> </head> <body data-module="GTM"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W56S73X" height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager" aria-hidden="true"></iframe></noscript> <div class="page-wrapper"> <header class="header-main"> <a class="vh f" href="#main">Skip to main content</a> <div class="header-main__wrap clear"> <div class="service-nav"> <ul class="service-menu"> <li><a href="/about-us/" class="service-menu__link">Company</a></li> <li><a href="/get-in-touch/" class="service-menu__link">Contact us</a></li> <li><a href="https://help.siteimprove.com/support/home" class="service-menu__link">Help Center</a></li> <li><a href="https://my2.siteimprove.com/" class="service-menu__link">Login</a></li> </ul> </div> <div class="main-nav"> <a href="/" class="logo"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 1315.4 323.8" style="enable-background:new 0 0 1315.4 323.8;" xml:space="preserve" aria-label="Siteimprove"> <style type="text/css"> .st0 { fill: #202124; } </style> <g> <path class="st0" d="M169.4,137.5l-11.1-3.3c-5.1-1.5-9.1-2.9-12-4.2c-3-1.3-5.1-2.6-6.3-4.1c-1.2-1.4-1.9-3.2-1.9-5.3 c0-2.6,0.8-4.9,2.5-6.8s4-3.4,7-4.4s6.5-1.6,10.5-1.6c4.1,0,8.1,0.5,12.1,1.6c4,1,7.7,2.5,11.1,4.3c3.4,1.8,6.3,4,8.6,6.4 l14.8-21.9c-5.1-4.9-11.7-8.7-20-11.5s-17.3-4.2-27-4.2c-7,0-13.5,1-19.4,3s-11.1,4.7-15.5,8.3c-4.4,3.6-7.8,7.8-10.2,12.6 c-2.4,4.8-3.7,10.1-3.7,15.8c0,8.9,2.9,16.5,8.7,22.8c5.8,6.3,15.2,11.3,28.4,15l11,3.1c7.7,2.1,13,4.2,15.8,6.5s4.2,5,4.2,8.3 c0,4-2,7.1-5.9,9.2c-3.9,2.1-9,3.2-15.3,3.2c-4.4,0-9-0.6-13.7-1.7c-4.7-1.1-9.1-2.7-13.3-4.8c-4.1-2.1-7.5-4.5-10.2-7.4L104.4,199 c6.3,5.4,14.1,9.6,23.2,12.4s18.5,4.3,28.2,4.3c10.4,0,19.4-1.7,27-5.2s13.4-8.3,17.6-14.5c4.1-6.2,6.2-13.3,6.2-21.4 c0-9.3-2.9-16.8-8.8-22.6C191.9,146.2,182.5,141.4,169.4,137.5z" /> <path class="st0" d="M252.7,77.1c-3.5-3-7.7-4.5-12.6-4.5c-4.8,0-9,1.5-12.6,4.5s-5.3,7-5.3,12.1s1.8,9.2,5.3,12.2 c3.6,3,7.7,4.5,12.6,4.5c4.9,0,9.1-1.5,12.6-4.5c3.5-3,5.3-7.1,5.3-12.2S256.3,80.1,252.7,77.1z" /> <rect x="225.2" y="119.7" class="st0" width="29.9" height="93.1" /> <path class="st0" d="M335.1,188.4c-1.9,0.5-3.7,0.7-5.6,0.7c-3.5,0-6.3-1-8.5-3s-3.3-5.5-3.3-10.5v-32.1h21.8v-23.7h-21.8V93.1 h-29.9v26.7h-18.1v23.7h18.1v37.3c0,11.6,3,20.3,8.9,26.1s14,8.7,24.4,8.7c4.5,0,8.8-0.6,12.8-1.7s7.5-2.5,10.3-4.1l-3.8-23.5 C338.7,187.3,337,188,335.1,188.4z" /> <path class="st0" d="M443,133.4c-4.2-5.1-9.4-9.2-15.8-12.1s-13.7-4.3-21.8-4.3c-7.4,0-14.2,1.2-20.4,3.6 c-6.2,2.4-11.5,5.8-16.1,10.2c-4.5,4.4-8.1,9.6-10.6,15.6s-3.8,12.6-3.8,19.8c0,9.9,2.2,18.6,6.5,26s10.3,13.1,18.1,17.3 c7.7,4.1,16.7,6.2,26.9,6.2c4.6,0,9.5-0.5,14.6-1.5s9.9-2.4,14.4-4.1c4.5-1.7,8.2-3.7,11.1-5.9l-9.4-20.3c-4.5,3-9.2,5.2-14.2,6.6 c-4.9,1.4-10.1,2.1-15.6,2.1c-4.9,0-9.3-0.8-13-2.3c-3.7-1.6-6.6-3.7-8.8-6.4c-2.1-2.7-3.2-5.9-3.3-9.6h69.9 c1.5-8.2,1.4-15.7-0.2-22.7C450,144.6,447.1,138.5,443,133.4z M383.7,154c0.5-4.7,2.6-8.4,6.4-11.2s8.6-4.2,14.4-4.2 c5.7,0,10.3,1.4,13.6,4.2c3.3,2.8,5.1,6.5,5.2,11.2H383.7z" /> <rect x="470.3" y="119.7" class="st0" width="29.9" height="93.1" /> <path class="st0" d="M497.9,77.1c-3.5-3-7.7-4.5-12.6-4.5c-4.8,0-9,1.5-12.6,4.5s-5.3,7-5.3,12.1s1.8,9.2,5.3,12.2 c3.6,3,7.7,4.5,12.6,4.5s9.1-1.5,12.6-4.5s5.3-7.1,5.3-12.2C503.2,84.1,501.4,80.1,497.9,77.1z" /> <path class="st0" d="M666.8,122.1c-5.2-3.4-12.3-5.2-21.3-5.2c-6.9,0-13.5,1.4-19.6,4.1s-11,7-14.7,12.9 c-1.8-5.2-5.2-9.3-10.2-12.4s-10.9-4.6-17.7-4.6c-3.5,0-7,0.5-10.5,1.6s-6.7,2.6-9.8,4.7c-3,2.1-5.7,4.7-7.9,7.9v-11.5h-29.9v93.1 h29.9v-53.1c0-2.9,0.7-5.6,2.1-7.9c1.4-2.3,3.4-4.2,6-5.6c2.6-1.4,5.5-2.1,8.9-2.1c5.2,0,9.1,1.6,11.9,4.7 c2.8,3.1,4.2,7.3,4.2,12.6v51.5h29.9v-53.1c0-2.9,0.7-5.6,2.1-7.9c1.4-2.3,3.4-4.2,6-5.6c2.6-1.4,5.5-2.1,8.8-2.1 c5.2,0,9.2,1.6,12,4.7c2.7,3.1,4.1,7.3,4.1,12.6v51.5H681v-60.1c0-6.1-1.1-11.9-3.2-17.3C675.6,130,672,125.6,666.8,122.1z" /> <path class="st0" d="M786.7,123.1c-7-4.1-14.9-6.1-23.8-6.1c-7.1,0-13.4,1.2-18.8,3.7c-5.4,2.4-9.8,5.7-13.3,9.8v-10.7H705v131.5 h29.9v-45.7c3.7,3.2,7.8,5.7,12.4,7.5c4.6,1.8,9.6,2.6,15.1,2.6c6.9,0,13.2-1.2,18.9-3.7s10.6-6,14.8-10.5s7.4-9.7,9.7-15.7 s3.4-12.5,3.4-19.4c0-9.9-2-18.5-6-25.9C799.2,132.9,793.7,127.2,786.7,123.1z M777,178.8c-1.9,3.5-4.6,6.3-8,8.2 s-7.3,2.9-11.6,2.9s-8.2-1-11.6-2.9c-3.4-1.9-6-4.6-8-8.2c-1.9-3.5-2.9-7.7-2.9-12.5c0-4.9,1-9.1,2.9-12.6s4.6-6.2,8-8.1 c3.4-1.9,7.2-2.9,11.5-2.9s8.2,1,11.5,2.9s6.1,4.6,8,8.1c2,3.5,3,7.7,3,12.6C779.9,171.1,778.9,175.3,777,178.8z" /> <path class="st0" d="M882.8,116.8c-5.4,0-10.4,1.1-15.1,3.3c-4.6,2.2-8.3,5.7-11.1,10.5v-10.9h-29.9v93.1h29.9v-47.4 c0-6.3,1.8-11,5.5-14.3s8.4-4.9,14-4.9c2.3,0,4.6,0.2,6.9,0.7c2.3,0.5,4.5,1,6.6,1.8l3.6-30.8c-1.6-0.3-3.2-0.6-4.8-0.8 C886.7,116.9,884.9,116.8,882.8,116.8z" /> <path class="st0" d="M977.2,123.7c-7.8-4.5-16.8-6.7-26.9-6.7c-7.6,0-14.6,1.3-20.9,4c-6.3,2.6-11.8,6.3-16.4,10.9 c-4.6,4.6-8.2,9.9-10.7,15.8c-2.5,5.9-3.8,12.2-3.8,18.7c0,8.9,2.2,17.2,6.6,24.7c4.4,7.5,10.5,13.5,18.3,17.9 c7.8,4.5,16.8,6.7,26.9,6.7c7.6,0,14.6-1.3,20.9-4s11.8-6.3,16.4-10.9c4.6-4.6,8.2-9.8,10.7-15.7s3.7-12.2,3.7-18.7 c0-8.9-2.2-17.2-6.6-24.7C991.1,134.1,985,128.2,977.2,123.7z M969.8,178.8c-1.9,3.5-4.6,6.3-8,8.2s-7.2,2.9-11.5,2.9 s-8.1-1-11.5-2.9s-6.1-4.6-8.1-8.2c-2-3.5-3-7.7-3-12.5c0-4.9,1-9.1,2.9-12.6s4.6-6.2,8-8.1c3.4-1.9,7.3-2.9,11.6-2.9 s8.2,1,11.6,2.9c3.4,1.9,6.1,4.6,8,8.1s2.9,7.7,2.9,12.6C972.7,171.1,971.8,175.3,969.8,178.8z" /> <polygon class="st0" points="1058,181.4 1039.8,119.7 1007.7,119.7 1040.6,212.8 1075.4,212.8 1107.1,119.7 1075.7,119.7 " /> <path class="st0" d="M1209.8,151.5c-1.6-7-4.5-13-8.6-18.2c-4.2-5.1-9.5-9.2-15.8-12.1c-6.4-2.9-13.7-4.3-21.8-4.3 c-7.4,0-14.2,1.2-20.4,3.6c-6.2,2.4-11.5,5.8-16.1,10.2c-4.5,4.4-8.1,9.6-10.6,15.6s-3.8,12.6-3.8,19.8c0,9.9,2.2,18.6,6.5,26 s10.3,13.1,18.1,17.3c7.7,4.1,16.7,6.2,26.9,6.2c4.6,0,9.5-0.5,14.6-1.5s9.9-2.4,14.4-4.1c4.5-1.7,8.2-3.7,11.1-5.9l-9.4-20.3 c-4.5,3-9.2,5.2-14.2,6.6c-4.9,1.4-10.1,2.1-15.6,2.1c-4.9,0-9.3-0.8-13-2.3c-3.7-1.6-6.6-3.7-8.8-6.4c-2.1-2.7-3.2-5.9-3.3-9.6 h69.9C1211.5,166.1,1211.4,158.5,1209.8,151.5z M1141.9,154c0.5-4.7,2.6-8.4,6.4-11.2s8.6-4.2,14.4-4.2c5.7,0,10.3,1.4,13.6,4.2 c3.3,2.8,5.1,6.5,5.2,11.2H1141.9z" /> </g> </svg> </a> <div class="nav-wrapper"> <script> const { computePosition, arrow, offset, shift, limitShift, autoPlacement, flip } = window.FloatingUIDOM; function handleClick(value) { //testing to not offset menu while working on new nav console.log("not handling click"); return; const button = document.querySelector('#nav-' + value); const buttonBounds = button.getBoundingClientRect() const tooltip = document.querySelector('#nav-panel-' + value); const tooltipBounds = tooltip.getBoundingClientRect() const arrowElement = document.querySelector('#nav-arrow-' + value); const firstMenuItem = document.querySelector('#nav-0') const firstMenuItemBounds = firstMenuItem.getBoundingClientRect() computePosition(button, tooltip, { middleware: [ offset(25), arrow({ element: arrowElement }), ], }).then(({ x, y, placement, middlewareData }) => { const itsTooFarLeft = buttonBounds.left - firstMenuItemBounds.left + x < 0 const correctedX = itsTooFarLeft ? -(buttonBounds.left - firstMenuItemBounds.left) : x x = correctedX Object.assign(tooltip.style, { left: `${x}px`, top: `${y}px`, }); const { x: arrowX, y: arrowY } = middlewareData.arrow; Object.assign(arrowElement.style, { left: `${Math.abs(correctedX) + (button.offsetWidth / 2) - 4}px`, top: '-8px', right: '', bottom: '' }); }); } </script> <style> .nav-panel__title__wrapper { display: none; } .nav-main-item-mobile{ display: block; } .nav-panel__arrow { display: none; } @media only screen and (max-width: 79.99em) { .nav-wrapper .nav-panel { left: 0 !important; } .nav-wrapper .nav-panel__grid ul li a { display: flex; gap: 10px; } .nav-panel__card__graphic { height: 30px; width: 30px; flex-shrink: 0; } .nav-item__hidden-text { height: 0; visibility: hidden; overflow: hidden; user-select: none; pointer-events: none; font-weight: 600; } /* updated mobile styles */ #nav-panel-0 .column a, #nav-panel-1 .column a, #nav-panel-4 .column a { color: #202124; text-decoration: none; } #nav-panel-1 div.column.subnav-right-column a p.headline, #nav-panel-4 div.column.subnav-right-column a p.headline { color: #202124; padding: 1rem; margin-top: 1rem; } .nav-wrapper #nav-panel-0 .column a .headline, .nav-wrapper #nav-panel-1 .column a .headline, .nav-wrapper #nav-panel-2 .column a .headline, .nav-wrapper #nav-panel-4 .column a .headline { padding: 1rem; margin-top: 1rem; } .nav-wrapper #nav-panel-0 .column a .headline:hover, .nav-wrapper #nav-panel-1 .column a .headline:hover, .nav-wrapper #nav-panel-2 .column a .headline:hover, .nav-wrapper #nav-panel-4 .column a .headline:hover { background: #F2F2F2; border-radius: 10px; text-decoration: underline; text-underline-offset: 0.5rem; } .nav-wrapper #nav-panel-0 .nav-panel__grid ul li a:hover, .nav-wrapper #nav-panel-1 .nav-panel__grid ul li a:hover, .nav-wrapper #nav-panel-2 .nav-panel__grid ul li a:hover, .nav-wrapper #nav-panel-4 .nav-panel__grid ul li a:hover { text-decoration: underline; text-underline-offset: 0.5rem; } .nav-wrapper #nav-panel-1 .column .headline, .nav-wrapper #nav-panel-2 .column .headline, .nav-wrapper #nav-panel-4 .column .headline { color: #0D4CD3; } #nav-panel-2 div.column:first-of-type p.headline, #nav-panel-4 div.column:first-of-type p.headline { margin-top: unset; } #nav-panel-2 div.column:not(:first-of-type) p.headline, #nav-panel-4 div.column:not(:first-of-type) p.headline { margin-top: 1.6rem; } #nav-panel-4 .nav-panel__card__description { display: none; } #nav-panel-4 .subnav-right-column img { display: none; } .headline-arrow::after{ content:'\2192'; } .nav-wrapper .service-menu-mobile li a { min-width: 4.4rem; min-height: 4.4rem; } /* updated mobile styles */ } @media only screen and (min-width: 79.99em) { .nav-wrapper .nav-panel { transform: scaleY(0) translateY(100%); /* top: 6rem; */ bottom:0; left: 0; } .nav-wrapper .nav-panel.open { transform: scaleY(1) translateY(100%); } .nav-panel__container { background: #fff; box-shadow: none; border-radius: 1.6rem; /* padding: 3rem 4rem; */ padding: 0; text-align: left; transition: box-shadow 0.3s; } .nav-wrapper .nav-panel__grid .headline { padding-left: 12px; font-family: "Geologica Bold"; font-size: 1.4rem; font-weight: 500; color: #0D4CD3; border-bottom: 1px solid #20212470; padding-bottom: 1rem; } .nav-wrapper .nav-panel.open .nav-panel__container { box-shadow: 0 5px 40px -5px rgba(20, 17, 85, .1), 0 3px 60px -8px rgba(20, 17, 85, .05); } .nav-wrapper .nav-panel__grid { background: transparent; box-shadow: none; border-radius: none; padding: 0; } .nav-panel__title__wrapper { display: block; } .nav-main-item-mobile { display: none; } .nav-panel__title { width: 100%; } .nav-panel__title__border { border-bottom: 1px solid rgb(32, 33, 36); padding-bottom: 10px; margin-bottom: 12px; margin-left: 10px; margin-right: 10px; } .nav-panel__title__link { display: flex; align-items: center; gap: 10px; border-radius: 12px; padding: 12px; text-decoration: none; color: rgb(32, 33, 36); } .nav-panel__title__link:hover { background-color: #eaf3f7; text-decoration: none; color: rgb(32, 33, 36); } .nav-panel__title__link:hover h4 { border-color: rgb(32, 33, 36); } .nav-panel__title__nolink { display: flex; gap: 10px; padding: 12px; } .nav-panel__title__text { display: flex; flex-direction: column; gap: 5px; flex-grow: 1; align-items: start; } .nav-panel__title__actions { display: flex; flex-direction: column; align-items: center; justify-content: center; } .nav-panel__title__button { background-color: #0d4cd3; width: 45px; height: 26px; border-radius: 13px; display: flex; align-items: center; } .nav-panel__title__button-arrow { height: 22px; width: 22px; transition: 0.3s; transform: translateX(5px); } .nav-panel__title__link:hover .nav-panel__title__button-arrow { transform: translateX(20px); } .hidden-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .nav-panel__title h4 { margin-bottom: 0; font-size: 2.3rem; font-family: "Geologica Bold"; border-bottom: 1px solid transparent; } .nav-panel__title__subtitle { margin: 0; font-family: "Geologica Regular"; } .nav-panel__arrow { background-color: white; width: 20px; height: 20px; position: absolute; top: 0; transform: rotate(45deg); display: block; } .nav-panel__grid { display: flex; } .nav-wrapper .nav-panel__grid .column { padding: 3rem 4rem; } .nav-main__item { margin-right: 35px; } .nav-item__text { position: absolute; height: 4.4rem; } .nav-item__hidden-text { height: 0; visibility: hidden; overflow: hidden; user-select: none; pointer-events: none; font-weight: 600; display: inline-block; height: 4.4rem; } .nav-wrapper .nav-main__items .nav-main__item button.nav-item { padding: 0; min-width: 4.4rem; min-height: 4.4rem; } .nav-wrapper .nav-main__items .nav-main__item a { min-width: 4.4rem; min-height: 4.4rem; } .nav-wrapper .nav-main__items .nav-main__item .nav-item.open { background-color: transparent; color: unset; font-weight: 600; border-bottom: unset !important; border-radius: 0; position:relative; } .nav-wrapper .nav-main__items .nav-main__item .nav-item .bottom-bar { display:none; left: 0; right: 0; bottom: -36px; height:6px; background-color:#0d4cd3; position:absolute; } .nav-wrapper .nav-main__items .nav-main__item .nav-item.open .bottom-bar { display:block; } .nav-wrapper .nav-main__items .nav-main__item .nav-item:focus .bottom-bar { display:block; } .header-main__wrap { border-bottom:1px solid #7F7F7F25; } .nav-wrapper .nav-main__items .nav-main__item button.nav-item.open::after { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="%23141155" xmlns="http://www.w3.org/2000/svg"><path d="M12,14.1l-3.8-3.8c-0.4-0.4-1.1-0.4-1.5,0l0,0c-0.4,0.4-0.4,1.1,0,1.5l4.6,4.6c0.4,0.4,1,0.4,1.4,0l4.6-4.6 c0.4-0.4,0.4-1.1,0-1.5l0,0c-0.4-0.4-1.1-0.4-1.5,0L12,14.1z"/></svg>'); } .nav-wrapper .nav-main__items .nav-main__item button.nav-item::after { right: unset; } .nav-wrapper .nav-main__items .nav-main__item .nav-item:focus, .nav-wrapper .nav-main__items .nav-main__item .nav-item:hover { box-shadow: none; } .nav-wrapper .nav-panel__grid .column { max-width:25%; } #nav-panel-1 .column { max-width: 32%; } #nav-panel-4 .column { max-width: 33%; } #nav-panel-4 .subnav-right-column img { margin-top: 2rem; } .subnav-right-column { margin-left:auto; } .nav-wrapper .nav-main__items .nav-main__item .nav-item { padding:0; } /*to get arrow clickable on main nav */ .main-nav-dd-arrow{ content: ""; position: absolute; top: 0; right: 1.2rem; display: inline-block; width: 2rem; height: 3.6rem; /* pointer-events: none; */ background-size: 100% 100%; background-repeat: no-repeat; background-position: 50% 50%; background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="%23141155" xmlns="http://www.w3.org/2000/svg"><path d="M12,14.1l-3.8-3.8c-0.4-0.4-1.1-0.4-1.5,0l0,0c-0.4,0.4-0.4,1.1,0,1.5l4.6,4.6c0.4,0.4,1,0.4,1.4,0l4.6-4.6 c0.4-0.4,0.4-1.1,0-1.5l0,0c-0.4-0.4-1.1-0.4-1.5,0L12,14.1z"/></svg>'); } .nav-wrapper .nav-main__items .nav-main__item button.nav-item.open .main-nav-dd-arrow { transform: rotate(-180deg); background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M12,14.1l-3.8-3.8c-0.4-0.4-1.1-0.4-1.5,0l0,0c-0.4,0.4-0.4,1.1,0,1.5l4.6,4.6c0.4,0.4,1,0.4,1.4,0l4.6-4.6 c0.4-0.4,0.4-1.1,0-1.5l0,0c-0.4-0.4-1.1-0.4-1.5,0L12,14.1z"/></svg>'); } @media only screen and (min-width: 79.99em) { .nav-wrapper .nav-main__items .nav-main__item button.nav-item.open .main-nav-dd-arrow { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="%23141155" xmlns="http://www.w3.org/2000/svg"><path d="M12,14.1l-3.8-3.8c-0.4-0.4-1.1-0.4-1.5,0l0,0c-0.4,0.4-0.4,1.1,0,1.5l4.6,4.6c0.4,0.4,1,0.4,1.4,0l4.6-4.6 c0.4-0.4,0.4-1.1,0-1.5l0,0c-0.4-0.4-1.1-0.4-1.5,0L12,14.1z"/></svg>'); } .nav-wrapper .nav-main__items .nav-main__item button.nav-item .main-nav-dd-arrow { right: unset; } } .nav-wrapper .nav-main__items .nav-main__item button.nav-item::after { display:none; } .nav-no-dd { margin-right:17.5px; } .headline-arrow::after{ content:'\2192'; } #nav-panel-0 .column a, #nav-panel-1 .column a, #nav-panel-2 .column a, #nav-panel-4 .column a { text-decoration: none; } #nav-panel-0 .column a:hover, #nav-panel-1 .column a:hover, #nav-panel-2 .column a:hover, #nav-panel-4 .column a:hover { text-decoration: underline; text-underline-offset: 0.5rem; } .nav-panel__container .subnav-right-column { background: #0D4CD320; } .nav-wrapper .nav-main__items .nav-main__item .nav-item{ border-radius: 0; transition: padding .2s; } .nav-wrapper .nav-main__items .nav-main__item, .nav-wrapper .nav-main__items{ position:unset; } .main-nav{ position:relative; } .header-main .main-nav .nav-wrapper .nav-panel{ width:100%; top: unset; bottom:0; /* transform: translateY(100%) scaleY(1); */ transform-origin: bottom; /* Ensures scaling starts from the bottom */ } .nav-wrapper .nav-panel__grid, .nav-wrapper .nav-panel__grid.columns-2{ width:auto; } @media only screen and (min-width: 79.99em) { .nav-panel__container { border-radius: 0; } .nav-wrapper .nav-panel__grid .headline { font-size: 1.6rem; } .nav-panel__title__link:hover { background-color: unset; } .nav-panel__title h4 { color: #0d4cd3; font-size: 1.6rem; } .nav-panel__title__border { width: 20%; } .nav-panel__title__link { padding-bottom: 0; } } .nav-wrapper .nav-panel__grid ul li a.nav-panel__card { display: flex; text-decoration: none; color: #202124; gap: 1rem; align-items: center; flex-wrap: nowrap; padding: 0.5rem 1rem !important; font-family: var(--geologica-regular); } .nav-wrapper .nav-panel__grid ul li a.nav-panel__card:hover { background: #F2F2F2; text-decoration: underline; text-underline-offset: 0.5rem; color: #202124; border-radius: 10px; } .nav-panel__card__content { display: flex; flex-direction: column; align-items: start; gap: 5px; } .nav-panel__card__graphic { width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0; } .nav-panel__card__title { font-weight: 500; color: rgb(32, 33, 36); font-size: 1.5rem; font-family: "Geologica Bold"; line-height: 1.8rem; border-bottom: 1px solid transparent; } .nav-panel__card__link:hover, .nav-panel__card__link:active, .nav-panel__card__link:focus { color: rgb(32, 33, 36); } .nav-panel__card__description { margin: 0; font-size: 1.2rem; text-decoration: none; color: rgb(32, 33, 36); } .nav-panel__card:hover .nav-panel__card__title { border-color: rgb(32, 33, 36); } } </style> <nav class="nav-main clear" aria-label="Main menu" data-module="navigation"> <div class="nav-main__actions clear"> <button class="btn btn-s nav-close toggle-mobile-nav">Close menu</button> </div> <ul class="nav-main__items clear"> <li class="nav-main__item"> <button id="nav-0" class="nav-item" aria-expanded="false" onclick="handleClick('0');"> <span class="nav-item__text">Why Siteimprove</span> <span class="nav-item__hidden-text">Why Siteimprove</span> <div class="main-nav-dd-arrow" onclick="handleClick('0');"></div> <div class="bottom-bar"></div> </button> <section class="nav-panel" role="navigation" aria-labelledby="nav-0" id="nav-panel-0"> <!-- <div class="nav-panel__arrow" id="nav-arrow-0"></div> --> <div class="nav-panel__container"> <div class="nav-panel__grid columns-1 clear"> <div class="column"> <a href="/why-siteimprove/"><p class="headline" role="heading" aria-level="3">Why Siteimprove <span class="headline-arrow"></span> </p></a> <ul> <li class="nav-panel__card__wrapper"> <a href="/why-siteimprove/how-it-works/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="How It Works" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_how_it_works-22.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">How It Works</div> </div> </a> </li> </ul> </div> </div> </div> </section> </li> <li class="nav-main__item"> <button id="nav-1" class="nav-item" aria-expanded="false" onclick="handleClick('1');"> <span class="nav-item__text">Platform</span> <span class="nav-item__hidden-text">Platform</span> <div class="main-nav-dd-arrow" onclick="handleClick('1');"></div> <div class="bottom-bar"></div> </button> <section class="nav-panel" role="navigation" aria-labelledby="nav-1" id="nav-panel-1"> <!-- <div class="nav-panel__arrow" id="nav-arrow-1"></div> --> <div class="nav-panel__container"> <div class="nav-panel__grid columns-2 clear"> <div class="column"> <a href="/platform/accessibility-digital-governance/"><p class="headline" role="heading" aria-level="3">Digital Accessibility & Governance <span class="headline-arrow"></span> </p></a> <ul> <li class="nav-panel__card__wrapper"> <a href="/platform/accessibility-digital-governance/accessibility/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Accessibility" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_core_a11y_digital_governance-1.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Accessibility</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/accessibility-digital-governance/qa-and-custom-rules/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Quality Assurance & Custom Rules" src="/4aea40/globalassets/media/redesign2024/icons/icon_nav_core1_qa_custom_rules-1.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Quality Assurance & Custom Rules</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/accessibility-digital-governance/design-and-developer-tools/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Designer & Developer Tools" src="/4aea40/globalassets/media/redesign2024/icons/icon_nav_core1_designer_dev.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Designer & Developer Tools</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/accessibility-digital-governance/brand-consistency/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Brand Consistency" src="/4af95d/globalassets/media/redesign2024/icons/outlined_icon_nav_teams_webops.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Brand Consistency</div> </div> </a> </li> </ul> </div> <div class="column"> <a href="/platform/digital-experience-analytics/"><p class="headline" role="heading" aria-level="3">Digital Experience Analytics <span class="headline-arrow"></span> </p></a> <ul> <li class="nav-panel__card__wrapper"> <a href="/platform/digital-experience-analytics/content-and-behavior-analytics/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Content & Behavior Analytics" src="/4aea40/globalassets/media/redesign2024/icons/icon_nav_core2_content_behavior.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Content & Behavior Analytics</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/digital-experience-analytics/funnel-analysis/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Journey & Funnel Analysis" src="/4aea40/globalassets/media/redesign2024/icons/icon_nav_core2_journey_funnel.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Journey & Funnel Analysis</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/digital-experience-analytics/visitor-engagement-kpis/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Visitor Engagement & KPIs" src="/4aea40/globalassets/media/redesign2024/icons/icon_nav_core2_vistor_kpis.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Visitor Engagement & KPIs</div> </div> </a> </li> </ul> </div> <div class="column"> <a href="/platform/search-engine-marketing/"><p class="headline" role="heading" aria-level="3">Search & Performance Marketing <span class="headline-arrow"></span> </p></a> <ul> <li class="nav-panel__card__wrapper"> <a href="/platform/search-engine-marketing/united-search-insights/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Unified Search Insights" src="/4aea40/globalassets/media/redesign2024/icons/icon_nav_core3_unified_search_insights.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Unified Search Insights</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/search-engine-marketing/competitive-research/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Competitive Research" src="/4aea40/globalassets/media/redesign2024/icons/icon_nav_core3_competitive_research.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Competitive Research</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/search-engine-marketing/ai-seo-workflow-management/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="SEO Insights Stream" src="/4aea40/globalassets/media/redesign2024/icons/icon_nav_core3_ai_seo.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">SEO Insights Stream</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/search-engine-marketing/paid-search/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Paid Search" src="/4aea41/globalassets/media/redesign2024/icons/icon_nav_core4_paid_search.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Paid Search</div> </div> </a> </li> </ul> </div> <div class="column"> <a href="/platform/content-marketing-and-strategy/"><p class="headline" role="heading" aria-level="3">Content Strategy & Marketing <span class="headline-arrow"></span> </p></a> <ul> <li class="nav-panel__card__wrapper"> <a href="/platform/content-marketing-and-strategy/content-marketing/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Content Marketing" src="/4aea41/globalassets/media/redesign2024/icons/icon_nav_core3_content_marketing.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Content Marketing</div> </div> </a> </li> </ul> </div> <div class="column subnav-right-column"> <a href="/platform/"><p class="headline" role="heading" aria-level="3">Platform Overview <span class="headline-arrow"></span> </p></a> <ul> <li class="nav-panel__card__wrapper"> <a href="/platform/ai-at-siteimprove/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="AI at Siteimprove" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_ai2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">AI at Siteimprove</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/platform/professional-services/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Professional Services" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_professional_services2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Professional Services</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/frontier/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Frontier" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_frontier2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Frontier</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/integrations/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Integrations" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_integrations2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Integrations</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/marketmuse/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="MarketMuse" src="/4aea40/globalassets/media/redesign2024/icons/icon_nav_marketmuse-1.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">MarketMuse</div> </div> </a> </li> </ul> </div> </div> </div> </section> </li> <li class="nav-main__item"> <button id="nav-2" class="nav-item" aria-expanded="false" onclick="handleClick('2');"> <span class="nav-item__text">Solutions</span> <span class="nav-item__hidden-text">Solutions</span> <div class="main-nav-dd-arrow" onclick="handleClick('2');"></div> <div class="bottom-bar"></div> </button> <section class="nav-panel" role="navigation" aria-labelledby="nav-2" id="nav-panel-2"> <!-- <div class="nav-panel__arrow" id="nav-arrow-2"></div> --> <div class="nav-panel__container"> <div class="nav-panel__grid columns-2 clear"> <div class="column"> <p class="headline" role="heading" aria-level="3">By Industry </p> <ul> <li class="nav-panel__card__wrapper"> <a href="/industries/financial-services/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Finance" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_finance2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Finance</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/industries/healthcare/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Healthcare" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_healthcare2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Healthcare</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/industries/higher-education/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Higher Education" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_high_education2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Higher Education</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/industries/government/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Government" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_government2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Government</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/industries/manufacturing/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Manufacturing" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_manufacturing2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Manufacturing</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/industries/retail/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Retail" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_retail2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Retail</div> </div> </a> </li> </ul> </div> <div class="column"> <p class="headline" role="heading" aria-level="3">By Role</p> <ul> <li class="nav-panel__card__wrapper"> <a href="/solutions/accessibility-leaders/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Accessibility Leaders" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_teams_a11y_leaders.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Accessibility Leaders</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/marketing-leaders/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Marketing Leaders " src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_teams_marketing_leaders2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Marketing Leaders </div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/content-marketers/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Content Marketers " src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_teams_content_marketers2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Content Marketers </div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/performance-marketers/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Performance Marketers " src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_teams_performance_marketers2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Performance Marketers </div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/development-and-design-ux/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Development & Design" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_teams_dev_design2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Development & Design</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/webops/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="WebOps" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_teams_webops2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">WebOps</div> </div> </a> </li> </ul> </div> <div class="column"> <p class="headline" role="heading" aria-level="3">By Goal</p> <ul> <li class="nav-panel__card__wrapper"> <a href="/solutions/enhance-reputation/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Enhance Reputation" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_goal_enhance_reputation2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Enhance Reputation</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/increase-reach/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Increase Reach" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_goal_increase_reach2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Increase Reach</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/generate-revenue/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Generate Revenue" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_goal_generate_revenue2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Generate Revenue</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/solutions/optimize-roi/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Optimize ROI" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_goal_optimize_roi2-12.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Optimize ROI</div> </div> </a> </li> </ul> </div> <div class="column subnav-right-column"> <p class="headline" role="heading" aria-level="3">Partnerships</p> <ul> <li class="nav-panel__card__wrapper"> <a href="/partners/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Our Partners" src="/4aea40/globalassets/media/redesign2024/icons/outlined__icon_nav_our_partners2-12.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Our Partners</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/optimizely-partner-page/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Optimizely Partner Page" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_optimizely.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Optimizely Partner Page</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/partners/become-a-partner/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Become a Partner" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_become_a_partner2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Become a Partner</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="https://partners.siteimprove.com/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Partner Portal" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_partner_portal2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Partner Portal</div> </div> </a> </li> </ul> </div> </div> </div> </section> </li> <li class="nav-main__item nav-no-dd"> <a href="/case-studies/" class="nav-item">Case Studies <div class="bottom-bar"></div> </a> </li> <li class="nav-main__item"> <button id="nav-4" class="nav-item" aria-expanded="false" onclick="handleClick('4');"> <span class="nav-item__text">Resources</span> <span class="nav-item__hidden-text">Resources</span> <div class="main-nav-dd-arrow" onclick="handleClick('4');"></div> <div class="bottom-bar"></div> </button> <section class="nav-panel" role="navigation" aria-labelledby="nav-4" id="nav-panel-4"> <!-- <div class="nav-panel__arrow" id="nav-arrow-4"></div> --> <div class="nav-panel__container"> <div class="nav-panel__grid columns-2 clear"> <div class="column"> <p class="headline" role="heading" aria-level="3">Learn</p> <ul> <li class="nav-panel__card__wrapper"> <a href="/siteimprove-101/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Siteimprove 101" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_siteimprove_1012.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Siteimprove 101</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/toolkit/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Siteimprove Toolkit" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_toolkit2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Siteimprove Toolkit</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/web-accessibility-compliance/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Compliance" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_compliance2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Compliance</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/glossary/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Glossary" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_glossary2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Glossary</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/blog/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Blog" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_blog_v22.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Blog</div> </div> </a> </li> </ul> </div> <div class="column"> <p class="headline" role="heading" aria-level="3">Connect</p> <ul> <li class="nav-panel__card__wrapper"> <a href="/events/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Events" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_calendar2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Events</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/on-demand-webinars/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="On-demand webinars" src="/4aea41/globalassets/media/redesign2024/icons/icon_nav_core3_content_marketing.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">On-demand webinars</div> </div> </a> </li> <li class="nav-panel__card__wrapper"> <a href="/press/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Press" src="/4aea40/globalassets/media/redesign2024/icons/outlined_icon_nav_press2.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Press</div> </div> </a> </li> </ul> </div> <div class="column subnav-right-column"> <a href="/digital-insights-report/"><p class="headline" role="heading" aria-level="3">Digital Insights Report <span class="headline-arrow"></span> </p></a> <ul> <li class="nav-panel__card__wrapper"> <div class="nav-panel__card__content"> <!-- For images going to use the menu text as the alt tag for now, since no pages need the menu text, but would need to add a new input for alt text otherwise in the CMS --> <!-- <div class="nav-panel__card__title"></div> --> <p class="nav-panel__card__description">Curious where your site performance stands today? Get a comprehensive, fully customized report detailing both strengths and actionable opportunities to improve.</p> </div> <img alt="" src="/4afbd6/globalassets/media/redesign2024/digital_insights_report.png"> </li> </ul> </div> </div> </div> </section> </li> </ul> <div class="cta-mobile clear"> <a href="/demo-request/" class="btn btn-s cta" data-type="CTA">Request a demo</a> </div> <ul class="service-menu-mobile clear"> <li><a href="/about-us/" class="service-menu__link">Company</a></li> <li><a href="/get-in-touch/" class="service-menu__link">Contact us</a></li> <li><a href="https://help.siteimprove.com/support/home" class="service-menu__link">Help Center</a></li> <li><a href="https://my2.siteimprove.com/" class="service-menu__link">Login</a></li> </ul> </nav> </div> <div class="actions"> <a href="/demo-request/" class="btn btn-s cta" data-type="CTA">Request a demo</a> <button class="btn btn-secondary btn-s btn-icon toggle-search" aria-label="Open search"> <span class="icon" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 30 30"> <path d="M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z"></path> </svg> </span> </button> <div class="header-search" data-module="search"> <form action="/search/"> <div class="field"> <label for="header-search">Search here</label> <input id="header-search" type="text" name="query" /> </div> <button class="btn btn-s search__button" type="submit" aria-label="Search">Search</button> </form> </div> <button class="btn btn-s btn-secondary btn-icon nav-open" aria-expanded="false" aria-label="Menu"> <span class="icon" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 24 24"> <path d="M 3 5 A 1.0001 1.0001 0 1 0 3 7 L 21 7 A 1.0001 1.0001 0 1 0 21 5 L 3 5 z M 3 11 A 1.0001 1.0001 0 1 0 3 13 L 21 13 A 1.0001 1.0001 0 1 0 21 11 L 3 11 z M 3 17 A 1.0001 1.0001 0 1 0 3 19 L 21 19 A 1.0001 1.0001 0 1 0 21 17 L 3 17 z" /> </svg> </span> </button> </div> </div> </div> </header> <main id="main" class="content-main"> <div><div> <div class="grid parallelogram"> <div class="col col-6 col-md-12 col-x-center txt-center p0"> <!-- optional field for module in the CMS that we can put capitalized text in above header. If not filled out, doesn't get included --> <p>AI @ SITEIMPROVE</p> <h1>Artificial intelligence, <span class="txt-highlight-green">real</span> impact</h1> <p>Our team started dabbling in AI long before it was the single biggest bet on every tech company's road map. Today, we leverage that 20-year head start to help customers resolve accessibility issues, optimize content and tags, and adhere to brand guidelines.</p> <!-- don't need buttons right now for consensus pages, but should keep as options for the module in the CMS --> <a href="/get-in-touch/" class="btn btn-center mt24" aria-label="See it in action">See it in action</a> <!-- button option we can choose for the module in the CMS for black outlined button with transparent background color (similar to text and image block where you can choose what type of button to use) --> <!-- <a href="#" class=" btn btn-black-outline btn-secondary btn-center mt24 ml24">Get a demo</a> --> </div> <svg class="svg-foreground offset-bottom-20" width="800" height="436" viewBox="0 0 846 436" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 123.182C0 102.751 15.3968 85.604 35.7098 83.4127L801.71 0.777963C825.362 -1.77359 846 16.7579 846 40.5472V312.818C846 333.249 830.603 350.396 810.29 352.587L44.2903 435.222C20.6382 437.774 0 419.242 0 395.453V123.182Z" fill="#A5FF81"/> </svg> </div></div><div> <div class="grid bg-full-w-80h-top" role="region" aria-labelledby="great-heading"> <h2 id="great-heading" class="col col-8 col-x-center txt-center pb0 mt16"> Why AI?</h2> <p class="col col-12 col-x-center txt-center pt0"> A good recommendation is an informed recommendation, and that's where the true power of AI can be felt: in leveraging data and patterns to make every action you take predictably high-performing. At Siteimprove, we channel this into successful outcomes across three distinct areas: </p> <div class="grid features-container"> <div class="feature-item bg-green-after col col-md-12 bttm-color txt-center" role="figure" aria-labelledby="feature-1-title" aria-describedby="feature-1-desc"> <img src="/4a77e7/globalassets/media/redesign2024/why-si/enhanced.png" loading="lazy" class="feature-icon col-x-center" alt="Enhanced UX" /> <h3 id="feature-1-title"> Enhanced UX & engagement </h3> <p id="feature-1-desc"> </p> </div> <div class="feature-item bg-blue-after col col-md-12 bttm-color txt-center" role="figure" aria-labelledby="feature-2-title" aria-describedby="feature-2-desc"> <img src="/490a4c/globalassets/media/redesign2024/why-si/icon_bargraph.png" loading="lazy" class="feature-icon col-x-center" alt="Bar graph" /> <h3 id="feature-2-title"> Efficient operations & development </h3> <p id="feature-2-desc"> </p> </div> <div class="feature-item bg-green-after col col-md-12 bttm-color txt-center" role="figure" aria-labelledby="feature-3-title" aria-describedby="feature-3-desc"> <img src="/490a4c/globalassets/media/redesign2024/why-si/icon_gears.png" loading="lazy" class="feature-icon col-x-center" alt="Gears" /> <h3 id="feature-3-title"> Advanced marketing & analytics </h3> <p id="feature-3-desc"> </p> </div> </div> </div></div><div> <div data-module="twoColumns"> <div class="grid"> <div class="col col-6 col-md-12 col-x-center txt-center"> <h2>How we apply AI</h2> <p>Our platform takes an integrated approach, seamlessly incorporating AI and machine learning capabilities across all of our core focus areas.</p> </div> <div class="col col-12"> <div class="twocol clear"> <div class="twocol__line"> <div class="indicator"></div> </div> <div class="twocol__content"> <div class="item item-0"> <img src="/4afbd7/globalassets/media/redesign2024/ai_conetnt_optimization2_1160x760.png" loading="lazy" class="hide show-md" alt="Line graph showing a 20% increase in performance." /> <h3>Content optimization</h3> <p>By harnessing powerful AI-driven tools, we ensure that your content aligns with your business goals, but also that it stands out on search engines. Our quick, intuitive approach to AI optimization boosts visibility as well as enhances user engagement, driving conversions and fostering long-term customer loyalty.</p> </div> <div class="item item-1"> <img src="/4afbd6/globalassets/media/redesign2024/ai_enhanced_analytics2_1160x760..png" loading="lazy" class="hide show-md" alt="Data visualization with bar chart and metric showing 1532 increase." /> <h3>Enhanced analytics & insights</h3> <p>From detailed behavioral analysis to predictive analytics, our solution provides a comprehensive view of user interactions and future trends. This enables your business to anticipate customer needs, optimize user experiences, and refine marketing strategies with precision. By leveraging AI-driven analytics, you stay ahead of the competition, continuously improving performance and maximizing ROI.</p> </div> <div class="item item-2"> <img src="/4afbd7/globalassets/media/redesign2024/ai_dev2_1160x760..png" loading="lazy" class="hide show-md" alt="Code editor with a suggestion for HTML form improvement." /> <h3>Efficient development</h3> <p>Boost development efficiency and accessibility compliance with AI-generated code suggestions tailored to your website's specific needs. Our AI tools analyze and optimize your site's code, identifying and resolving accessibility issues efficiently. By automating this process, we streamline development timelines and ensure a seamless user experience for all visitors.</p> </div> <div class="item item-3"> <img src="/4afbd7/globalassets/media/redesign2024/ai_marketing2_1160x760..png" loading="lazy" class="hide show-md" alt="Two content cards with abstract designs." /> <h3>High impact marketing</h3> <p>Our tools integrate cutting-edge generative AI models that analyze images and text, helping you ensure brand consistency across channels. This AI-driven approach optimizes campaign performance, allows more time for creativity, and feeds your team the insights needed to run strategic initiatives that drive growth and engagement.</p> </div> </div> <div class="twocol__images"> <div class="twocol__images-circle"> <div class="circle"> <div class="image image-0"> <img src="/4afbd7/globalassets/media/redesign2024/ai_conetnt_optimization2_1160x760.png" loading="lazy" alt="Line graph showing a 20% increase in performance." /> </div> <div class="image image-1"> <img src="/4afbd6/globalassets/media/redesign2024/ai_enhanced_analytics2_1160x760..png" loading="lazy" alt="Data visualization with bar chart and metric showing 1532 increase." /> </div> <div class="image image-2"> <img src="/4afbd7/globalassets/media/redesign2024/ai_dev2_1160x760..png" loading="lazy" alt="Code editor with a suggestion for HTML form improvement." /> </div> <div class="image image-3"> <img src="/4afbd7/globalassets/media/redesign2024/ai_marketing2_1160x760..png" loading="lazy" alt="Two content cards with abstract designs." /> </div> </div> </div> </div> </div> </div> </div> </div> </div><div> <div class="grid footer-bg"> <div class="col col-12"> <div class="txt-center cta"> <div> <h2> Curious what your site鈥檚 <span class="txt-highlight-white"> weakest</span> links are? </h2> <a href="/digital-insights-report/" class="btn-black mt16 btn-center" data-type="CTA" data-location="3/3"> Find out for free </a> </div> </div> </div> </div></div></div> </main> <footer class="footer-main"> <div><div> <div class="grid"> <div class="col col-8 col-md-12 col-nest footer-main__links"> <div class="col col-3 col-sm-6"> <p class="l b" role="heading" aria-level="2">Platform</p> <ul> <li><a href="/platform/">Overview</a></li> <li><a href="/integrations/">Integrations</a></li> <li><a href="/platform/professional-services/">Services & Support</a></li> <li><a href="/partners/">Partners</a></li> </ul> </div> <div class="col col-3 col-sm-6"> <p class="l b" role="heading" aria-level="2">Company</p> <ul> <li><a href="/leadership/">Leadership</a></li> <li><a href="/press/">Press</a></li> <li><a href="/contact/">Contact</a></li> </ul> </div> <div class="col col-3 col-sm-6"> <p class="l b" role="heading" aria-level="2">Careers</p> <ul> <li><a href="https://careers.siteimprove.com/our-culture/">Culture</a></li> <li><a href="https://careers.siteimprove.com/our-locations/">Offices</a></li> <li><a href="https://careers.siteimprove.com/open-positions/">Open Roles</a></li> </ul> </div> <div class="col col-3 col-sm-6"> <p class="l b" role="heading" aria-level="2">Support</p> <ul> <li><a href="https://help.siteimprove.com/support/solutions/80000220153">Getting started</a></li> <li><a href="https://help.siteimprove.com/support/solutions/80000220156">Guides & FAQs</a></li> <li><a href="/success-plans/">Success Plans</a></li> <li><a href="https://developer.siteimprove.com/">Developer Center</a></li> <li><a href="https://status.siteimprove.com/">System Status</a></li> </ul> </div> </div> <div class="col col-4 col-md-12 footer-main__social grid"> <ul class="col-12"> <li> <a href="https://www.linkedin.com/company/siteimprove" class="btn btn-s btn-icon"> <img src="/4a95e6/globalassets/media/shared/social/linkedin_updated.svg" alt="LinkedIn icon" /> <span class="vh">LinkedIn</span> </a> </li> <li> <a href="https://twitter.com/siteimprove" class="btn btn-s btn-icon"> <img src="/4a88c1/globalassets/media/shared/social/twitter.svg" alt="Twitter icon" /> <span class="vh">Twitter</span> </a> </li> <li> <a href="https://www.facebook.com/Siteimprove" class="btn btn-s btn-icon"> <img src="/4a88a2/globalassets/media/shared/social/facebook.svg" alt="Facebook icon" /> <span class="vh">Facebook</span> </a> </li> <li> <a href="https://www.youtube.com/channel/UCVost3tZNte0o4V2motH2IA" class="btn btn-s btn-icon"> <img src="/4a88b4/globalassets/media/shared/social/youtube.svg" alt="Youtube icon" /> <span class="vh">Youtube</span> </a> </li> </ul> <div class="col-12 shadow-l mt32"> <img src="/globalassets/media/redesign2024/leader_winter_2025_new.png" alt='Three award badges, each shaped like a shield with the "G2" logo at the top, and a red banner across the middle stating "Leader Winter 2025".'> <p class="footer-social-img-desc">Siteimprove is a leader in Digital Governance, Digital Analytics, and SEO Tools.</p> </div> </div> <div class="col col-12 col-nest footer-main__end"> <div class="col col-12 pb0"> <div class="line"></div> </div> <div class="col col-6 col-sm-12 footer-main__legal"> <ul> <li> <a href="/privacy/">Privacy</a> </li> <li> <a href="/legal/">Legal</a> </li> <li> <a href="/accessibility-statement/">Accessibility Statement</a> </li> </ul> <p class="s clear">Siteimprove is a registered trademark of Siteimprove A/S - All rights reserved. 2025</p> </div> <div class="col col-6 col-sm-12 footer-main__language"> <div class="btn-menu"> <button class="btn btn-s btn-secondary" aria-expanded="false">Change language: English</button> <div class="btn-menu__options top"> <ul> <li> <a href="/de" data-module="language-selector" data-href="/de" data-iso-language="de"> Deutsch </a> </li> </ul> </div> </div> </div> </div> </div> </div></div> </footer> </div> <script>var host = "https://www.siteimprove.com"; var cfCon = "SG";</script> <script src="/bundle/mainjs?v=BMRLHkW33WAt2YbhydcmvPVteiw"></script> <link rel="stylesheet" href="/bundle/customcss?v=IYW_HwUJKFmVRjM0r-tcdpTudwM" /> <style> .parallelogram { overflow: unset; padding-bottom: 10rem; } @media screen and (max-width: 63.99em) { .parallelogram { padding-bottom: 3.2rem; } } /*to get images wider*/ .twocol__images-circle .circle { width: unset !important; } </style> </body> </html>