CINXE.COM

Content experiences that capture attention - 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>Content experiences that capture attention - Siteimprove</title> <meta name="description" content="Siteimprove is the go-to software for data-driven teams. Optimize your content for everything from SEO and analytics to accessibility. " /> <meta property="og:site_name" content="Siteimprove" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Content experiences that capture attention - Siteimprove" /> <meta property="og:description" content="Siteimprove is the go-to software for data-driven teams. Optimize your content for everything from SEO and analytics to accessibility. " /> <meta property="og:url" content="https://www.siteimprove.com/" /> <meta property="og:image" content="" /> <meta name="twitter:title" content="Content experiences that capture attention - Siteimprove"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@siteimprove"> <meta name="twitter:description" content="Siteimprove is the go-to software for data-driven teams. Optimize your content for everything from SEO and analytics to accessibility. "> <meta name="twitter:image" content=""> <meta name="pageid" content="10" /> <link href="https://www.siteimprove.com/" hreflang="en" rel="alternate" /> <link href="https://www.siteimprove.com/de/" hreflang="de" rel="alternate" /> <link href="https://www.siteimprove.com/" 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="/contact/" 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-2 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> <li class="nav-panel__card__wrapper"> <a href="/why-siteimprove/eaa-resource-center/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="EAA Resource Center" 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">EAA Resource Center</div> </div> </a> </li> </ul> </div> <div class="column subnav-right-column"> <a href="/events/the-european-accessibility-act-what-you-need-to-know-and-do-now/"><p class="headline" role="heading" aria-level="3">EAA: What you need to know (and do) <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">The European Accessibility Act: What you need to know (and do) now. Webinar on April 10 at 15:00 BST | 16:00 CEST | 10:00 ET with Izabela Misiorny, Head of Solutions Maketing at Siteimprove and guest speaker Gina Bhawalkar, Principal Analyst at Forrester.</div> --> <p class="nav-panel__card__description">The European Accessibility Act (EAA) is a chance to build a stronger, more inclusive brand. Hear Forrester share how accessibility can strengthen your revenue, elevate trust and reputation, and lower operating costs.</p> </div> <img alt="The European Accessibility Act: What you need to know (and do) now. Webinar on April 10 at 15:00 BST | 16:00 CEST | 10:00 ET with Izabela Misiorny, Head of Solutions Maketing at Siteimprove and guest speaker Gina Bhawalkar, Principal Analyst at Forrester." src="/495e0a/globalassets/media/the_european_accessibility_act_webinar_updated.png"> </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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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> <li class="nav-panel__card__wrapper"> <a href="/platform/accessibility-digital-governance/email-governance/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Email Governance" src="/4af95d/globalassets/media/redesign2024/icons/outlined_icon_nav_teams_dev_design.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Email Governance</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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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> <li class="nav-panel__card__wrapper"> <a href="/platform/content-marketing-and-strategy/competitive-content-analysis/" class="nav-panel__card"> <div class="nav-panel__card__graphic"> <img width="30" height="30" alt="Competitive Content Analysis" src="/4af95d/globalassets/media/redesign2024/icons/outlined_icon_nav_teams_content_marketers.png" /> </div> <div class="nav-panel__card__content"> <div class="nav-panel__card__title">Competitive Content Analysis</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&#x202F;</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&#x202F;" 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&#x202F;</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&#x202F;" 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&#x202F;</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&#x202F;" 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&#x202F;</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 &amp; 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 &amp; 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">Person using a laptop displaying an SEO and accessibility dashboard with various performance metrics. The screen shows analytics, score breakdowns, and graphs for website optimization.</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="Person using a laptop displaying an SEO and accessibility dashboard with various performance metrics. The screen shows analytics, score breakdowns, and graphs for website optimization." 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="/contact/" 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"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "Siteimprove", "description": "Siteimprove’s all-in-one platform amplifies digital marketing, so you can maximize your reach and provide and an exceptional, inclusive digital experience.", "url": "https://www.siteimprove.com", "sameAs": [ "https://www.linkedin.com/company/siteimprove", "https://en.wikipedia.org/wiki/Siteimprove", "https://www.facebook.com/Siteimprove/", "https://twitter.com/siteimprove?lang=en", "https://www.sitecore.com/products/tech-alliances/siteimprove" ] } </script> <div><div> <div class="grid decorative-circle-graphic pb0 pt-sm-72"> <h1 class="h1 col col-8 col-x-center txt-center pb0"> Built to help <span class="txt-highlight-green">teams</span> optimize reach, reputation, revenue, and returns </h1> <div class="grid pt0 pb0 gap-1-5"> <img class="decorative-circle-img col col-2 col-md-2 col-y-center" src="/globalassets/media/redesign2024/homepage/green_circle_square_hatching.png" alt=""> <div class="col col-8 col-sm-12 site-checker p0"> <p class="col col-5 col-x-center txt-center pb0 pt0"> AI-powered content intelligence for accessibility, digital governance, digital experience analytics, and search engine marketing all from one platform. </p> <div class="website-checker-form col col-12 col-x-center txt-center"> <div class="website-checker-field"> <label for="website" class="sr-only">Type your website URL</label> <input type="text" id="website" name="website" autocomplete="url" aria-required="true" placeholder="Type your website URL" aria-describedby="error-message"> <p id="error-message" class="s form-error hide" aria-live="assertive">Please enter a valid URL.</p> </div> <div class="website-checker-field website-checker-button"> <input id="checkButton" type="submit" class="btn" value="Check your site for free"> <div class="clear"></div> </div> </div> </div> </div> </div> </div><div> <!--logos section--> <div class="grid pt0 pb0"> <div class="col col-9 col-md-12 col-nest col-x-center key-numbers__list logos"> <img src="/4aea40/globalassets/media/redesign2024/homepage/costco_updated.png" loading="lazy" class="col col-2 col-md-6 col-sm-6 w100 logocon" alt="Costco wholesale logo" /><img src="/4aea40/globalassets/media/redesign2024/homepage/loreal.png" loading="lazy" class="col col-2 col-md-6 col-sm-6 w100 logocon" alt="L'Oréal logo" /><img src="/4aea40/globalassets/media/redesign2024/homepage/att.png" loading="lazy" class="col col-2 col-md-6 col-sm-6 w100 logocon" alt="AT&T logo" /><img src="/4aea40/globalassets/media/redesign2024/homepage/american_airlines_stacked_black4x.png" loading="lazy" class="col col-2 col-md-6 col-sm-6 w100 logocon" alt="American Airlines logo" /><img src="/4aea40/globalassets/media/redesign2024/homepage/akamai.png" loading="lazy" class="col col-2 col-md-6 col-sm-6 w100 logocon" alt="Akamai logo" /><img src="/4aea40/globalassets/media/redesign2024/homepage/vodafone.png" loading="lazy" class="col col-2 col-md-6 col-sm-6 w100 logocon" alt="Vodafone logo" /><img src="/4aea40/globalassets/media/redesign2024/homepage/cuisinart_newest.png" loading="lazy" class="col col-2 col-md-6 col-sm-6 w100 logocon" alt="Cuisinart logo" /> </div> </div> <!--logos section--></div><div> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "VideoObject", "embedUrl": "https://play.vidyard.com///play.vidyard.com/WBwpuvwGLqBa9X1SxZqM2U.html?" } </script> <div> <div class="grid grid-wide"> <div class="col col-12"> <div class="video"> <div class="video__wrap"> <div class="video__overlay"></div> <a href="//play.vidyard.com/WBwpuvwGLqBa9X1SxZqM2U.html?" data-title="Play video" aria-label="Play video" class="video__meta modaal-video" aria-label="Play video" data-transcriptlink="https://hello.siteimprove.com/l/550552/2024-09-04/3t859zn/550552/17254871928EYk8cR5/Siteimprove_main_video_descriptive_transcript.pdf" data-transcripttext="Download transcript"> <div class="btn btn-icon btn-play"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <path d="M8,6.8v10.4C8,18,8.9,18.4,9.5,18l8.1-5.2c0.6-0.4,0.6-1.3,0-1.7L9.5,6C8.9,5.6,8,6,8,6.8z" /> </svg> </div> </a> <div class="video__image" style="background-image: url(/4aea40/globalassets/media/redesign2024/homepage/platform_video_img_new.jpg?mode=crop&amp;w=1920&amp;h=600);"></div> </div> <div class="video__transcript"> <a href="https://hello.siteimprove.com/l/550552/2024-09-04/3t859zn/550552/17254871928EYk8cR5/Siteimprove_main_video_descriptive_transcript.pdf" class="btn btn-secondary btn-s btn-center">Download transcript</a> </div> </div> </div> </div> </div> </div><div> <div> <div class="grid pb0 pt-sm-32"> <div class="col-8 col-x-center txt-center" aria-labelledby="best-worlds-heading"> <h2 class="h2" id="best-worlds-heading"> The best of <span class="txt-highlight-green">all</span> worlds </h2> <p>AI, at your service: Our platform transcends traditional boundaries to tackle the full range of digital requirements, optimizations, and impact-drivers.</p> </div> </div> <div class="grid tabs2024 pb0" role="tablist"> <div class="grid btn-container pb0 pl0 pr0"> <button class="col-3 txt-center p24" id="tab1" role="tab" aria-selected="true" aria-controls="panel1"> <img src="/4aea40/globalassets/media/redesign2024/homepage/digital_accessibility_and_governance.png" loading="lazy" class="mb16" alt="Digital Accessibility & Governance" /> <p>Digital Accessibility &amp; Governance</p> <!-- for screen readers --> <p class="sr-only" aria-live="polite">Selected Tab: Digital Accessibility &amp; Governance</p> </button> <button class="col-3 txt-center p24" id="tab2" role="tab" aria-selected="false" aria-controls="panel2"> <img src="/4aea40/globalassets/media/redesign2024/homepage/digital_experience_analytics.png" loading="lazy" class="mb16" alt="Digital Experience Analytics" /> <p>Digital Experience Analytics</p> <!-- for screen readers --> <p class="sr-only" aria-live="polite">Selected Tab: Digital Experience Analytics</p> </button> <button class="col-3 txt-center p24" id="tab3" role="tab" aria-selected="false" aria-controls="panel3"> <img src="/4aea40/globalassets/media/redesign2024/homepage/performance_search_marketing.png" loading="lazy" class="mb16" alt="Performance & Search Marketing" /> <p>Performance &amp; Search Marketing</p> <!-- for screen readers --> <p class="sr-only" aria-live="polite">Selected Tab: Performance &amp; Search Marketing</p> </button> <button class="col-3 txt-center p24" id="tab4" role="tab" aria-selected="false" aria-controls="panel4"> <img src="/4aea40/globalassets/media/redesign2024/homepage/cross_channel_campaign_management.png" loading="lazy" class="mb16" alt="Cross-Channel Campaign Management" /> <p>Cross-Channel Campaign Management</p> <!-- for screen readers --> <p class="sr-only" aria-live="polite">Selected Tab: Cross-Channel Campaign Management</p> </button> </div> </div> <div class="grid pt0" style="position: relative;"> <div class="grid tabs-content" id="panel1" role="tabpanel" aria-labelledby="tab1" tabindex="1 - 1"> <div class="col-4 col-md-12 pr32"> <h4>Accessibility</h4> <p class="pr32">Ensure that every visitor to your site has an equal experience, and that your business is fully compliant with all local and federal regulations.</p> </div> <div class="col-4 col-md-12"> <h4>QA &amp; Custom rules</h4> <p class="pr32">Boost your brand reputation with a site that&rsquo;s consistent, high-quality, and functions as expected &mdash;&nbsp;and keep tabs on it in real time with fully automated, round-the-clock monitoring.</p> </div> <div class="col-4 col-md-12"> <h4>Designer &amp; Developer Tools</h4> <p class="pr32">Give the creators of your domain the tools to deliver an optimal digital experience from the minute coding starts, all the way through to deployment.</p> </div> <a class="btn col-x-center txt-center mt32" href="/platform/accessibility-digital-governance/" aria-label="Learn more Digital Accessibility &amp; Governance">Learn more</a> </div> <div class="grid tabs-content" id="panel2" role="tabpanel" aria-labelledby="tab2" tabindex="2 - 1"> <div class="col-4 col-md-12 pr32"> <h4>Content &amp; Behavior Analytics</h4> <p class="pr32">Understand how visitors are receiving your content and the responses it generates in order to make better targeted, more impactful decisions.</p> </div> <div class="col-4 col-md-12"> <h4>Journey &amp; Funnel Analysis</h4> <p class="pr32">Assess every step of your digital experience for strengths, weaknesses, and opportunities. Compare your efforts over time and iterate accordingly to continuously optimize your funnel.</p> </div> <div class="col-4 col-md-12"> <h4>Visitor Engagement &amp; KPIs</h4> <p class="pr32">Measure how your audience engages with your brand across a wide range of parameters, for an even more robust, informed view of how to influence their experience and actions they take.</p> </div> <a class="btn col-x-center txt-center mt32" href="/platform/digital-experience-analytics/" aria-label="Learn more Digital Experience Analytics">Learn more</a> </div> <div class="grid tabs-content" id="panel3" role="tabpanel" aria-labelledby="tab3" tabindex="3 - 1"> <div class="col-4 col-md-12 pr32"> <h4>Paid Search</h4> <p class="pr32">Optimize paid search campaigns, streamline budget management, and enhance landing page performance by leveraging AI-powered insights and automated analysis.</p> </div> <div class="col-4 col-md-12"> <h4>Content Marketing</h4> <p class="pr32">Leverage machine learning to make smarter SEO decisions and get AI-provided content suggestions to improve on-page engagement, sentiment, and conversions.</p> </div> <div class="col-4 col-md-12"> <h4>Competitive Research</h4> <p class="pr32">Highlight opportunities based on market trends and competitor analysis that give you the edge to claim more digital real estate for yourself and outpace the leaders in your space.</p> </div> <a class="btn col-x-center txt-center mt32" href="/platform/search-engine-marketing/" aria-label="Learn more Performance &amp; Search Marketing">Learn more</a> </div> <div class="grid tabs-content" id="panel4" role="tabpanel" aria-labelledby="tab4" tabindex="4 - 1"> <div class="col-4 col-md-12 pr32"> <h4>Unified Search Insights</h4> <p class="pr32">Consolidate paid and organic data for a holistic view that helps you pinpoint precisely how you can move the needle on the initiatives where it matters most.​</p> </div> <div class="col-4 col-md-12"> <h4>Paid Social</h4> <p class="pr32">View Facebook and LinkedIn ad performance and audience engagement data within a centralized dashboard to optimize ad spend, enhance campaign performance, and maximize ROI.</p> </div> <div class="col-4 col-md-12"> <h4>App Marketing (Coming Soon!)</h4> <p class="pr32">Augment your visibility into the customer experience you offer with expanded insight across platforms for a more consistent, high-performing digital estate.</p> </div> <a class="btn col-x-center txt-center mt32" href="/platform/cross-channel-ad-management/" aria-label="Learn more Cross-Channel Campaign Management">Learn more</a> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { const tabs = document.querySelectorAll('[role="tab"]'); const tabPanels = document.querySelectorAll('[role="tabpanel"]'); const panel_displayed = new Array(); console.log("javascript", tabs); tabs.forEach((tab, i) => { const targetPanel = document.getElementById(tab.getAttribute('aria-controls')); if (!targetPanel) console.warn(`Tab number ${i} panel is undefined, need a tab panel names: ${tab.getAttribute('aria-controls')}, which is defined on the tab.`) panel_displayed.push(targetPanel.style.display); // console.log("panel ", i, " display: ",targetPanel.style.display, "targetPanel:", targetPanel) if (i != 0) targetPanel.style.display = 'none'; tab.addEventListener('click', () => { console.log("tab clicked"); // Update the aria-selected attribute tabs.forEach(t => t.setAttribute('aria-selected', 'false')); tab.setAttribute('aria-selected', 'true'); // Hide all tab panels tabPanels.forEach(panel => panel.style.display = 'none'); // Show the selected tab panel const targetPanel = document.getElementById(tab.getAttribute('aria-controls')); targetPanel.style.display = panel_displayed[i]; //for clicking on a button in mobile to have it centered: // Calculate the scroll position to center the clicked button const container = tab.parentNode; const buttonRect = tab.getBoundingClientRect(); const containerRect = container.getBoundingClientRect(); const offset = buttonRect.left - containerRect.left; const scrollPosition = container.scrollLeft + offset - (container.clientWidth / 2) + (tab.clientWidth / 2); container.scroll({ left: scrollPosition, behavior: 'smooth' // Smooth scroll to the new position }); }); // Handle arrow key navigation tab.addEventListener('keydown', (e) => { let newIndex; const currentIndex = Array.prototype.indexOf.call(tabs, e.target); console.log(`tab keydown: ${currentIndex}`) switch (e.key) { case 'ArrowRight': newIndex = (currentIndex + 1) % tabs.length; break; case 'ArrowLeft': newIndex = (currentIndex - 1 + tabs.length) % tabs.length; break; default: return; } tabs[newIndex].focus(); }); }); }); </script></div><div> <!-- case studies section with splide.js implemenented --> <div class="grid parallelogram"> <div class="bg-gradient"></div> <div class="col col-12 col-x-center txt-center"> <p id="case-studies-carousel">CASE STUDIES</p> <h2 class="h2 col col-8 col-x-center txt-center pt0"> Real customers, <span class="txt-highlight-green">real</span> results </h2> <section class="splide" aria-label="Case studies carousel" role="region" aria-labelledby="case-studies-carousel"> <div class="splide__track"> <div class="splide__list"> <div class="splide__slide" aria-label="How Northern Arizona Healthcare earned a 100% Accessibility Score"> <div class="col col-12 col-md-12 col-x-center txt-center p0 carousel-container"> <div class="col col-6 col-md-12 col-sm-12 txt-center carousel-bg"> <img src="/48f357/globalassets/media/shared/customers/case-studies/northern-arizona-healthcare/nah-logo-black-new.png" loading="lazy" class="carousel-logo" alt="" /> </div> <div class="col col-6 col-md-12 col-sm-12 txt-left carousel-right-side"> <h2>How Northern Arizona Healthcare earned a 100% Accessibility Score</h2> <p class="carousel-p"> As a final step in an ambitious CMS migration, Northern Arizona Healthcare pulled out all the stops and attended to every detail. The results were unprecedented: a 100% Accessibility Score and a 99% Quality Assurance Score. Their story highlights the advantages of partnering with a digital agency. With just two web administrators managing thousands of web pages across multiple sites, digital accessibility and content quality was an ongoing challenge. Find out how they eliminated manual tasks and made working with dozens of content authors efficient. </p> <div class="grid p0 carousel-stats-container"> <div class="carousel-stats"> <h2 class="mb0">100%</h2> <p>accessibility score</p> </div> <div class="carousel-stats"> <h2 class="mb0">99%</h2> <p>quality assurance score</p> </div> </div> <div style="margin-bottom: 4rem;"> <a class="link-with-arrow" href="/case-studies/northern-arizona-healthcare/">See full customer story</a> <svg onclick="window.location.href = '/case-studies/northern-arizona-healthcare/';" class="right-arrow-svg" width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.0002 13.4C11.3002 13.4 11.5002 13.3 11.7002 13.1L17.4002 7.39999C17.8002 6.99999 17.8002 6.39999 17.4002 5.99999L11.7002 0.299994C11.3002 -0.100006 10.7002 -0.100006 10.3002 0.299994L10.2002 0.399994C9.8002 0.799994 9.8002 1.39999 10.2002 1.79999L14.1002 5.69999L1.0002 5.69999C0.400195 5.69999 0.000195464 6.09999 0.000195389 6.69999C0.000195314 7.29999 0.400195 7.69999 1.0002 7.69999L14.1002 7.69999L10.2002 11.6C9.8002 12 9.80019 12.6 10.2002 13L10.3002 13.1C10.5002 13.3 10.7002 13.4 11.0002 13.4Z" fill="#202124" /> </svg> </div> <svg class="svg-carousel" 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="splide__slide" aria-label="How the City and County of Denver improved accessibility and efficiency with our help"> <div class="col col-12 col-md-12 col-x-center txt-center p0 carousel-container"> <div class="col col-6 col-md-12 col-sm-12 txt-center carousel-bg"> <img src="/4aeab4/globalassets/media/shared/customers/case-studies/city-and-county-of-denver/dlogo-singlecolor.png" loading="lazy" class="carousel-logo" alt="City and County of Denver logo" /> </div> <div class="col col-6 col-md-12 col-sm-12 txt-left carousel-right-side"> <h2>How the City and County of Denver improved accessibility and efficiency with our help</h2> <p class="carousel-p"> With just two web administrators managing thousands of web pages across multiple sites, digital accessibility and content quality was an ongoing challenge. Find out how they eliminated manual tasks and made working with dozens of content authors efficient. </p> <div class="grid p0 carousel-stats-container"> <div class="carousel-stats"> <h2 class="mb0">32%</h2> <p>more accessible</p> </div> <div class="carousel-stats"> <h2 class="mb0">94/100</h2> <p>Content Quality Score</p> </div> </div> <div style="margin-bottom: 4rem;"> <a class="link-with-arrow" href="/case-studies/city-and-county-of-denver/">See full customer story</a> <svg onclick="window.location.href = '/case-studies/city-and-county-of-denver/';" class="right-arrow-svg" width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.0002 13.4C11.3002 13.4 11.5002 13.3 11.7002 13.1L17.4002 7.39999C17.8002 6.99999 17.8002 6.39999 17.4002 5.99999L11.7002 0.299994C11.3002 -0.100006 10.7002 -0.100006 10.3002 0.299994L10.2002 0.399994C9.8002 0.799994 9.8002 1.39999 10.2002 1.79999L14.1002 5.69999L1.0002 5.69999C0.400195 5.69999 0.000195464 6.09999 0.000195389 6.69999C0.000195314 7.29999 0.400195 7.69999 1.0002 7.69999L14.1002 7.69999L10.2002 11.6C9.8002 12 9.80019 12.6 10.2002 13L10.3002 13.1C10.5002 13.3 10.7002 13.4 11.0002 13.4Z" fill="#202124" /> </svg> </div> <svg class="svg-carousel" 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="splide__slide" aria-label="How Camden got better returns on their ad spend"> <div class="col col-12 col-md-12 col-x-center txt-center p0 carousel-container"> <div class="col col-6 col-md-12 col-sm-12 txt-center carousel-bg"> <img src="/4aeab4/globalassets/media/shared/customers/case-studies/camden/camden-logo-black_updated.png" loading="lazy" class="carousel-logo" alt="Camden logo" /> </div> <div class="col col-6 col-md-12 col-sm-12 txt-left carousel-right-side"> <h2>How Camden got better returns on their ad spend</h2> <p class="carousel-p"> Transparent data from Siteimprove Ads shed light on how fixes improved Camden&#x2019;s Google Quality score and lowered their CPCs. Find out how our tools helped them increase productivity and shift their ad budget to top performers. </p> <div class="grid p0 carousel-stats-container"> <div class="carousel-stats"> <h2 class="mb0">13%</h2> <p>savings in ad costs and time for a subset of ads in one quarter</p> </div> <div class="carousel-stats"> <h2 class="mb0">9%</h2> <p>increase in Google Quality Score&#x202F;</p> </div> </div> <div style="margin-bottom: 4rem;"> <a class="link-with-arrow" href="/case-studies/camden/">See full customer story</a> <svg onclick="window.location.href = '/case-studies/camden/';" class="right-arrow-svg" width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.0002 13.4C11.3002 13.4 11.5002 13.3 11.7002 13.1L17.4002 7.39999C17.8002 6.99999 17.8002 6.39999 17.4002 5.99999L11.7002 0.299994C11.3002 -0.100006 10.7002 -0.100006 10.3002 0.299994L10.2002 0.399994C9.8002 0.799994 9.8002 1.39999 10.2002 1.79999L14.1002 5.69999L1.0002 5.69999C0.400195 5.69999 0.000195464 6.09999 0.000195389 6.69999C0.000195314 7.29999 0.400195 7.69999 1.0002 7.69999L14.1002 7.69999L10.2002 11.6C9.8002 12 9.80019 12.6 10.2002 13L10.3002 13.1C10.5002 13.3 10.7002 13.4 11.0002 13.4Z" fill="#202124" /> </svg> </div> <svg class="svg-carousel" 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="splide__slide" aria-label="How Akamai Technologies streamlined operations to create consistently high-quality digital experiences"> <div class="col col-12 col-md-12 col-x-center txt-center p0 carousel-container"> <div class="col col-6 col-md-12 col-sm-12 txt-center carousel-bg"> <img src="/4aeab3/globalassets/media/redesign2024/homepage/logo_akamai_black2x.png" loading="lazy" class="carousel-logo" alt="Akamai logo" /> </div> <div class="col col-6 col-md-12 col-sm-12 txt-left carousel-right-side"> <h2>How Akamai Technologies streamlined operations to create consistently high-quality digital experiences</h2> <p class="carousel-p"> The largest content delivery network in the world had thousands of web pages to manage and a team of just six to manage them. Coupled with Adobe Experience Manager, Siteimprove&#x2019;s tools made quality assurance processes a breeze. </p> <div class="grid p0 carousel-stats-container"> <div class="carousel-stats"> <h2 class="mb0">50%</h2> <p>reduction peer review time</p> </div> <div class="carousel-stats"> <h2 class="mb0">97/100</h2> <p>Content Quality Score</p> </div> </div> <div style="margin-bottom: 4rem;"> <a class="link-with-arrow" href="/case-studies/akamai-technologies/">See full customer story</a> <svg onclick="window.location.href = '/case-studies/akamai-technologies/';" class="right-arrow-svg" width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.0002 13.4C11.3002 13.4 11.5002 13.3 11.7002 13.1L17.4002 7.39999C17.8002 6.99999 17.8002 6.39999 17.4002 5.99999L11.7002 0.299994C11.3002 -0.100006 10.7002 -0.100006 10.3002 0.299994L10.2002 0.399994C9.8002 0.799994 9.8002 1.39999 10.2002 1.79999L14.1002 5.69999L1.0002 5.69999C0.400195 5.69999 0.000195464 6.09999 0.000195389 6.69999C0.000195314 7.29999 0.400195 7.69999 1.0002 7.69999L14.1002 7.69999L10.2002 11.6C9.8002 12 9.80019 12.6 10.2002 13L10.3002 13.1C10.5002 13.3 10.7002 13.4 11.0002 13.4Z" fill="#202124" /> </svg> </div> <svg class="svg-carousel" 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> <!-- Instructions for screen readers --> <div aria-live="polite" style="position: absolute; left: -9999px;"> Use the left and right arrow keys to navigate through the carousel slides. Press the Enter key on the slide you wish to select for more information. </div> </div> </div> </section> </div> </div> <!-- case studies section with splide.js implemenented --></div><div> <div class="grid col bg-max-width-unset bg-gray" role="region" aria-labelledby="blog-heading"> <div class="col-8 col-x-center txt-center"> <h2 id="blog-heading" class="h2 pb0">On the blog</h2> <p class="mb32">Everyone knows knowledge is power, and we&#x2019;ve got plenty on offer. Bookmark our blog to stay current on compliance, digital best practices, and marketing tips, tricks, and trends.</p> </div> <a href="/blog/off-brand-content-cost/" class="grid bg-white blog-container" style="justify-content: space-evenly;" aria-labelledby="blog-post-title" role="article"> <div class="col col-5 col-md-12 p0 col-y-center"> <h3 id="blog-post-title">The hidden costs of off-brand content: Why consistency is the new Imperative</h3> <p>When inconsistent branding erodes customer trust, compromises engagement, and snarls workflow, sloppiness gets expensive fast.</p> <div class="mt24"> <p class="left mr24">By Allison McPhail</p> <p>Jan 01, 0001</p> </div> </div> <div class="col col-5 col-md-12 p0 col-y-center"> <img src="/49161a/globalassets/media/redesign2024/blog/blog_post_brand_consistency_visual_selection.png" loading="lazy" class="blog-img" alt="A mind map illustrating factors contributing to inconsistent branding. The central node, labeled 'Inconsistent branding' in green, connects to six blue nodes: 'Conflicting visual branding,' 'Mismatched messaging,' 'Logo and design inconsistencies,' 'Tone inconsistency across channels,' 'Conflicting messaging in campaigns,' and 'Social media vs. website disconnect.'" /> </div> </a> </div> </div><div> <div class="grid pt0"> <div class="col col-12 col-x-center txt-center p0"> <div class="col col-6 col-md-12 col-x-center txt-center quotes"> <img class="quote-img" src="/globalassets/media/redesign2024/homepage/quote.png" alt="" /> <h2 class="mt24">We love a good &#x2018;like&#x2019;</h2> <section class="splide" aria-label="Case studies carousel" role="region" aria-labelledby="case-studies-carousel"> <div class="splide__track"> <div class="splide__list"> <!-- slide 1 --> <div class="splide__slide" aria-label="Quote from J&#xF6;rg Lothal Senior Manager Corporate Communications, Web Intelligence &amp; SEM at Merck"> <p> “Since the relaunch, we were able to quadruple traffic to our website and gain deep data-driven insights into the mechanics of content design, which will guide our digital marketing efforts moving forward.” </p> <p class="mt24 mb0"><strong>J&#xF6;rg Lothal</strong></p> <p class="mb0">Senior Manager Corporate Communications</p> <p>Web Intelligence &amp; SEM at Merck</p> </div> <div class="splide__slide" aria-label="Quote from Scott Room Director Brand, Marketing and Digital, Openreach"> <p> "The Siteimprove platform has enabled us to double our traffic to our website over the last two years, increase team efficiency by over 20%, and given us an exciting roadmap of enhancements for the future." </p> <p class="mt24 mb0"><strong>Scott Room</strong></p> <p class="mb0">Director Brand, Marketing and Digital</p> <p>Openreach</p> </div> <div class="splide__slide" aria-label="Quote from Ralf Klanke Center of Excellence Lead, Tonality and Search, Vodafone"> <p> "The metrics that we measure with Siteimprove are the Quality Assurance Index and Digital Certainty Index. We’ve made a lot of progress since our first crawl in 2015, and now we’re trying to keep that level as high as possible at around 95 out of 100." </p> <p class="mt24 mb0"><strong>Ralf Klanke</strong></p> <p class="mb0">Center of Excellence Lead, Tonality and Search</p> <p>Vodafone</p> </div> <!-- Instructions for screen reader users --> <div aria-live="polite" style="position: absolute; left: -9999px;"> Use the left and right arrow keys to navigate through the carousel slides. Press the Enter key on the slide you wish to select for more information. </div> </div> </div> </section> </div> </div> </div></div><div> <div class="grid pt0" role="region" aria-labelledby="support-heading"> <div class="col col-12 col-md-12 col-x-center bg-max-width-L pb0 bg-gray"> <div class="grid bg-max-width "> <!-- below is a dummy/empty div for the line with the dot that goes above the text and image. I have the CSS for it in the "line-with-dot" class, but in order for it to show had to use a dummy/empty div. This is also the more flexible option that will allow us to change the line height or circle diamater in the future through CSS.--> <div class="col col-5 col-md-12"> <img src="/4aee10/globalassets/media/redesign2024/homepage/dashboard.png" loading="lazy" alt="A group of people working on computers. The dashboard of the Siteimprove platform is showing on one screen" /> </div> <div class="col col-5 col-md-12" role="group" aria-labelledby="updates-heading" aria-describedby="updates-desc"> <p id="updates-heading" class="mb0"></p> <h2>Coming soon to a dashboard near you</h2> <p id="updates-desc">Wondering what new and noteworthy features we have headed your way? Preview what we’ll be launching over these next few months. And spoiler: we’re expanding into even more of your key channels.</p> <a href="/product-pulse/" aria-label="Coming soon to a dashboard near you" class="btn btn-blue mt16">See what&#x2019;s new</a> </div> </div> </div> </div> </div><div> <div class="grid footer-bg"> <div class="col col-12"> <div class="txt-center cta"> <div> <h2> Ready to <span class="txt-highlight-white"> test drive</span> our platform and see how your site stacks up? </h2> <a href="/demo-request/" class="btn-black mt16 btn-center" data-type="CTA" data-location="3/3"> Let&#x27;s get started </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 &amp; 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 &amp; 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> .logocon { display: flex; justify-content: center; align-items: center; } .grid .col-nest { justify-content: center; } .announcement-banner { background: #A5FF81; padding: .6rem; font-size: 1.6rem; margin: 0; } a.btn { min-height: 4.4rem; min-width: 4.4rem; display: inline-block; } .btn-center { padding-top: 1.5rem; } .mt16 { padding-top: 2rem !important; } .carousel-logo { max-width: 100%; max-height: 25%; } input[type=text]:focus { border-color: #2767f1; } </style> <script> document.querySelector('.col-5 a.btn.btn-blue')?.setAttribute('aria-label', "See what's new"); // to add an aria label to the video background image for accessibility document.querySelectorAll('.video__image').forEach(function(element) { element.setAttribute('aria-label', 'Video: Siteimprove platform'); }); document.addEventListener('DOMContentLoaded', function () { var splide_slides = document.getElementsByClassName('splide'); for (var i = 0; i < splide_slides.length; i++) { let ele = splide_slides[i]; let splide = new Splide(ele, { type: 'loop', perPage: 1, pagination: true, }).mount(); var slides = ele.querySelectorAll('.splide__slide'); slides.forEach(function (slide) { // for accessibility keyboard navigation - updated role name to group slide.setAttribute('role', 'group'); // }); } }); document.getElementById('checkButton').addEventListener('click', function(event) { // Prevent the default form submission event.preventDefault(); // Get the value of the website input var website = document.getElementById('website').value; if (website) { window.location.href = '/website-checker/?website=' + encodeURIComponent(website); } else { } }); const imageElement = document.querySelector("body > div.page-wrapper > footer > div > div > div > div.col.col-4.col-md-12.footer-main__social.grid > div > img"); // Update the src attribute if (imageElement) { imageElement.src = "/globalassets/media/redesign2024/leader_fall_2024_new.png?v=2"; // Update the alt attribute imageElement.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".'; } document.addEventListener("DOMContentLoaded", () => { const secondP = document.querySelector(".mt24 p:nth-of-type(2)"); if (secondP) { secondP.innerHTML = "Feb 12, 2025"; } }); </script> <script> document.addEventListener("DOMContentLoaded", () => { // Remove the invalid role 'tablist' from its container const tablist = document.querySelector("[role='tablist']"); if (tablist) { tablist.removeAttribute("role"); // Removes the role entirely } // Update role from 'tab' to 'button' for buttons document.querySelectorAll("button[role='tab']").forEach(button => { button.setAttribute("role", "button"); }); // Remove or replace the role 'tabpanel' document.querySelectorAll("[role='tabpanel']").forEach(panel => { panel.removeAttribute("role"); // Removes the invalid role panel.removeAttribute("aria-labelledby"); // Remove aria-labelledby if not needed // Fix incorrect tabindex if found if (panel.hasAttribute("tabindex")) { panel.setAttribute("tabindex", "-1"); } }); }); </script> <script> (function () { const urlParams = new URLSearchParams(window.location.search); const utmParams = [ "utm_source", "utm_medium", "utm_keyword", "utm_campaign", "utm_term", "utm_content", "utm_id", // For identifying the campaign ID "utm_creative", // To specify the creative asset used "utm_placement", // To track ad placement details "utm_adgroup", // To identify the ad group "utm_network", // For specifying the ad network "utm_device", // To specify the device type "utm_region", // To track geographical targeting "utm_language", // To specify language targeting "utm_source_platform", // To specify the platform (like Facebook, Google) "utm_target", // To define the target audience ] let utmData = {}; // Capture and store UTM parameters in sessionStorage utmParams.forEach(param => { const value = urlParams.get(param); if (value) { utmData[param] = value; sessionStorage.setItem(param, value); } }); // Retrieve UTM parameters from sessionStorage if not in the current URL utmParams.forEach(param => { if (!utmData[param]) { const storedValue = sessionStorage.getItem(param); if (storedValue) { utmData[param] = storedValue; } } }); })(); (function () { const utmParams = [ "utm_source", "utm_medium", "utm_keyword", "utm_campaign", "utm_term", "utm_content", "utm_id", // For identifying the campaign ID "utm_creative", // To specify the creative asset used "utm_placement", // To track ad placement details "utm_adgroup", // To identify the ad group "utm_network", // For specifying the ad network "utm_device", // To specify the device type "utm_region", // To track geographical targeting "utm_language", // To specify language targeting "utm_source_platform", // To specify the platform (like Facebook, Google) "utm_target", // To define the target audience ] let utmData = {}; // Retrieve UTM parameters from sessionStorage utmParams.forEach(param => { const value = sessionStorage.getItem(param); if (value) { utmData[param] = value; } }); // Pass UTM parameters to Pardot forms function updatePardotIframe() { const iframes = document.querySelectorAll('iframe[id^="pardot-form"]'); iframes.forEach(iframe => { const src = new URL(iframe.src); Object.entries(utmData).forEach(([key, value]) => { src.searchParams.set(key, value); }); iframe.src = src.toString(); // Update iframe src with UTM parameters }); } // Run after page load window.addEventListener('load', () => { updatePardotIframe(); }); })(); </script> <style> /* CSS added for Why Siteimprove with 2 right columns added */ #nav-panel-0 div.column.subnav-right-column:nth-of-type(3) { margin-left: 0; } @media only screen and (max-width: 79.99em) { #nav-panel-0 .column.subnav-right-column p.nav-panel__card__description, #nav-panel-0 .column.subnav-right-column li.nav-panel__card__wrapper > img { display: none; } } /* added variable for banner height to allow spacing for banner and to easily change when the banner is deactived/activated */ :root { --banner-height: 3rem; @media only screen and (max-width: 79.99em) { --banner-height: 1rem; } } </style> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10