https://surferseo.com/blog/why-use-surfer/

html surferseo.com collected 2026-09-24 06:53:42 UTC 283,741 bytes, 3,649 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Wed Sep 23 2026 14:20:45 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="surferseo.com" data-wf-page="646ca185a8d24088e437229c" data-wf-site="62666115cfab458794bd512f" lang="en" data-wf-collection="646ca185a8d24088e43721d7" data-wf-item-slug="why-use-surfer"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>âWhy Surfer Should Be in Your SEO Toolkit in 2025</title><meta content="Achieve SEO success with Surferâoptimize smarter, rank higher, and see real growth." name="description"/><meta content="âWhy Surfer Should Be in Your SEO Toolkit in 2025" property="og:title"/><meta content="Achieve SEO success with Surferâoptimize smarter, rank higher, and see real growth." property="og:description"/><meta content="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/6762ea2db19116c9920b21a3_1200x675_article_cover-1.avif" property="og:image"/><meta content="âWhy Surfer Should Be in Your SEO Toolkit in 2025" name="twitter:title"/><meta content="Achieve SEO success with Surferâoptimize smarter, rank higher, and see real growth." name="twitter:description"/><meta content="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/6762ea2db19116c9920b21a3_1200x675_article_cover-1.avif" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="rnwF_GTKwyBAhpGWudN3vTjx0r8QiYceUjjm3aktMXM" name="google-site-verification"/><link href="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab458794bd512f/css/surferseo.shared.e7b591c11.min.css" rel="stylesheet" type="text/css" crossorigin="anonymous" /><link href="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab458794bd512f/css/surferseo.646ca185a8d24088e437229c.fa99c3c41.opt.min.css" rel="stylesheet" type="text/css" crossorigin="anonymous" /><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>

1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>

1<script type="text/javascript">WebFont.load({  google: {    families: ["Inconsolata:400,700"]  }});</script>

1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>

1<link href="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab458794bd512f/65eafaead35ce9113800c953_favicon-32.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab458794bd512f/65e7306fad1e1e849f147176_Webclip.png" rel="apple-touch-icon"/>

1<script type="application/ld+json">
2{
3  "@context": "https://schema.org",
4  "@type": "BlogPosting",
5  "mainEntityOfPage": {
6    "@type": "WebPage",
7    "@id": "https://surferseo.com/blog/why-use-surfer/"
8  },
9  "headline": "âWhy Surfer Should Be in Your SEO Toolkit in 2025",
10  "description": "Achieve SEO success with Surferâoptimize smarter, rank higher, and see real growth.",
11  "image": "https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/6762ea2db19116c9920b21a3_1200x675_article_cover-1.avif",  
12  "author": {
13    "@type": "Person",
14    "name": "Kristavja Caci",
15    "url": "https://surferseo.com/author/kristavja",
16    "image": {
17      "@type": "ImageObject",
18      "url": "https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1).avif",
19      "caption": "Kristavja Caci"
20    }
21  },  
22  "publisher": {
23    "@type": "Organization",
24    "name": "Surfer",
25    "logo": {
26      "@type": "ImageObject",
27      "url": "https://assets.surferseo.art/webflow-scripts/favicon/schema-logo.png"
28    }
29  },
30  "datePublished": "2025-05-19T13:05:27.404Z",
31  "dateModified": "2025-05-19T13:03:46.840Z",
32	"inLanguage": "en-US"
33
34}
35</script>

35
36
37

38<script type="application/ld+json">
39{
40  "@context": "https://schema.org/", 
41  "@type": "BreadcrumbList", 
42  "itemListElement": [{
43    "@type": "ListItem", 
44    "position": 1, 
45    "name": "Surfer",
46    "item": "https://surferseo.com/"  
47  },{
48    "@type": "ListItem", 
49    "position": 2, 
50    "name": "blog",
51    "item": "https://surferseo.com/blog/"  
52  },{
53    "@type": "ListItem", 
54    "position": 3, 
55    "name": "âWhy Surfer Should Be in Your SEO Toolkit in 2025"
56  }]
57}
58</script>

58
59<link href="rss.xml" rel="alternate" title="RSS Feed" type="application/rss+xml"/><!-- Icons -->
60<link
61      rel="icon"
62      type="image/svg+xml"
63      href="https://assets.surferseo.art/webflow-scripts/favicon/icon.svg"
64      />
65<link
66      rel="icon"
67      type="image/x-icon"
68      sizes="16x16"
69      href="https://assets.surferseo.art/webflow-scripts/favicon/favicon-16.ico"
70      />
71<link
72      rel="icon"
73      type="image/x-icon"
74      sizes="32x32"
75      href="https://assets.surferseo.art/webflow-scripts/favicon/favicon-32.ico"
76      />
77<link
78      rel="icon"
79      type="image/x-icon"
80      sizes="48x48"
81      href="https://assets.surferseo.art/webflow-scripts/favicon/favicon-48.ico"
82      />
83<link
84      rel="icon"
85      type="image/x-icon"
86      sizes="64x64"
87      href="https://assets.surferseo.art/webflow-scripts/favicon/favicon-64.ico"
88      />
89<link
90      rel="icon"
91      type="image/x-icon"
92      sizes="128x128"
93      href="https://assets.surferseo.art/webflow-scripts/favicon/favicon-128.ico"
94      />
95<link
96      rel="icon"
97      type="image/png"
98      sizes="16x16"
99      href="https://assets.surferseo.art/webflow-scripts/favicon/icon-16.png"
100      />
101<link
102      rel="icon"
103      type="image/png"
104      sizes="32x32"
105      href="https://assets.surferseo.art/webflow-scripts/favicon/icon-32.png"
106      />
107<link
108      rel="icon"
109      type="image/png"
110      sizes="48x48"
111      href="https://assets.surferseo.art/webflow-scripts/favicon/icon-48.png"
112      />
113<link
114      rel="icon"
115      type="image/png"
116      sizes="96x96"
117      href="https://assets.surferseo.art/webflow-scripts/favicon/icon-96.png"
118      />
119<link
120      rel="icon"
121      type="image/png"
122      sizes="192x192"
123      href="https://assets.surferseo.art/webflow-scripts/favicon/icon-192.png"
124      />
125<link
126      rel="icon"
127      type="image/png"
128      sizes="512x512"
129      href="https://assets.surferseo.art/webflow-scripts/favicon/icon-512.png"
130      />
131<link
132      rel="apple-touch-icon-precomposed"
133      type="image/png"
134      sizes="152x152"
135      href="https://assets.surferseo.art/webflow-scripts/favicon/icon-152.png"
136      />
137<link
138      rel="apple-touch-icon-precomposed"
139      type="image/png"
140      sizes="167x167"
141      href="https://assets.surferseo.art/webflow-scripts/favicon/icon-167.png"
142      />
143<link
144      rel="apple-touch-icon-precomposed"
145      type="image/png"
146      sizes="180x180"
147      href="https://assets.surferseo.art/webflow-scripts/favicon/icon-180.png"
148      />
149<link
150      rel="apple-touch-icon"
151      sizes="180x180"
152      href="https://assets.surferseo.art/webflow-scripts/favicon/icon-180.png"
153      />
154<link
155      rel="mask-icon"
156      href="https://assets.surferseo.art/webflow-scripts/favicon/safari-pinned-tab.svg"
157      color="#FF5B49"
158      />
159
160<!-- COOKIES -->

161<script defer src="https://assets.surferseo.art/webflow-scripts/components/js-cookie.min.js"></script>

161
162

163<script>
164  const excludedPaths = ["/help-menu-iframe"];
165  const excludedDomains = ["webflow.io"];
166
167  if (
168    !excludedPaths.some((path) => window.location.pathname.includes(path)) &&
169    !excludedDomains.some((domain) => window.location.hostname.includes(domain))
170  ) {
171    window.addEventListener("load", () => {
172      const script = document.createElement("script");
173      script.src = "https://cdn.cookiehub.eu/c2/f8f96705.js";
174      script.async = true;
175      script.onload = () => {
176        const cpm = {};
177        window.cookiehub.load(cpm);
178      };
179      document.body.appendChild(script);
180    });
181  }
182</script>

182
183
184<!-- [Surfer] GA4 -->

185<script defer src="https://assets.surferseo.art/webflow-scripts/ga4.js"></script>

185
186
187<!-- Conditional Libraries -->

188<script>
189  document.addEventListener("DOMContentLoaded", function () {
190    // Load Split Type only if needed
191    if (document.querySelector("[animation-word-by-word]")) {
192      const script = document.createElement("script");
193      script.src = "https://assets.surferseo.art/webflow-scripts/components/split-type.min.js";
194      document.head.appendChild(script);
195    }
196  });
197</script>

197
198
199<style>
200
201
202  @media (prefers-reduced-motion: reduce) {
203    *, *::before, *::after {
204      animation-duration: 0.001ms !important;
205      animation-iteration-count: 1 !important;
206      transition-duration: 0.001ms !important;
207      scroll-behavior: auto !important;
208    }
209  }
210
211  [webflow-designer],
212  .w-webflow-badge {
213    display: none !important;
214  }
215
216  * {
217    -webkit-font-smoothing: antialiased;
218    -moz-osx-font-smoothing: grayscale;
219  }
220
221  ::-moz-selection {
222    color: white;
223    background: #7814f7;
224  }
225
226  ::selection {
227    color: white;
228    background: #7814f7;
229  }
230
231  .tippy-box[data-theme~="surfer"] {
232    background-color: #000000;
233    border: 1px solid #221e28;
234    border-radius: var(--radius--medium);
235    padding: 1rem;
236    margin: 0.25rem;
237    color: white;
238    font-size: var(--_text-sizes---u-text-sm);
239    font-weight: 450 !important;
240    line-height: 1.25;
241    text-align: left;
242    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px,
243      rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px,
244      rgba(0, 0, 0, 0.09) 0px -3px 5px;
245  }
246
247  /* Tooltip copy is <p>â¦</p><p>â¦</p> (and <ul>s); paragraphs/lists are spaced here, not by <br> in the data (2026-09-21). */
248  .tippy-box[data-theme~="surfer"] .tippy-content p + p {
249    margin-top: 0.5rem;
250  }
251  .tippy-box[data-theme~="surfer"] .tippy-content ul {
252    margin: 0;
253    padding-left: 1.1em;
254  }
255  .tippy-box[data-theme~="surfer"] .tippy-content ul + p,
256  .tippy-box[data-theme~="surfer"] .tippy-content p + ul {
257    margin-top: 0.5rem;
258  }
259
260  .tippy-box[data-theme~="surfer"][data-placement^="top"] > .tippy-arrow::before {
261    border-top-color: #000000;
262  }
263  .tippy-box[data-theme~="surfer"][data-placement^="bottom"] > .tippy-arrow::before {
264    border-bottom-color: #000000;
265  }
266  .tippy-box[data-theme~="surfer"][data-placement^="left"] > .tippy-arrow::before {
267    border-left-color: #000000;
268  }
269  .tippy-box[data-theme~="surfer"][data-placement^="right"] > .tippy-arrow::before {
270    border-right-color: #000000;
271  }
272
273  .tippy-content iframe {
274    border-radius: var(--radius--small);
275    border: 1px solid var(--swatches--neutral--gray-dark);
276  }
277
278  /* Hide Pricing Components */
279  [data-ai="unchecked"],
280  [data-my="checked"] {
281    display: none;
282  }
283</style>
284
285<!-- Profitwell -->

286<script id="profitwell-js" data-pw-auth="eaa6fd5d6acb4512d9f6fc0db154f830">
287  if (window.location.search.includes("__pw")) {
288    /* DO NOT DELETE - this code is used to accept our payments or send data to ProfitWell*/
289    (function (i, s, o, g, r, a, m) {
290      i[o] =
291        i[o] ||
292        function () {
293        (i[o].q = i[o].q || []).push(arguments);
294      };
295      a = s.createElement(g);
296      m = s.getElementsByTagName(g)[0];
297      a.async = 1;
298      a.src = r + "?auth=" + s.getElementById(o + "-js").getAttribute("data-pw-auth");
299      m.parentNode.insertBefore(a, m);
300    })(window, document, "profitwell", "script", "https://public.profitwell.com/js/profitwell.js");
301  }
302</script>

302<meta property="og:image" content="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/6762ea2db19116c9920b21a3_1200x675_article_cover-1.avif" />
303<meta name="ârobotsâ" content="âmax-image-preview:largeâ" />
304
305<!-- Open Graph / Facebook -->
306<meta property="og:site_name" content="Surfer" />
307<meta property="og:type" content="article" />
308<meta property="og:url" content="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/6762ea2db19116c9920b21a3_1200x675_article_cover-1.avif" />
309<meta property="og:image:width" content="1200" />
310<meta property="og:image:height" content="630" />
311<meta property="og:image:secure_url" content="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/6762ea2db19116c9920b21a3_1200x675_article_cover-1.avif" />
312
313<!-- Twitter -->
314<meta name="twitter:url" content="https://surferseo.com/blog/why-use-surfer" />
315<meta name="twitter:domain" value="surferseo.com" />
316<meta name="twitter:title" content="âWhy Surfer Should Be in Your SEO Toolkit in 2025" />
317<meta name="twitter:description" content="Achieve SEO success with Surferâoptimize smarter, rank higher, and see real growth." />
318<meta name="twitter:image" content="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/6762ea2db19116c9920b21a3_1200x675_article_cover-1.avif" />
319<meta name="twitter:site" content="@surfer_seo" />
320<meta name="twitter:creator" content="Kristavja Caci" />
321<meta name="twitter:label1" value="Written by" />
322<meta name="twitter:data1" value="Kristavja Caci" />
323<meta name="twitter:label2" value="Category" />
324<meta name="twitter:data2" value="Updates" />
325<meta name="twitter:label3" value="Published on" />
326<meta name="twitter:data3" value="May 19, 2025" />
327<meta name="twitter:card" content="summary_large_image" />
328

329<script>
330  // Dark Mode - Prevent flash of unstyled content
331  (function () {
332    if (localStorage.getItem('theme') === 'dark') {
333      document.documentElement.classList.add('dark');
334    }
335  })();
336</script>

336
337
338<style>
339  html {
340    scroll-padding-top: 5vh;
341  }
342
343  html.dark {
344    /* Dark Mode Start */
345    .blog-content-wrap {
346      background-color: var(--_swatches---neutral--1000);
347      border-color: var(--_swatches---neutral--900);
348      color: var(--_swatches---neutral--white);
349
350      --_swatches---neutral--black: var(--_swatches---neutral--white);
351      --_swatches---neutral--600: var(--_swatches---neutral--400);
352      --_swatches---neutral--200: var(--_swatches---neutral--800);
353      --_swatches---neutral--100: var(--_swatches---neutral--900);
354    }
355
356    .blog-post_cta {
357      background-color: var(--_swatches---neutral--900);
358      border-color: var(--_swatches---neutral--900);
359      color: var(--_swatches--neutral--white);
360
361      .blog-post_cta-button {
362        background-color: var(--_swatches---neutral--black);
363        color: var(--_swatches---neutral--1000);
364      }
365    }
366
367    h5 {
368      background-color: var(--_swatches---violet--dark);
369      color: var(--_swatches---violet--light);
370    }
371
372    h6 {
373      background-color: var(--_swatches---orange--dark);
374      color: var(--_swatches---orange--light);
375    }
376
377    .section-blog-post_relative-articles {
378      background-color: hsl(240 10% 7% / 1);
379    }
380
381    .w-richtext {
382      strong {
383        color: var(--_swatches---neutral--white);
384      }
385
386      blockquote {
387        color: var(--_swatches---neutral--white);
388
389        &:has(strong) {
390          color: var(--_swatches---neutral--600);
391        }
392
393        strong {
394          color: var(--_swatches---neutral--white);
395        }
396      }
397
398      blockquote + h4 {
399        color: var(--_swatches---neutral--500);
400      }
401
402      img {
403        border-color: var(--_swatches---neutral--900);
404      }
405
406      hr {
407        background-color: var(--_swatches---neutral--800);
408      }
409
410      .w-embed:has([data-video-id]) {
411        border-color: var(--_swatches---neutral--800);
412      }
413    }
414
415    .blog-post_sidebar-banner {
416      background-color: var(--_swatches---neutral--900);
417    }
418
419    .comparison-table {
420      --header-bg: var(--_swatches---neutral--900);
421      --table-border: var(--_swatches---neutral--900);
422      --cell-border: var(--_swatches---neutral--900);
423      --text-color: var(--_swatches---neutral--white);
424    }
425    /* Dark Mode End */
426  }
427
428  img[data-action='zoom'] {
429    cursor: zoom-in;
430  }
431  .zoom-img,
432  .zoom-img-wrap {
433    position: relative;
434    z-index: 999999;
435    transition: all 250ms cubic-bezier(1, 0, 0, 1);
436  }
437  img.zoom-img {
438    cursor: zoom-out;
439  }
440  .zoom-overlay {
441    cursor: zoom-out;
442    z-index: 999998;
443    background: rgba(0, 0, 0, 0.8);
444    position: fixed;
445    top: 0;
446    left: 0;
447    right: 0;
448    bottom: 0;
449    filter: 'alpha(opacity=0)';
450    opacity: 0;
451    transition: opacity 300ms;
452  }
453
454  .zoom-overlay-open .zoom-overlay {
455    filter: 'alpha(opacity=100)';
456    opacity: 1;
457  }
458
459  article h2:focus,
460  article h3:focus {
461    outline: none;
462  }
463</style>

463<script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script>

463<link rel="canonical" href="https://surferseo.com/blog/why-use-surfer/"></head><body exclude-swiper="" exclude-gsap=""><div class="page-wrapper"><div class="local-style w-embed"><style>
464
465  :root {
466    --article-container: 43rem;
467    --article-container-large: 57rem;
468  }
469
470  @media (max-width: 1550px) {
471    :root {
472      --article-container-large: 100%
473    }
474  }
475
476  @media (max-width: 750px) {
477    :root {
478      --article-container: 100%;
479      --article-container-large: 100%;
480    }
481  }
482
483  .w-richtext {
484    & h1,
485    & h2,
486    & h3,
487    & h4,
488    & h5,
489    & h6 {
490      text-wrap: pretty !important;
491    }
492
493    :is(h1, h2, h3, h4) + figure {
494      margin-top: var(--size--0-5rem) !important;
495    }
496
497    & strong {
498      color: var(--_swatches---neutral--black);
499    }
500
501    a strong {
502      color: inherit;
503    }
504
505    *:has(+ h5),
506    *:has(+ h6) {
507      padding-bottom: 0;
508    }
509
510    & blockquote {
511      &:has(strong) {
512        color: var(--_swatches---neutral--500);
513
514        & strong {
515          color: var(--_swatches---neutral--black);
516        }
517      }
518
519      & + h4 {
520        margin-top: 0;
521        color: var(--_swatches---neutral--600);
522        font-size: inherit;
523        font-weight: 400;
524        line-height: 160%;
525        padding-top: var(--size--1-5rem);
526        padding-bottom: var(--padding-vertical--medium);
527        text-align: center;
528        min-width: var(--article-container-large);
529        align-self: center;
530      }
531
532      padding-bottom: var(--padding-vertical--medium);
533    }
534
535    & blockquote:has(+ h4) {
536      padding-bottom: 0;
537    }
538
539    & blockquote:has(sub) {
540      font-size: 1em;
541      font-weight: 400;
542      line-height: 1.5;
543      min-width: 100%;
544      text-align: left;
545      padding: var(--size--2rem) var(--size--2rem);
546      border: var(--border-width) solid var(--_swatches---neutral--200);
547      border-radius: var(--radius--main);
548      margin-top: var(--size--1rem);
549      margin-bottom: var(--size--3rem);
550    }
551
552    & h5 {
553      & strong {
554        color: inherit;
555      }
556      & a {
557        color: var(--swatches--brand--violet--main);
558      }
559    }
560
561    & h6 {
562      & strong {
563        color: inherit;
564      }
565      & a {
566        color: var(--swatches--brand--orange--main);
567      }
568    }
569    & figure {
570      margin-block: var(--size--3rem) !important;
571    }
572
573    & img {
574      border-radius: var(--radius--main);
575
576      @media (max-width: 700px) {
577        border-radius: var(--size--0-75rem);
578      }
579      overflow: clip;
580    }
581
582    & figure:has(div:first-child > img) {
583      min-width: 100%;
584      margin-left: 0 !important;
585      margin-right: 0 !important;
586    }
587
588    & figure.w-richtext-align-fullwidth:has(div:first-child > img) {
589      min-width: var(--article-container-large);
590    }
591
592    & .divider,
593    & hr {
594      height: var(--border-width);
595      background-color: var(--_swatches---neutral--200);
596      border: none;
597      margin-top: var(--size--4rem);
598      margin-bottom: var(--size--5rem);
599
600      @media (max-width: 991px) {
601        margin-top: var(--size--2-5rem);
602        margin-bottom: var(--size--3rem);
603      }
604    }
605
606    .w-embed {
607      margin-block: var(--size--3rem);
608
609      &:has([data-video-id]) {
610        width: var(--article-container-large);
611        align-self: center;
612        border-radius: var(--radius--main);
613        border: solid var(--border-width) var(--_swatches---neutral--200);
614        overflow: clip;
615      }
616
617      &:has(hr) {
618        margin-block: 0;
619      }
620
621      &:has(.table-container) {
622        display: flex;
623        justify-content: center;
624      }
625    }
626  }
627
628  figure,
629  .w-embed {
630    &:has(iframe) {
631      border-radius: var(--radius--main);
632      overflow: clip;
633    }
634  }
635
636  .w-embed:has(table) {
637    width: var(--article-container-large);
638    align-self: center;
639  }
640
641  @media (max-width: 1400px) {
642    .blog-post_sidebar {
643      &.is-right {
644        display: none;
645      }
646      position: relative;
647      order: -1;
648      min-width: 15rem;
649      max-width: calc((100% - var(--article-container-large)) / 1.25 - var(--global-padding))
650    }
651  }
652
653  .blog-post_relative-articles_col-item:has(.blog-card_title:hover) {
654    .blog-card_title-icon {
655      color: var(--_swatches---orange--main);
656      transform: translate(0.25rem, -0.25rem);
657    }
658  }
659
660  .blog-post_sidebar-banner.is-minimalized {
661    transform: translateX(50%);
662    pointer-events: none;
663    opacity: 0;
664  }
665
666  h2 + .w-embed:has(table) {
667    margin-top: 1rem !important;
668  }
669
670</style></div><div class="script w-embed w-script"><!-- W template blog posta, embed element: -->
671<div id="schema-raw" style="display:none;"></div>
672

673<script>
674(function() {
675  var raw = document.getElementById('schema-raw');
676  if (!raw || !raw.textContent.trim()) return;
677  
678  var script = document.createElement('script');
679  script.type = 'application/ld+json';
680  script.textContent = raw.textContent;
681  document.head.appendChild(script);
682  
683  raw.remove();
684})();
685</script>

685</div><div><div banner="" data-wf--notification-bar-global--variant="base" class="notification-bar-global"><div class="component-style w-embed"><style>
686
687  [data-notification-bar]:hover {
688
689    [data-notification-bar="icon"] {
690      transform: translate(0.25em, -0.25em);
691    }
692  }
693
694  [data-notification-bar="poland"] {
695    display: none;
696  }
697
698
699</style></div><a ga-button="Notification Bar" data-notification-bar="" href="https://surferseo.com/free-ai-visibility-audit/" class="notification_bar is-unwrapped w-inline-block"><div class="notification_bar-wrap is-unwrapped"><div class="notification_bar-content"><span><span class="text-weight-bold">Get a FREE AI Visibility Audit</span><span>âstraight to your inbox. No account or credit card required.</span></span><div id="w-node-_6dcc58b1-0081-9cd1-49a2-62364e14142e-adc8099c" class="notification_bar-icon"><div class="notification_bar-icon-label">Generate now</div><div data-notification-bar="icon" class="button-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
700<path d="M7 17L17 7M17 7H7M17 7V17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
701</svg></div></div></div></div></a></div></div><div data-animation="default" data-collapse="medium" data-duration="500" data-easing="ease-in-out-expo" data-easing2="ease-in-out-expo" role="banner" class="blog_navbar w-nav"><div class="navbar-styler w-embed"><style>
702  @media (min-width: 992px) {
703    [navbar-search-icon-close] {
704      display: none;
705    }
706
707    [navbar-search]:has(.w--open) {
708      [navbar-search-icon-open] {
709        display: none;
710      }
711
712      [navbar-search-icon-close] {
713        display: flex;
714      }
715    }
716
717    .blog_navbar_item-toggle:hover,
718    .blog_navbar_item:hover {
719      .blog_navbar_item-icon {
720        color: var(--swatches--brand--orange--main);
721      }
722    }
723
724    .blog_navbar_items:has(.blog_navbar_item-wrap:hover) {
725      .blog_navbar_item-wrap:not(:hover) {
726        color: var(--_swatches---neutral--800);
727      }
728
729      .blog_navbar_item-dropdown:has(.blog_navbar_item:hover) {
730        .blog_navbar_item:not(:hover) {
731          color: var(--_swatches---neutral--400);
732        }
733      }
734    }
735  }
736
737  [mobile-menu-rive] {
738    display: none
739  }
740
741  [data-nav-menu-open] {
742    display: flex !important
743  }
744
745
746  @media (max-width: 990px) {
747    .blog_navbar_items .blog_navbar_item-wrap:has(.blog_navbar_item-dropdown.w--open) {
748
749      .blog_navbar_item-toggle .blog_navbar_item-icon {
750        color: var(--swatches--brand--orange--main);
751      }
752      opacity: 0.1 !important;
753    }
754
755    .blog_navbar_items:has(.blog_navbar_item-dropdown.w--open)
756    .blog_navbar_item-wrap {
757      opacity: 0.1 !important;
758    }
759
760    .blog_navbar_items:has(.blog_navbar_item-dropdown.w--open)
761    .blog_navbar_item-wrap:has(.blog_navbar_item-dropdown.w--open) {
762      opacity: 1 !important;
763    }
764  }
765  
766  .blog_navbar_logo-wrap:has(.navbar-logo-wrap:hover) {
767    .blog_navbar_search-shortcut {
768      display: none
769    }
770  }
771
772
773</style></div><div class="dark-mode-styles w-embed"><style>
774
775  @media (min-width: 992px) {
776    html.dark {
777      /* Dark Mode Start */
778      .blog_navbar_item-dropdown {
779        background-color: var(--_swatches---neutral--900);
780        border-color: var(--_swatches---neutral--800);
781        color: var(--swatches--neutral--white);
782      }
783
784      .blog_navbar_items:has(.blog_navbar_item-wrap:hover) {
785        .blog_navbar_item-wrap:not(:hover) {
786          color: var(--_swatches---neutral--800);
787        }
788
789        .blog_navbar_item-dropdown:has(.blog_navbar_item:hover) {
790          .blog_navbar_item:not(:hover) {
791            color: var(--_swatches---neutral--700);
792          }
793        }
794      }
795      /* Dark Mode End */
796    }
797  }
798
799</style></div><div id="w-node-_4ff0b85a-3249-0817-5a82-dff3e31b63d9-64ca3e48" class="blog_navbar-wrap"><div class="blog_navbar-side-wrap"><div data-blog-logo-wrap="" class="blog_navbar_logo-wrap"><a data-blog-logo="" aria-label="Homepage" navbar="logo" title="Surfer | SEO Content Optimization Platform" href="/" class="navbar--logo w-inline-block"><div data-branding="logo-wrap" data-wf--surfer-logotype--variant="base" class="surfer_logo-wrap"><div class="surfer_logo w-embed"><svg data-logo aria-labelledby="logo-title" role="img" alt="Surfer | SEO Content Optimization Platform" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB

799ox="0 0 452 117" fill="none" preserveAspectRatio="xMidYMid meet">
800  <title id="logo-title">Surfer | SEO Content Optimization Platform</title>
801
802  <!-- Symbol -->
803  <g data-logo-symbol>
804    <path d="M89.0923 0.000152588C92.6285 0.000152588 96.1247 0.696186 99.3968 2.04825C102.661 3.40032 105.629 5.38441 108.133 7.88053C110.629 10.3767 112.613 13.3448 113.966 16.617C115.318 19.8811 116.014 23.3853 116.014 26.9215V34.0178L103.981 37.722V26.8734C103.965 22.9293 102.389 19.1611 99.6048 16.3769C96.8127 13.5928 93.0365 12.0327 89.0923 12.0327H26.9293C22.9851 12.0327 19.1929 13.6008 16.4008 16.3929C13.6087 19.1851 12.0406 22.9693 12.0406 26.9215V55.6188C12.0406 60.6111 12.0406 63.0992 10.6645 64.9553C9.29645 66.8114 6.92033 67.5474 2.1441 69.0115L0 69.6755V26.9215C0 19.7851 2.84014 12.9368 7.88838 7.88853C12.9446 2.84029 19.785 0.000152588 26.9293 0.000152588H89.0923ZM113.862 47.2504L116.014 46.5864V89.3005C116.014 92.8366 115.318 96.3328 113.966 99.6049C112.613 102.869 110.629 105.837 108.133 108.341C105.637 110.837 102.669 112.822 99.3968 114.174C96.1327 115.526 92.6285 116.222 89.0923 116.222H26.9293C19.793 116.222 12.9446 113.39 7.89638 108.341C2.84814 103.293 0.00800039 96.4448 0.00800039 89.3084V82.2521L12.0486 78.5479V89.3485C12.0646 93.2926 13.6327 97.0608 16.4248 99.845C19.2169 102.629 22.9931 104.189 26.9373 104.189H89.0923C93.0365 104.189 96.8287 102.621 99.6208 99.829C102.413 97.0368 103.981 93.2527 103.981 89.3005V60.6431C103.981 55.6588 103.981 53.1627 105.349 51.3066C106.725 49.4505 109.101 48.7225 113.87 47.2504H113.862Z" fill="#FF5B49"/>
805    <path d="M74.1945 81.9162C69.1623 81.9162 68.6423 81.3962 68.6423 76.364V39.8822C68.6423 34.8499 69.1623 34.3299 74.1945 34.3299H76.4106C81.4509 34.3299 81.9709 34.8499 81.9709 39.8822V76.364C81.9709 81.3962 81.4509 81.9162 76.4106 81.9162H74.1945ZM39.6009 81.9162C34.5686 81.9162 34.0486 81.3962 34.0486 76.364V53.8829C34.0486 48.8426 34.5686 48.3226 39.6009 48.3226H41.817C46.8572 48.3226 47.3772 48.8426 47.3772 53.8829V76.364C47.3772 81.3962 46.8572 81.9162 41.817 81.9162H39.6009Z" fill="#FF5B49"/>
806  </g>
807
808  <!-- Wordmark -->
809  <g data-logo-wordmark>
810    <path d="M187.608 98.0857C177.154 98.0857 169.07 95.8273 163.354 91.0978C157.645 86.478 154.732 79.8127 154.732 71.1086H169.07C169.07 76.5864 170.688 80.4579 173.918 82.8193C177.154 85.1806 181.789 86.3682 188.041 86.3682C193 86.3682 196.883 85.5101 199.576 83.5744C202.165 81.6386 203.563 78.9546 203.563 75.3028C203.563 72.2962 202.379 70.0378 200.113 68.4246C197.848 66.9213 193.75 65.521 187.821 64.2305L181.355 62.94C164.862 59.9334 156.674 52.1972 156.674 39.7314C156.674 33.1759 159.153 27.9109 164.222 24.0462C169.18 20.1747 176.183 18.136 185.129 18.136C195.258 18.136 202.916 20.2845 208.087 24.5817C213.259 28.8788 216.062 34.8989 216.385 42.6351H202.262C201.938 38.3379 200.43 35.1117 197.841 32.9631C195.251 30.9244 191.051 29.8467 185.335 29.8467C180.811 29.8467 177.464 30.7047 175.095 32.3179C172.726 34.034 171.535 36.2923 171.535 39.3058C171.535 42.3193 172.616 44.7836 174.772 46.3967C176.927 48.1129 180.914 49.5132 186.52 50.584L193.206 51.8745C202.151 53.7005 208.625 56.3845 212.612 59.9334C216.599 63.4823 218.651 68.3148 218.651 74.5477C218.651 82.0711 215.848 87.8715 210.456 91.9558C204.961 96.0401 197.304 98.0789 187.601 98.0789L187.608 98.0857ZM261.635 71.9735V40.919H275.215V96.3628H262.062V88.304C257.751 94.5368 251.933 97.6533 244.599 97.6533C238.559 97.6533 233.822 95.9372 230.372 92.4981C226.921 89.059 225.2 84.1167 225.2 77.671V40.919H238.78V75.4126C238.78 82.5035 242.23 85.9426 249.233 85.9426C252.683 85.9426 255.596 84.7619 257.965 82.2907C260.334 79.8195 261.628 76.3805 261.628 71.9735H261.635ZM314.935 40.8434H318.275V53.4053H314.825C309.653 53.4053 305.659 54.9223 302.857 57.4965C300.054 60.0775 298.759 63.9422 298.759 68.9944V96.3628H285.18V40.919H298.332V51.5862C301.349 44.4953 306.954 40.8434 314.935 40.8434ZM355.33 30.2791H350.586C345.841 30.2791 343.582 32.5375 343.582 36.9445V40.919H355.007V53.371H343.582V96.3628H330.106V53.371H321.484V40.919H330.106V36.7248C330.106 31.35 331.614 27.1627 334.63 24.1492C337.646 21.1426 342.177 19.5295 348.32 19.5295C351.013 19.5295 353.388 19.6393 355.33 19.8521V30.2723V30.2791ZM411.213 69.6053V72.8316H369.606C370.039 77.5612 371.548 81.213 374.027 83.5744C376.506 85.9357 379.846 87.1233 384.053 87.1233C390.196 87.1233 394.403 84.5423 396.772 79.1743H409.815C408.307 84.8717 405.29 89.3817 400.759 92.7109C396.125 96.0401 390.519 97.6533 383.943 97.6533C375.645 97.6533 368.958 95.0723 363.89 89.7043C358.718 84.4393 356.239 77.4513 356.239 68.6443C356.239 59.8373 358.718 52.9591 363.787 47.5843C368.855 42.3193 375.535 39.6353 383.729 39.6353C391.924 39.6353 398.824 42.4291 403.782 47.9069C408.74 53.4945 411.219 60.6953 411.219 69.6122L411.213 69.6053ZM383.619 50.1584C375.645 50.1584 371.003 54.5654 369.716 63.3724H397.633C396.986 59.2881 395.477 56.0687 393.109 53.7005C390.629 51.3391 387.503 50.1516 383.619 50.1516V50.1584ZM448.66 40.054C449.845 40.054 450.926 40.1639 452 40.2668V52.7326H448.55C443.379 52.7326 439.384 54.1329 436.582 56.7071C433.779 59.2881 432.484 63.1528 432.484 68.205V96.3559H418.905V40.919H432.057V50.8037C435.074 43.7128 440.679 40.0609 448.66 40.0609V40.054Z" fill="white"/>
811  </g>
812</svg></div><div class="surfer_logo_symbol w-embed"><svg width="100%" height="100%" style="" viewBox="0 0 91 91" fill="none" xmlns="http://www.w3.org/2000/svg"
813alt="Surfer | SEO Content Optimization Platform">
814<title>Surfer | SEO Content Optimization Platform</title>
815<path fill-rule="evenodd" clip-rule="evenodd" d="M89.8281 21.8193C89.8281 10.3057 80.5 0.97168 68.9844 0.97168H20.8438C9.33594 0.97168 0 10.3057 0 21.8193V54.9277L1.66406 54.417C5.35156 53.2822 7.20312 52.7148 8.25781 51.2783C9.32031 49.8418 9.32031 47.9102 9.32031 44.0479V21.8193C9.32031 15.4541 14.4844 10.2939 20.8438 10.2939H68.9844C75.3359 10.2939 80.4922 15.4355 80.5078 21.7852V30.1807L89.8281 27.3154V21.8193ZM89.8281 37.0508L88.1719 37.5615C86.3359 38.126 84.9609 38.5498 83.9062 39.0098C82.8359 39.4756 82.1016 39.9775 81.5703 40.7002C81.3516 40.9961 81.1719 41.3135 81.0312 41.664

8151C80.875 42.0742 80.7656 42.5303 80.6875 43.0537C80.5078 44.251 80.5078 45.7959 80.5078 47.9297V70.125C80.5078 76.4902 75.3516 81.6504 68.9844 81.6504H20.8438C14.4922 81.6504 9.34375 76.5088 9.32031 70.1592V61.7979L0 64.6631V70.125C0 81.6387 9.33594 90.9727 20.8438 90.9727H68.9844C80.5 90.9727 89.8281 81.6387 89.8281 70.125V37.0508ZM25.1172 60.0996V42.6934C25.1172 38.1055 26.0781 37.1484 30.6641 37.1484H32.375C36.9688 37.1484 37.9219 38.1055 37.9219 42.6934V60.0996C37.9219 64.6875 36.9688 65.6445 32.375 65.6445H30.6641C26.0781 65.6445 25.1172 64.6865 25.1172 60.0996ZM51.9062 31.8545C51.9062 27.2676 52.8672 26.3096 57.4531 26.3096H59.1641C63.7578 26.3096 64.7109 27.2666 64.7109 31.8545V60.0986C64.7109 64.6865 63.7578 65.6436 59.1641 65.6436H57.4531C52.8672 65.6436 51.9062 64.6865 51.9062 60.0986V31.8545Z" fill="#FF5B49"/>
816</svg></div><div data-branding="logo-highlight" class="navbar-logo_highlight"><div class="navbar-logo_highlight-dot"></div><div class="navbar-logo_highlight-dot is-rt"></div><div class="navbar-logo_highlight-dot is-lb"></div><div class="navbar-logo_highlight-dot is-rb"></div></div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 459 201" fill="none" class="surfer_logo-positive"><path d="M19.3631 93.5993H0V0.906403H42.346C60.2942 0.906403 71.1321 12.3979 71.1321 30.5974C71.1321 38.9862 66.4852 60.1592 41.5703 60.1592H19.3631V93.5993ZM37.3113 44.1502C51.769 44.1502 51.769 33.8222 51.769 29.6925C51.769 20.6573 46.7343 16.9154 34.7257 16.9154H19.3631V44.1574H37.3113V44.1502Z" fill="currentColor"></path><path d="M108.444 95.4033C89.9855 95.4033 73.3301 84.0412 73.3301 59.2555C73.3301 34.4699 89.9855 23.1078 108.444 23.1078C126.902 23.1078 143.557 34.4699 143.557 59.2555C143.557 84.0412 126.902 95.4033 108.444 95.4033ZM108.444 38.3483C94.5031 38.3483 91.9175 50.4861 91.9175 59.2627C91.9175 68.0393 94.5031 80.1772 108.444 80.1772C122.384 80.1772 124.97 68.0393 124.97 59.2627C124.97 50.4861 122.391 38.3483 108.444 38.3483Z" fill="currentColor"></path><path d="M192.87 45.8321C192.094 41.4438 190.543 36.7969 180.732 36.7969C170.921 36.7969 169.628 40.5389 169.628 43.5123C169.628 54.3573 212.621 46.4785 212.621 71.7812C212.621 91.7907 193.257 95.4033 182.542 95.4033C166.92 95.4033 150.006 89.9808 149.489 71.6519H168.077C168.077 77.4623 171.689 81.7213 183.052 81.7213C192.345 81.7213 194.543 77.2038 194.543 74.6182C194.543 63.1267 151.938 71.7812 151.938 46.0907C151.938 36.0213 158.266 23.1078 179.698 23.1078C193.121 23.1078 209.13 26.4618 210.552 45.8321H192.862H192.87Z" fill="currentColor"></path><path d="M242.19 16.7847H224.113V0H242.19V16.7847ZM242.19 24.9149V93.5979H224.113V24.9149H242.19Z" fill="currentColor"></path><path d="M277.562 24.9126H288.795V37.8189H277.562V75.1302C277.562 79.1307 277.692 80.682 285.046 80.682C286.21 80.682 287.502 80.5528 288.788 80.4235V94.1055C285.951 94.2348 283.107 94.364 280.27 94.364H277.943C262.322 94.364 259.485 88.4244 259.485 79.5185V37.8189H250.191V24.9126H259.485V6.32516H277.562V24.9126Z" fill="currentColor"></path><path d="M316.676 16.7847H298.599V0H316.676V16.7847ZM316.676 24.9149V93.5979H298.599V24.9149H316.676Z" fill="currentColor"></path><path d="M368.703 93.5994H349.728L325.072 24.9164H345.21L359.41 75.5219H359.668L374.255 24.9164H393.489L368.703 93.5994Z" fill="currentColor"></path><path d="M457.783 73.4588C453.007 89.9849 439.325 95.4074 427.575 95.4074C408.212 95.4074 393.366 86.1137 393.366 57.8376C393.366 49.5781 396.211 23.1119 426.289 23.1119C439.842 23.1119 458.566 29.5686 458.566 60.9403V64.1651H411.444C411.961 69.329 412.995 80.9498 427.582 80.9498C432.617 80.9498 437.781 78.3642 439.203 73.4588H457.79H457.783ZM439.971 52.4151C438.937 41.3115 431.841 37.9574 426.031 37.9574C417.513 37.9574 412.995 43.3799 411.961 52.4151H439.979H439.971Z" fill="currentColor"></path><path d="M40.1254 200.989C27.3666 200.989 17.4992 198.232 10.5231 192.46C3.55536 186.821 6.10352e-05 178.686 6.10352e-05 168.062H17.4992C17.4992 174.748 19.4744 179.474 23.4163 182.356C27.3666 185.238 33.0232 186.687 40.6549 186.687C46.7065 186.687 51.4469 185.64 54.7332 183.277C57.8935 180.915 59.5997 177.639 59.5997 173.182C59.5997 169.512 58.154 166.755 55.3888 164.787C52.6236 162.952 47.6226 161.243 40.3859 159.667L32.4937 158.092C12.3638 154.423 2.37026 144.98 2.37026 129.765C2.37026 121.764 5.39605 115.338 11.5821 110.621C17.6337 105.896 26.1815 103.407 37.0996 103.407C49.4633 103.407 58.8096 106.03 65.1218 111.275C71.4339 116.519 74.8547 123.867 75.2497 133.309H58.0112C57.6161 128.065 55.7754 124.127 52.6152 12

8161.504C49.4549 119.016 44.3279 117.701 37.3517 117.701C31.8297 117.701 27.7449 118.748 24.8536 120.717C21.9622 122.811 20.5082 125.568 20.5082 129.246C20.5082 132.924 21.8278 135.932 24.4585 137.901C27.0893 139.995 31.9558 141.704 38.7974 143.011L46.9586 144.587C57.8767 146.815 65.7774 150.091 70.6438 154.423C75.5103 158.754 78.015 164.652 78.015 172.26C78.015 181.442 74.5942 188.522 68.0131 193.507C61.3059 198.492 51.9596 200.981 40.117 200.981L40.1254 200.989ZM130.479 169.118V131.215H147.053V198.886H131V189.05C125.738 196.657 118.636 200.461 109.685 200.461C102.314 200.461 96.5311 198.367 92.3202 194.169C88.1093 189.972 86.0081 183.939 86.0081 176.072V131.215H102.583V173.316C102.583 181.97 106.794 186.168 115.341 186.168C119.552 186.168 123.108 184.727 125.999 181.711C128.89 178.694 130.47 174.497 130.47 169.118H130.479ZM195.533 131.123H199.61V146.455H195.399C189.087 146.455 184.212 148.306 180.791 151.448C177.37 154.599 175.79 159.316 175.79 165.482V198.886H159.215V131.215H175.269V144.235C178.95 135.58 185.792 131.123 195.533 131.123ZM244.837 118.229H239.046C233.255 118.229 230.498 120.985 230.498 126.364V131.215H244.442V146.413H230.498V198.886H214.049V146.413H203.526V131.215H214.049V126.096C214.049 119.536 215.89 114.425 219.571 110.747C223.253 107.077 228.783 105.108 236.281 105.108C239.567 105.108 242.467 105.242 244.837 105.502V118.22V118.229ZM313.043 166.228V170.165H262.26C262.79 175.938 264.631 180.395 267.656 183.277C270.682 186.159 274.759 187.609 279.894 187.609C287.391 187.609 292.527 184.459 295.418 177.907H311.337C309.496 184.861 305.815 190.365 300.284 194.429C294.628 198.492 287.786 200.461 279.759 200.461C269.631 200.461 261.47 197.311 255.284 190.759C248.972 184.333 245.946 175.804 245.946 165.055C245.946 154.305 248.972 145.91 255.158 139.35C261.344 132.924 269.497 129.648 279.499 129.648C289.501 129.648 297.923 133.058 303.974 139.744C310.026 146.564 313.052 155.353 313.052 166.236L313.043 166.228ZM279.364 142.492C269.631 142.492 263.967 147.871 262.395 158.62H296.469C295.678 153.635 293.838 149.706 290.946 146.815C287.921 143.933 284.105 142.484 279.364 142.484V142.492ZM358.749 130.159C360.195 130.159 361.515 130.293 362.826 130.419V145.634H358.615C352.303 145.634 347.428 147.343 344.007 150.485C340.586 153.635 339.006 158.352 339.006 164.518V198.878H322.431V131.215H338.485V143.28C342.166 134.625 349.008 130.168 358.749 130.168V130.159Z" fill="currentColor" class="text-color-orange"></path></svg></div></a><a aria-label="Blog Homepage" data-blog-logo-label="" href="/blog/" class="blog_navbar_logo-label">Blog</a><div navbar-search-focus="" class="blog_navbar_search-shortcut is-blog"><span data-meta-key="">â</span>B</div><div class="js---back-to-blog-with-cmd-b w-embed w-script">

816<script>
817  document.addEventListener("DOMContentLoaded", () => {
818    document.addEventListener("keydown", (e) => {
819      const isMac = navigator.platform.toUpperCase().includes("MAC")
820      const cmdOrCtrl = isMac ? e.metaKey : e.ctrlKey
821
822      if (cmdOrCtrl && e.key.toLowerCase() === "b") {
823        e.preventDefault()
824        window.location.href = "/blog"
825      }
826    })
827  })
828</script>

828</div><div class="js-change-blog-com w-embed w-script">

828<script>
829  document.addEventListener("DOMContentLoaded", () => {
830    const logoWraps = document.querySelectorAll("[data-blog-logo-wrap]");
831
832    logoWraps.forEach((wrap) => {
833      const logo = wrap.querySelector("[data-blog-logo]");
834      const blogLabel = wrap.querySelector("[data-blog-logo-label]");
835      if (!logo || !blogLabel) return;
836
837      const originalText = blogLabel.textContent;
838      const hoverText = "Home";
839
840      logo.addEventListener("mouseenter", () => {
841        blogLabel.textContent = hoverText;
842      });
843
844      logo.addEventListener("mouseleave", () => {
845        blogLabel.textContent = originalText;
846      });
847    });
848  });
849</script>

849</div></div></div><nav role="navigation" class="blog_navbar-menu w-nav-menu"><form action="/search" data-mobile-menu-stagger="" class="blog_navbar-mobile-search w-form"><input class="search-input w-input" maxlength="256" name="query" placeholder="Search on blog..." data-navbar-mobile-searchbar="" type="search" id="search-3" required=""/></form><div id="w-node-_2beec91f-0522-2164-5633-6c3464ca3e56-64ca3e48" class="blog_navbar_items"><div data-hover="true" data-delay="0" data-mobile-menu-stagger="" class="blog_navbar_item-wrap w-dropdown"><div class="blog_navbar_item-toggle w-dropdown-toggle"><div class="blog_navbar_item-toggle-label">SEO</div><div class="blog_navbar_item-icon w-embed"><svg width="100%" style="" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
850<path d="M5.01758 7.5L10.0176 12.5L15.0176 7.5" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
851</svg></div></div><nav class="blog_navbar_item-dropdown w-dropdown-list"><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/category/ai-search-optimization/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">AI Search Optimization</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
852<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
853</svg></div></a></div><div role="listitem" class="w-dyn-item"><a href="/category/ai-content/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">AI content</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
854<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
855</svg></div></a></div><div role="listitem" class="w-dyn-item"><a href="/category/off-page-seo/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">OffâPage SEO</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
856<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
857</svg></div></a></div><div role="listitem" class="w-dyn-item"><a href="/category/seo/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">SEO 101</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
858<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
859</svg></div></a></div><div role="listitem" class="w-dyn-item"><a href="/category/content-optimization/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">Content Optimization</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
860<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
861</svg></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/on-page-seo/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">On-Page SEO</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
862<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
863</svg></div></a></div></div></div></nav></div><div data-hover="true" data-delay="0" data-mobile-menu-stagger="" class="blog_navbar_item-wrap w-dropdown"><div class="blog_navbar_item-toggle w-dropdown-toggle"><div class="blog_navbar_item-toggle-label">Content Marketing</div><div class="blog_navbar_item-icon w-embed"><svg width="100%" style="" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
864<path d="M5.01758 7.5L10.0176 12.5L15.0176 7.5" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
865</svg></div></div><nav class="blog_navbar_item-dropdown w-dropdown-list"><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/category/marketing-agencies/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">Marketing Agencies</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
866<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
867</svg></div></a></div><div role="listitem" class="w-dyn-item"><a href="/category/content/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">Content 101</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
868<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
869</svg></div></a></div><div role="listitem" class="w-dyn-item"><a href="/category/blogging/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">Blogging</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
870<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
871</svg></div></a></div><div role="listitem" class="w-dyn-item"><a href="/category/content-marketing/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">Content Marketing</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
872<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
873</svg></div></a></div></div></div></nav></div><div data-hover="true" data-delay="0" data-mobile-menu-stagger="" class="blog_navbar_item-wrap w-dropdown"><div class="blog_navbar_item-toggle w-dropdown-toggle"><div class="blog_navbar_item-toggle-label">Data and Research</div><div class="blog_navbar_item-icon w-embed"><svg width="100%" style="" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
874<path d="M5.01758 7.5L10.0176 12.5L15.0176 7.5" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
875</svg></div></div><nav class="blog_navbar_item-dropdown w-dropdown-list"><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/category/insights/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">Insights</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
876<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
877</svg></div></a></div><div role="listitem" class="w-dyn-item"><a href="/category/case-studies/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">SEO case studies</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
878<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
879</svg></div></a></div></div></div></nav></div><div data-hover="true" data-delay="0" data-mobile-menu-stagger="" class="blog_navbar_item-wrap w-dropdown"><div class="blog_navbar_item-toggle w-dropdown-toggle"><div class="blog_navbar_item-toggle-label">Learn</div><div class="blog_navbar_item-icon w-embed"><svg width="100%" style="" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
880<path d="M5.01758 7.5L10.0176 12.5L15.0176 7.5" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
881</svg></div></div><nav class="blog_navbar_item-dropdown w-dropdown-list"><a href="https://www.youtube.com/@SurferSEO?sub_confirmation=1" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">YouTube</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
882<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
883</svg></div></a><a href="/academy/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">Academy</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
884<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
885</svg></div></a><a href="/academy/content-optimization-masterclass/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">Content Optimization Course</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
886<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
887</svg></div></a></nav></div><div data-hover="true" data-delay="0" data-mobile-menu-stagger="" class="blog_navbar_item-wrap w-dropdown"><div class="blog_navbar_item-toggle w-dropdown-toggle"><div class="blog_navbar_item-toggle-label">Product</div><div class="blog_navbar_item-icon w-embed"><svg width="100%" style="" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
888<path d="M5.01758 7.5L10.0176 12.5L15.0176 7.5" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
889</svg></div></div><nav class="blog_navbar_item-dropdown w-dropdown-list"><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/category/compare/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">

889Compare</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
890<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
891</svg></div></a></div><div role="listitem" class="w-dyn-item"><a href="/blog/release-notes/" class="blog_navbar_item w-inline-block"><div class="blog_navbar_item-label">Updates</div><div class="blog_navbar_item-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 20 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
892<path d="M5.83301 14.1667L14.1663 5.83333M14.1663 5.83333H5.83301M14.1663 5.83333V14.1667" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
893</svg></div></a></div></div></div></nav></div></div><div data-mobile-menu-stagger="" class="blog_navbar-mobile-cta"><a data-enterprise-modal-open="" navbar-cta="desktop" ga-button="Navbar CTA" href="https://app.surferseo.com/register" class="button is-large is-secondary w-inline-block"><div ga-button-label="">Signup</div></a></div></nav><div class="blog_navbar-side-wrap"><div class="blog_navbar_buttons"><canvas id="theme-toggle" width="100%" height="100%" class="blog_navbar_theme-icon"><div class="rive---dark-mode w-embed w-script">

893<script>
894  document.addEventListener("DOMContentLoaded", () => {
895    // THEME TOGGLE
896    const canvas = document.getElementById("theme-toggle");
897    if (canvas) {
898      let isDark = localStorage.getItem("theme") === "dark";
899      document.documentElement.classList.toggle("dark", isDark);
900
901      // Initially hide canvas
902      canvas.style.opacity = "0";
903
904      const themeRive = new rive.Rive({
905        src: "https://assets.surferseo.art/webflow-scripts/blog/blog.riv",
906        canvas: canvas,
907        stateMachines: ["State Machine"],
908        artboard: "theme-toggle",
909        fit: rive.Fit.Contain,
910        autoplay: true,
911        onLoad: () => {
912          // Animate opacity from 0 to 1
913          canvas.style.transition = "opacity 1s ease";
914          canvas.style.opacity = "1";
915
916          const inputs = themeRive.stateMachineInputs("State Machine");
917          const darkInput = inputs.find((input) => input.name === "Dark");
918          if (!darkInput) return;
919
920          darkInput.value = isDark;
921
922          canvas.addEventListener("click", () => {
923            isDark = !isDark;
924            darkInput.value = isDark;
925            localStorage.setItem("theme", isDark ? "dark" : "light");
926            document.documentElement.classList.toggle("dark", isDark);
927          });
928        },
929      });
930    }
931  });
932</script>

932</div></canvas><div data-navbar-mobile-searchbar-icon="" class="blog_navbar_search"><div navbar-search-icon-open="" class="blog_navbar_search-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 21 20" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
933<path d="M17.5518 17.5L14.6352 14.5833M16.7184 9.58333C16.7184 13.4954 13.5471 16.6667 9.63509 16.6667C5.72307 16.6667 2.55176 13.4954 2.55176 9.58333C2.55176 5.67132 5.72307 2.5 9.63509 2.5C13.5471 2.5 16.7184 5.67132 16.7184 9.58333Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
934</svg></div><form action="/search" class="blog_navbar_search-bar w-form"><input class="blog_navbar_search-input w-input" navbar-search="" maxlength="256" name="query" placeholder="Search" type="search" id="search-2" required=""/></form><div navbar-search-return="" class="blog_navbar_search-shortcut">â</div><div navbar-search-focus="" class="blog_navbar_search-shortcut"><span data-meta-key="">â</span>K</div><div class="component-style w-embed"><style>
935
936  [navbar-search-return] { display: none }
937
938  .blog_navbar:has([navbar-search]:focus){
939
940    .blog_navbar_search {
941
942      background-color: var(--_swatches---neutral--white);
943      border-color: var(--_swatches---neutral--white);
944      color:  var(--_swatches---neutral--black);
945
946      [navbar-search-focus] { display: none }
947      [navbar-search-return] { display: block }
948    }
949
950    .blog_navbar_items {
951      opacity: 0.1
952    }
953  }
954
955
956</style></div><div class="js---focus-on-cmd-k w-embed w-script">

956<script>
957  document.addEventListener("DOMContentLoaded", () => {
958    let isSearchFocused = false
959
960    const smoothScrollToTop = () => {
961      const c = document.documentElement.scrollTop || document.body.scrollTop
962      if (c > 0) {
963        window.requestAnimationFrame(smoothScrollToTop)
964        window.scrollTo(0, c - c / 8)
965      }
966    }
967
968    const input = document.querySelector('[navbar-search]')
969    const icon = document.querySelector('[data-navbar-mobile-searchbar-icon]')
970
971    if (icon && input) {
972      icon.addEventListener('click', () => {
973        input.focus()
974        smoothScrollToTop()
975        isSearchFocused = true
976      })
977    }
978
979    document.addEventListener('keydown', (e) => {
980      if (!input) return
981
982      const isCmdK = e.key === 'k' && (e.metaKey || e.ctrlKey)
983
984      if (isCmdK) {
985        e.preventDefault()
986        if (isSearchFocused) {
987          input.blur()
988          isSearchFocused = false
989        } else {
990          input.focus()
991          smoothScrollToTop()
992          isSearchFocused = true
993        }
994      }
995
996      if (e.key === 'Escape' && isSearchFocused) {
997        input.blur()
998        isSearchFocused = false
999      }
1000    })
1001  })
1002</script>

1002</div></div><div class="blog_navbar-hide-mobile"><a data-enterprise-modal-open="" navbar-cta="desktop" ga-button="Navbar CTA" href="https://app.surferseo.com/register" class="button is-secondary w-inline-block"><div ga-button-label="">Sign up</div></a></div><div role="button" data-blog-menu="" class="menu-button w-nav-button"><canvas id="mobile-menu" width="100%" height="100%" mobile-menu-rive="" class="blog_navbar_menu-icon"></canvas><div mobile-menu-svg="" class="blog_navbar_menu-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 32 32" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
1003<path d="M3.02734 7.34283H28.9727" stroke="currentColor" stroke-width="3.8" stroke-linecap="round"/>
1004<path d="M3.02734 24.7497H28.9727" stroke="currentColor" stroke-width="3.8" stroke-linecap="round"/>
1005</svg></div><div class="rive---menu-icon w-embed w-script">

1005<script>
1006  document.addEventListener("DOMContentLoaded", () => {
1007    const searchIcon = document.querySelector("[data-navbar-mobile-searchbar-icon]");
1008    const toggleButton = document.querySelector("[data-blog-menu]");
1009    const menuElement = document.querySelector('[class*="blog_navbar-menu"]');
1010    const menuCanvas = document.getElementById("mobile-menu");
1011    const svgPlaceholder = document.querySelector("[mobile-menu-svg]");
1012    const riveWrapper = document.querySelector("[mobile-menu-rive]");
1013
1014    if (!searchIcon || !toggleButton || !menuElement || !menuCanvas) return;
1015
1016    const isMobile = () => window.innerWidth < 991;
1017    let isOpen = false;
1018    let riveInstance;
1019    let openInput;
1020
1021    const setOpen = (value) => {
1022      isOpen = value;
1023      if (openInput) openInput.value = value;
1024
1025      document.body.style.overflow = value ? "hidden" : "";
1026      document.body.style.position = value ? "fixed" : "";
1027      document.body.style.width = value ? "100%" : "";
1028
1029      if (value) {
1030        const items = document.querySelectorAll("[data-mobile-menu-stagger]");
1031        const totalDuration = 400;
1032        const delayStep = totalDuration / items.length;
1033
1034        items.forEach((el, i) => {
1035          el.style.opacity = "0";
1036          el.style.transform = "translateY(-2rem)";
1037          el.style.transition = "opacity 300ms cubic-bezier(0, 0, 0, 1), transform 400ms cubic-bezier(0, 0, 0, 1)";
1038          el.style.transitionDelay = "200ms";
1039
1040          setTimeout(() => {
1041            el.style.opacity = "1";
1042            el.style.transform = "translateY(0)";
1043            setTimeout(() => {
1044              el.style.opacity = "";
1045              el.style.transform = "";
1046              el.style.transition = "";
1047              el.style.transitionDelay = "";
1048            }, 500);
1049          }, i * delayStep);
1050        });
1051      }
1052    };
1053
1054    riveInstance = new rive.Rive({
1055      src: "https://assets.surferseo.art/webflow-scripts/blog/blog.riv",
1056      canvas: menuCanvas,
1057      artboard: "mobile-menu",
1058      stateMachines: ["State Machine"],
1059      autoplay: true,
1060      onLoad: () => {
1061        const inputs = riveInstance.stateMachineInputs("State Machine");
1062        openInput = inputs.find((input) => input.name === "Menu Open");
1063        if (!openInput) return;
1064
1065        if (svgPlaceholder && riveWrapper) {
1066          svgPlaceholder.style.display = "none";
1067          riveWrapper.style.display = "block";
1068        }
1069
1070        toggleButton.addEventListener("click", () => {
1071          setOpen(!isOpen);
1072        });
1073
1074        document.addEventListener("click", (e) => {
1075          const clickedInside =
1076            toggleButton.contains(e.target) || menuElement.contains(e.target);
1077          if (!clickedInside && isOpen) {
1078            setOpen(false);
1079          }
1080        });
1081      },
1082    });
1083
1084    searchIcon.addEventListener("click", (e) => {
1085      if (!isMobile()) return;
1086
1087      if (!isOpen) {
1088        toggleButton.click();
1089        setTimeout(() => setOpen(true), 10);
1090      } else {
1091        e.preventDefault();
1092        e.stopPropagation();
1093      }
1094    });
1095  });
1096</script>

1096</div><div class="hide">Menu</div></div></div></div></div><div class="component-scripts w-embed w-script">

1096<script>
1097document.addEventListener('DOMContentLoaded', function() {
1098  let resizeTimeout;
1099  let cachedElements = null;
1100  
1101  function cacheElements() {
1102    if (!cachedElements) {
1103      cachedElements = {
1104        navbarMenu: document.querySelector('.blog_navbar-menu'),
1105        navbar: document.querySelector('.blog_navbar'),
1106        notificationBar: document.querySelector('.notification_bar')
1107      };
1108    }
1109    return cachedElements;
1110  }
1111  
1112  function setMobileMenuHeight() {
1113    if (window.innerWidth >= 991) return;
1114    
1115    const elements = cacheElements();
1116    if (!elements.navbarMenu || !elements.navbar || !elements.notificationBar) return;
1117    
1118    requestAnimationFrame(() => {
1119      const navbarHeight = elements.navbar.offsetHeight;
1120      const notificationHeight = elements.notificationBar.offsetHeight;
1121      const maxHeight = `calc(100svh - ${navbarHeight}px - ${notificationHeight}px)`;
1122      
1123      elements.navbarMenu.style.maxHeight = maxHeight;
1124    });
1125  }
1126  
1127  function handleResize() {
1128    clearTimeout(resizeTimeout);
1129    resizeTimeout = setTimeout(setMobileMenuHeight, 100);
1130  }
1131  
1132  // Uruchom przy zaÅadowaniu DOM
1133  setMobileMenuHeight();
1134  
1135  // Debounced resize listener
1136  window.addEventListener('resize', handleResize, { passive: true });
1137});
1138</script>

1138</div></div><div webflow-designer="" class="global_style-wrap div-block-824"><div class="ds-typography-adaptive-sizes w-embed"><style>
1139  
1140  html { font-size: 1.25rem; }
1141  @media screen and (max-width:2560px) { html { font-size: calc(0.750780031201248rem + 0.31201248049922vw); } }
1142  @media screen and (max-width:1919px) { html { font-size: calc(0.6242171189979124rem + 0.41753653444676403vw); } }
1143  @media screen and (max-width:1440px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } }
1144  @media screen and (max-width:479px) { html { font-size: calc(0.7494769874476988rem + 0.8368200836820083vw); } }
1145
1146
1147  
1148  :root {
1149    --size--0rem: 0rem;
1150    --size--0-125rem: 0.125rem;
1151    --size--0-25rem: 0.25rem;
1152    --size--0-5rem: 0.5rem;
1153    --size--0-75rem: 0.75rem;
1154    --size--1rem: 1rem;
1155    --size--1-25rem: 1.25rem;
1156    --size--1-5rem: 1.5rem;
1157    --size--2rem: 2rem;
1158    --size--2-5rem: 2.5rem;
1159    --size--3rem: 3rem;
1160    --size--3-5rem: 3.5rem;
1161    --size--4rem: 4rem;
1162    --size--4-5rem: 4.5rem;
1163    --size--5rem: 5rem;
1164    --size--5-5rem: 5.5rem;
1165    --size--6rem: 6rem;
1166    --size--6-5rem: 6.5rem;
1167    --size--7rem: 7rem;
1168    --size--7-5rem: 7.5rem;
1169    --size--8rem: 8rem;
1170    --size--8-5rem: 8.5rem;
1171    --size--9rem: 9rem;
1172    --size--9-5rem: 9.5rem;
1173    --size--10rem: 10rem;
1174    --size--11rem: 11rem;
1175    --size--12rem: 12rem;
1176    --size--13rem: 13rem;
1177    --size--14rem: 14rem;
1178    --size--15rem: 15rem;
1179    --size--16rem: 16rem;
1180
1181    --u-eyebrow: 1.125rem;
1182
1183    /* Display â wspÃ³lny mobile cap 2rem, anchor 500px â 1728px. */
1184    --u-display-3xl: clamp(2rem, 12.46px + 3.91vw, 5rem);
1185    --u-display-2xl: clamp(2rem, 18.97px + 2.61vw, 4rem);
1186    --u-display-xl: clamp(2rem, 23.86px + 1.63vw, 3.25rem);
1187    --u-display-lg: clamp(1.76rem, 22.43px + 1.15vw, 2.64rem);
1188    --u-display-md: clamp(1.56rem, 21.18px + 0.76vw, 2.14rem);
1189    --u-display-sm: clamp(1.39rem, 19.96px + 0.46vw, 1.74rem);
1190    --u-display-xs: clamp(1.23rem, 18.44px + 0.25vw, 1.42rem);
1191
1192    /* Text â sm/main staÅe, md/lg fluid, anchor 500px â 1728px. */
1193    --u-text-lg: clamp(1.25rem, 18.37px + 0.33vw, 1.5rem);
1194    --u-text-md: clamp(1.125rem, 17.19px + 0.16vw, 1.25rem);
1195    --u-text-main: 1rem;
1196    --u-text-sm: 0.875rem;
1197  }
1198
1199  @media screen and (max-width: 767px) {
1200    :root {
1201      --letter-spacing--xsmall: 0em;
1202      --letter-spacing--small: 0em;
1203      --letter-spacing--medium: -0.01em;
1204      --letter-spacing--large: -0.01em;
1205    }
1206  }
1207
1208  /* Rich text â keep margins tight when superscript footnote markers appear. */
1209  p:has(sup) {
1210    margin: 0 !important;
1211  }
1212  p:has(sup) + p,
1213  p:has(sup) + h1,
1214  p:has(sup) + h2,
1215  p:has(sup) + h3,
1216  p:has(sup) + h4,
1217  p:has(sup) + h5,
1218  p:has(sup) + h6 {
1219    margin-top: var(--gap--small) !important;
1220  }
1221</style></div><div class="styles-typography w-embed"><style>
1222
1223  /* Font size adjustments based on screen width */
1224  /*
1225  html { font-size: 1rem; }
1226  @media screen and (max-width:1920px) { html { font-size: 1rem; } }
1227  @media screen and (max-width:1440px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } }
1228  @media screen and (max-width:479px) { html { font-size: calc(0.7494769874476988rem + 0.8368200836820083vw); }}
1229  */
1230
1231  /* Fluid Responsive */
1232  /* html { font-size: 1rem; }
1233  @media screen and (max-width:1920px) { html { font-size: calc(0.49999999999999994rem + 0.41666666666666674vw); } }
1234  @media screen and (max-width:1440px) { html { font-size: calc(0.5003902185223725rem + 0.41623309053069724vw); } }
1235  @media screen and (max-width:479px) { html { font-size: calc(0.7494769874476988rem + 0.8368200836820083vw); } } */
1236
1237
1238  /* Please keep this css code to improve the font quality */
1239  * {
1240    -webkit-font-smoothing: antialiased;
1241    -moz-osx-font-smoothing: grayscale;
1242  }
1243
1244  /* Improve font rendering for better legibility */
1245  body {
1246    -webkit-font-smoothing: antialiased;
1247    -moz-osx-font-smoothing: grayscale;
1248    font-smoothing: antialiased;
1249    text-rendering: optimizeLegibility;
1250    hanging-punctuation: first allow-end last;
1251
1252    font-variant-numeric: slashed-zero;

1252 /* Displays a slashed zero (0Ì¸) to distinguish it from the letter 'O' */
1253
1254    font-feature-settings:
1255        'cv01' on, /* Alternate form of the numeral '1' */
1256        'cv02' on, /* Open form of the numeral '4' */
1257        'cv05' on, /* Lowercase 'l' with a tail */
1258        'cv08' on, /* Uppercase 'I' with serifs */
1259        'cv09' on, /* Flat top on the numeral '3' */
1260        'cv10' on; /* Uppercase 'G' with a spur */
1261     
1262  }
1263
1264
1265  h1, h2, h3, h4, h5, h6,
1266  [text-balance], [text-balanced],
1267  dt, blockquote, figcaption {
1268    text-wrap: balance;
1269  }
1270
1271  div, p, [text-pretty], dd, li {
1272    text-wrap: pretty;
1273  }
1274
1275
1276  /* Default color for list items */
1277  .text-rich-text-writers li {
1278    color: inherit;
1279  }
1280
1281  /* Style for hyperlinks */
1282  a {
1283    display: inline-block;
1284    position: relative;
1285    text-decoration: none;
1286    color: inherit;
1287    z-index: 1;
1288  }
1289
1290
1291  /* Snippet makes all link elements listed below to inherit color from their parent */
1292  a,
1293  .w-tab-link,
1294  .w-nav-link,
1295  .w-dropdown-btn,
1296  .w-dropdown-toggle,
1297  .w-dropdown-link {
1298    color: inherit;
1299  }
1300
1301
1302  /* Change link color on hover */
1303  .text-rich-text a:hover {
1304    color: white
1305  }
1306
1307  /* Add a gradient underline for links that expands on hover */
1308  .text-rich-text a::after {
1309    content: '';
1310    position: absolute;
1311    left: -2%;
1312    bottom: -0.01rem;
1313    height: .2rem;
1314    width: 104%;
1315    background: var(--brand--ocean-violet);
1316    z-index: -1;
1317    transition: height .25s cubic-bezier(0,0,0,1);
1318  }
1319
1320  /* Expand underline on hover */
1321  .text-rich-text a:hover::after {
1322    height: 105%;
1323  }
1324
1325  /* Add strikethrough style */
1326  .text-style-strikethrough {
1327    text-decoration-thickness: 1px;
1328  }
1329
1330  /* Add text gradient style */
1331  .t-s-gradient,
1332  .text-style-gradient {
1333    -webkit-background-clip: text;
1334    -webkit-text-fill-color: transparent;
1335    -webkit-box-decoration-break: clone;
1336  }
1337
1338  /* Ensure certain link elements inherit color from their parent */
1339  a,
1340
1341  .w-nav-link,
1342  .w-dropdown-btn,
1343  .w-dropdown-toggle,
1344  .w-dropdown-link
1345  {
1346    color: inherit;
1347  }
1348
1349
1350  .w-richtext {
1351
1352    &:first-child {
1353      margin-top: 0;
1354      padding-top: 0;
1355    }
1356
1357    &:last-child {
1358      margin-bottom: 0;
1359      padding-bottom: 0;
1360    }
1361
1362    h5:first-child,
1363      h6:first-child,
1364      blockquote:first-child {
1365        margin-top: 0;
1366    }
1367
1368    h5:last-child,
1369      h6:last-child,
1370      blockquote:last-child {
1371        margin-bottom: 0;
1372    }
1373  }
1374
1375  /* Truncate text to 5 lines with an ellipsis (...) */
1376  .text-style-5lines {
1377    display: -webkit-box;
1378    -webkit-line-clamp: 5;
1379    -webkit-box-orient: vertical;
1380    overflow: hidden;
1381  }
1382
1383  /* Truncate text to 3 lines with an ellipsis (...) */
1384  .text-style-3lines {
1385    display: -webkit-box;
1386    -webkit-line-clamp: 3;
1387    -webkit-box-orient: vertical;
1388    overflow: hidden;
1389  }
1390
1391  /* Truncate text to 2 lines with an ellipsis (...) */
1392  .text-style-2lines {
1393    display: -webkit-box;
1394    -webkit-line-clamp: 2;
1395    -webkit-box-orient: vertical;
1396    overflow: hidden;
1397  }
1398
1399  /* Force all words to break and wrap within its container */
1400  .text-word-breake-all {
1401    word-break: break-all;
1402  }
1403
1404  .text-style-underline {
1405    position: relative;
1406  }
1407
1408  .text-style-underline::after {
1409    content: "";
1410    position: absolute;
1411    top: 0.2em;
1412    left: 50%;
1413    transform: translateX(-50%);
1414    width: 125%;
1415    padding-bottom: 2em;
1416    background-image: url(https://marketing-assets.surferseo.art/wf-cdn/62666115cfab458794bd512f/64e5f1ac7273931ab198b9a9_text-deco-underline.webp);
1417    background-repeat: no-repeat;
1418    background-position: center center;
1419    background-size: 100% 80%;
1420    mix-blend-mode: screen;
1421  }
1422
1423  .text-style-underline-orange,
1424  .text-style-underline-violet {
1425    position: relative;
1426    display: inline-block;
1427  }
1428
1429  .text-style-underline-orange::after {
1430    content: '';
1431    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcxIiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTcxIDE0IiBmaWxsPSJub25lIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMS41NjA1NSAxMS41OTE5TDQzLjQzOCAyLjczMjI3QzQ0LjMxNiAyLjU0NjUxIDQ0Ljk3NTMgMy41MjE5NCA0NC40NzU2IDQuMjY3NDNMNDAuNzkzNSA5Ljc2MDE5QzQwLjI4ODcgMTAuNTEzMiA0MC45NTUzIDExLjQ4ODUgNDEuODM0NiAxMS4yNjgxQzU4LjQ4MDIgNy4wOTY1MyA4NS4zMDk3IC0xLjg5MDc1IDE2OS4zMzQgMy43Mjc1MyIgc3Ryb2tlPSIjRkY1QjQ5IiBzdHJva2Utd2lkdGg9IjIuODgyOTUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=');
1432    background-repeat: no-repeat;
1433    background-size: 100% 50%; /* Zapewnia, Å¼e tÅo rozciÄga siÄ na caÅÄ szerokoÅÄ i wysokoÅÄ */
1434    display: block;
1435    position: absolute;
1436    left: 0;
1437    bottom: 0;
1438    width: 90%;
1439    height: 0.8em; /* Ustawienie na 100% szerokoÅci i wysokoÅci */
1440    transform: translateY(0.7em) translateX(5%);
1441  }
1442
1443  .text-style-underline-violet::after {
1444    content: '';
1445    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcxIiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTcxIDE0IiBmaWxsPSJub25lIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMS41NjA1NSAxMS41OTE5TDQzLjQzOCAyLjczMjI3QzQ0LjMxNiAyLjU0NjUxIDQ0Ljk3NTMgMy41MjE5NCA0NC40NzU2IDQuMjY3NDNMNDAuNzkzNSA5Ljc2MDE5QzQwLjI4ODcgMTAuNTEzMiA0MC45NTUzIDExLjQ4ODUgNDEuODM0NiAxMS4yNjgxQzU4LjQ4MDIgNy4wOTY1MyA4NS4zMDk3IC0xLjg5MDc1IDE2OS4zMzQgMy43Mjc1MyIgc3Ryb2tlPSIjNzgzQUZCIiBzdHJva2Utd2lkdGg9IjIuODgyOTUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=');
1446    background-repeat: no-repeat;
1447    background-size: 100% 50%; /* Zapewnia, Å¼e tÅo rozciÄga siÄ na caÅÄ szerokoÅÄ i wysokoÅÄ */
1448    display: block;
1449    position: absolute;
1450    left: 0;
1451    bottom: 0;
1452    width: 90%;
1453    height: 0.8em; /* Ustawienie na 100% szerokoÅci i wysokoÅci */
1454    transform: translateY(0.7em) translateX(5%);
1455  }
1456
1457  .text-style-underline-burst::after {
1458    content: '';
1459    background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE5MyIgaGVpZ2h0PSI1NyIgdmlld0JveD0iMCAwIDE5MyA1NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTk4Ljk3MDEgMi4wMzQ3OEM3NS4wMDczIDEuNTMyMDcgMi41IDEgMS41IDMwQzEuNSA2Ni41IDE5MS40OTUgNTguNSAxOTEuNDk1IDMyQzE5MS40OTUgNS41MDAwMiAxMTcuNTc1IDYuMDM4NzUgODYuMjE0NCA4LjE0MTQ1IiBzdHJva2U9IiNGRjVCNDkiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=');
1460    background-repeat: no-repeat;
1461    background-size: 100% 100%;
1462    display: block;
1463    position: absolute;
1464    left: 0;
1465    bottom: 0;
1466    width: 100%;
1467    height: 100%;
1468  }
1469</style></div><div text-break="desktop-only" class="text-breake-old-attributes w-embed"><style>
1470/* Default: all text-break elements are inline with no breaks */
1471[text-break],
1472[text-break=""],
1473[text-break="desktop"],
1474[text-break="tablet"],
1475[text-break="mobile"],
1476[text-break="desktop-only"],
1477[text-break="tablet-only"],
1478[text-break="mobile-only"] {
1479  display: inline;
1480  width: auto;
1481  height: auto;
1482  line-height: normal;
1483  overflow: visible;
1484}
1485
1486/* Break everywhere */
1487.breake-desktop,
1488[text-break=""] {
1489  display: block;
1490}
1491
1492/* Break only on desktop (min-width: 992px) */
1493@media (min-width: 992px) {
1494  [text-break="desktop-only"] {
1495    display: block;
1496    width: 0;
1497    height: 0;
1498    line-height: 0;
1499    overflow: hidden;
1500  }
1501}
1502
1503/* Break only on tablet (min-width: 480px and max-width: 991px) */
1504@media (min-width: 480px) and (max-width: 991px) {
1505  [text-break="tablet-only"] {
1506    display: block;
1507    width: 0;
1508    height: 0;
1509    line-height: 0;
1510    overflow: hidden;
1511  }
1512}
1513
1514/* Break only on mobile (max-width: 479px) */
1515@media (max-width: 479px) {
1516  [text-break="mobile-only"] {
1517    display: block;
1518    width: 0;
1519    height: 0;
1520    line-height: 0;
1521    overflow: hidden;
1522  }
1523}
1524
1525/* Break on desktop and down (max-width: 991px) */
1526@media (max-width: 991px) {
1527  [text-break="desktop"] {
1528    display: block;
1529    width: 0;
1530    height: 0;
1531    line-height: 0;
1532    overflow: hidden;
1533  }
1534}
1535
1536/* Break on tablet and down (max-width: 991px) */
1537@media (max-width: 991px) {
1538  [text-break="tablet"] {
1539    display: block;
1540    width: 0;
1541    height: 0;
1542    line-height: 0;
1543    overflow: hidden;
1544  }
1545}
1546
1547/* Break on mobile (max-width: 479px) */
1548@media (max-width: 479px) {
1549  [text-break="mobile"] {
1550    display: block;
1551    width: 0;
1552    height: 0;
1553    line-height: 0;
1554    overflow: hidden;
1555  }
1556}
1557</style></div><div class="old-variables w-embed"><style>
1558
1559  :root {
1560
1561    --brand--sunny-orange: #ff5b49;
1562    --swatches--brand--orange--main: #ff5b49;
1563
1564    --brand--ocean-violet: #783afb;
1565    --swatches--brand--violet--main: #783afb;
1566
1567    --neutral--pure-white: white;               
1568    --neutral--pearl-white: #f8f9fa;            
1569    --neutral--gray-white: #ebedef;             
1570    --neutral--artificial-gray-light: #dac2fb;  
1571    --neutral--artificial-gray: #221e28;            
1572    --neutral--artificial-gray-dark: #0c0a10;
1573    --neutral--abyss-black: black;

1574    --neutral--transparent: transparent;
1575
1576    --swatches--neutral--transparent: transparent;
1577    --swatches--neutral--white: #ffffff;
1578    --swatches--neutral--gray-lighter: #f4f4f5;
1579    --swatches--neutral--gray-light: #e4e4e7;
1580    --swatches--neutral--gray: #71717b;
1581    --swatches--neutral--gray-dark: #18181b;
1582    --swatches--neutral--gray-darker: #09090b;
1583    --swatches--neutral--black: #000000;
1584
1585    --space--marquee-gap: 1rem;
1586    --space--content: 6rem;
1587
1588    --gradient-ambient: linear-gradient(108deg, #000 0%, #0C0A10 100%);
1589    --container: 0px ;
1590  }
1591
1592  /* TABLET */
1593  @media (max-width: 991px) {
1594    :root {
1595      --padding-vertical--medium: 6rem;
1596      --space--content: 3rem
1597    }
1598  }
1599
1600  /* MOBILE */
1601  @media (max-width: 479px) {
1602    :root {
1603      --padding-vertical--medium: 4rem;
1604    }
1605  }
1606
1607
1608</style></div><div class="style-layout w-embed"><style>
1609  html,
1610  body {
1611    overscroll-behavior-y: none;
1612  }
1613
1614  section,
1615  header,
1616  footer,
1617  span {
1618    position: relative;
1619  }
1620
1621  main.main-wrapper > section {
1622    flex-grow: 1;
1623  }
1624
1625  .w-input {
1626    height: auto;
1627  }
1628
1629  .page-wrapper:has(main section:only-child) {
1630    display: flex;
1631    flex-direction: column;
1632    align-items: stretch;
1633    min-height: 100svh;
1634
1635    main {
1636      display: flex;
1637      flex-direction: column;
1638      flex: 1;
1639    }
1640  }
1641
1642  /* .main-wrapper-old > *:first-child {
1643  margin-top: -5rem;
1644  }
1645  */
1646
1647  * {
1648    box-sizing: border-box;
1649  }
1650
1651  @media only screen and (max-width: 991px) {
1652    [section-full-width-tablet],
1653    [section-full-width='tablet'] {
1654      width: 100svw;
1655      margin-left: calc(-1 * var(--global-padding));
1656    }
1657  }
1658
1659  @media only screen and (max-width: 479px) {
1660    [section-full-width='mobile'] {
1661      width: 100svw;
1662      margin-left: calc(-1 * var(--global-padding));
1663    }
1664  }
1665
1666  /* Set border-radius and z-index for all video elements */
1667  video {
1668    border-radius: inherit;
1669    z-index: 0;
1670    width: 100%;
1671    object-fit: cover;
1672  }
1673
1674  video.wf-empty {
1675    padding: 0;
1676  }
1677
1678  svg {
1679    display: block;
1680  }
1681
1682  footer {
1683    background: black !important;
1684    color: white !important;
1685  }
1686
1687  /* Use feature queries to target Safari browser */
1688  @supports (-webkit-touch-callout: none) {
1689    body {
1690      /* Hack to make body height 100% in Safari */
1691      height: -webkit-fill-available;
1692    }
1693  }
1694
1695  /* Hide scrollbar for Chrome, Safari, Opera */
1696  [scrollbar='hide']::-webkit-scrollbar {

1697    display: none;
1698  }
1699
1700  /* Hide scrollbar for IE, Edge and Firefox */
1701  [scrollbar='hide'],
1702  [scrollbar='off'] {
1703    -ms-overflow-style: none; /* IE and Edge */
1704    scrollbar-width: none; /* Firefox */
1705  }
1706
1707  /* Disable pointer events for the following elements */
1708  [class$='--noclick'],
1709  [click='off'],
1710  .click-off,
1711  .noise-texture,
1712  .is-disabled {
1713    pointer-events: none;
1714  }
1715
1716  /* Dla wiÄkszoÅci nowoczesnych przeglÄdarek */
1717  [select='off'] {
1718    -webkit-user-select: none; /* Chrome, Safari, Opera */
1719    -moz-user-select: none; /* Firefox */
1720    -ms-user-select: none; /* IE 10+ */
1721    user-select: none; /* Standardowy sposÃ³b */
1722  }
1723
1724  /* Set aspect ratio for various elements */
1725  [aspect-ratio='1x1'] {
1726    aspect-ratio: 1 / 1;
1727  }
1728  [aspect-ratio='16x9'] {
1729    aspect-ratio: 16 / 9;
1730  }
1731  [aspect-ratio='9x16'] {
1732    aspect-ratio: 9 / 16;
1733  }
1734
1735  .page-wrapper {
1736    overflow: clip;
1737  }
1738  [click='button'] {
1739    user-select: none;
1740  }
1741  [css-debbug] {
1742    border: solid red 2px;
1743  }
1744
1745  [fill-window-height] {
1746    display: flex;
1747    flex-direction: column;
1748    min-height: 100svh;
1749  }
1750
1751  [fill-window-height] > section {
1752    flex-grow: 1;
1753  }
1754
1755  /* Hide elements with the class hide-me */
1756  .hide-me,
1757  .hide {
1758    display: none !important;
1759  }
1760
1761  @media screen and (max-width: 991px) {
1762    .hide,
1763    .hide-tablet {
1764      display: none !important;
1765    }
1766  }
1767  @media screen and (max-width: 767px) {
1768    .hide-mobile-landscape {
1769      display: none !important;
1770    }
1771  }
1772  @media screen and (max-width: 479px) {
1773    .hide-mobile {
1774      display: none !important;
1775    }
1776  }
1777
1778  .margin-0 {
1779    margin: 0rem !important;
1780  }
1781
1782  .padding-0 {
1783    padding: 0rem !important;
1784  }
1785
1786  .spacing-clean {
1787    padding: 0rem !important;
1788    margin: 0rem !important;
1789  }
1790
1791  .margin-top {
1792    margin-right: 0rem !important;
1793    margin-bottom: 0rem !important;
1794    margin-left: 0rem !important;
1795  }
1796
1797  .padding-top {
1798    padding-right: 0rem !important;
1799    padding-bottom: 0rem !important;
1800    padding-left: 0rem !important;
1801  }
1802
1803  .margin-right {
1804    margin-top: 0rem !important;
1805    margin-bottom: 0rem !important;
1806    margin-left: 0rem !important;
1807  }
1808
1809  .padding-right {
1810    padding-top: 0rem !important;
1811    padding-bottom: 0rem !important;
1812    padding-left: 0rem !important;
1813  }
1814
1815  .margin-bottom {
1816    margin-top: 0rem !important;
1817    margin-right: 0rem !important;
1818    margin-left: 0rem !important;
1819  }
1820
1821  .padding-bottom {
1822    padding-top: 0rem !important;
1823    padding-right: 0rem !important;
1824    padding-left: 0rem !important;
1825  }
1826
1827  .margin-left {
1828    margin-top: 0rem !important;
1829    margin-right: 0rem !important;
1830    margin-bottom: 0rem !important;
1831  }
1832
1833  .padding-left {
1834    padding-top: 0rem !important;
1835    padding-right: 0rem !important;
1836    padding-bottom: 0rem !important;
1837  }
1838
1839  .margin-horizontal {
1840    margin-top: 0rem !important;
1841    margin-bottom: 0rem !important;
1842  }
1843
1844  .padding-horizontal {
1845    padding-top: 0rem !important;
1846    padding-bottom: 0rem !important;
1847  }
1848
1849  .margin-vertical {
1850    margin-right: 0rem !important;
1851    margin-left: 0rem !important;
1852  }
1853
1854  .padding-vertical {
1855    padding-right: 0rem !important;
1856    padding-left: 0rem !important;
1857  }
1858</style></div><div class="style-symbols w-embed"><style>
1859
1860  /* Set z-index and background gradient for mesh-wrap elements with w-embed and w-script classes */
1861  .mesh-wrap.w-embed.w-script {
1862    z-index: -10;
1863    background: linear-gradient(0deg,hsl(265deg 88% 6%) 0%, hsl(262deg 83% 21%) 100%) !important;
1864  }
1865
1866  /* Allow vertical resize only for text area elements */
1867  .form-input.is-text-area {
1868    resize: vertical;
1869  }
1870
1871  /* Inherit color for all child elements in file_upload */
1872  .file_upload * {
1873    color: inherit;
1874  }
1875
1876  /* Add debug borders for elements with animation-scroll and animation-wrap attributes */
1877  [animation-debug] {
1878    border: solid blue 1px;
1879  }
1880
1881  /* Apply styles for video components */
1882  .video_component {
1883    position: relative;
1884    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
1885    height: 0;
1886    -webkit-mask-image: -webkit-radial-gradient(white, black);
1887    border-radius: inherit;
1888  }
1889
1890  /* Position iframe within video component */
1891  .video_component iframe {
1892    position: absolute;
1893    top: 0;
1894    left: 0;
1895    width: 100%;
1896    height: 100%;
1897    -webkit-mask-image: -webkit-radial-gradient(white, black);
1898  }
1899
1900
1901  /* Apply color to w-input and w-select elements */
1902  .w-input, .w-select {
1903    color: inherit;
1904  }
1905
1906
1907  /* Inherit text color for w-input and is-text button */
1908  .w-input,
1909  .button.is-text {
1910    color: inherit;
1911  }
1912
1913  /* Use current color as background for form-rangeslider-fill and form-rangeslider-handle */
1914  .form-rangeslider-fill,
1915  .form-rangeslider-handle {
1916    background-color: currentColor;
1917  }
1918
1919  /* FAQs */
1920  details {}
1921  summary {}
1922  summary * { pointer-events: none; }
1923  summary::-webkit-details-marker { display: none; }
1924  details[open] {}
1925  details[open] summary { color: var(--_swatches---orange--main); }
1926  details[open] summary [data-faq-icon] { rotate: 45deg; }
1927
1928  .faq_item:first-child {
1929    padding-top: 0;
1930    margin-top: 0;
1931  }
1932
1933  /* Specificity adjusted for last faq_item in faq_collections */
1934  .faq_collections > .w-dyn-list > .faq_list > .faq_item:last-child {
1935    padding-bottom: 1rem;
1936    margin-bottom: 1rem;
1937    border-bottom: solid 1px color-mix(in srgb, currentColor, transparent 90%);
1938  }
1939
1940  .faq_collections div:last-child .faq_item:last-child {
1941    padding-bottom: 0;
1942    margin-bottom: 0;
1943    border-bottom: none;
1944  }
1945
1946  .faq_item:first-child,
1947  .faq_item:last-child {
1948    border-color: none;
1949  }
1950
1951
1952  /* Counter Down */
1953  [data-counter-date] {
1954    font-variant-numeric: tabular-nums;
1955  }
1956</style></div><div class="style-visuals w-embed"><style>
1957
1958  /* show only inisde Webflow Designer */
1959  html:not(.wf-design-mode) [webflow-designer] {
1960    display: none;
1961  }
1962
1963  /* Apply a gradient background to the magic-violet-frame class */
1964  .magic-violet-frame {
1965    background: linear-gradient(255.72deg, #652B95 0.63%, rgba(101, 43, 149, 0) 21.3%),

1966      linear-gradient(136.8deg, #7934CB 0.15%, rgba(0, 8, 77, 0) 95.47%),
1967      linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(28, 20, 57, 0.2) 96.31%);
1968  }
1969
1970  /* Apply styles to all classes that end with --magicborder and all elements with magic="border" */
1971  [class$="--magicborder"],
1972  [magic="border"],
1973  [magicborder],
1974  [magic-border] {
1975    mix-blend-mode: overlay;
1976    pointer-events: none;
1977    border-radius: inherit;
1978    -webkit-mask-image: -webkit-gradient(linear, left 0%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));Â 0
1979  }
1980
1981  /* Apply backdrop filter to all classes that end with --bgblur */
1982  [class$="--bgblur"] {
1983    -webkit-backdrop-filter: saturate(180%) blur(20px);
1984    backdrop-filter: saturate(180%) blur(20px);
1985  }
1986
1987  /* Set background color to parent's color for elements with background="currentColor" */
1988  [background="currentColor"] {
1989    background: currentColor !important;
1990  }
1991
1992  /* Set color to parent's color for elements with color="currentColor" */
1993  [color="currentColor"] {
1994    color: currentColor !important;
1995  }
1996
1997  /* Inherit border-radius from parent for elements with border-radius="inherit" */
1998  [border-radius="inherit"] {
1999    border-radius: inherit !important;
2000  }
2001
2002
2003  .asset {
2004    border-radius: inherit
2005  }
2006
2007  /* Apply drop-shadow filters to the feature_image class */
2008  .feature_image {
2009    filter: drop-shadow(0px 1px 0px rgba(255, 255, 255, 0.1));
2010    filter: drop-shadow(0px 10px 20px rgba(50, 50, 93, 0.15));
2011  }
2012
2013  /* Set the background color to currentColor for nav_hamburger-line class */
2014  .nav_hamburger-line {
2015    background: currentColor;
2016  }
2017
2018  /* Apply a mask to all classes ending with video-mask */
2019  [class$="video-mask"] {
2020    -webkit-mask-image: -webkit-radial-gradient(white, black);
2021  }
2022
2023  [apple-blur="dark"] {
2024    background-color: rgba(0,0,0,.72);
2025    backdrop-filter: saturate(180%) blur(20px);
2026  }
2027
2028  [ai-promo-pulse] {animation: pulse-violet 2s infinite}
2029
2030  @keyframes pulse-violet {
2031    0% {box-shadow: 0 0 0 0 rgba(174, 67, 249, 0.7);}
2032    70% {box-shadow: 0 0 0 20px rgba(174, 67, 249, 0);}
2033    100% {box-shadow: 0 0 0 0 rgba(174, 67, 249, 0);}
2034  }
2035
2036  [live-pulse] {animation: pulse-red 2s infinite}
2037
2038  @keyframes pulse-red {
2039    0% {box-shadow: 0 0 0 0 rgba(255, 26, 81, 0.7);}
2040    70% {box-shadow: 0 0 0 20px rgba(255, 26, 81, 0);}
2041    100% {box-shadow: 0 0 0 0 rgba(255, 26, 81, 0);}
2042  }
2043
2044
2045  /* 2024 */
2046  :root {
2047    --shadow-card: 0px 1px 1px 0px rgba(0, 0, 0, 0.05),
2048      0px 4px 6px 0px rgba(34, 42, 53, 0.04),
2049      0px 24px 68px 0px rgba(47, 48, 55, 0.05),
2050      0px 2px 3px 0px rgba(0, 0, 0, 0.04);
2051  }
2052
2053  /* Apply specific box-shadow to elements with shadow="card" */
2054  [shadow="card"] {
2055    box-shadow: var(--shadow-card);
2056  }
2057
2058  [data-bento-collaboration] {
2059    cursor: url('https://marketing-assets.surferseo.art/wf-cdn/62666115cfab458794bd512f/66190e76fc6303cff2b0c290_pointer-you.svg') 0 20, auto
2060  }
2061
2062  .bento_card:hover .bento_card-link-icon {
2063    opacity: 1
2064  }
2065
2066  /* Mobile Native CSS Swipe for Responsive Slider */
2067  @media (max-width: 991px) {
2068
2069    [data-role="responsive-slider"] {
2070      scroll-snap-type: x mandatory;
2071      overflow-x: auto;
2072      -webkit-overflow-scrolling: touch;
2073
2074      &::-webkit-scrollbar {

2075        display: none;
2076      }
2077    }
2078
2079    [data-role="responsive-slider"] > * {
2080      scroll-behavior: smooth;
2081      scroll-snap-align: center;
2082    }
2083
2084    [responsive-slider-simulate-swipe] > * {
2085      transition-property: all;
2086      transition-duration: 500ms;
2087      transition-timing-function: cubic-bezier(1, 0, 0, 1);
2088    }
2089
2090  }
2091
2092  .w-lightbox-figure {
2093    border-radius: 1rem;
2094    overflow: clip;
2095    outline: 0.5rem solid #783AFB;
2096
2097    @media (max-width: 991px) {
2098      max-width: 95svw;
2099      border-radius: 2svw;
2100      outline: 1svw solid #783AFB;
2101    }
2102  }
2103
2104  }
2105
2106  svg {will-change: transform}
2107
2108</style></div><div class="style-buttons w-embed"><style>
2109
2110  .button * {
2111    pointer-events: none
2112  }
2113
2114  /* Apply styles for button */
2115  .button.is-link {
2116    color: inherit
2117  }
2118
2119  .button:hover {
2120
2121    & [button-arrow] {
2122      transform: translateX(0.25em);
2123    }
2124
2125    & [button-arrow="link"] {
2126      transform: translate(0.25em, -0.25em);
2127    }
2128
2129    & [button-arrow="down"] {
2130      transform: translateY(0.25em);
2131    }}
2132
2133
2134
2135  /* OLD */
2136  /* OLD */
2137  /* OLD */
2138  /* Apply styles for button */
2139  .button-old {
2140    border: solid 2px transparent;
2141    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(45deg,#FF4087,#FFC056);
2142    background-origin: border-box;
2143    background-clip: content-box, border-box;
2144  }
2145
2146  /* Apply styles for secondary button */
2147  .button-old.is-secondary {
2148    border: solid 2px transparent;
2149    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(45deg,#ff4087,#ffc056);
2150    background-origin: border-box;
2151    background-clip: content-box, border-box;
2152    box-shadow: 2px 1000px 1px #fff inset;
2153  }
2154
2155  /* Apply styles for dark secondary button */
2156  .button-old.is-secondary.is-dark {
2157    box-shadow: 2px 1000px 1px #000000 inset;
2158  }
2159
2160  /* Apply styles for hover state of secondary button */
2161  .button-old.is-secondary:hover {
2162    box-shadow: none;
2163    color: white;
2164  }
2165
2166  .button-old.is-text {
2167    color: inherit }
2168
2169  /* Apply styles for disabled button */
2170  .button-old-disabled {
2171    opacity: 0.5;
2172    background: #d0d4da;
2173    border: solid #d0d4da !important;
2174    color: #9fa4ab !important;
2175    pointer-events: none;
2176  }
2177</style></div><div class="components-and-symbols"><div class="css-scroll-snap-slider w-embed"><style>
2178
2179  [responsive-slider-track] {
2180    overflow-x: auto;
2181    scroll-snap-type: x mandatory;
2182    -webkit-overflow-scrolling: touch;
2183    }
2184
2185  [responsive-slider-track] > * {
2186    scroll-snap-align: start;
2187    scroll-behavior: smooth;
2188  }
2189
2190  @media (max-width: 991px) {
2191    [responsive-slider-track] > * {
2192      scroll-snap-align: center;
2193    }
2194  }
2195
2196</style></div></div></div><div class="local-style w-embed"><style>
2197
2198  h2 > strong,
2199  h3 > strong,
2200  h4 > strong,
2201  h5 > strong,
2202  h6 > strong {
2203    font-weight: 900 !important;
2204  }
2205
2206  .navbar {
2207    position: relative;
2208    color: var(--swatches--neutral--black);
2209    background-color: var(--swatches--neutral--gray-lighter);
2210    border-color: var(--swatches--neutral--gray-light);
2211  }
2212
2213  /* helper for ToC script */
2214  .text-rich-text-blog div[id] {
2215    display: flex;
2216    flex-direction: column;
2217  }
2218
2219  canvas {
2220    width: 100%;
2221    height: 100%;
2222  }
2223
2224  .w-richtext-figure-type-video {
2225    padding-bottom: 60% !important;
2226    border-radius: 1rem;
2227  }
2228
2229  .blog-hero_author-headshot {
2230    -webkit-mask-image: -webkit-gradient(linear, left 0%, left 50%, from(transparent), to(black));
2231    -webkit-mask-image: linear-gradient(0deg, transparent, black 50%);
2232    mask-image: linear-gradient(0deg, transparent, black 50%);
2233  }
2234
2235  @media only screen and (max-width: 1440px) {
2236    .blog-post_wrap {
2237      gap: 3rem;
2238    }
2239    .text-rich-text-blog {
2240      font-size: 1.2rem;
2241    }
2242  }
2243
2244  .blog-post_stats-cs-border,
2245  .blog-post_stats-cs-image {
2246    border-radius: inherit;
2247    -webkit-mask-image: -webkit-gradient(linear, left 0%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
2248    mask-image: linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
2249  }
2250
2251  article h6 a {
2252    color: var(--brand--sunny-orange) !important;
2253  }
2254
2255  .blog-autor-wrap:hover,
2256  .blog-post_author-wrap:hover {
2257    .blog-author-icon {
2258      color: black;
2259      transform: translateX(0.25rem);
2260      opacity: 1;
2261    }
2262  }
2263
2264  .blog-post_sidebar-wrap:has(.blog-autor-wrap:hover) .blog-autor-wrap:not(.blog-autor-wrap:hover),
2265  .blog-post_article-wrap:has(.blog-post_author-wrap:hover) .blog-post_author-wrap:not(.blog-post_author-wrap:hover) {
2266    opacity: 0.25;
2267  }
2268
2269  figure * {
2270    border-radius: inherit;
2271  }
2272
2273  .text-rich-text-blog .divider {
2274    margin-top: var(--size--2rem);
2275    margin-bottom: var(--size--4rem);
2276  }
2277
2278</style></div><main class="main-wrapper"><section class="section-blog-hero"><div class="w-layout-blockcontainer container w-container"><div class="container-padding"><div data-ask-llms="article-intro" class="blog-post-hero"><div class="blog-post-hero_category"><a href="/category/release-notes/" class="blog-post_hero-author-link w-inline-block"><div class="u-text-small">Updates</div></a><div class="u-text-small text-color-gray-400">Last updated:</div><div class="u-text-small text-color-gray-400">May 19, 2025</div></div><div class="container-medium"><div class="blog-post-hero_intro"><h1 class="blog-post_intro-title u-display-xl">âWhy Surfer Should Be in Your SEO Toolkit in 2025</h1></div></div><div class="blog-post-hero_authors"><div class="blog-post-hero_authors-wrap"><div class="u-text-small text-color-gray-400">Written by</div><a href="/author/kristavja/" class="blog-post_hero-author-link w-inline-block"><div class="u-text-small">Kristavja Caci</div></a></div><div class="blog-post-hero_authors-wrap w-condition-invisible"><div class="u-text-small text-color-gray-400">Reviewed by</div><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div></div><div class="blog-post-hero_authors-wrap w-condition-invisible"><div class="u-text-small text-color-gray-400">Contributors:</div><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div></div></div></div></div></div></section><div class="blog-content"><div data-theme="" class="blog-content-wrap"><section class="section-blog-article"><div class="blog-post_sidebar"><div class="component-style w-embed"><style>
2279  .blog-post-toc_list:has(.is-mini) {gap: 0.5rem}
2280  .blog-post-toc_list {gap: 0rem}
2281
2282  .blog-post-toc_item {
2283    padding-top: var(--size--0-25rem);
2284    padding-bottom: var(--size--0-25rem);
2285
2286    color: var(--_swatches---neutral--600);
2287
2288    &:hover,
2289    &.is-active {
2290
2291      color: var(--_swatches---neutral--black);
2292
2293      .blog-post-toc_item-line {
2294        width: var(--size--1rem) !important;
2295        background-color: var(--_swatches---orange--main);
2296      }
2297    }
2298    &.is-mini {
2299      .blog_navbar_item-label {
2300        display: none
2301      }
2302    } 
2303  }
2304
2305  .blog-post-toc_item.is-mini {
2306    padding-top: var(--size--0-125rem);
2307    padding-bottom: var(--size--0-125rem);
2308  }
2309
2310</style></div><aside aria-label="Content Score and Table of Contents" class="blog-post_sidebar-content"><div role="tooltip" data-tippy-placement="right" data-tippy-content="&lt;p&gt;     &lt;strong&gt;Content Score&lt;/strong&gt; helps you understand how well your content is optimized based on structure, keywords, and quality. Aim for a high score to increase your chances of ranking.   &lt;/p&gt;&lt;br&gt;&lt;a href=&#x27;https://docs.surferseo.com/en/articles/5700317-what-is-content-score&#x27; target=&#x27;_blank&#x27; rel=&#x27;noopener noreferrer&#x27;&gt;

2310     Learn more about Content Score â   &lt;/a&gt;" class="blog-post_cs w-condition-invisible"><div class="blog-post_cs-wrap"><div class="rive---content-score w-embed w-script">

2310<script>
2311  document.addEventListener("DOMContentLoaded", () => {
2312    const ContentScoreCanvas = document.querySelector("#content-score");
2313    ContentScoreCanvas.style.opacity = "0";
2314    ContentScoreCanvas.style.transition = "opacity 0.5s ease";
2315
2316    let contentScore = parseInt("", 10);
2317
2318    if (!contentScore || isNaN(contentScore)) {
2319      contentScore = 100;
2320    }
2321
2322    const r = new rive.Rive({
2323      src: "https://assets.surferseo.art/webflow-scripts/blog/blog.riv",
2324      canvas: ContentScoreCanvas,
2325      artboard: "content-score",
2326      autoplay: true,
2327      stateMachines: "Content-Score",
2328      onLoad: () => {
2329        const inputs = r.stateMachineInputs("Content-Score");
2330        const scoreInput = inputs.find(input => input.name === "Content Score");
2331        if (scoreInput) {
2332          scoreInput.value = contentScore;
2333        }
2334
2335        // fade-in
2336        requestAnimationFrame(() => {
2337          ContentScoreCanvas.style.opacity = "1";
2338        });
2339      }
2340    });
2341  });
2342</script>

2342</div><canvas id="content-score" class="blog-post_cs-canvas"></canvas><div data-content-score="" class="blog-post_cs-value w-dyn-bind-empty"></div></div><div class="blog-post_cs-label"><div class="blog-post_cs-label-tooltip"><div class="u-text-small text-weight-bold">Content Score</div><div class="blog-post_cs-label-tooltip-icon w-embed"><svg width="100%" style="" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
2343<g clip-path="url(#clip0_1237_1577)">
2344<path d="M7.05208 9.83335V7.50002M7.05208 5.16669H7.05792M12.8854 7.50002C12.8854 10.7217 10.2737 13.3334 7.05208 13.3334C3.83042 13.3334 1.21875 10.7217 1.21875 7.50002C1.21875 4.27836 3.83042 1.66669 7.05208 1.66669C10.2737 1.66669 12.8854 4.27836 12.8854 7.50002Z" stroke="currentColor" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/>
2345</g>
2346<defs>
2347<clipPath id="clip0_1237_1577">
2348<rect width="14" height="14" fill="currentColor" transform="translate(0.0517578 0.5)"/>
2349</clipPath>
2350</defs>
2351</svg></div></div><div class="u-text-small u-text-muted">powered by SURFER</div></div></div><div data-wf--blog-summarize-with-ai--variant="base" class="ask-llms"><div class="ask-llms-sidebar-label">Summarize with AI:</div><div class="ask-llms_wrap"><button data-ask-llms="button-chatgpt" data-tippy-content="Summarize with ChatGPT" ga-button="Summarize with ChatGPT" class="ask-llms_button"><div class="button-llms_icon"><div class="icon-embed w-embed"><svg width="100%" style="" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
2352<g clip-path="url(#clip0_2294_10331)">
2353<path d="M297.06 130.97C304.32 109.18 301.82 85.31 290.21 65.49C272.75 35.09 237.65 19.45 203.37 26.81C188.12 9.63002 166.21 -0.139981 143.24 1.93887e-05C108.2 -0.0799806 77.1101 22.48 66.3301 55.82C43.8201 60.43 24.3901 74.52 13.0201 94.49C-4.56991 124.81 -0.559916 163.03 22.9401 189.03C15.6801 210.82 18.1801 234.69 29.7901 254.51C47.2501 284.91 82.3501 300.55 116.63 293.19C131.87 310.37 153.79 320.14 176.76 319.99C211.82 320.08 242.92 297.5 253.7 264.13C276.21 259.52 295.64 245.43 307.01 225.46C324.58 195.14 320.56 156.95 297.07 130.95L297.06 130.97ZM176.78 299.08C162.75 299.1 149.16 294.19 138.39 285.2C138.88 284.94 139.73 284.47 140.28 284.13L204 247.33C207.26 245.48 209.26 242.01 209.24 238.26V148.43L236.17 163.98C236.46 164.12 236.65 164.4 236.69 164.72V239.11C236.65 272.19 209.86 299.01 176.78 299.08ZM47.9401 244.05C40.9101 231.91 38.3801 217.68 40.7901 203.87C41.2601 204.15 42.0901 204.66 42.6801 205L106.4 241.8C109.63 243.69 113.63 243.69 116.87 241.8L194.66 196.88V227.98C194.68 228.3 194.53 228.61 194.28 228.81L129.87 266C101.18 282.52 64.5401 272.7 47.9501 244.05H47.9401ZM31.1701 104.96C38.1701 92.8 49.2201 83.5 62.3801 78.67C62.3801 79.22 62.3501 80.19 62.3501 80.87V154.48C62.3301 158.22 64.3301 161.69 67.5801 163.54L145.37 208.45L118.44 224C118.17 224.18 117.83 224.21 117.53 224.08L53.1101 186.86C24.4801 170.28 14.6601 133.65 31.1601 104.97L31.1701 104.96ZM252.43 156.45L174.64 111.53L201.57 95.99C201.84 95.81 202.18 95.78 202.48 95.91L266.9 133.1C295.58 149.67 305.41 186.36 288.84 215.04C281.83 227.18 270.79 236.48 257.64 241.32V165.51C257.67 161.77 255.68 158.31 252.44 156.45H252.43ZM279.23 116.11C278.76 115.82 277.93 115.32 277.34 114.98L213.62 78.18C210.39 76.29 206.39 76.29 203.15 78.18L125.36 123.1V92C125.34 91.68 125.49 91.37 125.74 91.17L190.15 54.01C218.84 37.46 255.52 47.31 272.06 76.01C279.05 88.13 281.58 102.32 279.21 116.11H279.23ZM110.72 171.54L83.7801 155.99C83.4901 155.85 83.3001 155.57 83.2601 155.25V80.86C83.2801 47.74 110.15 20.9 143.27 20.92C157.28 20.92 170.84 25.84 181.61 34.8C181.12 35.06 180.28 35.53 179.72 35.87L116 72.67C112.74 74.52 110.74 77.98 110.76 81.73L110.72 171.52V171.54ZM125.35 140L160 119.99L194.65 139.99V180L160 200L125.35 180V140Z" fill="currentColor"/>
2354</g>
2355<defs>
2356<clipPath id="clip0_2294_10331">
2357<rect width="320" height="320" fill="currentColor"/>
2358</clipPath>
2359</defs>
2360</svg></div></div></button><button data-ask-llms="button-claude" data-tippy-content="Summarize with Claude" ga-button="Summarize with Claude" class="ask-llms_button"><div class="button-llms_icon"><div class="icon-embed w-embed"><svg width="100%" style="" viewBox="0 0 256 257" fill="none" xmlns="http://www.w3.org/2000/svg">
2361<g clip-path="url(#clip0_2294_10333)">
2362<path d="M50.2278 170.321L100.585 142.064L101.428 139.601L100.585 138.24H98.1225L89.6972 137.722L60.9215 136.944L35.9696 135.907L11.7954 134.611L5.70329 133.314L0 125.796L0.583291 122.037L5.70329 118.603L13.0268 119.251L29.2294 120.352L53.5332 122.037L71.1615 123.074L97.28 125.796H101.428L102.011 124.111L100.585 123.074L99.4835 122.037L74.3372 104.992L47.117 86.9752L32.8587 76.6056L25.1463 71.3559L21.2577 66.4304L19.5727 55.6719L26.5722 47.9595L35.9696 48.6076L38.3676 49.2557L47.8947 56.5792L68.2451 72.3281L94.8172 91.9008L98.7058 95.1413L100.261 94.0395L100.456 93.2618L98.7058 90.3453L84.2532 64.2268L68.8284 37.6547L61.9585 26.637L60.1438 20.0263C59.4957 17.3043 59.042 15.0359 59.042 12.2491L67.0137 1.42582L71.4208 0L82.0496 1.42582L86.5215 5.31443L93.1321 20.4152L103.826 44.2005L120.417 76.5408L125.278 86.1327L127.87 95.0116L128.843 97.7337H130.528V96.1782L131.889 77.9666L134.416 55.6071L136.879 26.8314L137.722 18.7301L141.74 9.00861L149.711 3.75899L155.933 6.74025L161.053 14.0638L160.34 18.7949L157.294 38.562L151.332 69.5413L147.443 90.2805H149.711L152.304 87.6881L162.803 73.7539L180.431 51.7185L188.209 42.9691L197.282 33.3124L203.115 28.7109H214.133L222.234 40.7656L218.605 53.2091L207.263 67.597L197.865 79.7813L184.385 97.9281L175.959 112.446L176.737 113.612L178.746 113.418L209.207 106.937L225.669 103.955L245.306 100.585L254.185 104.733L255.157 108.946L251.658 117.566L230.659 122.75L206.031 127.676L169.349 136.361L168.895 136.685L169.414 137.333L185.94 138.888L193.005 139.277H210.309L242.52 141.675L250.945 147.249L256 154.054L255.157 159.238L242.195 165.849L224.697 161.701L183.866 151.98L169.867 148.48H167.923V149.647L179.589 161.053L200.976 180.367L227.743 205.254L229.104 211.411L225.669 216.271L222.039 215.753L198.513 198.06L189.44 190.088L168.895 172.784H167.534V174.598L172.265 181.533L197.282 219.123L198.578 230.659L196.764 234.418L190.283 236.687L183.153 235.39L168.506 214.846L153.406 191.708L141.221 170.969L139.731 171.812L132.537 249.26L129.167 253.213L121.389 256.194L114.908 251.269L111.473 243.297L114.908 227.548L119.056 207.004L122.426 190.671L125.472 170.386L127.287 163.646L127.157 163.192L125.667 163.386L110.372 184.385L87.1048 215.818L68.6987 235.52L64.2916 237.27L56.6441 233.316L57.357 226.252L61.6344 219.966L87.1048 187.561L102.465 167.469L112.381 155.868L112.316 154.183H111.733L44.0709 198.125L32.0162 199.68L26.8314 194.819L27.4795 186.848L29.9423 184.255L50.2927 170.256L50.2278 170.321Z" fill="currentColor"/>
2363</g>
2364<defs>
2365<clipPath id="clip0_2294_10333">
2366<rect width="256" height="257" fill="currentColor"/>
2367</clipPath>
2368</defs>
2369</svg></div></div></button><button data-ask-llms="button-perplexity" data-tippy-content="Summarize with Perplexity" ga-button="Summarize with Perplexity" class="ask-llms_button"><div class="button-llms_icon"><div class="icon-embed w-embed"><svg width="100%" style="" viewBox="0 0 27 31" fill="none" xmlns="http://www.w3.org/2000/svg">
2370<path fill-rule="evenodd" clip-rule="evenodd" d="M3.91564 0.212311L12.4152 8.04339V8.04159V0.230381H14.0697V8.07843L22.6074 0.212311V9.1409H26.1126V22.0196H22.6181V29.97L14.0697 22.4596V30.0563H12.4152V22.5835L3.92527 30.0612V22.0196H0.419922V9.1409H3.91564V0.212311ZM11.1679 10.7752H2.07445V20.3852H3.9232V17.3539L11.1679 10.7752ZM5.57971 18.079V2

23706.4143L12.4152 20.3938V11.8705L5.57971 18.079ZM14.1173 20.3142V11.8624L20.9548 18.0714V22.0196H20.9636V26.3292L14.1173 20.3142ZM22.6181 20.3852H24.4581V10.7752H15.4324L22.6181 17.2858V20.3852ZM20.9528 9.1409V3.9716L15.3422 9.1409H20.9528ZM11.1807 9.1409H5.57017V3.9716L11.1807 9.1409Z" fill="currentColor"/>
2371</svg></div></div></button><button data-ask-llms="button-grok" data-tippy-content="Summarize with Grok" ga-button="Summarize with Grok" class="ask-llms_button"><div class="button-llms_icon"><div class="icon-embed w-embed"><svg width="100%" style="" viewBox="0 0 58 56" fill="none" xmlns="http://www.w3.org/2000/svg">
2372<path d="M14.9648 12.9502C21.1997 6.68496 30.3828 5.10525 38.0527 8.2793C39.7494 8.91308 41.2281 9.8148 42.3818 10.6533L35.9775 13.6279C30.0142 11.1121 23.1832 12.8235 19.0137 17.0166C13.4631 22.5936 12.2721 32.2006 18.54 38.5547L18.8389 38.8594L0.797852 55.0664C1.94204 53.4818 3.36261 51.984 4.77832 50.4873C8.77331 46.2649 12.7396 42.0821 10.3203 36.168C7.08169 28.2548 8.9677 18.9814 14.9648 12.9502ZM57.1934 0.868164C51.2544 9.0931 48.3555 13.1156 50.6826 23.1787L50.668 23.1641C52.2728 30.0143 50.5563 37.6106 45.0146 43.1836C38.0283 50.2142 26.8485 51.7795 17.6416 45.4512L24.0605 42.4619C29.9366 44.7827 36.365 43.7635 40.9854 39.1172C45.6059 34.4707 46.6435 27.7036 44.3213 22.0723C43.88 21.0044 42.5569 20.7364 41.6309 21.4238L22.7373 35.4512L49.7998 8.11328V8.1377L57.6152 0.277344C57.4746 0.477246 57.3338 0.673138 57.1934 0.868164Z" fill="currentColor"/>
2373</svg></div></div></button><button data-ask-llms="button-googleai" data-tippy-content="Summarize with AI Overviews" ga-button="Summarize with AI Overviews" class="ask-llms_button"><div class="button-llms_icon"><div class="icon-embed w-embed"><svg width="100%" style="" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
2374<path d="M28.0344 14.6495C24.4936 14.8668 21.1544 16.3714 18.6459 18.8798C16.1375 21.3883 14.6329 24.7274 14.4156 28.2683H14.361C14.1441 24.7273 12.6396 21.3879 10.1311 18.8794C7.62252 16.3709 4.28315 14.8664 0.742188 14.6495L0.742188 14.5949C4.28315 14.378 7.62252 12.8735 10.1311 10.3649C12.6396 7.85641 14.1441 4.51704 14.361 0.976074L14.4156 0.976074C14.6329 4.51691 16.1375 7.85607 18.6459 10.3645C21.1544 12.873 24.4936 14.3776 28.0344 14.5949V14.6495Z" fill="currentColor"/>
2375</svg></div></div></button></div><div class="component-scripts w-embed w-script">

2375<script>
2376  (function () {
2377    "use strict";
2378
2379    // Prevent multiple initialization
2380    if (window.WebflowLLMsInitialized) return;
2381    window.WebflowLLMsInitialized = true;
2382
2383    // Create namespace for our functions
2384    window.WebflowLLMs = window.WebflowLLMs || {};
2385
2386    // Helper functions (only create if they don't exist)
2387    if (!window.WebflowLLMs.htmlToPlainText) {
2388      window.WebflowLLMs.htmlToPlainText = function (html) {
2389        const tempDiv = document.createElement("div");
2390        tempDiv.innerHTML = html;
2391        return tempDiv.textContent || tempDiv.innerText || "";
2392      };
2393    }
2394
2395    if (!window.WebflowLLMs.htmlToMarkdown) {
2396      window.WebflowLLMs.htmlToMarkdown = function (element) {
2397        function processNode(node) {
2398          if (node.nodeType === Node.TEXT_NODE) {
2399            return node.textContent;
2400          }
2401
2402          if (node.nodeType === Node.ELEMENT_NODE) {
2403            const tagName = node.tagName.toLowerCase();
2404            const children = Array.from(node.childNodes).map(processNode).join("");
2405
2406            switch (tagName) {
2407              case "h1":
2408                return `# ${children}\n\n`;
2409              case "h2":
2410                return `## ${children}\n\n`;
2411              case "h3":
2412                return `### ${children}\n\n`;
2413              case "h4":
2414                return `#### ${children}\n\n`;
2415              case "h5":
2416                return `##### ${children}\n\n`;
2417              case "h6":
2418                return `###### ${children}\n\n`;
2419              case "p":
2420                return `${children}\n\n`;
2421              case "strong":
2422              case "b":
2423                return `**${children}**`;
2424              case "em":
2425              case "i":
2426                return `*${children}*`;
2427              case "ul":
2428                return `${children}\n`;
2429              case "ol":
2430                return `${children}\n`;
2431              case "li":
2432                return `- ${children}\n`;
2433              case "br":
2434                return "\n";
2435              case "img":
2436                const alt = node.getAttribute("alt") || "";
2437                const src = node.getAttribute("src") || "";
2438                return `![${alt}](${src})`;
2439              case "a":
2440                const href = node.getAttribute("href") || "";
2441                return `[${children}](${href})`;
2442              default:
2443                return children;
2444            }
2445          }
2446
2447          return "";
2448        }
2449
2450        return processNode(element).trim();
2451      };
2452    }
2453
2454    if (!window.WebflowLLMs.copyToClipboard) {
2455      window.WebflowLLMs.copyToClipboard = async function (text) {
2456        try {
2457          await navigator.clipboard.writeText(text);
2458          return;
2459        } catch (_err) {
2460          try {
2461            const textArea = document.createElement("textarea");
2462            textArea.value = text;
2463            textArea.style.position = "fixed";
2464            textArea.style.left = "-999999px";
2465            textArea.style.top = "-999999px";
2466            document.body.appendChild(textArea);
2467            textArea.select();
2468            const successful = document.execCommand("copy");
2469            document.body.removeChild(textArea);
2470            if (successful) return;
2471            throw new Error("Copy command failed");
2472          } catch (fallbackErr) {
2473            throw fallbackErr;
2474          }
2475        }
2476      };
2477    }
2478
2479    // Initialize components function
2480    function initLLMsComponents() {
2481      // Use the whole document as the component scope (no "source" wrapper required)
2482      const components = [document.body];
2483
2484      components.forEach(function (richTextElement) {
2485        const container = richTextElement;
2486
2487        // Skip if already initialized
2488        if (container.hasAttribute("data-llms-initialized")) return;
2489        container.setAttribute("data-llms-initialized", "true");
2490
2491        // Find buttons within this component instance
2492        const chatgptBtns = container.querySelectorAll('[data-ask-llms="button-chatgpt"]');
2493        const claudeBtns = container.querySelectorAll('[data-ask-llms="button-claude"]');
2494        const perplexityBtns = container.querySelectorAll('[data-ask-llms="button-perplexity"]');
2495        const grokBtns = container.querySelectorAll('[data-ask-llms="button-grok"]');
2496        const googleAIBtns = container.querySelectorAll('[data-ask-llms="button-googleai"]');
2497
2498        // Source elements (global) â kept for potential future use
2499        const introEl = document.querySelector('[data-ask-llms="article-intro"]');
2500        const articleEl = document.querySelector('[data-ask-llms="article"]');
2501
2502        function getText(el) {
2503          return el ? (el.textContent || "").trim() : "";
2504        }
2505
2506        function getAllTexts(root, selectors) {
2507          if (!root) return [];
2508          const nodes = root.querySelectorAll(selectors);
2509          const texts = [];

2510          nodes.forEach(function (n) {
2511            const t = getText(n);
2512            if (t) texts.push(t);
2513          });
2514          return texts;
2515        }
2516
2517        function extractIntroMarkdown(intro) {
2518          if (!intro) return "";
2519          const title = getText(intro.querySelector("h1"));
2520          const category = getText(intro.querySelector('[data-ask-llms="category"], .category, [class*="category"]'));
2521          const dateNode = intro.querySelector('[data-ask-llms="date"], time, .date, [class*="date"]');
2522          const date = dateNode ? dateNode.getAttribute("datetime") || getText(dateNode) : "";
2523          const authors = getAllTexts(intro, '[data-ask-llms="author"], [data-ask-llms="authors"] *, .author, .authors *, [class*="author"]').join(", ");
2524          const contributors = getAllTexts(
2525            intro,
2526            '[data-ask-llms="contributor"], [data-ask-llms="contributors"] *, .contributor, .contributors *, [class*="contrib"]'
2527          ).join(", ");
2528
2529          const header = [];
2530          if (title) header.push(`# ${title}`);
2531          if (category) header.push(`- Category: ${category}`);
2532          if (date) header.push(`- Date: ${date}`);
2533          if (authors) header.push(`- Authors: ${authors}`);
2534          if (contributors) header.push(`- Contributors: ${contributors}`);
2535          return header.length ? header.join("\n") + "\n\n" : "";
2536        }
2537
2538        // Removed "Copy as Markdown" â leaving only LLM launchers
2539
2540        // Open ChatGPT (support multiple buttons)
2541        if (chatgptBtns && chatgptBtns.length > 0) {
2542          chatgptBtns.forEach(function (btn) {
2543            btn.addEventListener("click", function (e) {
2544              e.preventDefault();
2545              const currentUrl = window.location.href;
2546              const prompt = `Read ${currentUrl} and answer questions about the content.`;
2547              const chatgptUrl = `https://chat.openai.com/?q=${encodeURIComponent(prompt)}`;
2548              window.open(chatgptUrl, "_blank");
2549            });
2550          });
2551        }
2552
2553        // Open Claude (support multiple buttons)
2554        if (claudeBtns && claudeBtns.length > 0) {
2555          claudeBtns.forEach(function (btn) {
2556            btn.addEventListener("click", function (e) {
2557              e.preventDefault();
2558              const currentUrl = window.location.href;
2559              const prompt = `Read ${currentUrl} and answer questions about the content.`;
2560              const claudeUrl = `https://claude.ai/new?q=${encodeURIComponent(prompt)}`;
2561              window.open(claudeUrl, "_blank");
2562            });
2563          });
2564        }
2565
2566        // Open Perplexity (support multiple buttons)
2567        if (perplexityBtns && perplexityBtns.length > 0) {
2568          perplexityBtns.forEach(function (btn) {
2569            btn.addEventListener("click", function (e) {
2570              e.preventDefault();
2571              const currentUrl = window.location.href;
2572              const prompt = `Read ${currentUrl} and answer questions about the content.`;
2573              const perplexityUrl = `https://www.perplexity.ai/?q=${encodeURIComponent(prompt)}`;
2574              window.open(perplexityUrl, "_blank");
2575            });
2576          });
2577        }
2578
2579        // Open Grok (X)
2580        if (grokBtns && grokBtns.length > 0) {
2581          grokBtns.forEach(function (btn) {
2582            btn.addEventListener("click", function (e) {
2583              e.preventDefault();
2584              const currentUrl = window.location.href;
2585              const prompt = `Summarize this URL: ${currentUrl}`;
2586              const grokUrl = `https://x.com/i/grok?text=${encodeURIComponent(prompt)}`;
2587              window.open(grokUrl, "_blank");
2588            });
2589          });
2590        }
2591
2592        // Open Google AI (AI Overviews)
2593        if (googleAIBtns && googleAIBtns.length > 0) {
2594          googleAIBtns.forEach(function (btn) {
2595            btn.addEventListener("click", function (e) {
2596              e.preventDefault();
2597              const currentUrl = window.location.href;
2598              const q = `Summarize this post: ${currentUrl}`;
2599              const googleUrl = `https://www.google.com/search?udm=50&aep=11&q=${encodeURIComponent(q)}`;
2600              window.open(googleUrl, "_blank");
2601            });
2602          });
2603        }
2604      });
2605    }
2606
2607    // Initialize when DOM is ready or immediately if already loaded
2608    if (document.readyState === "loading") {
2609      document.addEventListener("DOMContentLoaded", initLLMsComponents);
2610    } else {
2611      // Use setTimeout to ensure it runs after current execution stack
2612      setTimeout(initLLMsComponents, 0);
2613    }
2614
2615    // Also initialize on window load as fallback
2616    window.addEventListener("load", initLLMsComponents);
2617
2618    // Watch for new components added dynamically (for Webflow interactions)
2619    if (typeof MutationObserver !== "undefined") {
2620      const observer = new MutationObserver(function (mutations) {
2621        let shouldInit = false;

2622        mutations.forEach(function (mutation) {
2623          if (mutation.type === "childList" && mutation.addedNodes.length > 0) {
2624            mutation.addedNodes.forEach(function (node) {
2625              if (node.nodeType === Node.ELEMENT_NODE) {
2626                if (node.matches?.("[data-ask-llms]") || (node.querySelector && node.querySelector("[data-ask-llms]"))) {
2627                  shouldInit = true;
2628                }
2629              }
2630            });
2631          }
2632        });
2633        if (shouldInit) {
2634          setTimeout(initLLMsComponents, 100);
2635        }
2636      });
2637
2638      observer.observe(document.body, {
2639        childList: true,
2640        subtree: true,
2641      });
2642    }
2643  })();
2644</script>

2644</div></div><div class="blog-post-toc"><div data-toc-toggle="" class="blog-post_sidebar-toggle"><div class="toc-shortcut"><span data-meta-key="">â</span>[</div><div class="u-text-small">Contents</div></div><div data-toc-list="" class="blog-post-toc_list"></div></div></aside></div><div class="blog-post_article"><div class="w-layout-blockcontainer container w-container"><div class="container-padding"><div class="blog-post"><article data-ask-llms="article" class="blog-post_article-rich-text w-richtext"><p>If you&#x27;re serious about investing in SEO in 2025, then Surfer should be in your toolkit.</p><p>But donât just take my word for it.</p><h5>In 2024, Surfer users saw an average of 205% increase in clicks. Top performers saw a 312% increase.*Â </h5><p>An increase in traffic can lead to tangible business results.</p><p>I see this first-hand on our blog.Â </p><p>Surferâs blog traffic grew by 358% in the past year. 60% of our leads and 27% of sales are attributed to this traffic growth.Â </p><p>Our users share similar stories. The folks at SEOSpace report that 51% of their conversions come from organic traffic.</p><p>This could be you next year. Ready to join the ranks?</p><p>Hereâs how you can, with Surfer.</p><p><em>*Data: </em><a target="_blank" href="https://surferseo.com/unwrapped/"><em>Surfer Unwrapped 2024</em></a></p><h2>1. Master on-page SEOÂ </h2><h5>Surferâs Content Score has a 0.27 correlation with rankingsâand on-page SEO makes up 33% of the whole SEO puzzle.Â </h5><p>This means that the Content Score can get you 80% of possible gains when it comes to on-page optimization.Â </p><figure class="w-richtext-align-center w-richtext-figure-type-image"><div><img loading="lazy" alt="" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/67628a09e9e88a47254997b6_AD_4nXe6Imkgo__Qe7DoO6le7HSzymjyPBV5CTrSZJo47WXEB-VOFpDOx610VSfocMSurpdSVn9DGdyCfd53T-JlasTCEAc3n2iAPu194I-4i3ZGrHUD-MTQGfvSl7UEEzbxjB_XY9SOhw.avif"/></div></figure><p>So itâs no wonder top-performing Surfers have a content score above 78.</p><p>Surferâs content score analyzes over 500 ranking factors to give you real-time optimization guidelines.</p><figure class="w-richtext-align-center w-richtext-figure-type-image"><div><img loading="lazy" alt="" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/67628a0a27060e7e3aedde9c_AD_4nXe52J7nkxdrt8faEJGXXyb42T4v9CAFyPw_aYngELCUmFAaKqUfd0OD_Votwi64qp_PxuYl8Ird1CaP9cd8JA2N9Xwy3FQQQbLPTlcnKbQMUWjj5kg6ZsMIQ9Fitg7RDDcBRGvT2Q.avif"/></div></figure><p>For each article you create, Surfer looks at your top competitors and gives you hints on how your content can outrank them.</p><p>And we have a list of features to help you achieve this score and not only.</p><p>Surfer can fully cover your on-page optimization needs - from crafting data-driven content strategies to creating ranking articles, auditing, and optimizing them.Â Â </p><p>With Surfer by your side, you have everything you need to master on-page optimization.</p><h2>2. Find quick wins</h2><p>Surfer top performers have one thing in common: they all used the <a target="_blank" href="https://surferseo.com/content-audit/">Content Audit</a> to find quick SEO wins.</p><p>By connecting your Google Search Console (GSC) to Surfer, you can see how your content is performing at a glance.</p><p>Surfer will show you the results for your top 100 pages. You can always manually add or remove pages as needed. Depending on your plan, you can audit up to 1000 pages.</p><p>There, you can see key content metrics and how they have changed in the past 30 days compared to the previous period, including:</p><ul role="list"><li>Content score</li><li>SERP position</li><li>Traffic</li><li>Impressions</li><li>Click-through-rate (CTR)</li></ul><figure class="w-richtext-align-center w-richtext-figure-type-image"><div><img loading="lazy" alt="" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/6762e80cbea30d9a8202ac0a_6762e76b941bd22dc063ff46_Screenshot%25202024-12-18%2520at%252017.16.16.avif"/></div></figure><p>This way, you can identify which pages need a content update.</p><p>Updating your content is a quick and effective way to improve SEO performance.</p><p>To make things even easier, the <strong>Best Opportunities</strong> tab highlights these pages for you. These are your quick wins.</p><figure class="w-richtext-align-center w-richtext-figure-type-image"><div><img loading="lazy" alt="" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/6762e80cbea30d9a8202ac07_6762e7c9b84ec76635ddf89c_Screenshot%25202024-12-18%2520at%252017.17.14.avif"/></div></figure><p>Optimizing these pages can help you get the most out of your SEO efforts quickly, as you donât have to start from scratch.</p><p>After identifying these quick wins, you can move on to the next step: updating your content.</p><figure class="w-richtext-align-center w-richtext-figure-type-image"><div><img loading="lazy" alt="" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/67628a0a4aa889de95215eff_AD_4nXfXSQ1zO2uzoxaOMX5OSsAI427wUIZtXn1nmECG2h2Or1OBsXdll6yyRekQ_rbPfEEz19S-xBibBVDUL7Kt_PY_FceQ6geNcyFjieKKq5U3bBIF9XYs7z120cbfcmy_kVbOm0I.av

2644if"/></div></figure><h2>3. Update content faster</h2><p>Regular content updates are essential for SEO as they keep information accurate, improve relevance for search engines, and signal freshness, which can boost rankings and user engagement.</p><p>Once you know which pages need updating from the Content Audit, you can follow Surferâs <a target="_blank" href="https://surferseo.com/content-editor/">Content Editor</a> guidelines to optimize them.</p><p>Surfer will scan the top articles that are ranking for your main keyword and give you suggestions on what to improve.</p><p>Hereâs where you need to focus on:</p><p>ðIncorporate relevant <strong>Terms</strong> to signal to search engines what your content is about.Â </p><p>Can you imagine an article on âcampaign deliverables examplesâ that doesnât mention the main keyword, not even once? Neither can Google.</p><p>â</p><figure class="w-richtext-align-center w-richtext-figure-type-image"><div><img loading="lazy" alt="" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/67628a0af16803faaf271c0d_AD_4nXeygv7Bkl4u_ijt-BPjWlDjOYqctY2zCv5bcAtJMX8DgdZIz35SQNlHlBxe559Az6Vhd-77kyvglSfQBTJsTWsdZ1rCv6QZscdTS9XqwW6qHOLcvWLesocT5Q8x2_dp90vcZ3Cz4A.avif"/></div></figure><p>Hereâs a tip from one of our top performers:</p><blockquote>&quot;I like to weave Surfers most impactful keywordsâthe ones that boost the scoring tool the mostâinto a concise introduction right away. This sets the stage for both readers and search engines, increasing your chances of ranking well while grabbing your audience&#x27;s attention.&quot;</blockquote><h4><em>- </em>Bryan Reynolds, <a target="_blank" href="https://myseoconsult.com/">MySEOConsult</a></h4><p>You can do this manually or use the <strong>Auto-optimize</strong> feature to watch your content score go up.</p><p>â</p><figure class="w-richtext-align-center w-richtext-figure-type-image"><div><img loading="lazy" alt="" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/66f69e814cc8ad6fb31a38bb_AD_4nXfIdSgqHf9-kkJ3xGyzXkqNkjYzTmjXK3ugzcoFlJ6-YR4Nc1_w5PsFKFfCyjeaYcyA8sI9FyaoSe3BUCMeM2TWQLfT9wW5pI9aKP-fq48Ii5wcmxDr4sz5tfUGqQ5W7pi0Wer1SsP7AE3-icjHDJKQMP9y.avif"/></div></figure><p>ðUse <strong>Topics</strong> to fill content gaps and increase your content depth.</p><p><a target="_blank" href="https://surferseo.com/blog/content-coverage-study/">In a recent study</a>, we found a positive correlation between content depth and rankings.Â </p><p>Surfer measures content depth based on the number of facts your content includes. Facts are objectively true pieces of information that add clarity and detail to a subject.</p><p>For example, âAI detectors use machine learning algorithms to analyze textâ is a fact.Â </p><figure class="w-richtext-align-center w-richtext-figure-type-image"><div><img loading="lazy" alt="" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/67628a0a9676f0cb0df9a253_AD_4nXcTNTfX774SxMwNghhH3yPFMT2pO6I0P5yx7uHDGG_0uc-C9JYq5Qy55MtZYGvNYpjpF-R-XcNuCK_LezjDXx-DM7hvkDvygU__ZJPopBM-dhL6c01PFo54eGuHBOqjQlLoIBO9DQ.avif"/></div></figure><h5>Content that covers more facts ranks for more keywords.</h5><p>You can manually add these facts to your article or get help from Surfy, the AI writing assistant. Truth be told, I always choose the second option.</p><p>Want to see how easy it is to fill content gaps with Topics and Surfy? Click through the demo.</p><figure style="padding-bottom:52.66666666666667%" class="w-richtext-align-fullwidth w-richtext-figure-type-video"><div><iframe src="//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fapp.storylane.io%2Fdemo%2Fitjepcfbhd4v&amp;display_name=Storylane&amp;url=https%3A%2F%2Fapp.storylane.io%2Fdemo%2Fitjepcfbhd4v&amp;image=https%3A%2F%2Fapp-pages.storylane.io%2Fcompany%2Fcompany_5ff97f9d-8c8a-48a9-a5df-f961c047b0ce%2Fproject%2Fproject_040f9a26-5730-4a89-8b74-2e3d73188722%2Fpreview.gif&amp;type=text%2Fhtml&amp;schema=storylane" title="Content Coverage Study" scrolling="no" frameborder="0" allowfullscreen="true"></iframe></div></figure><p>ðAutomatically <strong>Insert internal links</strong></p><p>This is an often overlooked tactic, but it can greatly impact your SEO efforts.Â </p><p>Internal links help search engines understand your site structure, distribute link equity, and guide users to relevant content, improving both rankings and user experience.</p><p>With one click, Surfer will scan your published pages and populate your content with relevant links.</p><figure class="w-richtext-align-center w-richtext-figure-type-image"><div><img loading="lazy" alt="" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/66a7815146ae6fd6b7a70b2e_00db7391-7d1e-4ba4-88de-40f603ad90b6.avif"/></div></figure><p>And just like that, you can update your content with minimal effort.</p><h2>4. Build topical authority</h2><p><a target="_blank" href="https://surferseo.com/blog/topical-authority-study/">88% of SEOs</a> believe topical authority is a very important puzzle piece in their strategy.</p><p>And they are right to think so.</p><p>Building topical authority establishes you as an expert in your niche - both in the eyes of your readers and the algorithms.</p><p>You can build topical authority by organizing your content into topic clusters, where you cover a subject comprehensively with interconnected articles that signal expertise and depth to search engines.</p><p>There is one thing to keep in mind, though:</p><blockquote>&quot;Patience and Persistence, 2 Ps!<em>&quot;</em></blockquote><h4><em>â</em>- Ravi and Sandhya Khorana, <a target="_blank" href="https://www.deluxeastrology.com/">Deluxe Astrology</a></h4><p>Building authority is about the long game.</p><p>But with Surferâs <a target="_blank" href="https://surferseo.com/topical-map/">Topical Map</a>, that is easier than ever.</p><p>You can see at a glance which topic clusters you are covering and which topics to focus on next.</p><figure class="w-richtext-align-center w-richtext-figure-type-image"><div><img loading="lazy" alt="" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/67628a0b3345cc015ed22db6_AD_4nXcmx-dSgp9dVt8wMHHLVVkl0eAONBS8ZvXd11M78JV6rTURd217htXCVjrVl8Aw8TkxoxaYsHiSP2p2M4kuQJOCbMO5pIHMyO_fXbVjrE6o3ExsUD-P6jRoKX0cefpzp4VGQVJheA.avif"/></div></figure><h5>Surfer top performers have covered 269 topics on average, well on their way to niche dominance.</h5><p>With Topical Maps, you will never run out of content ideas.</p><figure class="w-richtext-align-center w-richtext-figure-type-image"><div><img loading="lazy" alt="" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/67628a0a829743d56783a72e_AD_4nXfGfDM_kfY1HjxfBXL0Rs63C0BCo8kGHABUGMZ6CGXlMeP4R0jlqqqTU4kyMovm_MjZT8t9EX6O_G10Kss0wdJ43Y6RA3uaA5Yl3Q-w3IZ4j9jj6PRFzJpb-S97fz7cdHZVk5zC.avif"/></div></figure><p>And if you go into the <strong>Recommendations </strong>tab, youâll find a list of ideas to prioritize.</p><figure class="w-richtext-align-center w-richtext-figure-type-image"><div><img loading="lazy" alt="" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/67628a0a3afdda3d404b097e_AD_4nXfaNahXVgGfz0V7gBxP01xvkqMdwOHUcPIVoywLgfUWK6srP9mBlFI4owZ53vLOndtD6Zd7PizXDDI6OTYfpQnLKGqm35_i2D6123QuUwJITKyLhF_jXGvC2vW3dB_WJqeNmbg2cA.avif"/></div></figure><p>Click on <strong>Write</strong>, and youâll land on the Content Editor, where you can start writing a top-ranking article. Yes, we have stats to back that up.

2644Check the following sections.</p><h2>5. Create ranking articles</h2><h5>57% of articles created using the Topical Map and optimized with the Content Editor rank in the top 10, with 53% reaching the top 3.</h5><p>By now, you know that Surfer is in the business of making your life easier.</p><p>So, you can use <a target="_blank" href="https://surferseo.com/ai/">Surfer AI </a>to create fully optimized articles in under 20 minutes.</p><figure class="w-richtext-align-center w-richtext-figure-type-image"><div><img loading="lazy" alt="" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/67628a090a2f0ab92f976f39_AD_4nXfLXuMiok0NzNsFeeQqMYqvU3MzVrY65L8f5wGEhVZknPDcncy1YE2vo0lm0T6Rt-4kiJHAP6QpMKThEsoR3pm6_23rWlmWcRAyRagI-4fkTTb8RxCaiK_mAsrY0zE882b7oL0v.avif"/></div></figure><blockquote><sub>&quot;Surfer provides a powerful starting point for your blog posts and streamlines much of the manual work with its AI content tools, getting you 70-80% of the way there in no time.&quot;<br/><br/></sub><em><sub>â</sub></em><sub>- Henry Purchase, </sub><a target="_blank" href="https://www.seospace.co/"><sub>SEOSpace</sub></a></blockquote><p>Surfer AI does the research for you and creates an article draft that comprehensively covers your topic.</p><p>As Henry points out, you can then focus on adding your unique insights to the content.</p><blockquote><sub>&quot;The final step is on you: make your content stand out with unique insights, a high information gain rate, and an experience that truly delights your readers!&quot;<br/><br/>- Henry Purchase, SEOSpace</sub></blockquote><p>Simple as that!</p><h2>6. Stay ahead with weekly tips</h2><p>Every week, you can get tailored recommendations and article ideas sent straight to your inbox.</p><figure class="w-richtext-align-center w-richtext-figure-type-image"><div><img loading="lazy" alt="" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/67628a0bd7e95b84a495964b_AD_4nXfLqYgbGWXajMO2B_cwbeiwavGJ6Ir9SQt21avQbMmZSI03D6_5wj5jhTnm8vbVtTTIeBnJXzHtzsk938quBl8BZMFW4nJ_wyFC0vHc6IGqmgi5tUcUMsTZoEevYvwyTGnJfkIPBg.avif"/></div></figure><p>I use it for our blog all the time.</p><p>Check it out for yourself: from inbox to the top of the SERPs in less than 24 hours!</p><figure style="padding-bottom:56.206088992974244%" class="w-richtext-align-fullwidth w-richtext-figure-type-video"><div><iframe src="https://www.youtube.com/embed/EZB5-TZWcgc" title="How to Rank #1 in Google with Surfer within 24 hours!" scrolling="no" frameborder="0" allowfullscreen="true"></iframe></div></figure><p>How come?</p><p>These recommendations are specifically picked to help you see quick results.</p><p>They take into account a number of factors, including your topical coverage and keyword metrics.</p><p>So you are never left wondering, âwhat next?â.</p><blockquote>&quot;Too often, content creators lose months or even years writing about topics that are either too competitive to rank for or lack a meaningful audience. Surfer allowed me to strategically target opportunities that were within reach and aligned with search demand.&quot;</blockquote><h4>- Bryan Reynold, MySEOConsult</h4><h2>7. Keep your style with Custom Voice</h2><p>With Surferâs Custom Voice, your content sounds just like youâevery time.</p><p>Now, this is a personal favorite of mine.</p><p>Inside Surferâs <a target="_blank" href="https://surferseo.com/ai-humanizer/">AI Humanizer</a>, youâll find the option to add your own custom voice.</p><p>This is great when you are working with AI content, but not only. You can also use the custom voice when ghostwriting articles or scripts.</p><p>Alongside your copy, upload an example of the content voice you want to emulate and watch the magic happen.</p><p>The Humanizer will keep your content as close to the original as possible while making tone of voice changes that sound just like the example.</p><p>You can even get your content to sound like Eminem wrote it!</p><figure class="w-richtext-align-center w-richtext-figure-type-image"><div><img loading="lazy" alt="" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/67628a0a829743d56783a72a_AD_4nXdhp2Zfzhvld6upw6ikf5CBlWeGZhZfgYDD-oSjMZ6e93jcgnmyVY-9kJJ8j1c52S9_eZFNniNS0qi1X4xJvswwiE0B-VNrZV743U133pu9L6pwl_xgQ9e94F1UHehAIAgKbQ60YA.avif"/></div></figure><h2>Make 2025 your best year yet with Surfer</h2><p>2024 was packed with success stories from Surfer usersâmore traffic, higher rankings, and real business growth.Â </p><p>Now itâs your turn to join the top performers.</p><p>Need a hand getting started? Check out the official Surfer tutorial.</p><figure style="padding-bottom:56.206088992974244%" class="w-richtext-align-fullwidth w-richtext-figure-type-video"><div><iframe src="https://www.youtube.com/embed/aYqQCA1Eq9o" title="How to Use Surfer: A Complete Guide" scrolling="no" frameborder="0" allowfullscreen="true"></iframe></div></figure><p>

2644If youâve been with us for a while, know that bigger and better things are coming.</p><p>If youâre new around here, <a href="https://app.surferseo.com/register">start your journey with Surfer</a> today!</p><p>Letâs make 2025 a year to remember ð</p></article><div data-wf--blog-summarize-with-ai--variant="mobile" class="ask-llms w-variant-50988685-5607-c457-fe56-3397be77d0bd"><div class="ask-llms-sidebar-label w-variant-50988685-5607-c457-fe56-3397be77d0bd">Summarize with AI:</div><div class="ask-llms_wrap w-variant-50988685-5607-c457-fe56-3397be77d0bd"><button data-ask-llms="button-chatgpt" data-tippy-content="Summarize with ChatGPT" ga-button="Summarize with ChatGPT" class="ask-llms_button w-variant-50988685-5607-c457-fe56-3397be77d0bd"><div class="button-llms_icon"><div class="icon-embed w-embed"><svg width="100%" style="" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
2645<g clip-path="url(#clip0_2294_10331)">
2646<path d="M297.06 130.97C304.32 109.18 301.82 85.31 290.21 65.49C272.75 35.09 237.65 19.45 203.37 26.81C188.12 9.63002 166.21 -0.139981 143.24 1.93887e-05C108.2 -0.0799806 77.1101 22.48 66.3301 55.82C43.8201 60.43 24.3901 74.52 13.0201 94.49C-4.56991 124.81 -0.559916 163.03 22.9401 189.03C15.6801 210.82 18.1801 234.69 29.7901 254.51C47.2501 284.91 82.3501 300.55 116.63 293.19C131.87 310.37 153.79 320.14 176.76 319.99C211.82 320.08 242.92 297.5 253.7 264.13C276.21 259.52 295.64 245.43 307.01 225.46C324.58 195.14 320.56 156.95 297.07 130.95L297.06 130.97ZM176.78 299.08C162.75 299.1 149.16 294.19 138.39 285.2C138.88 284.94 139.73 284.47 140.28 284.13L204 247.33C207.26 245.48 209.26 242.01 209.24 238.26V148.43L236.17 163.98C236.46 164.12 236.65 164.4 236.69 164.72V239.11C236.65 272.19 209.86 299.01 176.78 299.08ZM47.9401 244.05C40.9101 231.91 38.3801 217.68 40.7901 203.87C41.2601 204.15 42.0901 204.66 42.6801 205L106.4 241.8C109.63 243.69 113.63 243.69 116.87 241.8L194.66 196.88V227.98C194.68 228.3 194.53 228.61 194.28 228.81L129.87 266C101.18 282.52 64.5401 272.7 47.9501 244.05H47.9401ZM31.1701 104.96C38.1701 92.8 49.2201 83.5 62.3801 78.67C62.3801 79.22 62.3501 80.19 62.3501 80.87V154.48C62.3301 158.22 64.3301 161.69 67.5801 163.54L145.37 208.45L118.44 224C118.17 224.18 117.83 224.21 117.53 224.08L53.1101 186.86C24.4801 170.28 14.6601 133.65 31.1601 104.97L31.1701 104.96ZM252.43 156.45L174.64 111.53L201.57 95.99C201.84 95.81 202.18 95.78 202.48 95.91L266.9 133.1C295.58 149.67 305.41 186.36 288.84 215.04C281.83 227.18 270.79 236.48 257.64 241.32V165.51C257.67 161.77 255.68 158.31 252.44 156.45H252.43ZM279.23 116.11C278.76 115.82 277.93 115.32 277.34 114.98L213.62 78.18C210.39 76.29 206.39 76.29 203.15 78.18L125.36 123.1V92C125.34 91.68 125.49 91.37 125.74 91.17L190.15 54.01C218.84 37.46 255.52 47.31 272.06 76.01C279.05 88.13 281.58 102.32 279.21 116.11H279.23ZM110.72 171.54L83.7801 155.99C83.4901 155.85 83.3001 155.57 83.2601 155.25V80.86C83.2801 47.74 110.15 20.9 143.27 20.92C157.28 20.92 170.84 25.84 181.61 34.8C181.12 35.06 180.28 35.53 179.72 35.87L116 72.67C112.74 74.52 110.74 77.98 110.76 81.73L110.72 171.52V171.54ZM125.35 140L160 119.99L194.65 139.99V180L160 200L125.35 180V140Z" fill="currentColor"/>
2647</g>
2648<defs>
2649<clipPath id="clip0_2294_10331">
2650<rect width="320" height="320" fill="currentColor"/>
2651</clipPath>
2652</defs>
2653</svg></div></div></button><button data-ask-llms="button-claude" data-tippy-content="Summarize with Claude" ga-button="Summarize with Claude" class="ask-llms_button w-variant-50988685-5607-c457-fe56-3397be77d0bd"><div class="button-llms_icon"><div class="icon-embed w-embed"><svg width="100%" style="" viewBox="0 0 256 257" fill="none" xmlns="http://www.w3.org/2000/svg">
2654<g clip-path="url(#clip0_2294_10333)">
2655<path d="M50.2278 170.321L100.585 142.064L101.428 139.601L100.585 138.24H98.1225L89.6972 137.722L60.9215 136.944L35.9696 135.907L11.7954 134.611L5.70329 133.314L0 125.796L0.583291 122.037L5.70329 118.603L13.0268 119.251L29.2294 120.352L53.5332 122.037L71.1615 123.074L97.28 125.796H101.428L102.011 124.111L100.585 123.074L99.4835 122.037L74.3372 104.992L47.117 86.9752L32.8587 76.6056L25.1463 71.3559L21.2577 66.4304L19.5727 55.6719L26.5722 47.9595L35.9696 48.6076L38.3676 49.2557L47.8947 56.5792L68.2451 72.3281L94.8172 91.9008L98.7058 95.1413L100.261 94.0395L100.456 93.2618L98.7058 90.3453L84.2532 64.2268L68.8284 37.6547L61.9585 26.637L60.1438 20.0263C59.4957 17.3043 59.042 15.0359 59.042 12.2491L67.0137 1.42582L71.4208 0L82.0496 1.42582L86.5215 5.31443L93.1321 20.4152L103.826 44.2005L120.417 76.5408L125.278 86.1327L127.87 95.0116L128.843 97.7337H130.528V96.1782L131.889 77.9666L134.416 55.6071L136.879 26.8314L137.722 18.7301L141.74 9.00861L149.711 3.75899L155.933 6.74025L161.053 14.0638L160.34 18.7949L157.294 38.562L151.332 69.5413L147.443 90.2805H149.711L152.304 87.6881L162.803 73.7539L180.431 51.7185L188.209 42.9691L197.282 33.3124L203.115 28.7109H214.133L222.234 40.7656L218.605 53.2091L207.263 67.597L197.865 79.7813L184.385 97.9281L175.959 112.446L176.737 113.612L178.746 113.418L209.207 106.937L225.669 103.955L245.306 100.585L254.185 104.733L255.157 108.946L251.658 117.566L230.659 122.75L206.031 127.676L169.349 136.361L168.895 136.685L169.414 137.333L185.94 138.888L193.005 139.277H210.309L242.52 141.675L250.945 147.249L256 154.054L255.157 159.238L242.195 165.849L224.697 161.701L183.866 151.98L169.867 148.48H167.923V149.647L179.589 161.053L200.976 180.367L227.743 205.254L229.104 211.411L225.669 216.271L222.039 215.753L198.513 198.06L189.44 190.088L168.895 172.784H167.534V174.598L172.265 181.533L197.282 219.123L198.578 230.659L196.764 234.418L190.283 236.687L183.153 235.39L168.506 214.846L153.406 191.708L141.221 170.969L139.731 171.812L132.537 249.26L129.167 253.213L121.389 256.194L114.908 251.269L111.473 243.297L114.908 227.548L119.056 207.004L122.426 190.671L125.472 170.386L127.287 163.646L127.157 163.192L125.667 163.386L110.372 184.385L87.1048 215.818L68.6987 235.52L64.2916 237.27L56.6441 233.316L57.357 226.252L61.6344 219.966L87.1048 187.561L102.465 167.469L112.381 155.868L112.316 154.183H111.733L44.0709 198.125L32.0162 199.68L26.8314 194.819L27.4795 186.848L29.9423 184.255L50.2927 170.256L50.2278 170.321Z" fill="currentColor"/>
2656</g>
2657<defs>
2658<clipPath id="clip0_2294_10333">
2659<rect width="256" height="257" fill="currentColor"/>
2660</clipPath>
2661</defs>
2662</svg></div></div></button><button data-ask-llms="button-perplexity" data-tippy-content="Summarize with Perplexity" ga-button="Summarize with Perplexity" class="ask-llms_button w-variant-50988685-5607-c457-fe56-3397be7

26627d0bd"><div class="button-llms_icon"><div class="icon-embed w-embed"><svg width="100%" style="" viewBox="0 0 27 31" fill="none" xmlns="http://www.w3.org/2000/svg">
2663<path fill-rule="evenodd" clip-rule="evenodd" d="M3.91564 0.212311L12.4152 8.04339V8.04159V0.230381H14.0697V8.07843L22.6074 0.212311V9.1409H26.1126V22.0196H22.6181V29.97L14.0697 22.4596V30.0563H12.4152V22.5835L3.92527 30.0612V22.0196H0.419922V9.1409H3.91564V0.212311ZM11.1679 10.7752H2.07445V20.3852H3.9232V17.3539L11.1679 10.7752ZM5.57971 18.079V26.4143L12.4152 20.3938V11.8705L5.57971 18.079ZM14.1173 20.3142V11.8624L20.9548 18.0714V22.0196H20.9636V26.3292L14.1173 20.3142ZM22.6181 20.3852H24.4581V10.7752H15.4324L22.6181 17.2858V20.3852ZM20.9528 9.1409V3.9716L15.3422 9.1409H20.9528ZM11.1807 9.1409H5.57017V3.9716L11.1807 9.1409Z" fill="currentColor"/>
2664</svg></div></div></button><button data-ask-llms="button-grok" data-tippy-content="Summarize with Grok" ga-button="Summarize with Grok" class="ask-llms_button w-variant-50988685-5607-c457-fe56-3397be77d0bd"><div class="button-llms_icon"><div class="icon-embed w-embed"><svg width="100%" style="" viewBox="0 0 58 56" fill="none" xmlns="http://www.w3.org/2000/svg">
2665<path d="M14.9648 12.9502C21.1997 6.68496 30.3828 5.10525 38.0527 8.2793C39.7494 8.91308 41.2281 9.8148 42.3818 10.6533L35.9775 13.6279C30.0142 11.1121 23.1832 12.8235 19.0137 17.0166C13.4631 22.5936 12.2721 32.2006 18.54 38.5547L18.8389 38.8594L0.797852 55.0664C1.94204 53.4818 3.36261 51.984 4.77832 50.4873C8.77331 46.2649 12.7396 42.0821 10.3203 36.168C7.08169 28.2548 8.9677 18.9814 14.9648 12.9502ZM57.1934 0.868164C51.2544 9.0931 48.3555 13.1156 50.6826 23.1787L50.668 23.1641C52.2728 30.0143 50.5563 37.6106 45.0146 43.1836C38.0283 50.2142 26.8485 51.7795 17.6416 45.4512L24.0605 42.4619C29.9366 44.7827 36.365 43.7635 40.9854 39.1172C45.6059 34.4707 46.6435 27.7036 44.3213 22.0723C43.88 21.0044 42.5569 20.7364 41.6309 21.4238L22.7373 35.4512L49.7998 8.11328V8.1377L57.6152 0.277344C57.4746 0.477246 57.3338 0.673138 57.1934 0.868164Z" fill="currentColor"/>
2666</svg></div></div></button><button data-ask-llms="button-googleai" data-tippy-content="Summarize with AI Overviews" ga-button="Summarize with AI Overviews" class="ask-llms_button w-variant-50988685-5607-c457-fe56-3397be77d0bd"><div class="button-llms_icon"><div class="icon-embed w-embed"><svg width="100%" style="" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
2667<path d="M28.0344 14.6495C24.4936 14.8668 21.1544 16.3714 18.6459 18.8798C16.1375 21.3883 14.6329 24.7274 14.4156 28.2683H14.361C14.1441 24.7273 12.6396 21.3879 10.1311 18.8794C7.62252 16.3709 4.28315 14.8664 0.742188 14.6495L0.742188 14.5949C4.28315 14.378 7.62252 12.8735 10.1311 10.3649C12.6396 7.85641 14.1441 4.51704 14.361 0.976074L14.4156 0.976074C14.6329 4.51691 16.1375 7.85607 18.6459 10.3645C21.1544 12.873 24.4936 14.3776 28.0344 14.5949V14.6495Z" fill="currentColor"/>
2668</svg></div></div></button></div><div class="component-scripts w-embed w-script">

2668<script>
2669  (function () {
2670    "use strict";
2671
2672    // Prevent multiple initialization
2673    if (window.WebflowLLMsInitialized) return;
2674    window.WebflowLLMsInitialized = true;
2675
2676    // Create namespace for our functions
2677    window.WebflowLLMs = window.WebflowLLMs || {};
2678
2679    // Helper functions (only create if they don't exist)
2680    if (!window.WebflowLLMs.htmlToPlainText) {
2681      window.WebflowLLMs.htmlToPlainText = function (html) {
2682        const tempDiv = document.createElement("div");
2683        tempDiv.innerHTML = html;
2684        return tempDiv.textContent || tempDiv.innerText || "";
2685      };
2686    }
2687
2688    if (!window.WebflowLLMs.htmlToMarkdown) {
2689      window.WebflowLLMs.htmlToMarkdown = function (element) {
2690        function processNode(node) {
2691          if (node.nodeType === Node.TEXT_NODE) {
2692            return node.textContent;
2693          }
2694
2695          if (node.nodeType === Node.ELEMENT_NODE) {
2696            const tagName = node.tagName.toLowerCase();
2697            const children = Array.from(node.childNodes).map(processNode).join("");
2698
2699            switch (tagName) {
2700              case "h1":
2701                return `# ${children}\n\n`;
2702              case "h2":
2703                return `## ${children}\n\n`;
2704              case "h3":
2705                return `### ${children}\n\n`;
2706              case "h4":
2707                return `#### ${children}\n\n`;
2708              case "h5":
2709                return `##### ${children}\n\n`;
2710              case "h6":
2711                return `###### ${children}\n\n`;
2712              case "p":
2713                return `${children}\n\n`;
2714              case "strong":
2715              case "b":
2716                return `**${children}**`;
2717              case "em":
2718              case "i":
2719                return `*${children}*`;
2720              case "ul":
2721                return `${children}\n`;
2722              case "ol":
2723                return `${children}\n`;
2724              case "li":
2725                return `- ${children}\n`;
2726              case "br":
2727                return "\n";
2728              case "img":
2729                const alt = node.getAttribute("alt") || "";
2730                const src = node.getAttribute("src") || "";
2731                return `![${alt}](${src})`;
2732              case "a":
2733                const href = node.getAttribute("href") || "";
2734                return `[${children}](${href})`;
2735              default:
2736                return children;
2737            }
2738          }
2739
2740          return "";
2741        }
2742
2743        return processNode(element).trim();
2744      };
2745    }
2746
2747    if (!window.WebflowLLMs.copyToClipboard) {
2748      window.WebflowLLMs.copyToClipboard = async function (text) {
2749        try {
2750          await navigator.clipboard.writeText(text);
2751          return;
2752        } catch (_err) {
2753          try {
2754            const textArea = document.createElement("textarea");
2755            textArea.value = text;
2756            textArea.style.position = "fixed";
2757            textArea.style.left = "-999999px";
2758            textArea.style.top = "-999999px";
2759            document.body.appendChild(textArea);
2760            textArea.select();
2761            const successful = document.execCommand("copy");
2762            document.body.removeChild(textArea);
2763            if (successful) return;
2764            throw new Error("Copy command failed");
2765          } catch (fallbackErr) {
2766            throw fallbackErr;
2767          }
2768        }
2769      };
2770    }
2771
2772    // Initialize components function
2773    function initLLMsComponents() {
2774      // Use the whole document as the component scope (no "source" wrapper required)
2775      const components = [document.body];
2776
2777      components.forEach(function (richTextElement) {
2778        const container = richTextElement;
2779
2780        // Skip if already initialized
2781        if (container.hasAttribute("data-llms-initialized")) return;
2782        container.setAttribute("data-llms-initialized", "true");
2783
2784        // Find buttons within this component instance
2785        const chatgptBtns = container.querySelectorAll('[data-ask-llms="button-chatgpt"]');
2786        const claudeBtns = container.querySelectorAll('[data-ask-llms="button-claude"]');
2787        const perplexityBtns = container.querySelectorAll('[data-ask-llms="button-perplexity"]');
2788        const grokBtns = container.querySelectorAll('[data-ask-llms="button-grok"]');
2789        const googleAIBtns = container.querySelectorAll('[data-ask-llms="button-googleai"]');
2790
2791        // Source elements (global) â kept for potential future use
2792        const introEl = document.querySelector('[data-ask-llms="article-intro"]');
2793        const articleEl = document.querySelector('[data-ask-llms="article"]');
2794
2795        function getText(el) {
2796          return el ? (el.textContent || "").trim() : "";
2797        }
2798
2799        function getAllTexts(root, selectors) {
2800          if (!root) return [];
2801          const nodes = root.querySelectorAll(selectors);
2802          const texts = [];

2803          nodes.forEach(function (n) {
2804            const t = getText(n);
2805            if (t) texts.push(t);
2806          });
2807          return texts;
2808        }
2809
2810        function extractIntroMarkdown(intro) {
2811          if (!intro) return "";
2812          const title = getText(intro.querySelector("h1"));
2813          const category = getText(intro.querySelector('[data-ask-llms="category"], .category, [class*="category"]'));
2814          const dateNode = intro.querySelector('[data-ask-llms="date"], time, .date, [class*="date"]');
2815          const date = dateNode ? dateNode.getAttribute("datetime") || getText(dateNode) : "";
2816          const authors = getAllTexts(intro, '[data-ask-llms="author"], [data-ask-llms="authors"] *, .author, .authors *, [class*="author"]').join(", ");
2817          const contributors = getAllTexts(
2818            intro,
2819            '[data-ask-llms="contributor"], [data-ask-llms="contributors"] *, .contributor, .contributors *, [class*="contrib"]'
2820          ).join(", ");
2821
2822          const header = [];
2823          if (title) header.push(`# ${title}`);
2824          if (category) header.push(`- Category: ${category}`);
2825          if (date) header.push(`- Date: ${date}`);
2826          if (authors) header.push(`- Authors: ${authors}`);
2827          if (contributors) header.push(`- Contributors: ${contributors}`);
2828          return header.length ? header.join("\n") + "\n\n" : "";
2829        }
2830
2831        // Removed "Copy as Markdown" â leaving only LLM launchers
2832
2833        // Open ChatGPT (support multiple buttons)
2834        if (chatgptBtns && chatgptBtns.length > 0) {
2835          chatgptBtns.forEach(function (btn) {
2836            btn.addEventListener("click", function (e) {
2837              e.preventDefault();
2838              const currentUrl = window.location.href;
2839              const prompt = `Read ${currentUrl} and answer questions about the content.`;
2840              const chatgptUrl = `https://chat.openai.com/?q=${encodeURIComponent(prompt)}`;
2841              window.open(chatgptUrl, "_blank");
2842            });
2843          });
2844        }
2845
2846        // Open Claude (support multiple buttons)
2847        if (claudeBtns && claudeBtns.length > 0) {
2848          claudeBtns.forEach(function (btn) {
2849            btn.addEventListener("click", function (e) {
2850              e.preventDefault();
2851              const currentUrl = window.location.href;
2852              const prompt = `Read ${currentUrl} and answer questions about the content.`;
2853              const claudeUrl = `https://claude.ai/new?q=${encodeURIComponent(prompt)}`;
2854              window.open(claudeUrl, "_blank");
2855            });
2856          });
2857        }
2858
2859        // Open Perplexity (support multiple buttons)
2860        if (perplexityBtns && perplexityBtns.length > 0) {
2861          perplexityBtns.forEach(function (btn) {
2862            btn.addEventListener("click", function (e) {
2863              e.preventDefault();
2864              const currentUrl = window.location.href;
2865              const prompt = `Read ${currentUrl} and answer questions about the content.`;
2866              const perplexityUrl = `https://www.perplexity.ai/?q=${encodeURIComponent(prompt)}`;
2867              window.open(perplexityUrl, "_blank");
2868            });
2869          });
2870        }
2871
2872        // Open Grok (X)
2873        if (grokBtns && grokBtns.length > 0) {
2874          grokBtns.forEach(function (btn) {
2875            btn.addEventListener("click", function (e) {
2876              e.preventDefault();
2877              const currentUrl = window.location.href;
2878              const prompt = `Summarize this URL: ${currentUrl}`;
2879              const grokUrl = `https://x.com/i/grok?text=${encodeURIComponent(prompt)}`;
2880              window.open(grokUrl, "_blank");
2881            });
2882          });
2883        }
2884
2885        // Open Google AI (AI Overviews)
2886        if (googleAIBtns && googleAIBtns.length > 0) {
2887          googleAIBtns.forEach(function (btn) {
2888            btn.addEventListener("click", function (e) {
2889              e.preventDefault();
2890              const currentUrl = window.location.href;
2891              const q = `Summarize this post: ${currentUrl}`;
2892              const googleUrl = `https://www.google.com/search?udm=50&aep=11&q=${encodeURIComponent(q)}`;
2893              window.open(googleUrl, "_blank");
2894            });
2895          });
2896        }
2897      });
2898    }
2899
2900    // Initialize when DOM is ready or immediately if already loaded
2901    if (document.readyState === "loading") {
2902      document.addEventListener("DOMContentLoaded", initLLMsComponents);
2903    } else {
2904      // Use setTimeout to ensure it runs after current execution stack
2905      setTimeout(initLLMsComponents, 0);
2906    }
2907
2908    // Also initialize on window load as fallback
2909    window.addEventListener("load", initLLMsComponents);
2910
2911    // Watch for new components added dynamically (for Webflow interactions)
2912    if (typeof MutationObserver !== "undefined") {
2913      const observer = new MutationObserver(function (mutations) {
2914        let shouldInit = false;

2915        mutations.forEach(function (mutation) {
2916          if (mutation.type === "childList" && mutation.addedNodes.length > 0) {
2917            mutation.addedNodes.forEach(function (node) {
2918              if (node.nodeType === Node.ELEMENT_NODE) {
2919                if (node.matches?.("[data-ask-llms]") || (node.querySelector && node.querySelector("[data-ask-llms]"))) {
2920                  shouldInit = true;
2921                }
2922              }
2923            });
2924          }
2925        });
2926        if (shouldInit) {
2927          setTimeout(initLLMsComponents, 100);
2928        }
2929      });
2930
2931      observer.observe(document.body, {
2932        childList: true,
2933        subtree: true,
2934      });
2935    }
2936  })();
2937</script>

2937</div></div><div class="blog-post_footer"><div class="divider"></div><div class="blog-post_footer-author"><div id="w-node-_00d0f04d-29b4-990d-e7e3-b896443986df-e437229c" class="blog-post_footer-author-info"><img src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1).avif" loading="lazy" alt="" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727px, 940px" srcset="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1)-p-500.avif 500w, https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1).avif 1080w" class="blog-post_footer-author-avatar"/><div class="blog-post_footer-author-name"><div class="blog-post_footer-author-headline"><div>Article by</div><a href="/author/kristavja/" class="u-text-link">Kristavja Caci</a></div><div>Content Marketer at Surfer</div></div></div><div id="w-node-_00d0f04d-29b4-990d-e7e3-b896443986e9-e437229c" class="blog-post_author-links"><a aria-label="website" href="#" class="blog-post_author-link w-inline-block w-condition-invisible"><div class="blog-post_sidebar_author-sm-icon w-embed"><svg width="100%" style="" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
2938<path d="M1.05176 7.04288C1.05176 6.65998 1.05176 6.46852 1.10111 6.29221C1.14483 6.13603 1.21667 5.98914 1.31311 5.85875C1.42198 5.71155 1.57311 5.59401 1.87535 5.35893L6.39689 1.84218C6.6311 1.66001 6.74821 1.56892 6.87753 1.53391C6.99163 1.50302 7.11189 1.50302 7.22599 1.53391C7.3553 1.56892 7.47241 1.66001 7.70663 1.84218L12.2282 5.35893C12.5304 5.59401 12.6815 5.71155 12.7904 5.85875C12.8868 5.98914 12.9587 6.13603 13.0024 6.29221C13.0518 6.46852 13.0518 6.65998 13.0518 7.04288V11.8662C13.0518 12.6129 13.0518 12.9863 12.9064 13.2715C12.7786 13.5224 12.5746 13.7263 12.3237 13.8542C12.0385 13.9995 11.6652 13.9995 10.9184 13.9995H3.18509C2.43835 13.9995 2.06499 13.9995 1.77977 13.8542C1.52889 13.7263 1.32491 13.5224 1.19708 13.2715C1.05176 12.9863 1.05176 12.6129 1.05176 11.8662V7.04288Z" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
2939</svg></div></a><a aria-label="Twitter" href="#" class="blog-post_author-link w-inline-block w-condition-invisible"><div class="blog-post_sidebar_author-sm-icon w-embed"><svg width="100%" style="" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
2940<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3397 18.6665L8.71513 12.075L2.92581 18.6665H0.476562L7.6285 10.5258L0.476562 0.333252H6.76485L11.1235 6.54577L16.5845 0.333252H19.0338L12.2137 8.09699L19.628 18.6665H13.3397ZM16.0672 16.8082H14.4183L3.98352 2.19159H5.63268L9.81186 8.04422L10.5346 9.05981L16.0672 16.8082Z" fill="currentColor"/>
2941</svg></div></a><a aria-label="Facebook" href="#" class="blog-post_author-link w-inline-block w-condition-invisible"><div class="blog-post_sidebar_author-sm-icon w-embed"><svg width="100%" style="" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
2942<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0518 0.5C15.5747 0.5 20.0518 4.97715 20.0518 10.5C20.0518 15.4912 16.395 19.6283 11.6143 20.3785V13.3906H13.9444L14.3877 10.5H11.6143V8.625C11.6143 8.60182 11.6146 8.57866 11.6153 8.55553C11.6377 7.79007 12.0369 7.06469 13.2385 7.0625C13.2403 7.0625 13.2421 7.0625 13.244 7.0625H14.5049V4.60156C14.5049 4.60156 14.5023 4.60113 14.4974 4.60031C14.4107 4.58586 13.5775 4.45002 12.6766 4.41464C12.5406 4.4093 12.4031 4.40625 12.2664 4.40625C11.9808 4.40625 11.7077 4.42788 11.4483 4.47063C9.63231 4.76987 8.48926 6.10391 8.48926 8.29688V10.5H5.9502V13.3906H8.48926V20.3785C3.7086 19.6283 0.0517578 15.4912 0.0517578 10.5C0.0517578 4.97715 4.52891 0.5 10.0518 0.5Z" fill="currentColor"/>
2943</svg></div></a><a aria-label="LinkedIn" href="https://de.linkedin.com/in/kristavja-caci" class="blog-post_author-link w-inline-block"><div class="blog-post_sidebar_author-sm-icon w-embed"><svg width="100%" style="" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
2944<path d="M18.5754 0.5H1.52815C1.13659 0.5 0.761059 0.655548 0.484183 0.932425C0.207306 1.2093 0.0517578 1.58483 0.0517578 1.97639V19.0236C0.0517578 19.4152 0.207306 19.7907 0.484183 20.0676C0.761059 20.3445 1.13659 20.5 1.52815 20.5H18.5754C18.967 20.5 19.3425 20.3445 19.6194 20.0676C19.8963 19.7907 20.0518 19.4152 20.0518 19.0236V1.97639C20.0518 1.58483 19.8963 1.2093 19.6194 0.932425C19.3425 0.655548 18.967 0.5 18.5754 0.5ZM6.01287 17.5375H3.00593V7.98611H6.01287V17.5375ZM4.50732 6.6625C4.16623 6.66058 3.83336 6.55766 3.55071 6.36674C3.26805 6.17582 3.04829 5.90544 2.91916 5.58974C2.79002 5.27404 2.7573 4.92716 2.82512 4.59288C2.89294 4.2586 3.05826 3.9519 3.30022 3.71148C3.54218 3.47107 3.84994 3.30772 4.18465 3.24205C4.51936 3.17638 4.86602 3.21133 5.18089 3.34249C5.49575 3.47365 5.76471 3.69514 5.95381 3.97901C6.14292 4.26288 6.2437 4.59641 6.24343 4.9375C6.24664 5.16586 6.20385 5.39253 6.1176 5.604C6.03135 5.81547 5.90341 6.00742 5.7414 6.16839C5.57939 6.32936 5.38663 6.45607 5.17461 6.54096C4.96259 6.62585 4.73565 6.66718 4.50732 6.6625ZM17.0962 17.5458H14.0907V12.3278C14.0907 10.7889 13.4365 10.3139 12.5921 10.3139C11.7004 10.3139 10.8254 10.9861 10.8254 12.3667V17.5458H7.81843V7.99306H10.7101V9.31667H10.749C11.0393 8.72917 12.056 7.725 13.6074 7.725C15.2851 7.725 17.0976 8.72083 17.0976 11.6375L17.0962 17.5458Z" fill="currentColor"/>
2945</svg></div></a><a aria-label="Instagram" href="#" class="blog-post_author-link w-inline-block w-condition-invisible"><div class="blog-post_sidebar_author-sm-icon w-embed"><svg width="100%" style="" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
2946<g clip-path="url(#clip0_1516_4269)">
2947<path d="M5.32433 0.563188C4.36673 0.608368 3.71279 0.761188 3.14111 0.985828C2.54945 1.21641 2.04797 1.52583 1.54901 2.02659C1.05005 2.52735 0.742792 3.02919 0.513832 3.62175C0.292252 4.19469 0.142132 4.84917 0.0998324 5.80731C0.0575324 6.76545 0.0481724 7.07343 0.0528524 9.51747C0.0575324 11.9615 0.0683324 12.2679 0.114772 13.228C0.160492 14.1854 0.312772 14.8392 0.537412 15.411C0.768352 16.0027 1.07741 16.504 1.57835 17.0031C2.07929 17.5023 2.58077 17.8088 3.17477 18.0381C3.74717 18.2593 4.40183 18.4102 5.35979 18.4521C6.31775 18.4941 6.62609 18.5038 9.06941 18.4991C11.5127 18.4944 11.8204 18.4836 12.7803 18.4381C13.7402 18.3925 14.3906 18.2392 14.9626 18.0156C15.5543 17.7841 16.0559 17.4756 16.5547 16.9745C17.0535 16.4734 17.3606 15.9712 17.5894 15.3783C17.8111 14.8059 17.9618 14.1512 18.0034 13.194C18.0453 12.2333 18.0552 11.9266 18.0505 9.48291C18.0458 7.03923 18.0349 6.73287 17.9893 5.77311C17.9438 4.81335 17.7913 4.16157 17.5669 3.58935C17.3356 2.99769 17.0269 2.49675 16.5261 1.99725C16.0253 1.49775 15.5228 1.19085 14.93 0.962608C14.3573 0.741028 13.703 0.590008 12.745 0.548608C11.7871 0.507208 11.4787 0.496588 9.03449 0.501268C6.59027 0.505948 6.28427 0.516388 5.32433 0.563188ZM5.42945 16.833C4.55195 16.7949 4.07549 16.6491 3.75797 16.527C3.33749 16.365 3.03797 16.1692 2.72153 15.8558C2.40509 15.5424 2.21069 15.2418 2.04653 14.8222C1.92323 14.5047 1.77473 14.0288 1.73369 13.1513C1.68905 12.2029 1.67969 11.9181 1.67447 9.51531C1.66925 7.11249 1.67843 6.82809 1.72001 5.87931C1.75745 5.00253 1.90415 4.52553 2.02601 4.20819C2.18801 3.78717 2.38313 3.48819 2.69723 3.17193C3.01133 2.85567 3.31103 2.66091 3.73097 2.49675C4.04813 2.37291 4.52405 2.22567 5.40119 2.18391C6.35033 2.13891 6.63473 2.12991 9.03719 2.12469C11.4397 2.11947 11.7248 2.12847 12.6743 2.17023C13.5511 2.20839 14.0282 2.35365 14.3452 2.47623C14.7659 2.63823 15.0652 2.83281 15.3815 3.14745C15.6977 3.46209 15.8927 3.76071 16.0568 4.18155C16.1809 4.49781 16.3281 4.97355 16.3695 5.85123C16.4147 6.80037 16.4249 7.08495 16.4293 9.48723C16.4336 11.8895 16.4251 12.1748 16.3835 13.1232C16.3452 14.0007 16.1998 14.4774 16.0775 14.7952C15.9155 15.2155 15.7202 15.5152 15.406 15.8313C15.0917 16.1474 14.7923 16.3422 14.3722 16.5063C14.0554 16.63 13.579 16.7776 12.7025 16.8193C11.7534 16.864 11.469 16.8733 9.06563 16.8786C6.66227 16.8838 6.37877 16.8741 5.42963 16.833M12.7664 4.69005C12.7668 4.90367 12.8305 5.11238 12.9495 5.2898C13.0685 5.46721 13.2374 5.60535 13.4349 5.68676C13.6324 5.76816 13.8496 5.78916 14.059 5.74711C14.2685 5.70506 14.4607 5.60185 14.6115 5.45052C14.7623 5.29919 14.8648 5.106

294755 14.9061 4.89696C14.9474 4.68736 14.9256 4.47024 14.8434 4.27304C14.7613 4.07584 14.6225 3.90742 14.4447 3.78909C14.2668 3.67075 14.0579 3.60782 13.8443 3.60825C13.5579 3.60882 13.2835 3.72311 13.0814 3.92597C12.8792 4.12884 12.766 4.40368 12.7664 4.69005ZM4.43063 9.50919C4.43567 12.0616 6.50855 14.126 9.06041 14.1211C11.6123 14.1163 13.6781 12.0436 13.6733 9.49119C13.6684 6.93879 11.595 4.87383 9.04277 4.87887C6.49055 4.88391 4.42577 6.95715 4.43063 9.50919ZM6.05171 9.50595C6.05054 8.91259 6.22534 8.33222 6.55402 7.83821C6.88269 7.3442 7.35047 6.95875 7.89821 6.7306C8.44595 6.50245 9.04904 6.44184 9.63122 6.55645C10.2134 6.67105 10.7485 6.95572 11.1689 7.37445C11.5893 7.79319 11.8761 8.32718 11.993 8.9089C12.1099 9.49063 12.0517 10.094 11.8257 10.6426C11.5997 11.1912 11.2162 11.6605 10.7234 11.9912C10.2307 12.3218 9.65107 12.4989 9.05771 12.5001C8.66373 12.5009 8.27343 12.4241 7.90913 12.2741C7.54483 12.124 7.21365 11.9037 6.9345 11.6257C6.65536 11.3476 6.43372 11.0173 6.28225 10.6536C6.13078 10.2899 6.05244 9.89993 6.05171 9.50595Z" fill="currentColor"/>
2948</g>
2949<defs>
2950<clipPath id="clip0_1516_4269">
2951<rect width="18" height="18" fill="currentColor" transform="translate(0.0517578 0.5)"/>
2952</clipPath>
2953</defs>
2954</svg></div></a></div><div id="w-node-_00d0f04d-29b4-990d-e7e3-b896443986f2-e437229c">Content marketer with a knack for SEO. Kristavja ensures our Surfer content is nothing short of awesomeâfor both readers and algorithms. She loves experimenting with different content formats and discovering new ways to leverage them. Outside of work, Kristavja enjoys exploring new places, learning new skills, and a good book. You can always reach out to her on LinkedIn with a recommendation.</div></div></div><div class="blog-banner-mobile-wrap"><div class="blog-post_sidebar_banner-default"><div class="blog-post_sidebar-banner"><div id="w-node-_02d26c32-538c-a058-0895-a7ade11a3770-e63d6dcf" class="blog-post_sidebar-banner-content"><div class="blog-post_sidebar-banner-eyebrow u-eyebrow">NEW Free Course by Surfer</div><div id="w-node-_25cae654-8ef7-0436-2706-b5aae63d6dd3-e63d6dcf" class="blog-post_sidebar-banner-title u-display-xs">AI Search Optimization Masterclass</div><div class="blog-post_sidebar-banner-list"><div class="blog-post_sidebar-banner-list-item"><div class="blog-post_sidebar-banner-list-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 24 24" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
2955<path d="M15.9333 1.64102C15.7848 1.25483 15.4138 1 15 1C14.5862 1 14.2152 1.25483 14.0667 1.64102L12.888 4.70544C12.5876 5.48648 12.4932 5.71155 12.3641 5.89315C12.2345 6.07535 12.0754 6.23455 11.8931 6.36411C11.7116 6.49323 11.4865 6.58763 10.7054 6.88803L7.64102 8.06665C7.25483 8.21519 7 8.58623 7 9C7 9.41377 7.25483 9.78481 7.64102 9.93335L10.7054 11.112C11.4865 11.4124 11.7116 11.5068 11.8931 11.6359C12.0754 11.7655 12.2345 11.9246 12.3641 12.1069C12.4932 12.2884 12.5876 12.5135 12.888 13.2946L14.0667 16.359C14.2152 16.7452 14.5862 17 15 17C15.4138 17 15.7848 16.7452 15.9333 16.359L17.112 13.2946C17.4124 12.5135 17.5068 12.2884 17.6359 12.1069C17.7655 11.9246 17.9246 11.7655 18.1069 11.6359C18.2884 11.5068 18.5135 11.4124 19.2946 11.112L22.359 9.93335C22.7452 9.78481 23 9.41377 23 9C23 8.58623 22.7452 8.21519 22.359 8.06665L19.2946 6.88803C18.5135 6.58763 18.2884 6.49323 18.1069 6.36411C17.9246 6.23455 17.7654 6.07536 17.6359 5.89315C17.5068 5.71155 17.4124 5.48648 17.112 4.70544L15.9333 1.64102Z" fill="currentColor"/>
2956<path d="M7.39443 12.5528C7.22503 12.214 6.87877 12 6.5 12C6.12123 12 5.77496 12.214 5.60557 12.5528L4.82111 14.1217C4.53863 14.6867 4.45255 14.8493 4.34796 14.9849C4.24305 15.121 4.12104 15.243 3.98494 15.348C3.84925 15.4525 3.68667 15.5386 3.1217 15.8211L1.55279 16.6056C1.214 16.775 1 17.1212 1 17.5C1 17.8788 1.214 18.225 1.55279 18.3944L3.1217 19.1789C3.68667 19.4614 3.84925 19.5475 3.98494 19.652C4.12104 19.757 4.24305 19.879 4.34796 20.0151C4.45255 20.1507 4.53863 20.3133 4.82111 20.8783L5.60557 22.4472C5.77497 22.786 6.12123 23 6.5 23C6.87877 23 7.22504 22.786 7.39443 22.4472L8.17889 20.8783C8.46137 20.3133 8.54745 20.1507 8.65204 20.0151C8.75695 19.879 8.87896 19.757 9.01506 19.652C9.15075 19.5475 9.31333 19.4614 9.8783 19.1789L11.4472 18.3944C11.786 18.225 12 17.8788 12 17.5C12 17.1212 11.786 16.775 11.4472 16.6056L9.8783 15.8211C9.31333 15.5386 9.15075 15.4525 9.01506 15.348C8.87896 15.243 8.75695 15.121 8.65204 14.9849C8.54745 14.8493 8.46137 14.6867 8.17889 14.1217L7.39443 12.5528Z" fill="currentColor"/>
2957</svg></div><div>Master AI-driven visibility</div></div><div class="blog-post_sidebar-banner-list-item"><div class="blog-post_sidebar-banner-list-icon w-embed"><svg width="100%" style="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2958<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2413 4H6.7587C5.95374 3.99999 5.28937 3.99998 4.74818 4.04419C4.18608 4.09012 3.66937 4.18868 3.18404 4.43598C2.43139 4.81947 1.81947 5.43139 1.43598 6.18404C1.18868 6.66937 1.09012 7.18608 1.04419 7.74818C0.999978 8.28937 0.999988 8.95372 1 9.75869V14.2413C0.999988 15.0463 0.999978 15.7106 1.04419 16.2518C1.09012 16.8139 1.18868 17.3306 1.43598 17.816C1.81947 18.5686 2.43139 19.1805 3.18404 19.564C3.66937 19.8113 4.18608 19.9099 4.74818 19.9558C5.28937 20 5.95373 20 6.7587 20H12.2413C13.0462 20 13.7106 20 14.2518 19.9558C14.8139 19.9099 15.3306 19.8113 15.816 19.564C16.5686 19.1805 17.1805 18.5686 17.564 17.816C17.8113 17.3306 17.9099 16.8139 17.9558 16.2518C17.9968 15.7499 17.9998 15.1419 18 14.4141L19.9535 16.3677C20.1447 16.5589 20.3326 16.7468 20.4973 16.8847C20.6442 17.0078 20.9537 17.2545 21.3823 17.2882C21.861 17.3259 22.3288 17.1321 22.6406 16.767C22.9198 16.4401 22.9642 16.0468 22.9811 15.8559C23.0001 15.6419 23 15.3762 23 15.1058V8.89407C23 8.6237 23.0001 8.35792 22.9811 8.14396C22.9642 7.95307 22.9198 7.55981 22.6406 7.23287C22.3288 6.86775 21.861 6.67399 21.3823 6.71166C20.9537 6.7454 20.6442 6.99211 20.4973 7.11512C20.3326 7.253 20.1447 7.44093 19.9536 7.63213L18 9.58573C17.9998 8.85799 17.9968 8.25011 17.9558 7.74818C17.9099 7.18608 17.8113 6.66937 17.564 6.18404C17.1805 5.43139 16.5686 4.81947 15.816 4.43598C15.3306 4.18868 14.8139 4.09012 14.2518 4.04419C13.7106 3.99998 13.0463 3.99999 12.2413 4Z" fill="currentColor"/>
2959</svg></div><div>20 lessons, 7 modules</div></div><div class="blog-post_sidebar-banner-list-item"><div class="blog-post_sidebar-banner-list-icon w-embed"><svg width="100%" style="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2960<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9989 1.95227C13 1.97612 13 1.98927 13 2.01558L13 6.43191C13 6.68429 12.9999 6.93008 13.017 7.13824C13.0356 7.36683 13.0797 7.63657 13.218 7.9

29600799C13.4097 8.28432 13.7157 8.59028 14.092 8.78202C14.3634 8.92032 14.6332 8.96439 14.8618 8.98307C15.0699 9.00007 15.3157 9.00004 15.5681 9.00001L19.9845 9.00001C20.0107 9.00001 20.0238 9.00001 20.0477 9.00115C20.5415 9.02471 20.9756 9.45899 20.9989 9.95282C21 9.97664 21 9.98441 21 9.99994V17.2413C21 18.0463 21 18.7106 20.9558 19.2518C20.9099 19.8139 20.8113 20.3306 20.564 20.816C20.1805 21.5686 19.5686 22.1805 18.816 22.564C18.3306 22.8113 17.8139 22.9099 17.2518 22.9558C16.7106 23 16.0463 23 15.2413 23H8.75868C7.95372 23 7.28937 23 6.74818 22.9558C6.18608 22.9099 5.66938 22.8113 5.18404 22.564C4.43139 22.1805 3.81947 21.5686 3.43598 20.816C3.18868 20.3306 3.09012 19.8139 3.0442 19.2518C2.99998 18.7106 2.99999 18.0463 3 17.2413V6.75869C2.99999 5.95373 2.99998 5.28937 3.0442 4.74818C3.09012 4.18608 3.18868 3.66938 3.43598 3.18404C3.81947 2.43139 4.43139 1.81947 5.18404 1.43598C5.66938 1.18869 6.18608 1.09012 6.74818 1.0442C7.28936 0.99998 7.95371 0.999989 8.75866 1H12C12.0156 0.999995 12.0234 0.999991 12.0473 1.00112C12.541 1.02448 12.9753 1.4585 12.9989 1.95227Z" fill="currentColor"/>
2961<path d="M19.4686 6.92627C19.3484 7 19.2016 7 18.908 6.99999L15.8 6.99995C15.52 6.99995 15.38 6.99994 15.273 6.94545C15.1789 6.89751 15.1024 6.82102 15.0545 6.72694C15 6.61999 15 6.47998 15 6.19996L15 3.09204C15 2.79842 15 2.65161 15.0737 2.53134C15.1779 2.3615 15.4232 2.25996 15.6169 2.30652C15.754 2.33949 15.8497 2.43523 16.041 2.62672L19.3733 5.95904C19.5648 6.15033 19.6605 6.24598 19.6935 6.38313C19.74 6.57684 19.6385 6.82215 19.4686 6.92627Z" fill="currentColor"/>
2962</svg></div><div>Templates, Quizzes</div></div><div class="blog-post_sidebar-banner-list-item"><div class="blog-post_sidebar-banner-list-icon w-embed"><svg width="100%" style="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2963<path fill-rule="evenodd" clip-rule="evenodd" d="M5 1C3.34315 1 2 2.34315 2 4V17C2 18.6569 3.34315 20 5 20H5.098L8.13646 22.9143C8.52918 23.291 9.151 23.2845 9.53578 22.8998L12.0107 20.4248L14.4857 22.8998C14.8714 23.2855 15.495 23.291 15.8874 22.9121L18.9039 20H19C20.6569 20 22 18.6569 22 17V4C22 2.34315 20.6569 1 19 1H5ZM15.875 17.7892C15.426 18.5476 14.7608 19.1628 13.9642 19.5498L15.2052 20.7908L17.0732 18.9874L15.875 17.7892ZM12.007 17.9999L12.0144 17.9999L12.0246 17.9999C13.394 17.9867 14.5 16.8725 14.5 15.5C14.5 14.1193 13.3807 13 12 13C10.6193 13 9.5 14.1193 9.5 15.5C9.5 16.8769 10.6132 17.9939 11.9887 18L12.006 17.9999L12.007 17.9999ZM8.81408 20.793L10.0503 19.5568C9.24726 19.1702 8.57667 18.5522 8.12497 17.7892L6.92912 18.9851L8.81408 20.793ZM8 6C8 5.44772 8.44772 5 9 5H15C15.5523 5 16 5.44772 16 6C16 6.55228 15.5523 7 15 7H9C8.44772 7 8 6.55228 8 6ZM7 8.5C6.44772 8.5 6 8.94772 6 9.5C6 10.0523 6.44772 10.5 7 10.5H17C17.5523 10.5 18 10.0523 18 9.5C18 8.94772 17.5523 8.5 17 8.5H7Z" fill="currentColor"/>
2964</svg></div><div>Certificate and Badge</div></div></div><a id="w-node-_25cae654-8ef7-0436-2706-b5aae63d6dd6-e63d6dcf" href="/academy/ai-search-optimization-masterclass/" class="button w-button">Read More</a></div><img src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab458794bd512f/68d2933a319df5bdcc7df773_AIS%20Masterclass%20Footer.avif" loading="lazy" width="1641" height="1165" alt="" class="blog-sidebar-banner-img"/></div></div></div><div class="blog-post_mobile-banner"></div></div></div></div></div><div class="blog-post_sidebar is-right"><aside aria-label="Author and Announcements" class="blog-post_sidebar-content is-right"><div class="blog-post_sidebar_author"><a href="/author/kristavja/" class="blog-post_sidebar_author-info w-inline-block"><img src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1).avif" loading="lazy" alt="" sizes="100vw" srcset="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1)-p-500.avif 500w, https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1).avif 1080w" class="blog-post_sidebar_author-avatar"/><div class="blog-post_sidebar_author-name"><div class="u-text-small text-weight-bold">Kristavja Caci</div><div class="u-text-small">Content Marketer at Surfer</div></div></a><div class="u-text-small u-text-muted">Content marketer with a knack for SEO. Kristavja ensures our Surfer content is nothing short of awesomeâfor both readers and algorithms. She loves experimenting with different c

2964ontent formats and discovering new ways to leverage them. Outside of work, Kristavja enjoys exploring new places, learning new skills, and a good book. You can always reach out to her on LinkedIn with a recommendation.</div><div class="blog-post_sidebar_author-socials"><a aria-label="website" href="#" class="blog-post_author-link w-inline-block w-condition-invisible"><div class="blog-post_sidebar_author-sm-icon w-embed"><svg width="100%" style="" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
2965<path d="M1.05176 7.04288C1.05176 6.65998 1.05176 6.46852 1.10111 6.29221C1.14483 6.13603 1.21667 5.98914 1.31311 5.85875C1.42198 5.71155 1.57311 5.59401 1.87535 5.35893L6.39689 1.84218C6.6311 1.66001 6.74821 1.56892 6.87753 1.53391C6.99163 1.50302 7.11189 1.50302 7.22599 1.53391C7.3553 1.56892 7.47241 1.66001 7.70663 1.84218L12.2282 5.35893C12.5304 5.59401 12.6815 5.71155 12.7904 5.85875C12.8868 5.98914 12.9587 6.13603 13.0024 6.29221C13.0518 6.46852 13.0518 6.65998 13.0518 7.04288V11.8662C13.0518 12.6129 13.0518 12.9863 12.9064 13.2715C12.7786 13.5224 12.5746 13.7263 12.3237 13.8542C12.0385 13.9995 11.6652 13.9995 10.9184 13.9995H3.18509C2.43835 13.9995 2.06499 13.9995 1.77977 13.8542C1.52889 13.7263 1.32491 13.5224 1.19708 13.2715C1.05176 12.9863 1.05176 12.6129 1.05176 11.8662V7.04288Z" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
2966</svg></div></a><a aria-label="Twitter" href="#" class="blog-post_author-link w-inline-block w-condition-invisible"><div class="blog-post_sidebar_author-sm-icon w-embed"><svg width="100%" style="" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
2967<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3397 18.6665L8.71513 12.075L2.92581 18.6665H0.476562L7.6285 10.5258L0.476562 0.333252H6.76485L11.1235 6.54577L16.5845 0.333252H19.0338L12.2137 8.09699L19.628 18.6665H13.3397ZM16.0672 16.8082H14.4183L3.98352 2.19159H5.63268L9.81186 8.04422L10.5346 9.05981L16.0672 16.8082Z" fill="currentColor"/>
2968</svg></div></a><a aria-label="Facebook" href="#" class="blog-post_author-link w-inline-block w-condition-invisible"><div class="blog-post_sidebar_author-sm-icon w-embed"><svg width="100%" style="" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
2969<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0518 0.5C15.5747 0.5 20.0518 4.97715 20.0518 10.5C20.0518 15.4912 16.395 19.6283 11.6143 20.3785V13.3906H13.9444L14.3877 10.5H11.6143V8.625C11.6143 8.60182 11.6146 8.57866 11.6153 8.55553C11.6377 7.79007 12.0369 7.06469 13.2385 7.0625C13.2403 7.0625 13.2421 7.0625 13.244 7.0625H14.5049V4.60156C14.5049 4.60156 14.5023 4.60113 14.4974 4.60031C14.4107 4.58586 13.5775 4.45002 12.6766 4.41464C12.5406 4.4093 12.4031 4.40625 12.2664 4.40625C11.9808 4.40625 11.7077 4.42788 11.4483 4.47063C9.63231 4.76987 8.48926 6.10391 8.48926 8.29688V10.5H5.9502V13.3906H8.48926V20.3785C3.7086 19.6283 0.0517578 15.4912 0.0517578 10.5C0.0517578 4.97715 4.52891 0.5 10.0518 0.5Z" fill="currentColor"/>
2970</svg></div></a><a aria-label="LinkedIn" href="https://de.linkedin.com/in/kristavja-caci" class="blog-post_author-link w-inline-block"><div class="blog-post_sidebar_author-sm-icon w-embed"><svg width="100%" style="" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
2971<path d="M18.5754 0.5H1.52815C1.13659 0.5 0.761059 0.655548 0.484183 0.932425C0.207306 1.2093 0.0517578 1.58483 0.0517578 1.97639V19.0236C0.0517578 19.4152 0.207306 19.7907 0.484183 20.0676C0.761059 20.3445 1.13659 20.5 1.52815 20.5H18.5754C18.967 20.5 19.3425 20.3445 19.6194 20.0676C19.8963 19.7907 20.0518 19.4152 20.0518 19.0236V1.97639C20.0518 1.58483 19.8963 1.2093 19.6194 0.932425C19.3425 0.655548 18.967 0.5 18.5754 0.5ZM6.01287 17.5375H3.00593V7.98611H6.01287V17.5375ZM4.50732 6.6625C4.16623 6.66058 3.83336 6.55766 3.55071 6.36674C3.26805 6.17582 3.04829 5.90544 2.91916 5.58974C2.79002 5.27404 2.7573 4.92716 2.82512 4.59288C2.89294 4.2586 3.05826 3.9519 3.30022 3.71148C3.54218 3.47107 3.84994 3.30772 4.18465 3.24205C4.51936 3.17638 4.86602 3.21133 5.18089 3.34249C5.49575 3.47365 5.76471 3.69514 5.95381 3.97901C6.14292 4.26288 6.2437 4.59641 6.24343 4.9375C6.24664 5.16586 6.20385 5.39253 6.1176 5.604C6.03135 5.81547 5.90341 6.00742 5.7414 6.16839C5.57939 6.32936 5.38663 6.45607 5.17461 6.54096C4.96259 6.62585 4.73565 6.66718 4.50732 6.6625ZM17.0962 17.5458H14.0907V12.3278C14.0907 10.7889 13.4365 10.3139 12.5921 10.3139C11.7004 10.3139 10.8254 10.9861 10.8254 12.3667V17.5458H7.81843V7.99306H10.7101V9.31667H10.749C11.0393 8.72917 12.056 7.725 13.6074 7.725C15.2851 7.725 17.0976 8.72083 17.0976 11.6375L17.0962 17.5458Z" fill="currentColor"/>
2972</svg></div></a><a aria-label="Instagram" href="#" class="blog-post_author-link w-inline-block w-condition-invisible"><div class="blog-post_sidebar_author-sm-icon w-embed"><svg width="100%" style="" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
2973<g clip-path="url(#clip0_1516_4269)">
2974<path d="M5.32433 0.563188C4.36673 0.608368 3.71279 0.761188 3.14111 0.985828C2.54945 1.21641 2.04797 1.52583 1.54901 2.02659C1.05005 2.52735 0.742792 3.02919 0.513832 3.62175C0.292252 4.19469 0.142132 4.84917 0.0998324 5.80731C0.0575324 6.76545 0.0481724 7.07343 0.0528524 9.51747C0.0575324 11.9615 0.0683324 12.2679 0.114772 13.228C0.160492 14.1854 0.312772 14.8392 0.537412 15.411C0.768352 16.0027 1.07741 16.504 1.57835 17.0031C2.07929 17.5023 2.58077 17.8088 3.17477 18.0381C3.74717 18.2593 4.40183 18.4102 5.35979 18.4521C6.31775 18.4941 6.62609 18.5038 9.06941 18.4991C11.5127 18.4944 11.8204 18.4836 12.7803 18.4381C13.7402 18.3925 14.3906 18.2392 14.9626 18.0156C15.5543 17.7841 16.0559 17.4756 16.5547 16.9745C17.0535 16.4734 17.3606 15.9712 17.5894 15.3783C17.8111 14.8059 17.9618 14.1512 18.0034 13.194C18.0453 12.2333 18.0552 11.9266 18.0505 9.48291C18.0458 7.03923 18.0349 6.73287 17.9893 5.77311C17.9438 4.81335 17.7913 4.16157 17.5669 3.58935C17.3356 2.99769 17.0269 2.49675 16.5261 1.99725C16.0253 1.49775 15.5228 1.19085 14.93 0.962608C14.3573 0.741028 13.703 0.590008 12.745 0.548608C11.7871 0.507208 11.4787 0.496588 9.03449 0.501268C6.59027 0.505948 6.28427 0.516388 5.32433 0.563188ZM5.42945 16.833C4.55195 16.7949 4.07549 16.6491 3.75797 16.527C3.33749 16.365 3.03797 16.1692 2.72153 15.8558C2.40509 15.5424 2.21069 15.2418 2.04653 14.8222C1.92323 14.5047 1.77473 14.0288 1.73369 13.1513C1.68905 12.2029 1.67969 11.9181 1.67447 9.51531C1.66925 7.11249 1.67843 6.82809 1.72001 5.87931C1.75745 5.00253 1.90415 4.52553 2.02601 4.20819C2.18801 3.78717 2.38313 3.48819 2.69723 3.17193C3.01133 2.85567 3.31103 2.66091 3.73097 2.49675C4.04813 2.37291 4.52405 2.22567 5.40119 2.18391C6.35033 2.13891 6.63473 2.12991 9.03719 2.12469C11.4397 2.11947 11.7248 2.12847 12.6743 2.17023C13.5511 2.20839 14.0282 2.35365 14.3452 2.47623C14.7659 2.63823 15.0652 2.83281 15.3815 3.14745C15.6977 3.46209 15.8927 3.76071 16.0568 4.18155C16.1809 4.49781 16.3281 4.97355 16.3695 5.85123C16.4147 6.80037 16.4249 7.08495 16.4293 9.48723C16.4336 11.8895 16.4251 12.1748 16.3835 13.1232C16.3452 14.0007 16.1998 14.4774 16.0775 14.7952C15.9155 15.2155 15.7202 15.5152 15.406 15.8313C15.0917 16.1474 14.7923 16.3422 14.3722 16.5063C14.0554 16.63 13.579 16.7776 12.7025 16.8193C11.7534 16.864 11.469 16.8733 9.06563 16.8786C6.66227 16.8838 6.37877 16.8741 5.42963 16.833M12.7664 4.69005C12.7668 4.90367 12.8305 5.11238 12.9495 5.2898C13.0685 5.46721 13.2374 5.60535 13.4349 5.68676C13.6324 5.76816 13.8496 5.78916 14.059 5.74711C14.2685 5.70506 14.4607 5.60185 14.6115 5.45052C14.7623 5.29919 14.8648 5.106

297455 14.9061 4.89696C14.9474 4.68736 14.9256 4.47024 14.8434 4.27304C14.7613 4.07584 14.6225 3.90742 14.4447 3.78909C14.2668 3.67075 14.0579 3.60782 13.8443 3.60825C13.5579 3.60882 13.2835 3.72311 13.0814 3.92597C12.8792 4.12884 12.766 4.40368 12.7664 4.69005ZM4.43063 9.50919C4.43567 12.0616 6.50855 14.126 9.06041 14.1211C11.6123 14.1163 13.6781 12.0436 13.6733 9.49119C13.6684 6.93879 11.595 4.87383 9.04277 4.87887C6.49055 4.88391 4.42577 6.95715 4.43063 9.50919ZM6.05171 9.50595C6.05054 8.91259 6.22534 8.33222 6.55402 7.83821C6.88269 7.3442 7.35047 6.95875 7.89821 6.7306C8.44595 6.50245 9.04904 6.44184 9.63122 6.55645C10.2134 6.67105 10.7485 6.95572 11.1689 7.37445C11.5893 7.79319 11.8761 8.32718 11.993 8.9089C12.1099 9.49063 12.0517 10.094 11.8257 10.6426C11.5997 11.1912 11.2162 11.6605 10.7234 11.9912C10.2307 12.3218 9.65107 12.4989 9.05771 12.5001C8.66373 12.5009 8.27343 12.4241 7.90913 12.2741C7.54483 12.124 7.21365 11.9037 6.9345 11.6257C6.65536 11.3476 6.43372 11.0173 6.28225 10.6536C6.13078 10.2899 6.05244 9.89993 6.05171 9.50595Z" fill="currentColor"/>
2975</g>
2976<defs>
2977<clipPath id="clip0_1516_4269">
2978<rect width="18" height="18" fill="currentColor" transform="translate(0.0517578 0.5)"/>
2979</clipPath>
2980</defs>
2981</svg></div></a></div></div><div class="blog-post_sidebar_banner"><div data-banner-toggle="" class="blog-post_sidebar-toggle"><div class="script w-embed w-script">

2981<script>
2982  document.addEventListener("DOMContentLoaded", () => {
2983    const toggleBanner = () => {
2984      const toggle = document.querySelector("[data-banner-toggle]")
2985      const banner = toggle?.nextElementSibling
2986      if (banner) banner.classList.toggle("hidden")
2987    }
2988
2989    document.addEventListener("click", (e) => {
2990      if (e.target.closest("[data-banner-toggle]")) {
2991        toggleBanner()
2992      }
2993    })
2994
2995    document.addEventListener("keydown", (e) => {
2996      if (e.key === ']' && (e.metaKey || e.ctrlKey)) {
2997        toggleBanner()
2998      }
2999    })
3000  })
3001</script>

3001</div><div class="u-text-small">Announcements</div><div class="toc-shortcut"><span data-meta-key="">â</span>]</div></div><div class="blog-post_sidebar_banner-wrap"><div class="blog-post_sidebar_banner-default"><div class="blog-post_sidebar-banner"><div id="w-node-_02d26c32-538c-a058-0895-a7ade11a3770-e63d6dcf" class="blog-post_sidebar-banner-content"><div class="blog-post_sidebar-banner-eyebrow u-eyebrow">NEW Free Course by Surfer</div><div id="w-node-_25cae654-8ef7-0436-2706-b5aae63d6dd3-e63d6dcf" class="blog-post_sidebar-banner-title u-display-xs">AI Search Optimization Masterclass</div><div class="blog-post_sidebar-banner-list"><div class="blog-post_sidebar-banner-list-item"><div class="blog-post_sidebar-banner-list-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" style="" viewBox="0 0 24 24" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3002<path d="M15.9333 1.64102C15.7848 1.25483 15.4138 1 15 1C14.5862 1 14.2152 1.25483 14.0667 1.64102L12.888 4.70544C12.5876 5.48648 12.4932 5.71155 12.3641 5.89315C12.2345 6.07535 12.0754 6.23455 11.8931 6.36411C11.7116 6.49323 11.4865 6.58763 10.7054 6.88803L7.64102 8.06665C7.25483 8.21519 7 8.58623 7 9C7 9.41377 7.25483 9.78481 7.64102 9.93335L10.7054 11.112C11.4865 11.4124 11.7116 11.5068 11.8931 11.6359C12.0754 11.7655 12.2345 11.9246 12.3641 12.1069C12.4932 12.2884 12.5876 12.5135 12.888 13.2946L14.0667 16.359C14.2152 16.7452 14.5862 17 15 17C15.4138 17 15.7848 16.7452 15.9333 16.359L17.112 13.2946C17.4124 12.5135 17.5068 12.2884 17.6359 12.1069C17.7655 11.9246 17.9246 11.7655 18.1069 11.6359C18.2884 11.5068 18.5135 11.4124 19.2946 11.112L22.359 9.93335C22.7452 9.78481 23 9.41377 23 9C23 8.58623 22.7452 8.21519 22.359 8.06665L19.2946 6.88803C18.5135 6.58763 18.2884 6.49323 18.1069 6.36411C17.9246 6.23455 17.7654 6.07536 17.6359 5.89315C17.5068 5.71155 17.4124 5.48648 17.112 4.70544L15.9333 1.64102Z" fill="currentColor"/>
3003<path d="M7.39443 12.5528C7.22503 12.214 6.87877 12 6.5 12C6.12123 12 5.77496 12.214 5.60557 12.5528L4.82111 14.1217C4.53863 14.6867 4.45255 14.8493 4.34796 14.9849C4.24305 15.121 4.12104 15.243 3.98494 15.348C3.84925 15.4525 3.68667 15.5386 3.1217 15.8211L1.55279 16.6056C1.214 16.775 1 17.1212 1 17.5C1 17.8788 1.214 18.225 1.55279 18.3944L3.1217 19.1789C3.68667 19.4614 3.84925 19.5475 3.98494 19.652C4.12104 19.757 4.24305 19.879 4.34796 20.0151C4.45255 20.1507 4.53863 20.3133 4.82111 20.8783L5.60557 22.4472C5.77497 22.786 6.12123 23 6.5 23C6.87877 23 7.22504 22.786 7.39443 22.4472L8.17889 20.8783C8.46137 20.3133 8.54745 20.1507 8.65204 20.0151C8.75695 19.879 8.87896 19.757 9.01506 19.652C9.15075 19.5475 9.31333 19.4614 9.8783 19.1789L11.4472 18.3944C11.786 18.225 12 17.8788 12 17.5C12 17.1212 11.786 16.775 11.4472 16.6056L9.8783 15.8211C9.31333 15.5386 9.15075 15.4525 9.01506 15.348C8.87896 15.243 8.75695 15.121 8.65204 14.9849C8.54745 14.8493 8.46137 14.6867 8.17889 14.1217L7.39443 12.5528Z" fill="currentColor"/>
3004</svg></div><div>Master AI-driven visibility</div></div><div class="blog-post_sidebar-banner-list-item"><div class="blog-post_sidebar-banner-list-icon w-embed"><svg width="100%" style="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3005<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2413 4H6.7587C5.95374 3.99999 5.28937 3.99998 4.74818 4.04419C4.18608 4.09012 3.66937 4.18868 3.18404 4.43598C2.43139 4.81947 1.81947 5.43139 1.43598 6.18404C1.18868 6.66937 1.09012 7.18608 1.04419 7.74818C0.999978 8.28937 0.999988 8.95372 1 9.75869V14.2413C0.999988 15.0463 0.999978 15.7106 1.04419 16.2518C1.09012 16.8139 1.18868 17.3306 1.43598 17.816C1.81947 18.5686 2.43139 19.1805 3.18404 19.564C3.66937 19.8113 4.18608 19.9099 4.74818 19.9558C5.28937 20 5.95373 20 6.7587 20H12.2413C13.0462 20 13.7106 20 14.2518 19.9558C14.8139 19.9099 15.3306 19.8113 15.816 19.564C16.5686 19.1805 17.1805 18.5686 17.564 17.816C17.8113 17.3306 17.9099 16.8139 17.9558 16.2518C17.9968 15.7499 17.9998 15.1419 18 14.4141L19.9535 16.3677C20.1447 16.5589 20.3326 16.7468 20.4973 16.8847C20.6442 17.0078 20.9537 17.2545 21.3823 17.2882C21.861 17.3259 22.3288 17.1321 22.6406 16.767C22.9198 16.4401 22.9642 16.0468 22.9811 15.8559C23.0001 15.6419 23 15.3762 23 15.1058V8.89407C23 8.6237 23.0001 8.35792 22.9811 8.14396C22.9642 7.95307 22.9198 7.55981 22.6406 7.23287C22.3288 6.86775 21.861 6.67399 21.3823 6.71166C20.9537 6.7454 20.6442 6.99211 20.4973 7.11512C20.3326 7.253 20.1447 7.44093 19.9536 7.63213L18 9.58573C17.9998 8.85799 17.9968 8.25011 17.9558 7.74818C17.9099 7.18608 17.8113 6.66937 17.564 6.18404C17.1805 5.43139 16.5686 4.81947 15.816 4.43598C15.3306 4.18868 14.8139 4.09012 14.2518 4.04419C13.7106 3.99998 13.0463 3.99999 12.2413 4Z" fill="currentColor"/>
3006</svg></div><div>20 lessons, 7 modules</div></div><div class="blog-post_sidebar-banner-list-item"><div class="blog-post_sidebar-banner-list-icon w-embed"><svg width="100%" style="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3007<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9989 1.95227C13 1.97612 13 1.98927 13 2.01558L13 6.43191C13 6.68429 12.9999 6.93008 13.017 7.13824C13.0356 7.36683 13.0797 7.63657 13.218 7.9

30070799C13.4097 8.28432 13.7157 8.59028 14.092 8.78202C14.3634 8.92032 14.6332 8.96439 14.8618 8.98307C15.0699 9.00007 15.3157 9.00004 15.5681 9.00001L19.9845 9.00001C20.0107 9.00001 20.0238 9.00001 20.0477 9.00115C20.5415 9.02471 20.9756 9.45899 20.9989 9.95282C21 9.97664 21 9.98441 21 9.99994V17.2413C21 18.0463 21 18.7106 20.9558 19.2518C20.9099 19.8139 20.8113 20.3306 20.564 20.816C20.1805 21.5686 19.5686 22.1805 18.816 22.564C18.3306 22.8113 17.8139 22.9099 17.2518 22.9558C16.7106 23 16.0463 23 15.2413 23H8.75868C7.95372 23 7.28937 23 6.74818 22.9558C6.18608 22.9099 5.66938 22.8113 5.18404 22.564C4.43139 22.1805 3.81947 21.5686 3.43598 20.816C3.18868 20.3306 3.09012 19.8139 3.0442 19.2518C2.99998 18.7106 2.99999 18.0463 3 17.2413V6.75869C2.99999 5.95373 2.99998 5.28937 3.0442 4.74818C3.09012 4.18608 3.18868 3.66938 3.43598 3.18404C3.81947 2.43139 4.43139 1.81947 5.18404 1.43598C5.66938 1.18869 6.18608 1.09012 6.74818 1.0442C7.28936 0.99998 7.95371 0.999989 8.75866 1H12C12.0156 0.999995 12.0234 0.999991 12.0473 1.00112C12.541 1.02448 12.9753 1.4585 12.9989 1.95227Z" fill="currentColor"/>
3008<path d="M19.4686 6.92627C19.3484 7 19.2016 7 18.908 6.99999L15.8 6.99995C15.52 6.99995 15.38 6.99994 15.273 6.94545C15.1789 6.89751 15.1024 6.82102 15.0545 6.72694C15 6.61999 15 6.47998 15 6.19996L15 3.09204C15 2.79842 15 2.65161 15.0737 2.53134C15.1779 2.3615 15.4232 2.25996 15.6169 2.30652C15.754 2.33949 15.8497 2.43523 16.041 2.62672L19.3733 5.95904C19.5648 6.15033 19.6605 6.24598 19.6935 6.38313C19.74 6.57684 19.6385 6.82215 19.4686 6.92627Z" fill="currentColor"/>
3009</svg></div><div>Templates, Quizzes</div></div><div class="blog-post_sidebar-banner-list-item"><div class="blog-post_sidebar-banner-list-icon w-embed"><svg width="100%" style="" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3010<path fill-rule="evenodd" clip-rule="evenodd" d="M5 1C3.34315 1 2 2.34315 2 4V17C2 18.6569 3.34315 20 5 20H5.098L8.13646 22.9143C8.52918 23.291 9.151 23.2845 9.53578 22.8998L12.0107 20.4248L14.4857 22.8998C14.8714 23.2855 15.495 23.291 15.8874 22.9121L18.9039 20H19C20.6569 20 22 18.6569 22 17V4C22 2.34315 20.6569 1 19 1H5ZM15.875 17.7892C15.426 18.5476 14.7608 19.1628 13.9642 19.5498L15.2052 20.7908L17.0732 18.9874L15.875 17.7892ZM12.007 17.9999L12.0144 17.9999L12.0246 17.9999C13.394 17.9867 14.5 16.8725 14.5 15.5C14.5 14.1193 13.3807 13 12 13C10.6193 13 9.5 14.1193 9.5 15.5C9.5 16.8769 10.6132 17.9939 11.9887 18L12.006 17.9999L12.007 17.9999ZM8.81408 20.793L10.0503 19.5568C9.24726 19.1702 8.57667 18.5522 8.12497 17.7892L6.92912 18.9851L8.81408 20.793ZM8 6C8 5.44772 8.44772 5 9 5H15C15.5523 5 16 5.44772 16 6C16 6.55228 15.5523 7 15 7H9C8.44772 7 8 6.55228 8 6ZM7 8.5C6.44772 8.5 6 8.94772 6 9.5C6 10.0523 6.44772 10.5 7 10.5H17C17.5523 10.5 18 10.0523 18 9.5C18 8.94772 17.5523 8.5 17 8.5H7Z" fill="currentColor"/>
3011</svg></div><div>Certificate and Badge</div></div></div><a id="w-node-_25cae654-8ef7-0436-2706-b5aae63d6dd6-e63d6dcf" href="/academy/ai-search-optimization-masterclass/" class="button w-button">Read More</a></div><img src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab458794bd512f/68d2933a319df5bdcc7df773_AIS%20Masterclass%20Footer.avif" loading="lazy" width="1641" height="1165" alt="" class="blog-sidebar-banner-img"/></div></div></div></div></aside></div></section><section class="section-blog-post_relative-articles"><div class="w-layout-blockcontainer container w-container"><div class="container-padding"><div class="blog-post_relative-articles"><h2 class="u-display-lg">Keep Learning <span class="text-color-orange">â</span></h2><div><div class="w-dyn-list"><div role="list" class="blog-post_relative-articles_col-list w-dyn-items"><div role="listitem" class="blog-post_relative-articles_col-item w-dyn-item"><article class="post-card_component"><header class="post-header"><a href="/blog/content-coverage-study/" class="blog-card_title w-inline-block"><div class="blog-card_title-headline"><p title="Does Content Coverage Affect SEO? Surfer&#x27;s Top 100 Articles Analyzed" class="u-display-xs">Does Content Coverage Affect SEO? Surfer&#x27;s Top 100 Articles Analyzed</p></div><div class="blog-card_title-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB

3011ox="0 0 25 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3012<path d="M7.71875 17.5L17.7188 7.5M17.7188 7.5H7.71875M17.7188 7.5V17.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3013</svg></div></a><p class="blog-card_subtitle">Discover how comprehensive content boosts rankings. In this Surfer study, I analyze our top 100 performing articles to uncover the link between content depth, keyword rankings, and impressionsâand how you can replicate the results.</p><div class="blog-card_info"><a rel="author" title="Content Marketer at Surfer" href="/author/kristavja/" class="blog-card_author w-inline-block"><img alt="Does Content Coverage Affect SEO? Surfer&#x27;s Top 100 Articles Analyzed" loading="lazy" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1).avif" sizes="(max-width: 767px) 100vw, (max-width: 991px) 728px, 940px" srcset="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1)-p-500.avif 500w, https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1).avif 1080w" class="blog-card_photo"/><div>Kristavja Caci</div></a><a rel="tag" href="/category/insights/" class="post-category">Insights</a><div class="blog-card_date"><div class="u-text-small">Dec 12</div><div class="u-text-small">2024</div></div></div></header></article></div><div role="listitem" class="blog-post_relative-articles_col-item w-dyn-item"><article class="post-card_component"><header class="post-header"><a href="/blog/surfy-use-cases/" class="blog-card_title w-inline-block"><div class="blog-card_title-headline"><p title="8 Surfy Use Cases [AI Prompt Examples Included]" class="u-display-xs">8 Surfy Use Cases [AI Prompt Examples Included]</p></div><div class="blog-card_title-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3014<path d="M7.71875 17.5L17.7188 7.5M17.7188 7.5H7.71875M17.7188 7.5V17.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3015</svg></div></a><p class="blog-card_subtitle">Say âbyeâ to writerâs block and time-consuming editing, and say âhiâ to Surfy!</p><div class="blog-card_info"><a rel="author" title="Content Marketer at Surfer" href="/author/kristavja/" class="blog-card_author w-inline-block"><img alt="8 Surfy Use Cases [AI Prompt Examples Included]" loading="lazy" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1).avif" sizes="(max-width: 767px) 100vw, (max-width: 991px) 728px, 940px" srcset="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1)-p-500.avif 500w, https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1).avif 1080w" class="blog-card_photo"/><div>Kristavja Caci</div></a><a rel="tag" href="/category/ai-content/" class="post-category">AI content</a><div class="blog-card_date"><div class="u-text-small">Oct 30</div><div class="u-text-small">2024</div></div></div></header></article></div><div role="listitem" class="blog-post_relative-articles_col-item w-dyn-item"><article class="post-card_component"><header class="post-header"><a href="/blog/content-optimization-tips/" class="blog-card_title w-inline-block"><div class="blog-card_title-headline"><p title="10 Content Optimization Tips From 13 SEO Experts" class="u-display-xs">10 Content Optimization Tips From 13 SEO Experts</p></div><div class="blog-card_title-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3016<path d="M7.71875 17.5L17.7188 7.5M17.7188 7.5H7.71875M17.7188 7.5V17.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3017</svg></div></a><p class="blog-card_subtitle">13 SEO experts share their tips on creating content that both search engines and users will love</p><div class="blog-card_info"><a rel="author" title="Content Marketer at Surfer" href="/author/kristavja/" class="blog-card_author w-inline-block"><img alt="10 Content Optimization Tips From 13 SEO Experts" loading="lazy" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1).avif" sizes="(max-width: 767px) 100v

3017w, (max-width: 991px) 728px, 940px" srcset="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1)-p-500.avif 500w, https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/675b61bf2a8c2ef3e3ecbb56_Untitled%20design%20(1).avif 1080w" class="blog-card_photo"/><div>Kristavja Caci</div></a><a rel="tag" href="/category/content-optimization/" class="post-category">Content Optimization</a><div class="blog-card_date"><div class="u-text-small">Nov 8</div><div class="u-text-small">2024</div></div></div></header></article></div></div></div></div><div class="w-condition-invisible"><div class="w-dyn-list"><div role="list" class="blog-post_relative-articles_col-list w-dyn-items"><div role="listitem" class="blog-post_relative-articles_col-item w-dyn-item"><article class="post-card_component"><header class="post-header"><a href="/blog/whats-new-at-surfer-august-2026-product-roundup/" class="blog-card_title w-inline-block"><div class="blog-card_title-headline"><p title="What&#x27;s New at Surfer? August 2026 Product Roundup" class="u-display-xs">What&#x27;s New at Surfer? August 2026 Product Roundup</p></div><div class="blog-card_title-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3018<path d="M7.71875 17.5L17.7188 7.5M17.7188 7.5H7.71875M17.7188 7.5V17.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3019</svg></div></a><p class="blog-card_subtitle">Surfer MCP is here, Recommendations now act on your AI Tracker insights, and new research explains where AI citations actually come from (and how to max it in Surfer). Everything we shipped this month, in one place.</p><div class="blog-card_info"><a rel="author" title="Paulina Kaleta" href="/author/paulina-kaleta/" class="blog-card_author w-inline-block"><img alt="Paulina Kaleta" loading="lazy" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/679947c9b56100be7fa28fdf_tempImageQt5P11-removebg-preview.avif" class="blog-card_photo"/><div>Paulina Kaleta</div></a><a rel="tag" href="/category/release-notes/" class="post-category">Updates</a><div class="blog-card_date"><div class="u-text-small">Aug</div><div class="u-text-small">13</div></div></div></header></article></div><div role="listitem" class="blog-post_relative-articles_col-item w-dyn-item"><article class="post-card_component"><header class="post-header"><a href="/blog/whats-new-at-surfer-june-2026-product-roundup/" class="blog-card_title w-inline-block"><div class="blog-card_title-headline"><p title="What&#x27;s New at Surfer? June 2026 Product Roundup" class="u-display-xs">What&#x27;s New at Surfer? June 2026 Product Roundup</p></div><div class="blog-card_title-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3020<path d="M7.71875 17.5L17.7188 7.5M17.7188 7.5H7.71875M17.7188 7.5V17.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3021</svg></div></a><p class="blog-card_subtitle">5 updates that close the gap between SEO and AI Search: unified Content Score, Intent Alignment, smarter Auto-Optimize, new API, and auto-linked sources.</p><div class="blog-card_info"><a rel="author" title="Paulina Kaleta" href="/author/paulina-kaleta/" class="blog-card_author w-inline-block"><img alt="Paulina Kaleta" loading="lazy" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/679947c9b56100be7fa28fdf_tempImageQt5P11-removebg-preview.avif" class="blog-card_photo"/><div>Paulina Kaleta</div></a><a rel="tag" href="/category/release-notes/" class="post-category">Updates</a><div class="blog-card_date"><div class="u-text-small">Jun</div><div class="u-text-small">10</div></div></div></header></article></div><div role="listitem" class="blog-post_relative-articles_col-item w-dyn-item"><article class="post-card_component"><header class="post-header"><a href="/blog/surfer-3/" class="blog-card_title w-inline-block"><div class="blog-card_title-headline"><p title="Surfer AI Visibility Platform, Engineered for the Agentic Web" class="u-display-xs">Surfer AI Visibility Platform, Engineered for the Agentic Web</p></div><div class="blog-card_title-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB

3021ox="0 0 25 25" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3022<path d="M7.71875 17.5L17.7188 7.5M17.7188 7.5H7.71875M17.7188 7.5V17.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3023</svg></div></a><p class="blog-card_subtitle">Surfer AI Visibility Platform brings agentic workflows and MCP to search visibility, so agents find, trust, and act on your brand.</p><div class="blog-card_info"><a rel="author" title="Satya D" href="/author/satya/" class="blog-card_author w-inline-block"><img alt="Satya D" loading="lazy" src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab453aacbd513c/65f014f51bf6ef24896a1d9d_blog-authors-03.avif" class="blog-card_photo"/><div>Satya D</div></a><a rel="tag" href="/category/release-notes/" class="post-category">Updates</a><div class="blog-card_date"><div class="u-text-small">Jun</div><div class="u-text-small">1</div></div></div></header></article></div></div></div></div></div></div></div></section></div></div></main><footer data-wf--section-footer--variant="blog" class="footer"><div class="component-style w-embed"><style>
3024
3025  @media (max-width: 1365px) {
3026    .footer-wrap {
3027      padding-inline: var(--global-padding);
3028    }
3029  }
3030
3031</style></div><div class="container"><div class="footer-wrap w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9"><div id="w-node-_4faf7941-2fa0-419c-27db-a33c9ddc37a9-9bf23e7a" class="footer_logo-wrap w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9"><a aria-label="Homepage" id="w-node-_0a0a846c-144f-83ce-273b-ae8f1adecca9-9bf23e7a" href="/" class="footer-logo-wrap w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div data-branding="logo-wrap" data-wf--surfer-logotype--variant="positive-surfer" class="surfer_logo-wrap"><div class="surfer_logo w-variant-908000d2-5994-beea-861f-a1073b8b82b3 w-embed"><svg data-logo aria-labelledby="logo-title" role="img" alt="Surfer | SEO Content Optimization Platform" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 452 117" fill="none" preserveAspectRatio="xMidYMid meet">
3032  <title id="logo-title">Surfer | SEO Content Optimization Platform</title>
3033
3034  <!-- Symbol -->
3035  <g data-logo-symbol>
3036    <path d="M89.0923 0.000152588C92.6285 0.000152588 96.1247 0.696186 99.3968 2.04825C102.661 3.40032 105.629 5.38441 108.133 7.88053C110.629 10.3767 112.613 13.3448 113.966 16.617C115.318 19.8811 116.014 23.3853 116.014 26.9215V34.0178L103.981 37.722V26.8734C103.965 22.9293 102.389 19.1611 99.6048 16.3769C96.8127 13.5928 93.0365 12.0327 89.0923 12.0327H26.9293C22.9851 12.0327 19.1929 13.6008 16.4008 16.3929C13.6087 19.1851 12.0406 22.9693 12.0406 26.9215V55.6188C12.0406 60.6111 12.0406 63.0992 10.6645 64.9553C9.29645 66.8114 6.92033 67.5474 2.1441 69.0115L0 69.6755V26.9215C0 19.7851 2.84014 12.9368 7.88838 7.88853C12.9446 2.84029 19.785 0.000152588 26.9293 0.000152588H89.0923ZM113.862 47.2504L116.014 46.5864V89.3005C116.014 92.8366 115.318 96.3328 113.966 99.6049C112.613 102.869 110.629 105.837 108.133 108.341C105.637 110.837 102.669 112.822 99.3968 114.174C96.1327 115.526 92.6285 116.222 89.0923 116.222H26.9293C19.793 116.222 12.9446 113.39 7.89638 108.341C2.84814 103.293 0.00800039 96.4448 0.00800039 89.3084V82.2521L12.0486 78.5479V89.3485C12.0646 93.2926 13.6327 97.0608 16.4248 99.845C19.2169 102.629 22.9931 104.189 26.9373 104.189H89.0923C93.0365 104.189 96.8287 102.621 99.6208 99.829C102.413 97.0368 103.981 93.2527 103.981 89.3005V60.6431C103.981 55.6588 103.981 53.1627 105.349 51.3066C106.725 49.4505 109.101 48.7225 113.87 47.2504H113.862Z" fill="#FF5B49"/>
3037    <path d="M74.1945 81.9162C69.1623 81.9162 68.6423 81.3962 68.6423 76.364V39.8822C68.6423 34.8499 69.1623 34.3299 74.1945 34.3299H76.4106C81.4509 34.3299 81.9709 34.8499 81.9709 39.8822V76.364C81.9709 81.3962 81.4509 81.9162 76.4106 81.9162H74.1945ZM39.6009 81.9162C34.5686 81.9162 34.0486 81.3962 34.0486 76.364V53.8829C34.0486 48.8426 34.5686 48.3226 39.6009 48.3226H41.817C46.8572 48.3226 47.3772 48.8426 47.3772 53.8829V76.364C47.3772 81.3962 46.8572 81.9162 41.817 81.9162H39.6009Z" fill="#FF5B49"/>
3038  </g>
3039
3040  <!-- Wordmark -->
3041  <g data-logo-wordmark>
3042    <path d="M187.608 98.0857C177.154 98.0857 169.07 95.8273 163.354 91.0978C157.645 86.478 154.732 79.8127 154.732 71.1086H169.07C169.07 76.5864 170.688 80.4579 173.918 82.8193C177.154 85.1806 181.789 86.3682 188.041 86.3682C193 86.3682 196.883 85.5101 199.576 83.5744C202.165 81.6386 203.563 78.9546 203.563 75.3028C203.563 72.2962 202.379 70.0378 200.113 68.4246C197.848 66.9213 193.75 65.521 187.821 64.2305L181.355 62.94C164.862 59.9334 156.674 52.1972 156.674 39.7314C156.674 33.1759 159.153 27.9109 164.222 24.0462C169.18 20.1747 176.183 18.136 185.129 18.136C195.258 18.136 202.916 20.2845 208.087 24.5817C213.259 28.8788 216.062 34.8989 216.385 42.6351H202.262C201.938 38.3379 200.43 35.1117 197.841 32.9631C195.251 30.9244

3042191.051 29.8467 185.335 29.8467C180.811 29.8467 177.464 30.7047 175.095 32.3179C172.726 34.034 171.535 36.2923 171.535 39.3058C171.535 42.3193 172.616 44.7836 174.772 46.3967C176.927 48.1129 180.914 49.5132 186.52 50.584L193.206 51.8745C202.151 53.7005 208.625 56.3845 212.612 59.9334C216.599 63.4823 218.651 68.3148 218.651 74.5477C218.651 82.0711 215.848 87.8715 210.456 91.9558C204.961 96.0401 197.304 98.0789 187.601 98.0789L187.608 98.0857ZM261.635 71.9735V40.919H275.215V96.3628H262.062V88.304C257.751 94.5368 251.933 97.6533 244.599 97.6533C238.559 97.6533 233.822 95.9372 230.372 92.4981C226.921 89.059 225.2 84.1167 225.2 77.671V40.919H238.78V75.4126C238.78 82.5035 242.23 85.9426 249.233 85.9426C252.683 85.9426 255.596 84.7619 257.965 82.2907C260.334 79.8195 261.628 76.3805 261.628 71.9735H261.635ZM314.935 40.8434H318.275V53.4053H314.825C309.653 53.4053 305.659 54.9223 302.857 57.4965C300.054 60.0775 298.759 63.9422 298.759 68.9944V96.3628H285.18V40.919H298.332V51.5862C301.349 44.4953 306.954 40.8434 314.935 40.8434ZM355.33 30.2791H350.586C345.841 30.2791 343.582 32.5375 343.582 36.9445V40.919H355.007V53.371H343.582V96.3628H330.106V53.371H321.484V40.919H330.106V36.7248C330.106 31.35 331.614 27.1627 334.63 24.1492C337.646 21.1426 342.177 19.5295 348.32 19.5295C351.013 19.5295 353.388 19.6393 355.33 19.8521V30.2723V30.2791ZM411.213 69.6053V72.8316H369.606C370.039 77.5612 371.548 81.213 374.027 83.5744C376.506 85.9357 379.846 87.1233 384.053 87.1233C390.196 87.1233 394.403 84.5423 396.772 79.1743H409.815C408.307 84.8717 405.29 89.3817 400.759 92.7109C396.125 96.0401 390.519 97.6533 383.943 97.6533C375.645 97.6533 368.958 95.0723 363.89 89.7043C358.718 84.4393 356.239 77.4513 356.239 68.6443C356.239 59.8373 358.718 52.9591 363.787 47.5843C368.855 42.3193 375.535 39.6353 383.729 39.6353C391.924 39.6353 398.824 42.4291 403.782 47.9069C408.74 53.4945 411.219 60.6953 411.219 69.6122L411.213 69.6053ZM383.619 50.1584C375.645 50.1584 371.003 54.5654 369.716 63.3724H397.633C396.986 59.2881 395.477 56.0687 393.109 53.7005C390.629 51.3391 387.503 50.1516 383.619 50.1516V50.1584ZM448.66 40.054C449.845 40.054 450.926 40.1639 452 40.2668V52.7326H448.55C443.379 52.7326 439.384 54.1329 436.582 56.7071C433.779 59.2881 432.484 63.1528 432.484 68.205V96.3559H418.905V40.919H432.057V50.8037C435.074 43.7128 440.679 40.0609 448.66 40.0609V40.054Z" fill="white"/>
3043  </g>
3044</svg></div><div class="surfer_logo_symbol w-variant-908000d2-5994-beea-861f-a1073b8b82b3 w-embed"><svg width="100%" height="100%" style="" viewBox="0 0 91 91" fill="none" xmlns="http://www.w3.org/2000/svg"
3045alt="Surfer | SEO Content Optimization Platform">
3046<title>Surfer | SEO Content Optimization Platform</title>
3047<path fill-rule="evenodd" clip-rule="evenodd" d="M89.8281 21.8193C89.8281 10.3057 80.5 0.97168 68.9844 0.97168H20.8438C9.33594 0.97168 0 10.3057 0 21.8193V54.9277L1.66406 54.417C5.35156 53.2822 7.20312 52.7148 8.25781 51.2783C9.32031 49.8418 9.32031 47.9102 9.32031 44.0479V21.8193C9.32031 15.4541 14.4844 10.2939 20.8438 10.2939H68.9844C75.3359 10.2939 80.4922 15.4355 80.5078 21.7852V30.1807L89.8281 27.3154V21.8193ZM89.8281 37.0508L88.1719 37.5615C86.3359 38.126 84.9609 38.5498 83.9062 39.0098C82.8359 39.4756 82.1016 39.9775 81.5703 40.7002C81.3516 40.9961 81.1719 41.3135 81.0312 41.6641C80.875 42.0742 80.7656 42.5303 80.6875 43.0537C80.5078 44.251 80.5078 45.7959 80.5078 47.9297V70.125C80.5078 76.4902 75.3516 81.6504 68.9844 81.6504H20.8438C14.4922 81.6504 9.34375 76.5088 9.32031 70.1592V61.7979L0 64.6631V70.125C0 81.6387 9.33594 90.9727 20.8438 90.9727H68.9844C80.5 90.9727 89.8281 81.6387 89.8281 70.125V37.0508ZM25.1172 60.0996V42.6934C25.1172 38.1055 26.0781 37.1484 30.6641 37.1484H32.375C36.9688 37.1484 37.9219 38.1055 37.9219 42.6934V60.0996C37.9219 64.6875 36.9688 65.6445 32.375 65.6445H30.6641C26.0781 65.6445 25.1172 64.6865 25.1172 60.0996ZM51.9062 31.8545C51.9062 27.2676 52.8672 26.3096 57.4531 26.3096H59.1641C63.7578 26.3096 64.7109 27.2666 64.7109 31.8545V60.0986C64.7109 64.6865 63.7578 65.6436 59.1641 65.6436H57.4531C52.8672 65.6436 51.9062 64.6865 51.9062 60.0986V31.8545Z" fill="#FF5B49"/>
3048</svg></div><div data-branding="logo-highlight" class="navbar-logo_highlight w-variant-908000d2-5994-beea-861f-a1073b8b82b3"><div class="navbar-logo_highlight-dot"></div><div class="navbar-logo_highlight-dot is-rt"></div><div class="navbar-logo_highlight-dot is-lb"></div><div class="navbar-logo_highlight-dot is-rb"></div></div>

3048<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 459 201" fill="none" class="surfer_logo-positive w-variant-908000d2-5994-beea-861f-a1073b8b82b3"><path d="M19.3631 93.5993H0V0.906403H42.346C60.2942 0.906403 71.1321 12.3979 71.1321 30.5974C71.1321 38.9862 66.4852 60.1592 41.5703 60.1592H19.3631V93.5993ZM37.3113 44.1502C51.769 44.1502 51.769 33.8222 51.769 29.6925C51.769 20.6573 46.7343 16.9154 34.7257 16.9154H19.3631V44.1574H37.3113V44.1502Z" fill="currentColor"></path><path d="M108.444 95.4033C89.9855 95.4033 73.3301 84.0412 73.3301 59.2555C73.3301 34.4699 89.9855 23.1078 108.444 23.1078C126.902 23.1078 143.557 34.4699 143.557 59.2555C143.557 84.0412 126.902 95.4033 108.444 95.4033ZM108.444 38.3483C94.5031 38.3483 91.9175 50.4861 91.9175 59.2627C91.9175 68.0393 94.5031 80.1772 108.444 80.1772C122.384 80.1772 124.97 68.0393 124.97 59.2627C124.97 50.4861 122.391 38.3483 108.444 38.3483Z" fill="currentColor"></path><path d="M192.87 45.8321C192.094 41.4438 190.543 36.7969 180.732 36.7969C170.921 36.7969 169.628 40.5389 169.628 43.5123C169.628 54.3573 212.621 46.4785 212.621 71.7812C212.621 91.7907 193.257 95.4033 182.542 95.4033C166.92 95.4033 150.006 89.9808 149.489 71.6519H168.077C168.077 77.4623 171.689 81.7213 183.052 81.7213C192.345 81.7213 194.543 77.2038 194.543 74.6182C194.543 63.1267 151.938 71.7812 151.938 46.0907C151.938 36.0213 158.266 23.1078 179.698 23.1078C193.121 23.1078 209.13 26.4618 210.552 45.8321H192.862H192.87Z" fill="currentColor"></path><path d="M242.19 16.7847H224.113V0H242.19V16.7847ZM242.19 24.9149V93.5979H224.113V24.9149H242.19Z" fill="currentColor"></path><path d="M277.562 24.9126H288.795V37.8189H277.562V75.1302C277.562 79.1307 277.692 80.682 285.046 80.682C286.21 80.682 287.502 80.5528 288.788 80.4235V94.1055C285.951 94.2348 283.107 94.364 280.27 94.364H277.943C262.322 94.364 259.485 88.4244 259.485 79.5185V37.8189H250.191V24.9126H259.485V6.32516H277.562V24.9126Z" fill="currentColor"></path><path d="M316.676 16.7847H298.599V0H316.676V16.7847ZM316.676 24.9149V93.5979H298.599V24.9149H316.676Z" fill="currentColor"></path><path d="M368.703 93.5994H349.728L325.072 24.9164H345.21L359.41 75.5219H359.668L374.255 24.9164H393.489L368.703 93.5994Z" fill="currentColor"></path><path d="M457.783 73.4588C453.007 89.9849 439.325 95.4074 427.575 95.4074C408.212 95.4074 393.366 86.1137 393.366 57.8376C393.366 49.5781 396.211 23.1119 426.289 23.1119C439.842 23.1119 458.566 29.5686 458.566 60.9403V64.1651H411.444C411.961 69.329 412.995 80.9498 427.582 80.9498C432.617 80.9498 437.781 78.3642 439.203 73.4588H457.79H457.783ZM439.971 52.4151C438.937 41.3115 431.841 37.9574 426.031 37.9574C417.513 37.9574 412.995 43.3799 411.961 52.4151H439.979H439.971Z" fill="currentColor"></path><path d="M40.1254 200.989C27.3666 200.989 17.4992 198.232 10.5231 192.46C3.55536 186.821 6.10352e-05 178.686 6.10352e-05 168.062H17.4992C17.4992 174.748 19.4744 179.474 23.4163 182.356C27.3666 185.238 33.0232 186.687 40.6549 186.687C46.7065 186.687 51.4469 185.64 54.7332 183.277C57.8935 180.915 59.5997 177.639 59.5997 173.182C59.5997 169.512 58.154 166.755 55.3888 164.787C52.6236 162.952 47.6226 161.243 40.3859 159.667L32.4937 158.092C12.3638 154.423 2.37026 144.98 2.37026 129.765C2.37026 121.764 5.39605 115.338 11.5821 110.621C17.6337 105.896 26.1815 103.407 37.0996 103.407C49.4633 103.407 58.8096 106.03 65.1218 111.275C71.4339 116.519 74.8547 123.867 75.2497 133.309H58.0112C57.6161 128.065 55.7754 124.127 52.6152 12

30481.504C49.4549 119.016 44.3279 117.701 37.3517 117.701C31.8297 117.701 27.7449 118.748 24.8536 120.717C21.9622 122.811 20.5082 125.568 20.5082 129.246C20.5082 132.924 21.8278 135.932 24.4585 137.901C27.0893 139.995 31.9558 141.704 38.7974 143.011L46.9586 144.587C57.8767 146.815 65.7774 150.091 70.6438 154.423C75.5103 158.754 78.015 164.652 78.015 172.26C78.015 181.442 74.5942 188.522 68.0131 193.507C61.3059 198.492 51.9596 200.981 40.117 200.981L40.1254 200.989ZM130.479 169.118V131.215H147.053V198.886H131V189.05C125.738 196.657 118.636 200.461 109.685 200.461C102.314 200.461 96.5311 198.367 92.3202 194.169C88.1093 189.972 86.0081 183.939 86.0081 176.072V131.215H102.583V173.316C102.583 181.97 106.794 186.168 115.341 186.168C119.552 186.168 123.108 184.727 125.999 181.711C128.89 178.694 130.47 174.497 130.47 169.118H130.479ZM195.533 131.123H199.61V146.455H195.399C189.087 146.455 184.212 148.306 180.791 151.448C177.37 154.599 175.79 159.316 175.79 165.482V198.886H159.215V131.215H175.269V144.235C178.95 135.58 185.792 131.123 195.533 131.123ZM244.837 118.229H239.046C233.255 118.229 230.498 120.985 230.498 126.364V131.215H244.442V146.413H230.498V198.886H214.049V146.413H203.526V131.215H214.049V126.096C214.049 119.536 215.89 114.425 219.571 110.747C223.253 107.077 228.783 105.108 236.281 105.108C239.567 105.108 242.467 105.242 244.837 105.502V118.22V118.229ZM313.043 166.228V170.165H262.26C262.79 175.938 264.631 180.395 267.656 183.277C270.682 186.159 274.759 187.609 279.894 187.609C287.391 187.609 292.527 184.459 295.418 177.907H311.337C309.496 184.861 305.815 190.365 300.284 194.429C294.628 198.492 287.786 200.461 279.759 200.461C269.631 200.461 261.47 197.311 255.284 190.759C248.972 184.333 245.946 175.804 245.946 165.055C245.946 154.305 248.972 145.91 255.158 139.35C261.344 132.924 269.497 129.648 279.499 129.648C289.501 129.648 297.923 133.058 303.974 139.744C310.026 146.564 313.052 155.353 313.052 166.236L313.043 166.228ZM279.364 142.492C269.631 142.492 263.967 147.871 262.395 158.62H296.469C295.678 153.635 293.838 149.706 290.946 146.815C287.921 143.933 284.105 142.484 279.364 142.484V142.492ZM358.749 130.159C360.195 130.159 361.515 130.293 362.826 130.419V145.634H358.615C352.303 145.634 347.428 147.343 344.007 150.485C340.586 153.635 339.006 158.352 339.006 164.518V198.878H322.431V131.215H338.485V143.28C342.166 134.625 349.008 130.168 358.749 130.168V130.159Z" fill="currentColor" class="text-color-orange"></path></svg></div></a><div data-blog-logo-wrap="" class="blog_footer_logo-wrap w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9"><a title="Surfer | SEO Content Optimization Platform" aria-label="Homepage" href="/" class="navbar-logo-wrap w-inline-block"><div data-branding="logo-wrap" data-wf--surfer-logotype--variant="base" class="surfer_logo-wrap"><div class="surfer_logo w-embed"><svg data-logo aria-labelledby="logo-title" role="img" alt="Surfer | SEO Content Optimization Platform" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 452 117" fill="none" preserveAspectRatio="xMidYMid meet">
3049  <title id="logo-title">Surfer | SEO Content Optimization Platform</title>
3050
3051  <!-- Symbol -->
3052  <g data-logo-symbol>
3053    <path d="M89.0923 0.000152588C92.6285 0.000152588 96.1247 0.696186 99.3968 2.04825C102.661 3.40032 105.629 5.38441 108.133 7.88053C110.629 10.3767 112.613 13.3448 113.966 16.617C115.318 19.8811 116.014 23.3853 116.014 26.9215V34.0178L103.981 37.722V26.8734C103.965 22.9293 102.389 19.1611 99.6048 16.3769C96.8127 13.5928 93.0365 12.0327 89.0923 12.0327H26.9293C22.9851 12.0327 19.1929 13.6008 16.4008 16.3929C13.6087 19.1851 12.0406 22.9693 12.0406 26.9215V55.6188C12.0406 60.6111 12.0406 63.0992 10.6645 64.9553C9.29645 66.8114 6.92033 67.5474 2.1441 69.0115L0 69.6755V26.9215C0 19.7851 2.84014 12.9368 7.88838 7.88853C12.9446 2.84029 19.785 0.000152588 26.9293 0.000152588H89.0923ZM113.862 47.2504L116.014 46.5864V89.3005C116.014 92.8366 115.318 96.3328 113.966 99.6049C112.613 102.869 110.629 105.837 108.133 108.341C105.637 110.837 102.669 112.822 99.3968 114.174C96.1327 115.526 92.6285 116.222 89.0923 116.222H26.9293C19.793 116.222 12.9446 113.39 7.89638 108.341C2.84814 103.293 0.00800039 96.4448 0.00800039 89.3084V82.2521L12.0486 78.5479V89.3485C12.0646 93.2926 13.6327 97.0608 16.4248 99.845C19.2169 102.629 22.9931 104.189 26.9373 104.189H89.0923C93.0365 104.189 96.8287 102.621 99.6208 99.829C102.413 97.0368 103.981 93.2527 103.981 89.3005V60.6431C103.981 55.6588 103.981 53.1627 105.349 51.3066C106.725 49.4505 109.101 48.7225 113.87 47.2504H113.862Z" fill="#FF5B49"/>
3054    <path d="M74.1945 81.9162C69.1623 81.9162 68.6423 81.3962 68.6423 76.364V39.8822C68.6423 34.8499 69.1623 34.3299 74.1945 34.3299H76.4106C81.4509 34.3299 81.9709 34.8499 81.9709 39.8822V76.364C81.9709 81.3962 81.4509 81.9162 76.4106 81.9162H74.1945ZM39.6009 81.9162C34.5686 81.9162 34.0486 81.3962 34.0486 76.364V53.8829C34.0486 48.8426 34.5686 48.3226 39.6009 48.3226H41.817C46.8572 48.3226 47.3772 48.8426 47.3772 53.8829V76.364C47.3772 81.3962 46.8572 81.9162 41.817 81.9162H39.6009Z" fill="#FF5B49"/>
3055  </g>
3056
3057  <!-- Wordmark -->
3058  <g data-logo-wordmark>
3059    <path d="M187.608 98.0857C177.154 98.0857 169.07 95.8273 163.354 91.0978C157.645 86.478 154.732 79.8127 154.732 71.1086H169.07C169.07 76.5864 170.688 80.4579 173.918 82.8193C177.154 85.1806 181.789 86.3682 188.041 86.3682C193 86.3682 196.883 85.5101 199.576 83.5744C202.165 81.6386 203.563 78.9546 203.563 75.3028C203.563 72.2962 202.379 70.0378 200.113 68.4246C197.848 66.9213 193.75 65.521 187.821 64.2305L181.355 62.94C164.862 59.9334 156.674 52.1972 156.674 39.7314C156.674 33.1759 159.153 27.9109 164.222 24.0462C169.18 20.1747 176.183 18.136 185.129 18.136C195.258 18.136 202.916 20.2845 208.087 24.5817C213.259 28.8788 216.062 34.8989 216.385 42.6351H202.262C201.938 38.3379 200.43 35.1117 197.841 32.9631C195.251 30.9244

3059191.051 29.8467 185.335 29.8467C180.811 29.8467 177.464 30.7047 175.095 32.3179C172.726 34.034 171.535 36.2923 171.535 39.3058C171.535 42.3193 172.616 44.7836 174.772 46.3967C176.927 48.1129 180.914 49.5132 186.52 50.584L193.206 51.8745C202.151 53.7005 208.625 56.3845 212.612 59.9334C216.599 63.4823 218.651 68.3148 218.651 74.5477C218.651 82.0711 215.848 87.8715 210.456 91.9558C204.961 96.0401 197.304 98.0789 187.601 98.0789L187.608 98.0857ZM261.635 71.9735V40.919H275.215V96.3628H262.062V88.304C257.751 94.5368 251.933 97.6533 244.599 97.6533C238.559 97.6533 233.822 95.9372 230.372 92.4981C226.921 89.059 225.2 84.1167 225.2 77.671V40.919H238.78V75.4126C238.78 82.5035 242.23 85.9426 249.233 85.9426C252.683 85.9426 255.596 84.7619 257.965 82.2907C260.334 79.8195 261.628 76.3805 261.628 71.9735H261.635ZM314.935 40.8434H318.275V53.4053H314.825C309.653 53.4053 305.659 54.9223 302.857 57.4965C300.054 60.0775 298.759 63.9422 298.759 68.9944V96.3628H285.18V40.919H298.332V51.5862C301.349 44.4953 306.954 40.8434 314.935 40.8434ZM355.33 30.2791H350.586C345.841 30.2791 343.582 32.5375 343.582 36.9445V40.919H355.007V53.371H343.582V96.3628H330.106V53.371H321.484V40.919H330.106V36.7248C330.106 31.35 331.614 27.1627 334.63 24.1492C337.646 21.1426 342.177 19.5295 348.32 19.5295C351.013 19.5295 353.388 19.6393 355.33 19.8521V30.2723V30.2791ZM411.213 69.6053V72.8316H369.606C370.039 77.5612 371.548 81.213 374.027 83.5744C376.506 85.9357 379.846 87.1233 384.053 87.1233C390.196 87.1233 394.403 84.5423 396.772 79.1743H409.815C408.307 84.8717 405.29 89.3817 400.759 92.7109C396.125 96.0401 390.519 97.6533 383.943 97.6533C375.645 97.6533 368.958 95.0723 363.89 89.7043C358.718 84.4393 356.239 77.4513 356.239 68.6443C356.239 59.8373 358.718 52.9591 363.787 47.5843C368.855 42.3193 375.535 39.6353 383.729 39.6353C391.924 39.6353 398.824 42.4291 403.782 47.9069C408.74 53.4945 411.219 60.6953 411.219 69.6122L411.213 69.6053ZM383.619 50.1584C375.645 50.1584 371.003 54.5654 369.716 63.3724H397.633C396.986 59.2881 395.477 56.0687 393.109 53.7005C390.629 51.3391 387.503 50.1516 383.619 50.1516V50.1584ZM448.66 40.054C449.845 40.054 450.926 40.1639 452 40.2668V52.7326H448.55C443.379 52.7326 439.384 54.1329 436.582 56.7071C433.779 59.2881 432.484 63.1528 432.484 68.205V96.3559H418.905V40.919H432.057V50.8037C435.074 43.7128 440.679 40.0609 448.66 40.0609V40.054Z" fill="white"/>
3060  </g>
3061</svg></div><div class="surfer_logo_symbol w-embed"><svg width="100%" height="100%" style="" viewBox="0 0 91 91" fill="none" xmlns="http://www.w3.org/2000/svg"
3062alt="Surfer | SEO Content Optimization Platform">
3063<title>Surfer | SEO Content Optimization Platform</title>
3064<path fill-rule="evenodd" clip-rule="evenodd" d="M89.8281 21.8193C89.8281 10.3057 80.5 0.97168 68.9844 0.97168H20.8438C9.33594 0.97168 0 10.3057 0 21.8193V54.9277L1.66406 54.417C5.35156 53.2822 7.20312 52.7148 8.25781 51.2783C9.32031 49.8418 9.32031 47.9102 9.32031 44.0479V21.8193C9.32031 15.4541 14.4844 10.2939 20.8438 10.2939H68.9844C75.3359 10.2939 80.4922 15.4355 80.5078 21.7852V30.1807L89.8281 27.3154V21.8193ZM89.8281 37.0508L88.1719 37.5615C86.3359 38.126 84.9609 38.5498 83.9062 39.0098C82.8359 39.4756 82.1016 39.9775 81.5703 40.7002C81.3516 40.9961 81.1719 41.3135 81.0312 41.6641C80.875 42.0742 80.7656 42.5303 80.6875 43.0537C80.5078 44.251 80.5078 45.7959 80.5078 47.9297V70.125C80.5078 76.4902 75.3516 81.6504 68.9844 81.6504H20.8438C14.4922 81.6504 9.34375 76.5088 9.32031 70.1592V61.7979L0 64.6631V70.125C0 81.6387 9.33594 90.9727 20.8438 90.9727H68.9844C80.5 90.9727 89.8281 81.6387 89.8281 70.125V37.0508ZM25.1172 60.0996V42.6934C25.1172 38.1055 26.0781 37.1484 30.6641 37.1484H32.375C36.9688 37.1484 37.9219 38.1055 37.9219 42.6934V60.0996C37.9219 64.6875 36.9688 65.6445 32.375 65.6445H30.6641C26.0781 65.6445 25.1172 64.6865 25.1172 60.0996ZM51.9062 31.8545C51.9062 27.2676 52.8672 26.3096 57.4531 26.3096H59.1641C63.7578 26.3096 64.7109 27.2666 64.7109 31.8545V60.0986C64.7109 64.6865 63.7578 65.6436 59.1641 65.6436H57.4531C52.8672 65.6436 51.9062 64.6865 51.9062 60.0986V31.8545Z" fill="#FF5B49"/>
3065</svg></div><div data-branding="logo-highlight" class="navbar-logo_highlight"><div class="navbar-logo_highlight-dot"></div><div class="navbar-logo_highlight-dot is-rt"></div><div class="navbar-logo_highlight-dot is-lb"></div><div class="navbar-logo_highlight-dot is-rb"></div></div>

3065<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 459 201" fill="none" class="surfer_logo-positive"><path d="M19.3631 93.5993H0V0.906403H42.346C60.2942 0.906403 71.1321 12.3979 71.1321 30.5974C71.1321 38.9862 66.4852 60.1592 41.5703 60.1592H19.3631V93.5993ZM37.3113 44.1502C51.769 44.1502 51.769 33.8222 51.769 29.6925C51.769 20.6573 46.7343 16.9154 34.7257 16.9154H19.3631V44.1574H37.3113V44.1502Z" fill="currentColor"></path><path d="M108.444 95.4033C89.9855 95.4033 73.3301 84.0412 73.3301 59.2555C73.3301 34.4699 89.9855 23.1078 108.444 23.1078C126.902 23.1078 143.557 34.4699 143.557 59.2555C143.557 84.0412 126.902 95.4033 108.444 95.4033ZM108.444 38.3483C94.5031 38.3483 91.9175 50.4861 91.9175 59.2627C91.9175 68.0393 94.5031 80.1772 108.444 80.1772C122.384 80.1772 124.97 68.0393 124.97 59.2627C124.97 50.4861 122.391 38.3483 108.444 38.3483Z" fill="currentColor"></path><path d="M192.87 45.8321C192.094 41.4438 190.543 36.7969 180.732 36.7969C170.921 36.7969 169.628 40.5389 169.628 43.5123C169.628 54.3573 212.621 46.4785 212.621 71.7812C212.621 91.7907 193.257 95.4033 182.542 95.4033C166.92 95.4033 150.006 89.9808 149.489 71.6519H168.077C168.077 77.4623 171.689 81.7213 183.052 81.7213C192.345 81.7213 194.543 77.2038 194.543 74.6182C194.543 63.1267 151.938 71.7812 151.938 46.0907C151.938 36.0213 158.266 23.1078 179.698 23.1078C193.121 23.1078 209.13 26.4618 210.552 45.8321H192.862H192.87Z" fill="currentColor"></path><path d="M242.19 16.7847H224.113V0H242.19V16.7847ZM242.19 24.9149V93.5979H224.113V24.9149H242.19Z" fill="currentColor"></path><path d="M277.562 24.9126H288.795V37.8189H277.562V75.1302C277.562 79.1307 277.692 80.682 285.046 80.682C286.21 80.682 287.502 80.5528 288.788 80.4235V94.1055C285.951 94.2348 283.107 94.364 280.27 94.364H277.943C262.322 94.364 259.485 88.4244 259.485 79.5185V37.8189H250.191V24.9126H259.485V6.32516H277.562V24.9126Z" fill="currentColor"></path><path d="M316.676 16.7847H298.599V0H316.676V16.7847ZM316.676 24.9149V93.5979H298.599V24.9149H316.676Z" fill="currentColor"></path><path d="M368.703 93.5994H349.728L325.072 24.9164H345.21L359.41 75.5219H359.668L374.255 24.9164H393.489L368.703 93.5994Z" fill="currentColor"></path><path d="M457.783 73.4588C453.007 89.9849 439.325 95.4074 427.575 95.4074C408.212 95.4074 393.366 86.1137 393.366 57.8376C393.366 49.5781 396.211 23.1119 426.289 23.1119C439.842 23.1119 458.566 29.5686 458.566 60.9403V64.1651H411.444C411.961 69.329 412.995 80.9498 427.582 80.9498C432.617 80.9498 437.781 78.3642 439.203 73.4588H457.79H457.783ZM439.971 52.4151C438.937 41.3115 431.841 37.9574 426.031 37.9574C417.513 37.9574 412.995 43.3799 411.961 52.4151H439.979H439.971Z" fill="currentColor"></path><path d="M40.1254 200.989C27.3666 200.989 17.4992 198.232 10.5231 192.46C3.55536 186.821 6.10352e-05 178.686 6.10352e-05 168.062H17.4992C17.4992 174.748 19.4744 179.474 23.4163 182.356C27.3666 185.238 33.0232 186.687 40.6549 186.687C46.7065 186.687 51.4469 185.64 54.7332 183.277C57.8935 180.915 59.5997 177.639 59.5997 173.182C59.5997 169.512 58.154 166.755 55.3888 164.787C52.6236 162.952 47.6226 161.243 40.3859 159.667L32.4937 158.092C12.3638 154.423 2.37026 144.98 2.37026 129.765C2.37026 121.764 5.39605 115.338 11.5821 110.621C17.6337 105.896 26.1815 103.407 37.0996 103.407C49.4633 103.407 58.8096 106.03 65.1218 111.275C71.4339 116.519 74.8547 123.867 75.2497 133.309H58.0112C57.6161 128.065 55.7754 124.127 52.6152 12

30651.504C49.4549 119.016 44.3279 117.701 37.3517 117.701C31.8297 117.701 27.7449 118.748 24.8536 120.717C21.9622 122.811 20.5082 125.568 20.5082 129.246C20.5082 132.924 21.8278 135.932 24.4585 137.901C27.0893 139.995 31.9558 141.704 38.7974 143.011L46.9586 144.587C57.8767 146.815 65.7774 150.091 70.6438 154.423C75.5103 158.754 78.015 164.652 78.015 172.26C78.015 181.442 74.5942 188.522 68.0131 193.507C61.3059 198.492 51.9596 200.981 40.117 200.981L40.1254 200.989ZM130.479 169.118V131.215H147.053V198.886H131V189.05C125.738 196.657 118.636 200.461 109.685 200.461C102.314 200.461 96.5311 198.367 92.3202 194.169C88.1093 189.972 86.0081 183.939 86.0081 176.072V131.215H102.583V173.316C102.583 181.97 106.794 186.168 115.341 186.168C119.552 186.168 123.108 184.727 125.999 181.711C128.89 178.694 130.47 174.497 130.47 169.118H130.479ZM195.533 131.123H199.61V146.455H195.399C189.087 146.455 184.212 148.306 180.791 151.448C177.37 154.599 175.79 159.316 175.79 165.482V198.886H159.215V131.215H175.269V144.235C178.95 135.58 185.792 131.123 195.533 131.123ZM244.837 118.229H239.046C233.255 118.229 230.498 120.985 230.498 126.364V131.215H244.442V146.413H230.498V198.886H214.049V146.413H203.526V131.215H214.049V126.096C214.049 119.536 215.89 114.425 219.571 110.747C223.253 107.077 228.783 105.108 236.281 105.108C239.567 105.108 242.467 105.242 244.837 105.502V118.22V118.229ZM313.043 166.228V170.165H262.26C262.79 175.938 264.631 180.395 267.656 183.277C270.682 186.159 274.759 187.609 279.894 187.609C287.391 187.609 292.527 184.459 295.418 177.907H311.337C309.496 184.861 305.815 190.365 300.284 194.429C294.628 198.492 287.786 200.461 279.759 200.461C269.631 200.461 261.47 197.311 255.284 190.759C248.972 184.333 245.946 175.804 245.946 165.055C245.946 154.305 248.972 145.91 255.158 139.35C261.344 132.924 269.497 129.648 279.499 129.648C289.501 129.648 297.923 133.058 303.974 139.744C310.026 146.564 313.052 155.353 313.052 166.236L313.043 166.228ZM279.364 142.492C269.631 142.492 263.967 147.871 262.395 158.62H296.469C295.678 153.635 293.838 149.706 290.946 146.815C287.921 143.933 284.105 142.484 279.364 142.484V142.492ZM358.749 130.159C360.195 130.159 361.515 130.293 362.826 130.419V145.634H358.615C352.303 145.634 347.428 147.343 344.007 150.485C340.586 153.635 339.006 158.352 339.006 164.518V198.878H322.431V131.215H338.485V143.28C342.166 134.625 349.008 130.168 358.749 130.168V130.159Z" fill="currentColor" class="text-color-orange"></path></svg></div></a><a href="/blog/" class="blog_navbar_logo-label">Blog</a></div></div><div id="w-node-f01c0584-3001-f447-d304-9f2e77cb242f-9bf23e7a" class="footer-social-media w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 is-mobile"><a aria-label="Facebook" href="https://www.facebook.com/surferseo/" target="_blank" class="footer-social-media-icon-wrap w-inline-block"><div class="footer-social-media-icon w-embed"><svg width="100%" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3066<path d="M24.2581 12.0733C24.2581 5.40541 18.8277 0 12.129 0C5.43035 0 0 5.40541 0 12.0733C0 18.0995 4.43541 23.0943 10.2339 24V15.5633H7.15424V12.0733H10.2339V9.41344C10.2339 6.38754 12.0446 4.71615 14.8152 4.71615C16.1422 4.71615 17.5303 4.95195 17.5303 4.95195V7.92313H16.0008C14.4941 7.92313 14.0242 8.85379 14.0242 9.80858V12.0733H17.3881L16.8504 15.5633H14.0242V24C19.8227 23.0943 24.2581 18.0995 24.2581 12.0733" fill="currentColor"/>
3067</svg></div></a><a aria-label="LinkedIn" href="https://www.linkedin.com/company/surfer/" target="_blank" class="footer-social-media-icon-wrap w-inline-block"><div class="footer-social-media-icon w-embed"><svg width="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3068<path d="M20 13.7291V19.6444H16.5707V14.1253C16.5707 12.7388 16.0747 11.7926 14.8334 11.7926C13.8858 11.7926 13.3219 12.4303 13.0738 13.0471C12.9833 13.2676 12.9601 13.5746 12.9601 13.8833V19.6444H9.52958C9.52958 19.6444 9.57578 10.2968 9.52958 9.32833H12.9597V10.7906C12.9528 10.8015 12.9437 10.8133 12.9372 10.8239H12.9597V10.7906C13.4154 10.0887 14.2293 9.08598 16.051 9.08598C18.308 9.08594 20 10.5604 20 13.7291ZM5.94116 4.35547C4.76761 4.35547 4 5.12523 4 6.1375C4 7.1277 4.7454 7.92082 5.89563 7.92082H5.91855C7.11484 7.92082 7.85882 7.

306812785 7.85882 6.1375C7.83628 5.12523 7.11484 4.35547 5.94116 4.35547ZM4.20374 19.6444H7.63291V9.32833H4.20374V19.6444Z" fill="currentColor"/>
3069</svg></div></a><a aria-label="Twitter" href="https://twitter.com/surfer_seo" class="footer-social-media-icon-wrap w-inline-block"><div class="footer-social-media-icon w-embed"><svg width="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3070<path fill-rule="evenodd" clip-rule="evenodd" d="M21 6.65642C20.3007 6.93751 19.5503 7.12814 18.762 7.21324C19.567 6.77597 20.1832 6.08239 20.4752 5.25847C19.7201 5.66342 18.8866 5.95746 17.9985 6.11686C17.2874 5.42866 16.2758 5 15.1538 5C13.0013 5 11.256 6.5832 11.256 8.53473C11.256 8.81151 11.2904 9.08184 11.3569 9.34034C8.11801 9.19277 5.24599 7.78514 3.32379 5.64618C2.98778 6.16747 2.79664 6.77487 2.79664 7.42325C2.79664 8.64997 3.48526 9.73236 4.53008 10.3656C3.89131 10.3462 3.29054 10.1868 2.7646 9.92189V9.96605C2.7646 11.6785 4.1086 13.1077 5.89069 13.4329C5.56418 13.5126 5.21988 13.5568 4.8637 13.5568C4.61201 13.5568 4.36861 13.5342 4.12996 13.4911C4.62623 14.8966 6.06523 15.9187 7.77017 15.9467C6.43685 16.8944 4.75566 17.4577 2.92964 17.4577C2.61502 17.4577 2.30512 17.4405 2 17.4093C3.72512 18.4141 5.77318 19 7.97439 19C15.1444 19 19.0636 13.6128 19.0636 8.94077L19.0505 8.48305C19.8163 7.98759 20.4788 7.3651 21 6.65642Z" fill="currentColor"/>
3071</svg></div></a><a aria-label="YouTube" href="https://www.youtube.com/@SurferSEO?sub_confirmation=1" target="_blank" class="footer-social-media-icon-wrap w-inline-block"><div class="footer-social-media-icon w-embed"><svg width="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3072<path d="M22.1425 5.58787C21.3484 4.64386 19.8822 4.25879 17.0821 4.25879H6.91772C4.05353 4.25879 2.5625 4.6687 1.77135 5.67374C1 6.65367 1 8.0975 1 10.0958V13.9046C1 17.7759 1.9152 19.7415 6.91772 19.7415H17.0821C19.5104 19.7415 20.8559 19.4017 21.7264 18.5687C22.6191 17.7143 23 16.3195 23 13.9046V10.0958C23 7.98843 22.9403 6.53607 22.1425 5.58787ZM15.1241 12.526L10.5085 14.9383C10.4053 14.9922 10.2924 15.019 10.1797 15.019C10.0521 15.019 9.92483 14.9846 9.81206 14.9164C9.59973 14.7877 9.47007 14.5576 9.47007 14.3093V9.50025C9.47007 9.25243 9.59937 9.0225 9.81128 8.89376C10.0233 8.76503 10.2869 8.75623 10.5068 8.87049L15.1224 11.2672C15.3573 11.3891 15.5047 11.6316 15.5051 11.8961C15.5054 12.1608 15.3585 12.4035 15.1241 12.526Z" fill="currentColor"/>
3073</svg></div></a></div><div id="w-node-_208ab334-39d3-a042-d137-5cf40b190fe3-9bf23e7a" class="cta_reviews w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9"><a href="https://www.g2.com/products/surfer-surfer/reviews" target="_blank" class="cta_reviews-link w-inline-block"><div class="cta_reviews-stars w-embed"><svg xmlns="http://www.w3.org/2000/svg" style="" viewBox="0 0 120 17" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3074<path d="M14.0904 5.42911H11.6991C11.7635 5.05389 11.9959 4.84388 12.4663 4.60587L12.9059 4.38186C13.6928 3.97864 14.1128 3.52221 14.1128 2.77738C14.1128 2.30975 13.9308 1.94014 13.5696 1.67412C13.2084 1.40811 12.7827 1.2765 12.2843 1.2765C11.8987 1.27197 11.5202 1.37999 11.1951 1.58732C10.8675 1.78893 10.6239 2.04934 10.4727 2.37416L11.1643 3.06859C11.4331 2.52537 11.8223 2.25935 12.3347 2.25935C12.7687 2.25935 13.0348 2.48336 13.0348 2.79418C13.0348 3.05459 12.9059 3.2702 12.4075 3.52221L12.1247 3.65942C11.5115 3.97024 11.0859 4.32585 10.8395 4.72907C10.5931 5.13229 10.4727 5.63912 10.4727 6.25235V6.42036H14.0904V5.42911Z" fill="currentColor"/>
3075<path d="M13.7715 7.5625H9.81219L7.83252 10.9899H11.7919L13.7715 14.42L15.7512 10.9899L13.7715 7.5625Z" fill="currentColor"/>
3076<path d="M8.17422 13.2777C5.65412 13.2777 3.60164 11.2252 3.60164 8.70507C3.60164 6.18495 5.65412 4.13245 8.17422 4.13245L9.73947 0.859086C9.22403 0.756586 8.69975 0.705002 8.17422 0.705078C3.75565 0.705078 0.174316 4.28645 0.174316 8.70507C0.174316 13.1237 3.75565 16.7051 8.17422 16.7051C9.8675 16.7082 11.5176 16.1706 12.884 15.1706L11.1535 12.1688C10.3256 12.884 9.2682 13.2775 8.17422 13.2777Z" fill="currentColor"/>
3077<path fill-rule="evenodd" clip-rule="evenodd" d="M32.4461 3.01204C32.1892 2.39443 31.3143 2.39443 31.0574 3.01204L29.5928 6.53345L25.7911 6.83823C25.1244 6.89168 24.854 7.72378 25.362 8.15894L28.2585 10.6401L27.3735 14.3498C27.2183 15.0005 27.9262 15.5148 28.497 15.1661L31.7518 13.1781L35.0065 15.1661C35.5773 15.5148 36.2852 15.0005 36.13 14.3498L35.245 10.6401L38.1415 8.15894C38.6495 7.72378 38.3792 6.89168 37.7124 6.83823L33.910

30777 6.53345L32.4461 3.01204Z" fill="#FF5B49"/>
3078<path fill-rule="evenodd" clip-rule="evenodd" d="M52.4461 3.01204C52.1892 2.39443 51.3143 2.39443 51.0574 3.01204L49.5928 6.53345L45.7911 6.83823C45.1244 6.89168 44.854 7.72378 45.362 8.15894L48.2585 10.6401L47.3735 14.3498C47.2183 15.0005 47.9262 15.5148 48.497 15.1661L51.7518 13.1781L55.0065 15.1661C55.5773 15.5148 56.2852 15.0005 56.13 14.3498L55.245 10.6401L58.1415 8.15894C58.6495 7.72378 58.3792 6.89168 57.7124 6.83823L53.9107 6.53345L52.4461 3.01204Z" fill="#FF5B49"/>
3079<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4461 3.01204C72.1892 2.39443 71.3143 2.39443 71.0574 3.01204L69.5928 6.53345L65.7911 6.83823C65.1244 6.89168 64.854 7.72378 65.362 8.15894L68.2585 10.6401L67.3735 14.3498C67.2183 15.0005 67.9262 15.5148 68.497 15.1661L71.7518 13.1781L75.0065 15.1661C75.5773 15.5148 76.2852 15.0005 76.13 14.3498L75.245 10.6401L78.1415 8.15894C78.6495 7.72378 78.3792 6.89168 77.7124 6.83823L73.9107 6.53345L72.4461 3.01204Z" fill="#FF5B49"/>
3080<path fill-rule="evenodd" clip-rule="evenodd" d="M92.4461 3.01204C92.1892 2.39443 91.3143 2.39443 91.0574 3.01204L89.5928 6.53345L85.7911 6.83823C85.1244 6.89168 84.854 7.72378 85.362 8.15894L88.2585 10.6401L87.3735 14.3498C87.2183 15.0005 87.9262 15.5148 88.497 15.1661L91.7518 13.1781L95.0065 15.1661C95.5773 15.5148 96.2852 15.0005 96.13 14.3498L95.245 10.6401L98.1415 8.15894C98.6495 7.72378 98.3792 6.89168 97.7124 6.83823L93.9107 6.53345L92.4461 3.01204Z" fill="#FF5B49"/>
3081<path fill-rule="evenodd" clip-rule="evenodd" d="M112.446 3.01204C112.189 2.39443 111.314 2.39443 111.057 3.01204L109.593 6.53345L105.791 6.83823C105.124 6.89168 104.854 7.72378 105.362 8.15894L108.258 10.6401L107.374 14.3498C107.218 15.0005 107.926 15.5148 108.497 15.1661L111.752 13.1781L115.007 15.1661C115.577 15.5148 116.285 15.0005 116.13 14.3498L115.245 10.6401L118.142 8.15894C118.65 7.72378 118.379 6.89168 117.712 6.83823L113.911 6.53345L112.446 3.01204Z" fill="#FF5B49"/>
3082</svg></div><div class="text-weight-bold">4.8/5 Â <span class="u-text-muted">500+ Reviews</span></div></a><a href="https://www.capterra.com/p/218703/Surfer/" target="_blank" class="cta_reviews-link w-inline-block"><div class="cta_reviews-stars w-embed"><svg xmlns="http://www.w3.org/2000/svg" style="" viewBox="0 0 121 17" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3083<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3276 16.7051V16.7043L7.29318 6.58939H7.29284L8.32746 9.1848L0.657728 6.58806H0.657227L0.657465 6.58797L0.657227 6.58789H0.65768L11.3276 2.59277V6.58955H11.3276V2.5926L16.3671 0.705078L11.3278 16.7045V16.7047L11.3278 16.7046L11.3276 16.7051Z" fill="currentColor"/>
3084<path fill-rule="evenodd" clip-rule="evenodd" d="M33.0618 3.01204C32.8049 2.39443 31.93 2.39443 31.6731 3.01204L30.2085 6.53345L26.4068 6.83823C25.7401 6.89168 25.4697 7.72378 25.9777 8.15894L28.8742 10.6401L27.9893 14.3498C27.8341 15.0005 28.5419 15.5148 29.1127 15.1661L32.3675 13.1781L35.6222 15.1661C36.1931 15.5148 36.9009 15.0005 36.7457 14.3498L35.8608 10.6401L38.7572 8.15894C39.2652 7.72378 38.9949 6.89168 38.3281 6.83823L34.5265 6.53345L33.0618 3.01204Z" fill="#FF9D28"/>
3085<path fill-rule="evenodd" clip-rule="evenodd" d="M53.0618 3.01204C52.8049 2.39443 51.93 2.39443 51.6731 3.01204L50.2085 6.53345L46.4068 6.83823C45.7401 6.89168 45.4697 7.72378 45.9777 8.15894L48.8742 10.6401L47.9893 14.3498C47.8341 15.0005 48.5419 15.5148 49.1127 15.1661L52.3675 13.1781L55.6222 15.1661C56.1931 15.5148 56.9009 15.0005 56.7457 14.3498L55.8608 10.6401L58.7572 8.15894C59.2652 7.72378 58.9949 6.89168 58.3281 6.83823L54.5265 6.53345L53.0618 3.01204Z" fill="#FF9D28"/>
3086<path fill-rule="evenodd" clip-rule="evenodd" d="M73.0618 3.01204C72.8049 2.39443 71.93 2.39443 71.6731 3.01204L70.2085 6.53345L66.4068 6.83823C65.7401 6.89168 65.4697 7.72378 65.9777 8.15894L68.8742 10.6401L67.9893 14.3498C67.8341 15.0005 68.5419 15.5148 69.1127 15.1661L72.3675 13.1781L75.6222 15.1661C76.1931 15.5148 76.9009 15.0005 76.7457 14.3498L75.8608 10.6401L78.7572 8.15894C79.2652 7.72378 78.9949 6.89168 78.3281 6.83823L74.5265 6.53345L73.0618 3.01204Z" fill="#FF9D28"/>
3087<path fill-rule="evenodd" clip-rule="evenodd" d="M93.0618 3.01204C92.8049 2.39443 91.93 2.39443 91.6731 3.01204L90.2085 6.53345L86.4068 6.83823C85.7401 6.89168 85.4697 7.72378 85.9777 8.15894L88.8742 10.6401L87.9893 14.3498C87.8341 15.0005 88.5419 15.5148 89.1127 15.1661L92.3675 13.1781L95.6222 15.1661C96.1931 15.5148 96.9009 15.0005 96.7457 14.3498L95.8608 10.6401L98.7572 8.15894C99.2652 7.72378 98.9949 6.89168 98.3281 6.83823L94.5265 6.53345L93.0618 3.01204Z" fill="#FF9D28"/>
3088<path fill-rule="evenodd" clip-rule="evenodd" d="M113.062 3.01204C112.805 2.39443 111.93 2.39443 111.673 3.01204L110.208 6.53345L106.407 6.83823C105.74 6.89168 105.47 7.72378 105.978 8.15894L108.874 10.6401L107.989 14.3498C107.834 15.0005 108.542 15.5148 109.113 15.1661L112.367 13.1781L115.622 15.1661C116.193 15.5148 116.901 15.0005 116.746 14.3498L115.861 10.6401L118.757 8.15894C119.265 7.72378 118.995 6.89168 118.328 6.83823L114.526 6.53345L113.062 3.01204Z" fill="#FF9D28"/>
3089</svg></div><div class="text-weight-bold">4.9/5 Â <span class="u-text-muted">400+ </span><span class="u-text-muted">Reviews</span></div></a><a href="https://www.trustpilot.com/review/surferseo.com" target="_blank" class="cta_reviews-link w-inline-block"><div class="cta_reviews-stars w-embed"><svg xmlns="http://www.w3.org/2000/svg" style="" viewBox="0 0 106 17" fill="none" height="100%" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
3090<path d="M9.2043 12.9063L12.8773 11.9755L14.4118 16.7051L9.2043 12.9063ZM17.6571 6.79313H11.1917L9.2043 0.705078L7.21687 6.79313H0.751465L5.98417 10.5667L3.99675 16.6548L9.22945 12.8812L12.4496 10.5667L17.6571 6.79313Z" fill="currentColor"/>
3091<g clip-path="url(#Frame3751_clip0-7200-37162)">
3092<path d="M40.6572 1.20508H25.6572V16.2051H40.6572V1.20508Z" fill="#00B67A"/>
3093<path d="M56.9072 1.20508H41.9072V16.2051H56.9072V1.20508Z" fill="#00B67A"/>
3094<path d="M73.1572 1.20508H58.1572V16.2051H73.1572V1.20508Z" fill="#00B67A"/>
3095<path d="M89.4072 1.20508H74.4072V16.2051H89.4072V1.20508Z" fill="#00B67A"/>
3096<path d="M105.657 1.20508H98.1572V16.2051H105.657V1.20508Z" fill="#DCDCE6"/>
3097<path d="M98.1572 1.20508H90.6572V16.2051H98.1572V1.20508Z" fill="#00B67A"/>
3098<path d="M33.1572 11.3145L35.4385 10.7363L36.3916 13.6738L33.1572 11.3145ZM38.4072 7.51758H34.3916L33.1572 3.73633L31.9229 7.51758H27.9072L31.1572 9.86133L29.9229 13.6426L33.1729 11.2988L35.1729 9.86133L38.4072 7.51758Z" fill="white"/>
3099<path d="M49.4072 11.3145L51.6885 10.7363L52.6416 13.6738L49.4072 11.3145ZM54.6572 7.51758H50.6416L49.4072 3.73633L48.1729 7.51758H44.1572L47.4072 9.86133L46.1729 13.6426L49.4229 11.2988L51.4229 9.86133L54.6572 7.51758Z" fill="white"/>
3100<path d="M65.6572 11.3145L67.9385 10.7363L68.8916 13.6738L65.6572 11.3145ZM70.9072 7.51758H66.8916L65.6572 3.73633L64.4229 7.51758H60.4072L63.6572 9.86133L62.4229 13.6426L65.6729 11.2988L67.6729 9.86133L70.9072 7.51758Z" fill="white"/>
3101<path d="M81.9072 11.3145L84.1885 10.7363L85.1416 13.6738L81.9072 11.3145ZM87.1572 7.51758H83.1416L81.9072 3.73633L80.6729 7.51758H76.6572L79.9072 9.86133L78.6729 13.6426L81.9229 11.2988L83.9229 9.86133L87.1572 7.51758Z" fill="white"/>
3102<path d="M98.1572 11.3145L100.438 10.7363L101.392 13.6738L98.1572 11.3145ZM103.407 7.51758H99.3916L98.1572 3.73633L96.9229 7.51758H92.9072L96.1572 9.86133L94.9229 13.6426L98.1729 11.2988L100.173 9.86133L103.407 7.51758Z" fill="white"/>
3103</g>
3104<defs>
3105<clipPath id="Frame3751_clip0-7200-37162">
3106<rect width="80" height="15" fill="white" transform="translate(25.6572 1.20508)"/>
3107</clipPath>
3108</defs>
3109</svg></div><div class="text-weight-bold">4.6/5 Â <span class="u-text-muted">200+ </span><span class="u-text-muted">Reviews</span></div></a><div class="component-style w-embed"><style>
3110
3111
3112.cta_reviews {
3113    opacity: 1;
3114}
3115
3116.cta_reviews:hover {
3117    opacity: 1;
3118}
3119
3120.cta_reviews-link {
3121    transition: opacity 0.3s ease;
3122}
3123
3124.cta_reviews:hover .cta_reviews-link {
3125    opacity: 0.33;
3126}
3127
3128.cta_reviews:hover .cta_reviews-link:hover {
3129    opacity: 1;
3130}
3131
3132</style></div></div><form action="/search" id="w-node-_602a33d1-abe7-050d-7dcb-b04f5ff08a54-9bf23e7a" class="blog_footer-searchbar-wrap w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-form"><input class="blog_footer-searchbar-input w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-input" maxlength="256" name="query" placeholder="Searchâ¦" type="search" id="search-4" required=""/><input type="submit" class="blog_footer-searchbar-input w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 button is-secondary w-button" value="Search"/></form><div id="w-node-db1c2678-0ff4-dbaa-d577-eb40628cc860-9bf23e7a" class="footer-items-wrap w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9"><div id="w-node-_1dbf151f-97e7-e109-a876-8c3f63182a87-9bf23e7a" class="footer--header">Company</div><div class="footer-items"><div class="text-item-plain"><div class="text-size-small u-text-muted">Surfer Sp. z o.o.<br/>Plac Solny 14/3<br/>50-062 WrocÅaw, Poland<br/>VAT ID: PL8971860264<br/></div></div></div><div class="footer-items"><a href="https://goo.gl/maps/eSiJAmtkCCVRrVH58" target="_blank" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div class="text-size-small">Office Address<br/></div><div class="navbar-column_list-item-icon is-external w-embed"><svg width="100%" style="" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3133<path d="M12.392 12.3977V3.60219H3.61927L3.60791 5.03969H9.90905L3.60791 11.3522L4.64768 12.3976L10.9545 6.07946L10.9431 12.3977H12.392Z" fill="currentColor"/>
3134</svg></div></a><a href="/affiliate-program/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div class="text-size-small">Affiliate Program<br/></div></a><a href="/ai-instructions/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div class="text-size-small">

3134AI Instructions</div></a><button id="" data-footer-contact-button="" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9"><div class="text-size-small">Contact<br/></div></button></div></div><div class="footer-items-wrap w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9"><div id="w-node-_27d4ce38-8f15-e824-f431-fd6081082fee-9bf23e7a" class="footer--header">Platform</div><div class="footer-items"><a href="/content-audit/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Improve Existing Pages</a><a href="/content-editor/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Create Content That Ranks</a><a href="/topical-map/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Find Topics &amp; Ideas</a><a href="/blog/sites/" target="_blank" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Track &amp; Analyze Sites</a><a href="/ai-tracker/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Monitor AI Search Visibility</a></div></div><div class="footer-items-wrap w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9"><div id="w-node-ac8fa755-aa05-f7ef-652c-4f98f773e851-9bf23e7a" class="footer--header">Solutions</div><div class="footer-items"><a href="/solutions/marketing-manager/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div>Marketing Managers</div></a><a href="/solutions/seo-specialist/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div>SEO Specialists</div></a><a href="/solutions/content-manager/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div>Content Managers &amp; Writers</div></a><a href="/solutions/ai-strategists/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div>AI Strategists</div></a><a href="/solutions/agency/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div>Agencies</div></a><a href="/solutions/teams/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div>In-house Teams</div></a><a href="/solutions/ecommerce/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div>eCommerce</div></a><a href="/enterprise/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div>Enterprise</div></a></div></div><div class="footer-items-wrap w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9"><div id="w-node-_9e46255d-8d74-9d50-1c93-cc4627e81089-9bf23e7a" class="footer--header">Resources</div><div class="footer-items"><a href="/blog/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Blog</a><a href="https://www.youtube.com/@SurferSEO?sub_confirmation=1" target="_blank" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div class="text-size-small">YouTube<br/></div><div class="navbar-column_list-item-icon is-external w-embed"><svg width="100%" style="" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3135<path d="M12.392 12.3977V3.60219H3.61927L3.60791 5.03969H9.90905L3.60791 11.3522L4.64768 12.3976L10.9545 6.07946L10.9431 12.3977H12.392Z" fill="currentColor"/>
3136</svg></div></a><a href="https://docs.surferseo.com/en/" target="_blank" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div class="text-size-small">Knowledge Base<br/></div><div class="navbar-column_list-item-icon is-external w-embed"><svg width="100%" style="" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3137<path d="M12.392 12.3977V3.60219H3.61927L3.60791 5.03969H9.90905L3.60791 11.3522L4.64768 12.3976L10.9545 6.07946L10.9431 12.3977H12.392Z" fill="currentColor"/>
3138</svg></div></a><a href="https://surferseo.com/category/case-studies/" target="_blank" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Success Stories</a><a href="https://surferseo.com/blog/why-use-surfer/" target="_blank" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Why Surfer</a><a href="/keyword-surfer-extension/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Chrome Extension</a><a href="/ai-volatility-tracker/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">AI Search Volatility Tracker</a><a href="/free-ai-visibility-audit/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">AI Visibility Audit</a><a href="/writing-tools/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">AIÂ Writing Tools</a><a href="/ai-content-detector/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">AIÂ Detector</a><a href="/ai-humanizer/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">AIÂ Humanizer</a><a href="/integrations/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div class="text-size-small">Integrations<br/></div><div class="navbar-column_list-item-icon is-external w-embed"><svg width="100%" style="" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3139<path d="M12.392 12.3977V3.60219H3.61927L3.60791 5.03969H9.90905L3.60791 11.3522L4.64768 12.3976L10.9545 6.07946L10.9431 12.3977H12.392Z" fill="currentColor"/>
3140</svg></div></a><a href="https://app.surferseo.com/api/v2/docs" target="_blank" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div class="text-size-small">API<br/></div><div class="navbar-column_list-item-icon is-external w-embed"><svg width="100%" style="" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3141<path d="M12.392 12.3977V3.60219H3.61927L3.60791 5.03969H9.90905L3.60791 11.3522L4.64768 12.3976L10.9545 6.07946L10.9431 12.3977H12.392Z" fill="currentColor"/>
3142</svg></div></a></div></div><div class="footer-items-wrap w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9"><div id="w-node-_73690f74-15ac-090e-c62b-eff653daaccb-9bf23e7a" class="footer--header">

3142Compare</div><div class="footer-items"><a href="/blog/ahrefs-vs-surferseo/" target="_blank" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">vs Ahrefs</a><a href="/blog/semrush-vs-surferseo/" target="_blank" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">vs Semrush</a><a href="/blog/chatgpt-vs-surferseo/" target="_blank" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">vs ChatGPT</a><a href="/category/compare/" target="_blank" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">vs Others</a></div></div><div class="footer-items-wrap w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 is-blog"><div id="w-node-_18b0418b-18b1-4dd3-57b8-7929db9f5ab2-9bf23e7a">SEO</div><div class="footer-items"><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/category/ai-search-optimization/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">AI Search Optimization</a></div><div role="listitem" class="w-dyn-item"><a href="/category/ai-content/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">AI content</a></div><div role="listitem" class="w-dyn-item"><a href="/category/off-page-seo/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">OffâPage SEO</a></div><div role="listitem" class="w-dyn-item"><a href="/category/seo/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">SEO 101</a></div><div role="listitem" class="w-dyn-item"><a href="/category/content-optimization/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Content Optimization</a></div><div role="listitem" class="w-dyn-item"><a href="/category/on-page-seo/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">On-Page SEO</a></div></div></div></div></div><div class="footer-items-wrap w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 is-blog"><div id="w-node-_3164ae00-118c-13da-d0f1-4374a7b90f6c-9bf23e7a">Content Marketing</div><div class="footer-items"><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/category/marketing-agencies/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Marketing Agencies</a></div><div role="listitem" class="w-dyn-item"><a href="/category/content/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Content 101</a></div><div role="listitem" class="w-dyn-item"><a href="/category/blogging/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Blogging</a></div><div role="listitem" class="w-dyn-item"><a href="/category/content-marketing/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Content Marketing</a></div></div></div></div></div><div class="footer-items-wrap w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 is-blog"><div id="w-node-_887ccc5c-bb9a-adab-4abf-3473e02693e1-9bf23e7a">Data and Research</div><div class="footer-items"><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/category/insights/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Insights</a></div><div role="listitem" class="w-dyn-item"><a href="/category/case-studies/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">SEO case studies</a></div></div></div></div></div><div class="footer-items-wrap w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 is-blog"><div id="w-node-_7431a5a2-de06-96d2-5221-a88a30dbea31-9bf23e7a">Surfer</div><div class="footer-items"><a href="/content-editor/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Content Editor</a><a href="/topical-map/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Topical Map</a><a href="/content-audit/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Content Audit</a><a href="/ai/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Surfer AI</a></div></div><div class="footer-items-wrap w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 is-blog is-mobile"><div id="w-node-_1247daa9-862d-0790-9305-d2bdbea57580-9bf23e7a">Free tools</div><div class="footer-items"><a href="/ai-humanizer/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">AI Humanizer</a><a href="/ai-content-detector/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">AI Detector</a><a href="#" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Paraphraser</a><a href="/keyword-surfer-extension/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">SEO Extension</a></div></div><div id="w-node-c56a333f-81c4-cdad-0c03-05c85548bd6a-9bf23e7a" class="div-block-893"><a href="#" target="_blank" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 ch2-open-settings-btn">Cookie Settings</a><a href="/legal/privacy-policy-general/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Privacy Policy</a><a href="/legal/privacy-notice-looker-studio-connector/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Privacy Notice</a><a href="/legal/regulations/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Regulations</a><a href="/legal/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Legal</a><a href="/career/" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9">Career</a><a href="https://surferseo.notion.site/Brand-Assets-9f755e026466409486c5ce68cfc29645" target="_blank" class="footer-list-item w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9 w-inline-block"><div class="text-size-small">Brand Assets<br/></div><div class="navbar-column_list-item-icon is-external w-embed"><svg width="100%" style="" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3143<path d="M12.392 12.3977V3.60219H3.61927L3.60791 5.03969H9.90905L3.60791 11.3522L4.64768 12.3976L10.9545 6.07946L10.9431 12.3977H12.392Z" fill="currentColor"/>
3144</svg></div></a></div><div id="w-node-a4e0c8ad-68b1-2048-5954-34d795fdad7e-9bf23e7a" class="footer-social-media w-variant-2a966649-a5e7-dbfb-622b-9999a747d6c9"><a aria-label="Facebook" href="https://www.facebook.com/surferseo/" target="_blank" class="footer-social-media-icon-wrap w-inline-block"><div class="footer-social-media-icon w-embed">

3144<svg width="100%" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3145<path d="M24.2581 12.0733C24.2581 5.40541 18.8277 0 12.129 0C5.43035 0 0 5.40541 0 12.0733C0 18.0995 4.43541 23.0943 10.2339 24V15.5633H7.15424V12.0733H10.2339V9.41344C10.2339 6.38754 12.0446 4.71615 14.8152 4.71615C16.1422 4.71615 17.5303 4.95195 17.5303 4.95195V7.92313H16.0008C14.4941 7.92313 14.0242 8.85379 14.0242 9.80858V12.0733H17.3881L16.8504 15.5633H14.0242V24C19.8227 23.0943 24.2581 18.0995 24.2581 12.0733" fill="currentColor"/>
3146</svg></div></a><a aria-label="LinkedIn" href="https://www.linkedin.com/company/surfer/" target="_blank" class="footer-social-media-icon-wrap w-inline-block"><div class="footer-social-media-icon w-embed"><svg width="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3147<path d="M20 13.7291V19.6444H16.5707V14.1253C16.5707 12.7388 16.0747 11.7926 14.8334 11.7926C13.8858 11.7926 13.3219 12.4303 13.0738 13.0471C12.9833 13.2676 12.9601 13.5746 12.9601 13.8833V19.6444H9.52958C9.52958 19.6444 9.57578 10.2968 9.52958 9.32833H12.9597V10.7906C12.9528 10.8015 12.9437 10.8133 12.9372 10.8239H12.9597V10.7906C13.4154 10.0887 14.2293 9.08598 16.051 9.08598C18.308 9.08594 20 10.5604 20 13.7291ZM5.94116 4.35547C4.76761 4.35547 4 5.12523 4 6.1375C4 7.1277 4.7454 7.92082 5.89563 7.92082H5.91855C7.11484 7.92082 7.85882 7.12785 7.85882 6.1375C7.83628 5.12523 7.11484 4.35547 5.94116 4.35547ZM4.20374 19.6444H7.63291V9.32833H4.20374V19.6444Z" fill="currentColor"/>
3148</svg></div></a><a aria-label="Twitter" href="https://twitter.com/surfer_seo" class="footer-social-media-icon-wrap w-inline-block"><div class="footer-social-media-icon w-embed"><svg width="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3149<path fill-rule="evenodd" clip-rule="evenodd" d="M21 6.65642C20.3007 6.93751 19.5503 7.12814 18.762 7.21324C19.567 6.77597 20.1832 6.08239 20.4752 5.25847C19.7201 5.66342 18.8866 5.95746 17.9985 6.11686C17.2874 5.42866 16.2758 5 15.1538 5C13.0013 5 11.256 6.5832 11.256 8.53473C11.256 8.81151 11.2904 9.08184 11.3569 9.34034C8.11801 9.19277 5.24599 7.78514 3.32379 5.64618C2.98778 6.16747 2.79664 6.77487 2.79664 7.42325C2.79664 8.64997 3.48526 9.73236 4.53008 10.3656C3.89131 10.3462 3.29054 10.1868 2.7646 9.92189V9.96605C2.7646 11.6785 4.1086 13.1077 5.89069 13.4329C5.56418 13.5126 5.21988 13.5568 4.8637 13.5568C4.61201 13.5568 4.36861 13.5342 4.12996 13.4911C4.62623 14.8966 6.06523 15.9187 7.77017 15.9467C6.43685 16.8944 4.75566 17.4577 2.92964 17.4577C2.61502 17.4577 2.30512 17.4405 2 17.4093C3.72512 18.4141 5.77318 19 7.97439 19C15.1444 19 19.0636 13.6128 19.0636 8.94077L19.0505 8.48305C19.8163 7.98759 20.4788 7.3651 21 6.65642Z" fill="currentColor"/>
3150</svg></div></a><a aria-label="YouTube" href="https://www.youtube.com/@SurferSEO?sub_confirmation=1" target="_blank" class="footer-social-media-icon-wrap w-inline-block"><div class="footer-social-media-icon w-embed"><svg width="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3151<path d="M22.1425 5.58787C21.3484 4.64386 19.8822 4.25879 17.0821 4.25879H6.91772C4.05353 4.25879 2.5625 4.6687 1.77135 5.67374C1 6.65367 1 8.0975 1 10.0958V13.9046C1 17.7759 1.9152 19.7415 6.91772 19.7415H17.0821C19.5104 19.7415 20.8559 19.4017 21.7264 18.5687C22.6191 17.7143 23 16.3195 23 13.9046V10.0958C23 7.98843 22.9403 6.53607 22.1425 5.58787ZM15.1241 12.526L10.5085 14.9383C10.4053 14.9922 10.2924 15.019 10.1797 15.019C10.0521 15.019 9.92483 14.9846 9.81206 14.9164C9.59973 14.7877 9.47007 14.5576 9.47007 14.3093V9.50025C9.47007 9.25243 9.59937 9.0225 9.81128 8.89376C10.0233 8.76503 10.2869 8.75623 10.5068 8.87049L15.1224 11.2672C15.3573 11.3891 15.5047 11.6316 15.5051 11.8961C15.5054 12.1608 15.3585 12.4035 15.1241 12.526Z" fill="currentColor"/>
3152</svg></div></a></div></div></div><div class="component-scripts w-embed w-script">

3152<script>
3153  document.querySelector('[data-footer-contact-button]')?.addEventListener('click', function () {
3154    window.location.href = 'mailto:[email protected]';
3155  });
3156</script>

3156</div></footer></div>

3156<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62666115cfab458794bd512f" type="text/javascript" crossorigin="anonymous"></script>

3156<script src="https://marketing-assets.surferseo.art/wf-cdn/62666115cfab458794bd512f/js/surferseo.97261a88.f2e03cf025763752.js" type="text/javascript" crossorigin="anonymous"></script>

3156<script src="https://marketing-assets.surferseo.art/wf-cdn/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>

3156<script src="https://marketing-assets.surferseo.art/wf-cdn/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>

3156<script src="https://marketing-assets.surferseo.art/wf-cdn/gsap/3.15.0/CustomEase.min.js" type="text/javascript"></script>

3156<script src="https://marketing-assets.surferseo.art/wf-cdn/gsap/3.15.0/DrawSVGPlugin.min.js" type="text/javascript"></script>

3156<script src="https://marketing-assets.surferseo.art/wf-cdn/gsap/3.15.0/Flip.min.js" type="text/javascript"></script>

3156<script src="https://marketing-assets.surferseo.art/wf-cdn/gsap/3.15.0/SplitText.min.js" type="text/javascript"></script>

3156<script type="text/javascript">gsap.registerPlugin(ScrollTrigger,CustomEase,DrawSVGPlugin,Flip,SplitText);</script>

3156<!-- ========== LIBRARIES (load first) ========== -->
3157<!-- Rive Animation Library -->

3158<script defer src="https://assets.surferseo.art/webflow-scripts/components/rive.js"></script>

3158
3159
3160<!-- GSAP Animations (conditionally load) -->

3161<script>
3162  document.addEventListener("DOMContentLoaded", function () {
3163    if (!document.body.hasAttribute("exclude-gsap")) {
3164      const script1 = document.createElement("script");
3165      script1.src = "https://assets.surferseo.art/webflow-scripts/components/gsap-animations.js?v=2.2";
3166      script1.defer = true;
3167      document.body.appendChild(script1);
3168
3169      const script2 = document.createElement("script");
3170      script2.src = "https://assets.surferseo.art/webflow-scripts/components/gsap-animations-doodles.js?v=2.2";
3171      script2.defer = true;
3172      document.body.appendChild(script2);
3173    }
3174  });
3175</script>

3175
3176
3177<!-- ========== COMPONENTS (load after libraries) ========== -->
3178<!-- [Surfer] Global Navbar Component -->

3179<script src="https://assets.surferseo.art/webflow-scripts/components/global-navbar.js?v=1.2" defer></script>

3179
3180
3181<!-- ========== THIRD-PARTY LIBRARIES ========== -->
3182<!-- [Lumios] Lazy load videos -->

3183<script defer src="https://assets.surferseo.art/webflow-scripts/components/lumios-lazy-load-videos.js"></script>

3183
3184
3185<!-- [Tippy] Tooltip library -->

3186<script defer src="https://assets.surferseo.art/webflow-scripts/components/popper.min.js"></script>

vendor: 1 bytes, line 3186

3187<script defer src="https://assets.surferseo.art/webflow-scripts/components/tippy.umd.min.js"></script>

3187
3188
3189<!-- Consolidated DOMContentLoaded -->

3190<script>
3191  document.addEventListener("DOMContentLoaded", () => {
3192    // Tippy initialization
3193    const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
3194    const instances = [];
3195
3196    // Add custom style for animations
3197    if (!document.getElementById("tippy-scale-animation")) {
3198      const style = document.createElement("style");
3199      style.id = "tippy-scale-animation";
3200      style.textContent = `
3201        .tippy-box[data-animation="scale-fade"] {
3202          transition-property: transform, opacity;
3203          transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
3204        }
3205        
3206        .tippy-box[data-animation="scale-fade"][data-state="hidden"] {
3207          opacity: 0;
3208          transform: scale(0.92);
3209        }
3210        
3211        .tippy-box[data-animation="scale-fade"][data-state="visible"] {
3212          opacity: 1;
3213          transform: scale(1);
3214        }
3215        
3216        @media (prefers-reduced-motion: reduce) {
3217          .tippy-box[data-animation="scale-fade"] {
3218            transition: none !important;
3219          }
3220          .tippy-box[data-animation="scale-fade"][data-state="hidden"] {
3221            transform: scale(1);
3222          }
3223        }
3224      `;
3225      document.head.appendChild(style);
3226    }
3227
3228    document.querySelectorAll("[data-tippy-content]").forEach((el) => {
3229      const instance = tippy(el, {
3230        placement: el.getAttribute("data-tippy-placement") || "top",
3231        arrow: true,
3232        delay: [400, 0],
3233        duration: prefersReducedMotion ? [0, 0] : [250, 150],
3234        allowHTML: true,
3235        interactive: true,
3236        theme: "surfer",
3237        animation: "scale-fade",
3238        appendTo: () => document.body,
3239        trigger: "mouseenter focus",
3240        popperOptions: {
3241          strategy: "absolute",
3242          modifiers: [
3243            {
3244              name: "flip",
3245              options: {
3246                fallbackPlacements: ["top", "bottom", "right", "left"],
3247              },
3248            },
3249            {
3250              name: "preventOverflow",
3251              options: {
3252                boundary: "viewport",
3253                padding: 8,
3254              },
3255            },
3256          ],
3257        },
3258      });
3259
3260      instances.push(instance);
3261    });
3262
3263    // Hide tooltips on scroll
3264    const hideAllTooltips = () => {
3265      instances.forEach((instance) => instance.hide());
3266    };
3267
3268    window.addEventListener("scroll", hideAllTooltips, { passive: true });
3269    window.addEventListener("touchmove", hideAllTooltips, { passive: true });
3270
3271    // Nofollow app.surferseo.com links
3272    document.querySelectorAll('a[href*="app.surferseo.com"]').forEach((link) => {
3273      link.setAttribute("rel", "nofollow");
3274    });
3275
3276    // Auto-fill form inputs with page title and URL
3277    const pageTitle = document.title;
3278    const pageURL = window.location.href;
3279
3280    document
3281      .querySelectorAll('[data-form="input-source"]')
3282      .forEach((input) => (input.value = pageTitle));
3283
3284    document
3285      .querySelectorAll('[data-form="input-source-url"]')
3286      .forEach((input) => (input.value = pageURL));
3287
3288    // Canonical URL -- disabled, the canonical tag is set server-side
3289    /*
3290    let currentUrl = location.protocol + "//" + location.host + location.pathname;
3291    if (!currentUrl.endsWith("/")) currentUrl += "/";
3292
3293    if (!document.querySelector(`link[rel="canonical"]`)) {
3294      document.head.insertAdjacentHTML(
3295        "beforeend",
3296        `<link rel="canonical" href="${currentUrl}">`
3297      );
3298    }
3299    */
3300    
3301    // Open first <details>
3302    const firstDetails = document.querySelector("details");
3303    if (firstDetails) firstDetails.open = true;
3304
3305    // Clone marquee tracks for infinite scroll
3306    document.querySelectorAll("[marquee]").forEach((marquee) => {
3307      const tracks = marquee.querySelectorAll("[marquee-track]");
3308      if (tracks.length === 1) {
3309        marquee.appendChild(tracks[0].cloneNode(true));
3310      }
3311    });
3312  });
3313</script>

3313<!-- Image zoom on click (Medium-style zoom for article images) -->

3314<script>
3315  document.addEventListener('DOMContentLoaded', () => {
3316    if (window.innerWidth > 768) {
3317      const script = document.createElement('script');
3318      script.src = 'https://assets.surferseo.art/webflow-scripts/blog/img-zoom.js';
3319      script.defer = true;
3320      document.body.appendChild(script);
3321    }
3322  });
3323</script>

3323
3324
3325<!-- Adds data-action="zoom" to all <img> elements inside <article> -->

3326<script>
3327  document.addEventListener('DOMContentLoaded', () => {
3328    document.querySelectorAll('article img').forEach((img) => {
3329      img.setAttribute('data-action', 'zoom');
3330    });
3331  });
3332</script>

3332
3333
3334<!-- Toggles the banner next to [data-banner-toggle] on click or â ] -->

3335<script media="(min-width: 992px)">
3336  document.addEventListener('DOMContentLoaded', () => {
3337    const toggleBanner = () => {
3338      const toggle = document.querySelector('[data-banner-toggle]');
3339      const target = toggle?.nextElementSibling;
3340
3341      if (target) {
3342        target.classList.toggle('is-minimalized');
3343      }
3344    };
3345
3346    document.addEventListener('click', (e) => {
3347      const toggle = e.target.closest('[data-banner-toggle]');
3348      if (toggle) {
3349        e.preventDefault();
3350        toggleBanner();
3351      }
3352    });
3353
3354    document.addEventListener('keydown', (e) => {
3355      if ((e.metaKey || e.ctrlKey) && e.key === ']') {
3356        e.preventDefault();
3357        toggleBanner();
3358      }
3359    });
3360  });
3361</script>

3361
3362
3363<!-- Table of Contents widget â dynamic in-article mini-map with active section tracking -->

3364<script media="(min-width: 992px)">
3365  document.addEventListener('DOMContentLoaded', () => {
3366    const tocContainer = document.querySelector('[data-toc-list]');
3367    const tocToggleTrigger = document.querySelector('[data-toc-toggle]');
3368    const globalH1 = document.querySelector('h1');
3369    const articleElement = document.querySelector('article');
3370    if (!articleElement) {
3371      return;
3372    }
3373
3374    const articleHeadingsRaw = Array.from(articleElement.querySelectorAll('h2, h3'));
3375
3376    const showHeadings3 = false;
3377
3378    const articleHeadings = showHeadings3 ? articleHeadingsRaw : articleHeadingsRaw.filter((h) => h.tagName !== 'H3');
3379
3380    const headings = articleHeadings;
3381
3382    if (!tocContainer || !headings.length) {
3383      return;
3384    }
3385
3386    const tocLineWidthH2 = '0.5rem';
3387    const tocLineWidthH3 = '0.25rem';
3388    const tocLineWidthH2Mini = '0.5rem';
3389    const tocLineWidthH3Mini = '0.25rem';
3390
3391    const scrollOffset = window.innerHeight * 0.05;
3392    const triggerLine = window.innerHeight * 0.3;
3393
3394    let isMiniMode = localStorage.getItem('tocMiniMode') === 'true';
3395    let isHovering = false;
3396    let tocItems = [];
3397    let headingData = [];
3398    let previousActiveIndex = -1;
3399    let recalculatePositionsScheduled = false;
3400
3401    const slugify = (text) =>
3402      text
3403        .toLowerCase()
3404        .normalize('NFD')
3405        .replace(/[\u0300-\u036f]/g, '')
3406        .replace(/[^a-z0-9]+/g, '-')
3407        .replace(/^-+|-+$/g, '')
3408        .slice(0, 60);
3409
3410    function debounce(func, wait) {
3411      let timeout;
3412      return function executedFunction(...args) {
3413        const later = () => {
3414          clearTimeout(timeout);
3415          func(...args);
3416        };
3417        clearTimeout(timeout);
3418        timeout = setTimeout(later, wait);
3419      };
3420    }
3421
3422    const calculateAllHeadingPositions = () => {
3423      headingData.forEach((data) => {
3424        const rect = data.element.getBoundingClientRect();
3425        data.top = rect.top + window.pageYOffset;
3426      });
3427      headingData.sort((a, b) => a.top - b.top);
3428      recalculatePositionsScheduled = false;
3429    };
3430
3431    const schedulePositionRecalculation = debounce(() => {
3432      if (!recalculatePositionsScheduled) {
3433        recalculatePositionsScheduled = true;
3434        requestAnimationFrame(calculateAllHeadingPositions);
3435      }
3436    }, 100);
3437
3438    const updateTocVisuals = (forceMode = null) => {
3439      const currentMode = forceMode !== null ? forceMode : isMiniMode;
3440
3441      tocItems.forEach((item) => {
3442        item.classList.toggle('is-mini', currentMode);
3443        const lineEl = item.querySelector('.blog-post-toc_item-line');
3444        const textEl = item.querySelector('div:last-child');
3445        if (!lineEl || !textEl) return;
3446
3447        const isH3 = item.classList.contains('is-h3');
3448        const targetLineWidth = currentMode ? (isH3 ? tocLineWidthH3Mini : tocLineWidthH2Mini) : isH3 ? tocLineWidthH3 : tocLineWidthH2;
3449        lineEl.style.width = targetLineWidth;
3450      });
3451
3452      if (forceMode === null) {
3453        localStorage.setItem('tocMiniMode', currentMode);
3454      }
3455    };
3456
3457    const updateActiveHeading = (forceRecalculate = false) => {
3458      if (forceRecalculate || headingData.length === 0 || headingData[0].top === undefined) {
3459        calculateAllHeadingPositions();
3460      }
3461      if (headingData.length === 0 || headingData[0].top === undefined) {
3462        return;
3463      }
3464
3465      let newActiveIndex = -1;
3466      const scrollTriggerPosition = window.pageYOffset + triggerLine;
3467
3468      for (let i = 0; i < headingData.length; i++) {
3469        if (headingData[i].top <= scrollTriggerPosition) {
3470          newActiveIndex = i;
3471        } else {
3472          break;
3473        }
3474      }
3475
3476      tocItems.forEach((item, i) => {
3477        const isActive = i === newActiveIndex;
3478        const isBefore = i < newActiveIndex;
3479        item.classList.toggle('is-active', isActive);
3480        item.classList.toggle('is-before', isBefore);
3481      });
3482
3483      if (newActiveIndex !== -1 && newActiveIndex !== previousActiveIndex && tocItems[newActiveIndex]) {
3484        const activeItem = tocItems[newActiveIndex];
3485        const containerRect = tocContainer.getBoundingClientRect();
3486        const itemRect = activeItem.getBoundingClientRect();
3487
3488        const isVisible = itemRect.top >= containerRect.top && itemRect.bottom <= containerRect.bottom;
3489
3490        if (!isVisible) {
3491          const desiredScrollTop = activeItem.offsetTop - tocContainer.clientHeight / 2 + activeItem.clientHeight / 2;
3492
3493          tocContainer.scrollTo({
3494            top: desiredScrollTop,
3495            behavior: 'smooth',
3496          });
3497        }
3498      }
3499      previousActiveIndex = newActiveIndex;
3500    };
3501
3502    const debouncedScrollHandler = debounce(() => updateActiveHeading(false), 50);
3503
3504    const handleTocItemClick = (headingElement) => {
3505      const rect = headingElement.getBoundingClientRect();
3506      const top = rect.top + window.pageYOffset - scrollOffset;
3507      window.scrollTo({ top });
3508      if (headingElement.id) {
3509        history.pushState(null, '', `#${headingElement.id}`);
3510      }
3511      headingElement.setAttribute('tabindex', '-1');
3512      headingElement.focus({ preventScroll: true });
3513    };
3514
3515    const scrollToHashTarget = () => {
3516      if (!window.location.hash) return;
3517      let targetId;

3518      try {
3519        targetId = decodeURIComponent(window.location.hash.slice(1));
3520      } catch {
3521        return;
3522      }
3523      const targetHeading = headings.find((h) => h.id === targetId);
3524      if (!targetHeading) return;
3525      const rect = targetHeading.getBoundingClientRect();
3526      const top = rect.top + window.pageYOffset - scrollOffset;
3527      window.scrollTo({ top });
3528      targetHeading.setAttribute('tabindex', '-1');
3529      targetHeading.focus({ preventScroll: true });
3530    };
3531
3532    const toggleMode = () => {
3533      isMiniMode = !isMiniMode;
3534      isHovering = false;
3535      updateTocVisuals();
3536    };
3537
3538    const usedIds = new Set();
3539    headings.forEach((heading, i) => {
3540      if (!heading.id) {
3541        const baseSlug = slugify(heading.textContent || '') || `toc-heading-${i}`;
3542        let candidate = baseSlug;
3543        let n = 2;
3544        while (usedIds.has(candidate) || document.getElementById(candidate)) {
3545          candidate = `${baseSlug}-${n++}`;
3546        }
3547        heading.id = candidate;
3548      }
3549      usedIds.add(heading.id);
3550
3551      const tocItem = document.createElement('div');
3552      const tagName = heading.tagName;
3553      const isH1 = tagName === 'H1';
3554      const isH3 = tagName === 'H3';
3555
3556      let itemClassName = 'blog-post-toc_item';
3557      if (isH1) itemClassName += ' is-h1';
3558      else if (isH3) itemClassName += ' is-h3 is-child';
3559      else itemClassName += ' is-h2';
3560      tocItem.className = itemClassName;
3561
3562      const lineDiv = document.createElement('div');
3563      lineDiv.className = 'blog-post-toc_item-line';
3564      tocItem.appendChild(lineDiv);
3565
3566      const textDiv = document.createElement('div');
3567      textDiv.className = 'blog_navbar_item-label';
3568      textDiv.textContent = heading.textContent?.trim() || '';
3569      tocItem.appendChild(textDiv);
3570
3571      tocItem.addEventListener('click', () => handleTocItemClick(heading));
3572
3573      tocContainer.appendChild(tocItem);
3574      tocItems.push(tocItem);
3575      headingData.push({ element: heading, tocItem: tocItem, top: undefined });
3576    });
3577
3578    tocContainer.addEventListener('mouseenter', () => {
3579      if (isMiniMode) {
3580        isHovering = true;
3581        updateTocVisuals(false);
3582      }
3583    });
3584
3585    tocContainer.addEventListener('mouseleave', () => {
3586      if (isMiniMode && isHovering) {
3587        isHovering = false;
3588        updateTocVisuals(true);
3589      }
3590    });
3591
3592    updateTocVisuals();
3593
3594    calculateAllHeadingPositions();
3595
3596    if (window.location.hash) {
3597      requestAnimationFrame(scrollToHashTarget);
3598    }
3599
3600    updateActiveHeading(false);
3601
3602    window.addEventListener('scroll', debouncedScrollHandler);
3603
3604    window.addEventListener('resize', schedulePositionRecalculation);
3605
3606    window.addEventListener('hashchange', scrollToHashTarget);
3607
3608    document.addEventListener('keydown', (e) => {
3609      if ((e.metaKey || e.ctrlKey) && e.code === 'BracketLeft') {
3610        e.preventDefault();
3611        toggleMode();
3612      }
3613    });
3614
3615    if (tocToggleTrigger) {
3616      tocToggleTrigger.style.cursor = 'pointer';
3617      tocToggleTrigger.addEventListener('click', (e) => {
3618        e.preventDefault();
3619        toggleMode();
3620      });
3621    }
3622
3623    setTimeout(() => {
3624      calculateAllHeadingPositions();
3625      updateActiveHeading(false);
3626    }, 1000);
3627    setTimeout(() => {
3628      calculateAllHeadingPositions();
3629      updateActiveHeading(false);
3630    }, 3000);
3631
3632    if (window.ResizeObserver && articleElement) {
3633      const resizeObserver = new ResizeObserver(
3634        debounce(() => {
3635          schedulePositionRecalculation();
3636          updateActiveHeading(false);
3637        }, 250),
3638      );
3639
3640      resizeObserver.observe(articleElement);
3641    } else {
3642      window.addEventListener('load', () => {
3643        calculateAllHeadingPositions();
3644        updateActiveHeading(false);
3645      });
3646    }
3647  });
3648</script>

3648<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"71c2f01bb0ee48dd97175d6588453d4e","spa":2}' crossorigin="anonymous"></script>

3648
3649</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.