CINXE.COM

<!DOCTYPE html><html data-wf-domain="www.positional.com" data-wf-page="65b3c0e8b845b7d1f90b6111" data-wf-site="63ea91a878b2a06196ffc825" data-wf-collection="65b3c0e8b845b7d1f90b6123" data-wf-item-slug="h1-tag"><head><meta charset="utf-8"/><title>What Is an H1 Tag? SEO Best Practices & Examples</title><meta content="H1 tags are HTML tags that designate and apply formatting to a webpage’s primary title." name="description"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/css/positional.webflow.d1e242a4d.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Inter:regular,500,600,700","Poppins:regular,500,600,700,800,900","Work Sans:300,regular,500,600,700,800,900,300italic,italic,500italic,600italic,700italic,800italic,900italic"] }});</script><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><link href="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/63f8db542f5d75df9f7f2d0d_positional_logo_1_32x32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/63f8db58a9e8207701a0140b_positional_logo_256x256.png" rel="apple-touch-icon"/><link href="https://www.positional.com/blog/h1-tag" rel="canonical"/><link href="rss.xml" rel="alternate" title="RSS Feed" type="application/rss+xml"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-R3RJVVKKX6"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-R3RJVVKKX6');</script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PMP73DDP');gtag('config', 'AW-16659991996');</script>   <script src="https://unpkg.com/@phosphor-icons/web"></script> <style type="text/css"> .blog-paragraph { font-family: Inter, sans-serif !important; font-size: 1rem !Important; font-weight: 400 !Important; line-height: 150% !important; } .terminal-monospace { font-family: monospace; } /* >> Header Styles */ .main-header-white-bg .mobile-menu-bar, .main-header-gray-bg .mobile-menu-bar { /* background-color: #2ffeb5; */ background-color: #4d4d4d; } .main-header-white-bg .w--open .mobile-menu-bar, .main-header-gray-bg .w--open .mobile-menu-bar { background-color: #2ffeb5; } @media screen and (min-width: 991px){ .main-header-white-bg .main-nav-link, .main-header-white-bg .header-login-link, .main-header-gray-bg .main-nav-link, .main-header-gray-bg .header-login-link { color: #4d4d4d; } .main-header-white-bg .main-nav-link:hover, .main-header-gray-bg .main-nav-link:hover { color: #3c00e2; } } .cta-button { display: inline-flex; } .cta-button-wide .cta-button-arrow { right: 46px; } .cta-button-large .cta-button-arrow { right: 46px; } @media screen and (max-width: 991px){ .main-header-white-bg .cta-button, .main-header-gray-bg .cta-button { color: #fff; border-color: #fff; } .main-header-white-bg .cta-button:hover, .main-header-gray-bg .cta-button:hover { color: #444; } } /* << Header Styles */ /* >> V1 Blog TOC Styles */ .v1_blog-toc-overview p { margin-bottom: 16px; font-family: "Inter"; font-size: 20px; line-height: 150%; font-weight: 600; } .v1_blog-toc-overview ol { list-style: none; padding: 0; border-left: 1px solid #3C00E2; } .v1_blog-toc-overview li:first-child { margin-top: -6px; } .v1_blog-toc-overview li:last-child { margin-bottom: -3px; } .v1_blog-toc-overview li { padding-left: 10px; margin-bottom: 10px; } .v1_blog-toc-overview a { font-family: "Inter"; font-weight: 400; color: #333; font-size: 12px; line-height: 175%; text-decoration: none; } .v1_blog-toc-overview a:hover { text-decoration: underline; } .v1_blog-toc-overview li.active { border-left: 1px solid #3C00E2; } .v1_blog-toc-overview li.active a { color: #3C00E2; font-weight: bold; } .v1_blog-content.w-richtext h1 { font-family: 'Poppins',sans-serif; font-size: 40px; line-height: 150%; font-weight: 600; color: #222; } .v1_blog-content.w-richtext h2 { font-family: 'Poppins',sans-serif; font-size: 32px; line-height: 150%; font-weight: 600; color: #222; margin-bottom: 10px; } .v1_blog-content.w-richtext h3 { font-family: 'Poppins',sans-serif; font-size: 24px; line-height: 150%; font-weight: 600; color: #222; margin-bottom: 10px; } .v1_blog-content.w-richtext h4 { font-family: 'Poppins',sans-serif; font-size: 20px; line-height: 150%; font-weight: 600; color: #222; margin-bottom: 10px; } .v1_blog-content.w-richtext h5 { font-family: 'Poppins',sans-serif; font-size: 18px; line-height: 150%; font-weight: 600; color: #222; margin-bottom: 10px; } .v1_blog-content.w-richtext h2:first-child { margin-top: 0px; } .v1_blog-content.w-richtext p { color: #222; margin: revert; } @media screen and (min-width: 991px) { .v1_blog-toc .cta-button { display: none; } .v1_blog-toc .cta-button-large { display: inline-flex; } } @media screen and (max-width: 991px) { .v1_blog-toc-desktop { padding: 0 20px; border-bottom: 1px solid #ececec; position: absolute; top: 62px; max-height: 0; width: 100%; overflow: hidden; transition: all ease 0.5s; } .v1_blog-toc-desktop.active { display: block; padding: 20px 20px; max-height: 100vh; top: 63px; } .v1_blog-toc .v2_cta-button { display: inline-flex; } .body.no-scroll { overflow: hidden; } .v1_desktop-overview { opacity: 1 !important; } .v1_desktop-overview p { display: none; } .v1_blog-toc { padding-bottom: 0; } .v1_blog-toc-overview-desktop ol { overflow-y: auto; max-height: 30vh; } .v1_blog-toc-overview.v1_blog-toc-mobile-overview { display: flex; margin: 0; padding: 0 20px; cursor: pointer; height: 100%; } .v1_blog-toc-overview.v1_blog-toc-mobile-overview p { color: #000; font-size: 12px; font-weight: 600; white-space: nowrap; display: flex; align-items: center; margin: 0; } .v1_blog-toc-overview.v1_blog-toc-mobile-overview p span { margin-top: 2px; } .v1_blog-toc-overview.v1_blog-toc-mobile-overview ol { border-left: none; margin: 0 0 0 10px; overflow: visible; display: flex; align-items: center; } .v1_blog-toc-overview.v1_blog-toc-mobile-overview li.active { border-left: none; line-height: 1.25; margin: 0; } .v1_blog-toc-overview.v1_blog-toc-mobile-overview li.active a { color: #3c00E2; font-weight: 500; font-size: 12px; line-height: 1.25; pointer-events: none; cursor: default; } .v1_blog-toc-mobile li:not(.active) { display: none; } .v1_blog-toc .cta-button { display: inline-flex; } .v1_blog-toc .cta-button-large { display: none; } } @media screen and (max-width: 767px) { .v1_blog-toc-overview p { margin-top: 20px; margin-bottom: 20px; font-size: 20px; line-height: 24px; font-weight: bold; } .v1_blog-content.w-richtext h1 { font-size: 28px; } .v1_blog-content.w-richtext h2 { font-size: 24px; } .v1_blog-content.w-richtext h3 { font-size: 22px; } .v1_blog-content.w-richtext p, .v1_blog-content.w-richtext li { font-size: 16px; } } /* << V1 Blog TOC Styles */ /* >> V1 Blog Card Styles */ .v1_blog-card-author-name { max-width: 130px; overflow: hidden; text-overflow: ellipsis; } /* << V1 Blog Card Styles */ /* >> Feature Styles */ .v1_feature:last-child { padding-bottom: 200px; } .v1_feature-link-arrow { transition: all 0.2s ease; } .v1_feature-link:hover .v1_feature-link-arrow { transform: translateX(20px); } /* << Feature Styles */ .multi-ref-collection:after { content: ", "; display: inline-block; margin-right: 2px; } .multi-ref-collection:last-child:after { content: ""; } .hide { display: none !important; } /* >> V2 STYLES */ .v2_read-more-link { max-width: fit-content; } .v2_read-more-link:hover { border-color: #3c00e2; } .v2_read-more-link .v2_read-more-link-icon { transition: all 0.2s ease; } .v2_read-more-link:hover .v2_read-more-link-icon { transform: translateX(10px); } /* << V2 STYLES */ </style> <style type="text/css"> /* >> A STYLES */ .a_button:hover, .a_button-arrow { transition: all 0.2s ease; } .a_button:not(.solid):hover { color: #ffffff; background: #3c00e2; } .a_button:hover .a_button-arrow { transform: translateX(2px); } .a_button.solid.with-icon .a_button-text { transition: all 0.4s ease; } .a_button.solid.with-icon:hover .a_button-text { transform: translateX(-0.75rem); } .a_button.solid.with-icon:hover .a_button-icon { opacity: 1; } .a_header-button:not(.solid):hover { color: #ffffff; background: #3c00e2; } .a_button.highlighted { position: relative; } .a_button.highlighted:after { content: ""; position: absolute; width: 1.25rem; height: 1.5rem; top: -1rem; right: -1rem; background: url(https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/66000ccf20ce314b47e2174c_a_highlight_sparkle.svg) no-repeat; background-size: cover; } /* << A STYLES */ .a_card-title, .v1_blog-card-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } /* Fixed height TOC styles - Sep 24 */ :root { --after-display: none; --scroll-height: auto; } .v1_blog-toc-overview-desktop { position: relative; } .v1_blog-toc-overview-desktop:after { content: ""; position: absolute; bottom: 2rem; left: 0; width: 100%; height: 100px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%); display: var(--after-display, 'none'); pointer-events: none; } .v1_blog-toc-overview ol:before { content: ""; position: absolute; top: 0; left: 0px; z-index: 100; width: 1px; height: var(--scroll-height); background: var(--blue); } .v1_blog-toc-overview ol { max-height: 300px; scrollbar-width: none; -ms-overflow-style: none; border-left: 0 !important; position: relative; } .v1_blog-toc-overview li.active { border-left: 1px solid #3C00E2; margin-left: 1px; padding-left: 9px; } /* Fixed height TOC styles - Sep 24 */ </style><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/ascetic.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script> <script>hljs.highlightAll();</script> <style> .w-embed pre code.hljs { font-size: unset; white-space: pre-wrap; line-height: 22px; border-radius: 8px; border: 1px solid #ececec; overflow-x: scroll; } @media screen and (min-width: 1921px) { html { font-size: 18px !important; } } .w-dyn-empty { padding: 20px; background-color: #f7f6fe; font-size: 20px; text-align: center; } } .blog-detail-rich-text .w-embed { margin-bottom: 20px; } .w-embed p { color: unset; } .w-embed table { background-color: #ffffff; color: #1f1f1f; font-weight: 500; font-size: 16px; overflow: hidden; border-radius: 4px; width: 100%; max-width: 100%; border-collapse: collapse; } .w-embed table tbody { margin: 20px 0px; } .w-embed table th { color: #1f1f1f; font-family: "Poppins", sans-serif; background-color: #fafafa; padding: 12px; } .w-embed table td, th { padding: 12px; border: 1px solid #ececec; border-collapse: collapse; text-align: left; vertical-align: top; font-size: 16px; line-height: 28px; } .w-embed table ul { padding-left: 16px !important; } .li-dropdown { margin-top: 0px; } .w-embed p { color: unset; font-size: unset; line-height: 20px; font-family: unset; } @media screen and (max-width:767px){ html { font-size: 14px !important; } :host, :root { --rem: 14 !important; } .w-embed pre code.hljs { font-size: 14px; } .v1_comparison-table-header-cell:first-child { border-right: 1px solid #eee; } .v1_comparison-table-row-cell:first-child { border-left: none; } .terminal.inline { font-size: 14px !important; } } /* >> NEWSLETTER COLLECT STYLES */ .v2_newsletter-collect #mc_embed_signup { width: auto !important; } .v2_newsletter-collect #mc_embed_signup h2 { display: none !important; } .v2_newsletter-collect #mc_embed_signup .indicates-required { display: none !important; } .v2_newsletter-collect #mc_embed_signup .mc-field-group label { display: none !important; } .v2_newsletter-collect #mc_embed_signup .mc-field-group { border: 1px solid #1F1F1F !important; border-radius: 8px !important; height: 56px !important; width: auto !important; padding: 4px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; } .v2_newsletter-collect #mc_embed_signup .mc-field-group input.email { padding: 8px !important; text-indent: 0 !important; border: none !important; } .v2_newsletter-collect #mc_embed_signup .mc-field-group input.email::placeholder { font-family: 'Poppins' !important; font-size: 14px !important; color: #CCC6C6 !important; } .v2_newsletter-collect #mc_embed_signup .mc-field-group input.email:focus-visible { outline: none; } .v2_newsletter-collect #mc_embed_signup .mc-field-group input.button { display: block !important; width: auto !important; padding: 0 16px !important; text-indent: 0 !important; height: 100% !important; margin: 0 !important; background: linear-gradient(0deg, #3C00E2 0%, #6530FB 100%) !important; font-family: Poppins !important; font-size: 14px !important; font-weight: 600 !important; line-height: 120% !important; letter-spacing: 0.14px !important; text-align: center !important; border-radius: 6px !important; } .v2_newsletter-collect #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { position: absolute; top: 110%; } @media screen and (max-width:991px){ .v2_newsletter-collect #mc_embed_signup .mc-field-group input.button { padding: 0 32px !important; } } /* << NEWSLETTER COLLECT STYLES */ .v1_blog-content { overflow-x: hidden; } .v1_blog-content a { word-wrap: break-word; } @media screen and (max-width:991px){ .no-header-shadow { box-shadow: none !important; } } </style></head><body class="body blog-page"><header class="a_header"><div class="a_header-container"><div id="w-node-_1879648c-a9e8-26ec-4a64-00ca9d742359-9d742357" class="a_header-wrapper"><a href="/" class="a_header-logo-link w-inline-block"><img src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/6425c47909bce71fbaebb772_logo-icon.svg" loading="lazy" alt=""/><div>Positional</div></a><nav class="a_header-nav"><div class="a_main-menu-parent"><a href="#" class="a_main-menu-parent-link w-inline-block"><div class="a_main-menu-parent-link-text">Product</div><div class="a_main-menu-parent-link-arrow ph-bold ph-caret-down"></div></a><div class="a_main-menu-child-links-wrapper"><div class="a_main-menu-child-links"><a href="/products/optimize" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-icon-wrapper"><img src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/64859a612b03814fb6fdf808_v2_optimize-link-icon.svg" loading="lazy" alt="" class="a_main-menu-child-icon"/></div><div class="a_main-menu-child-link-text">Optimize</div></a><a href="/products/content-analytics" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-icon-wrapper"><img src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/6502b84fe0a72ede5b81ea86_v2_content-analytics-link-icon.svg" loading="lazy" alt="" class="a_main-menu-child-icon"/></div><div class="a_main-menu-child-link-text">Content Analytics</div></a><a href="/products/buyer-journeys" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-icon-wrapper"><img src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/66021eb0f8362ee32c4f3e12_ph_path.svg" loading="lazy" alt="" class="a_main-menu-child-icon"/></div><div class="a_main-menu-child-link-text">Buyer Journeys</div></a><a href="/products/internals" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-icon-wrapper"><img src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/64859a60e99be7756282a896_v2_internals-link-icon.svg" loading="lazy" alt="" class="a_main-menu-child-icon"/></div><div class="a_main-menu-child-link-text">Internals</div></a><a href="/products/keyword-research" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-icon-wrapper"><img src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/65e7317582a3222464e0e74a_ph_key.svg" loading="lazy" alt="" class="a_main-menu-child-icon"/></div><div class="a_main-menu-child-link-text">Keyword Research</div></a><a href="/products/keyword-tracker" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-icon-wrapper"><img src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/65e73175aa77e51fb739d351_ph_chart-line-up.svg" loading="lazy" alt="" class="a_main-menu-child-icon"/></div><div class="a_main-menu-child-link-text">Keyword Tracking</div></a><a href="/products/keyword-clustering" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-icon-wrapper"><img src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/65e73175cc0d4ab2c09aa8d0_ph_package.svg" loading="lazy" alt="" class="a_main-menu-child-icon"/></div><div class="a_main-menu-child-link-text">Keyword Clustering</div></a><a href="/products/competitor-research" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-icon-wrapper"><img src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/66021e59b280f05b2e5709de_ph_sword.svg" loading="lazy" alt="" class="a_main-menu-child-icon"/></div><div class="a_main-menu-child-link-text">Competitor Research</div></a><a href="/products/social-listening" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-icon-wrapper"><img src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/66021ddf44da24aabee996c7_ph_call-bell.svg" loading="lazy" alt="" class="a_main-menu-child-icon"/></div><div class="a_main-menu-child-link-text">Social Listening</div></a><a href="/products/autodetect" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-icon-wrapper"><img src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/64859a60f4715910f5122431_v2_auto-detect-link-icon.svg" loading="lazy" alt="" class="a_main-menu-child-icon"/></div><div class="a_main-menu-child-link-text">AutoDetect</div></a><a href="/products/editorial-calendar" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-icon-wrapper"><img src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/65e7317595806ed6bcf1c428_ph_calendar-plus.svg" loading="lazy" alt="" class="a_main-menu-child-icon"/></div><div class="a_main-menu-child-link-text">Editorial Calendar</div></a><a href="/products/site-audit" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-icon-wrapper"><img src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/669822dd23f16efd904350d3_ph_microscope.svg" loading="lazy" alt="" class="a_main-menu-child-icon"/></div><div class="a_main-menu-child-link-text">Site Audit</div></a></div></div></div><div class="a_main-menu-parent"><a href="#" class="a_main-menu-parent-link w-inline-block"><div class="a_main-menu-parent-link-text">Tools</div><div class="a_main-menu-parent-link-arrow ph-bold ph-caret-down"></div></a><div class="a_main-menu-child-links-wrapper"><div class="a_main-menu-child-links"><a href="/tools/seo-title-generator" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-text">SEO Title Generator</div></a><a href="/tools/seo-keyword-generator" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-text">SEO Keyword Generator</div></a><a href="/tools/meta-description-generator" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-text">Meta Description Generator</div></a><a href="/tools/blog-idea-generator" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-text">Blog Idea Generator</div></a><a href="/tools/website-ranking-checker" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-text">Website Ranking Checker</div></a><a href="/tools/keyword-rank-checker" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-text">Keyword Rank Checker</div></a><a href="/tools/backlink-checker" class="a_main-menu-child-link w-inline-block"><div class="a_main-menu-child-link-text">Backlink Checker</div></a></div></div></div><a href="/podcast" class="a_main-menu-parent-link w-inline-block"><div class="a_main-menu-parent-link-text">Podcast</div></a><a href="/blog" class="a_main-menu-parent-link w-inline-block"><div class="a_main-menu-parent-link-text">Blog</div></a><a href="/newsletter" class="a_main-menu-parent-link w-inline-block"><div class="a_main-menu-parent-link-text">Newsletter</div></a><a href="/pricing" class="a_main-menu-parent-link w-inline-block"><div class="a_main-menu-parent-link-text">Pricing</div></a></nav><div class="a_header-buttons"><a href="https://app.positional.com/login" class="a_header-button w-inline-block"><div class="a_header-login-link-text">Log In</div></a><a href="https://app.positional.com/register" class="a_header-button solid w-inline-block"><div class="a_header-login-link-text">Start Free Trial</div></a></div><div class="a_mobile-menu-trigger"><div class="a_mobile-menu-open-button ph ph-list"></div><div class="a_mobile-menu-close-button ph ph-x"></div></div></div></div><div class="a_header-embed w-embed w-script"><style type="text/css"> .a_main-menu-parent-link-arrow { transition: all 0.2s ease; } .a_main-menu-parent:hover .a_main-menu-parent-link-arrow { transform: rotate(-180deg); } @media screen and (min-width: 992px) { /* .a_main-menu-child-links-wrapper.expanded { top: 32px; max-height: 100vh; } */ .a_main-menu-parent:hover .a_main-menu-child-links-wrapper { display: block; } } @media screen and (max-width: 991px) { .a_main-menu-child-links-wrapper.expanded { max-height: 100vh; border-bottom: 1px solid #eee; } .a_header.page-scrolled, .a_header.nav-open { background: #ffffff !important; box-shadow: 0 .25rem 1.25rem rgba(12, 0, 71, .15); } .a_header-nav { height: calc(100% - 80px); height: calc(100dvh - 4rem); /* transform: translateX(-110%); */ transition: all 0.5s ease; } .a_header-buttons { /* transform: translateX(-110%); */ transition: all 0.5s ease; } .a_header-nav.open, .a_header-buttons.open { transform: translateX(0); } .a_mobile-menu-trigger.open .a_mobile-menu-close-button { opacity: 1; } .a_mobile-menu-trigger.open .a_mobile-menu-open-button { opacity: 0; } .a_main-menu-parent-link-login { background: linear-gradient(0, #3C00E2 0%, #6530FB 100%); color: #fff; border-radius: 8px; border: none; padding: 8px 16px; font-family: Poppins, sans-serif; font-weight: 700; font-size: 16px; transition: opacity .2s; position: absolute; bottom: 20px; left: 20px; height: 56px; display: flex; align-items: center; justify-content: center; width: calc(100% - 40px); } } </style> <script> const header = document.querySelector('.a_header'); // MAIN MENU - DECRASE OTHER ITEMS' OPACITY ON HOVER const mainMenuParentLinks = document.querySelectorAll('.a_main-menu-parent-link'); const mainMenuParentLinkTexts = document.querySelectorAll('.a_main-menu-parent-link-text'); mainMenuParentLinks.forEach((parentLink) => { const parentLinkText = parentLink.querySelector('.a_main-menu-parent-link-text'); parentLink.addEventListener('mouseover', () => { mainMenuParentLinkTexts.forEach((parentLinkText) => { parentLinkText.style.opacity = '0.4'; }); parentLinkText.style.opacity = '1'; }); parentLink.addEventListener('mouseout', () => { mainMenuParentLinkTexts.forEach((parentLinkText) => { parentLinkText.style.opacity = '1'; }); }); }); // MAIN MENU CHILD LINKS const mainMenuParentItems = document.querySelectorAll('.a_main-menu-parent'); const allChildLinksWrapper = document.querySelectorAll('.a_main-menu-child-links-wrapper'); function checkScreenSize(x) { if (x.matches) { // If media query matches mainMenuParentItems.forEach((parent) => { const menuChildLinksWrapper = parent.querySelector('.a_main-menu-child-links-wrapper'); parent.addEventListener('mouseover', () => { // Collapse all child menus at first allChildLinksWrapper.forEach((item) => { item.classList.remove('expanded'); }); // Show this parent's child links menuChildLinksWrapper.classList.add('expanded'); }); // Hide child links on child mouse leave menuChildLinksWrapper.addEventListener('mouseleave', () => { menuChildLinksWrapper.classList.remove('expanded'); }); }); } else { const aHeaderNav = document.querySelector('.a_header-nav'); const aHeaderButtons = document.querySelector('.a_header-buttons'); const aMobileMenuTrigger = document.querySelector('.a_mobile-menu-trigger'); // Mobile Menu Show / Hide aMobileMenuTrigger.addEventListener('click', () => { const aHeaderButtonsHeight = aHeaderButtons.clientHeight; header.classList.toggle('nav-open'); aMobileMenuTrigger.classList.toggle('open'); aHeaderNav.classList.toggle('open'); aHeaderButtons.classList.toggle('open'); // Set Header Nav bottom padding accoriding to header buttons: aHeaderNav.style.paddingBottom = aHeaderButtonsHeight + 'px'; aHeaderButtons.style.top = 'calc(100dvh - ' + aHeaderButtonsHeight + 'px)'; }); // Menu expand/collapse mainMenuParentItems.forEach((parent) => { const menuChildLinksWrapper = parent.querySelector('.a_main-menu-child-links-wrapper'); parent.addEventListener('click', () => { menuChildLinksWrapper.classList.toggle('expanded'); }); }); // Change header wrapper's BG color on scroll: window.addEventListener('scroll', () => { if(window.scrollY > 0) { header.classList.add('page-scrolled'); } else { header.classList.remove('page-scrolled'); } }); } } var x = window.matchMedia('(min-width: 992px)') checkScreenSize(x) x.addListener(checkScreenSize) </script></div></header><div class="blog_section"><div class="container blog"><div class="v1_blog-header"><div class="v1_blog-header-content"><div class="w-dyn-list"><div role="list" class="v1_blog-categories w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/blog-category/resources" class="v1_blog-category">Resources</a></div></div></div><h1 class="v1_blog-title">What Is an H1 Tag? SEO Best Practices & Examples</h1><p class="v1_blog-summary">H1 tags are HTML tags that designate and apply formatting to a webpage’s primary title. We highlight a few best practices and examples of good H1 tags.</p><div class="v1_blog-dynamic-date">March 8, 2024</div><div class="v1_blog-author-and-reviewer"><div class="v1_blog-author"><div class="v1_blog-author-avatar"><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square.jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square-p-500.jpg 500w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square-p-800.jpg 800w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square-p-1080.jpg 1080w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square-p-1600.jpg 1600w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square-p-2000.jpg 2000w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square-p-2600.jpg 2600w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square-p-3200.jpg 3200w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square.jpg 3994w" class="v1_blog-author-avatar-image"/></div><div class="v1_blog-author-info"><div class="v1_blog-author-title">Written by</div><div class="v1_blog-author-name">Nate Matherson</div></div></div><div class="v1_blog-author"><div class="v1_blog-author-avatar"><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/662105f9025d7d1e63d1540c_Charles%20Purdy.jpeg" loading="lazy" alt="" class="v1_blog-author-avatar-image"/></div><div class="v1_blog-author-info"><div class="v1_blog-author-title-wrapper"><div class="v1_blog-author-title-icon ph-duotone ph-check-circle"></div><div class="v1_blog-author-title">Reviewed by</div></div><div class="v1_blog-author-name">Charles Purdy</div></div></div></div></div><div class="v1_blog-header-image-wrapper"><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb0945775296b0e876f737___6.%20What%20is%20an%20H1%20Tag-%20Why%20It%20Matters%20%26%20Best%20Practices%20for%20SEO.png" loading="lazy" alt="" sizes="(max-width: 767px) 100vw, (max-width: 991px) 95vw, 540px" srcset="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb0945775296b0e876f737___6.%20What%20is%20an%20H1%20Tag-%20Why%20It%20Matters%20%26%20Best%20Practices%20for%20SEO-p-500.png 500w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb0945775296b0e876f737___6.%20What%20is%20an%20H1%20Tag-%20Why%20It%20Matters%20%26%20Best%20Practices%20for%20SEO-p-800.png 800w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb0945775296b0e876f737___6.%20What%20is%20an%20H1%20Tag-%20Why%20It%20Matters%20%26%20Best%20Practices%20for%20SEO-p-1080.png 1080w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb0945775296b0e876f737___6.%20What%20is%20an%20H1%20Tag-%20Why%20It%20Matters%20%26%20Best%20Practices%20for%20SEO-p-1600.png 1600w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb0945775296b0e876f737___6.%20What%20is%20an%20H1%20Tag-%20Why%20It%20Matters%20%26%20Best%20Practices%20for%20SEO-p-2000.png 2000w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb0945775296b0e876f737___6.%20What%20is%20an%20H1%20Tag-%20Why%20It%20Matters%20%26%20Best%20Practices%20for%20SEO.png 2160w" class="v1_blog-header-image"/></div></div></div></div><div class="section"><div class="container blog"><div class="v1_blog-wrapper"><div class="v1_blog-toc"><div class="v1_blog-toc-mobile"><div class="v1_blog-toc-overview v1_blog-toc-mobile-overview w-richtext"><p>Overview:</p><ol start="1" role="list"><li><a href="#1">What Is an H1 Tag?</a></li><li><a href="#2">Do H1s Impact SEO?</a></li><li><a href="#3">Best Practices for H1s</a></li><li><a href="#4">3 Examples of Good H1 Tags</a></li><li><a href="#5">Final Thoughts</a></li></ol></div></div><div class="v1_blog-toc-desktop"><div class="v1_blog-toc-overview v1_blog-toc-overview-desktop w-richtext"><p>Overview:</p><ol start="1" role="list"><li><a href="#1">What Is an H1 Tag?</a></li><li><a href="#2">Do H1s Impact SEO?</a></li><li><a href="#3">Best Practices for H1s</a></li><li><a href="#4">3 Examples of Good H1 Tags</a></li><li><a href="#5">Final Thoughts</a></li></ol></div><div class="v2_newsletter-collect desktop"><img src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/64f06628302364f02e9476e7_ph_newspaper-clipping-duotone.svg" loading="lazy" alt="" class="v2_newsletter-collect-icon"/><p class="v2_newsletter-collect-text">Join 2,500+ SEO and marketing professionals staying up-to-date with Positional's weekly newsletter.</p><div class="html-embed-2 w-embed w-script"><div id="mc_embed_shell"> <link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css"> <style type="text/css"> #mc_embed_signup div#mce-responses { margin: 0px !important; width: 100% !important; } #mc_embed_signup #mce-error-response, #mc_embed_signup div.response { width: 100% !important; padding: 0 !important; margin: 10px 0 0 0 !important; } </style> <div id="mc_embed_signup"> <form action="https://positional.us9.list-manage.com/subscribe/post?u=2955b67c87267f7873cef72a9&id=33ae7b5952&f_id=00622de1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" style="margin: 0 !important;" class="validate" target="_blank"> <div id="mc_embed_signup_scroll"> <div class="indicates-required"><span class="asterisk">*</span> indicates required</div> <div class="mc-field-group"> <label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label> <input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value="" placeholder="Enter your email"> <input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Sign Up"> </div> <div hidden=""><input type="hidden" name="tags" value="12808385"></div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display: none;"></div> <div class="response" id="mce-success-response" style="display: none;"></div> </div><div aria-hidden="true" style="position: absolute; left: -5000px;"><input type="text" name="b_2955b67c87267f7873cef72a9_778e0dd545" tabindex="-1" value=""></div> </div> </form> </div> <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]=EMAIL;ftypes[0]=merge;,fnames[1]=FNAME;ftypes[1]=merge;,fnames[2]=LNAME;ftypes[2]=merge;,fnames[3]=ADDRESS;ftypes[3]=merge;,fnames[4]=PHONE;ftypes[4]=merge;false}(jQuery));var $mcj = jQuery.noConflict(true);</script></div></div></div></div></div><div class="v1_blog-content-wrapper"><div class="v1_blog-content w-richtext"><p>H1 tags are HTML tags that designate and apply formatting to a webpage’s primary title. </p><p>They’re helpful for your website’s visitors . And importantly, H1s help search engines better understand a webpage’s content — and help them decide which keywords the page should rank for in organic search.</p><h2>What Is an H1 Tag?</h2><figure style="max-width:1600pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><div><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb08a2761d9a6c86498b26_elHXspChmowVfBVyGcus-Hhrx3tnfNN04X6Uhpo84Wt_EX6BpPQZI2BhrvRtgv0wAsdTIvYvXLgur8eCJN8ZhHWj9LaS2PtiTzUgovurf4TwkboXUiksHuLrEC9Q4D6aRT3zD__njz_qyLdfxj-JBqs.png" loading="lazy" alt=""/></div></figure><p>An H1 tag is created by opening a header tag with H1 specified — for example <h1> —inserting the header text, and then closing the tag with </h1>.</p><p>As shown in the example above, the H1 tag typically appears near the <a href="https://www.positional.com/blog/above-the-fold-seo">top of a webpage</a> and clearly communicates to visitors what the page is about.</p><p>Today, the most popular content management systems (CMSes), such as WordPress and Webflow, will automatically configure the title of your page as an H1. But your CMS may allow you to assign your headers as well; for example, Webflow, which we use, lets you assign header tags directly from the text editor:<br/><br/></p><figure style="max-width:1600pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><div><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb08a293fe47da30fb8214_40_MlJ5aDteDH5QwTW330NSEMdxUHwwLDaXvDaEOnvcZQhVjs2y3s6TVIi9Mx3W3zw4p-JYa2xOgP2tfJpHxUiGOJ-GfU1aFIADfOY70GzsK8r5DBWLXXP7-bNzvao2QwkOehQ80q7Z4B1sUMa2xVaw.png" loading="lazy" alt=""/></div></figure><p>However, if you’re building webpages without a CMS or in HTML, you’ll need to specify your headers manually, within the HTML, using the HTML tags.</p><p>There are <a href="https://www.positional.com/blog/header-tags">many types of headers</a>, including H2s, H3s, and H4s, which help visitors navigate your webpages and further explain to search engines what your pages are about.</p><p>It’s worth mentioning that H1s and all of your other header tags are important for people who use screen readers, too. According to the <a href="https://www.who.int/news-room/fact-sheets/detail/blindness-and-visual-impairment">World Health Organization</a>, an estimated 2.2 billion people have some form of vision impairment, and for many of them, screen readers are essential. <a href="https://webaim.org/projects/screenreadersurvey7/#finding">Web Accessibility In Mind</a> found that 67.5% of the individuals they surveyed used headings as the primary way to find information on lengthy webpages.</p><figure style="max-width:1044pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><div><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb08a1ddd6b9dfcd7dc5f3_qrt2-1KGiSCd6HTyaDTLFlyfwolDlMj7qnD0mpUPxHkJlwzBKfmVZCQ0veTz6djxJa9wP0o4vwhM3IhYnd1zbtoQ59pYB99wQq0V_wtzIwCifqaKcZrIHYGyQf7FlqXxaPZQF8mRcO329mPz-veLnmc.png" loading="lazy" alt=""/></div></figure><p><em>Source: Web Accessibility In Mind.</em></p><h2>Do H1s Impact SEO?</h2><p><strong>TL;DR: </strong>Yes, your H1 tags help Google determine which keywords your pages should rank for. But Google suggests that H1s aren’t required and that, over time, its algorithms should be able to discover which keywords are relevant to your webpage, even without them.</p><figure style="max-width:1600pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><div><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb08a26969d309c17efe73_posq_fssGUfxTiyJzMELsyxDFhIIlTihKrdCsH6FVEZmrqMg4s0NAzpmV9LKmv42wZCeiEWSlvWUFAyQcvCqU8AJiLD5wMF6mlZNnJm_qCE2QwHgtEMU9u0RvfqWpbbvvtNojWw8bQDHHxhTRv-xL0E.png" loading="lazy" alt=""/></div></figure><p>During an <a href="https://youtu.be/zyqJJXWk0gk?feature=shared">October 3, 2019</a>, #AskGoogleWebmasters session, Google’s <a href="https://www.linkedin.com/in/johnmu/">John Mueller</a> was asked about the importance of using headers within webpages and their impact on organic search performance.</p><p>At that time, this session caused quite a commotion in SEO circles, as John suggested that header tags aren’t a requirement for webpages. However, he did mention that Google’s algorithms do use headers, including H1s, to better understand the different parts of a webpage.</p><p>In an in-depth analysis of Google’s ranking factors, <a href="https://backlinko.com/google-ranking-factors">Backlinko</a> found that including the <a href="https://www.positional.com/blog/primary-keywords">primary keyword</a> in your H1 was a very important page-level ranking factor. </p><p>In my personal experience, H1s will help communicate which keywords a webpage should serve to Google. I believe that they’re essential. Without H1 tags, I do think that it’s possible for Google to uncover which keywords your page might be able to serve, but I imagine that <a href="https://www.positional.com/blog/how-long-does-it-take-to-rank">it will take longer for your pages</a> to ultimately rank for those search terms.</p><p>In that aforementioned #AskGoogleWebmasters session, Mueller went on to say that Google’s systems can work with multiple H1 tags, although our recommendation would be to use only one H1 tag per page instead — following the hierarchical ordering of headers (H2s, H3s, and so on) to give Google more context about your webpage’s structure.</p><h2>Best Practices for H1s</h2><p>There are a few best practices to keep in mind when creating your H1s.</p><h3>Use Your Primary Keyword</h3><p>In your H1, you should clearly address or hit the primary keyword that your page is intended to serve. For example, on our blog, <a href="https://www.positional.com/blog/author-schema">we recently wrote about author schema markup</a>:<br/></p><figure style="max-width:1600pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><div><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb08a285ca774c4d8b1e86_FJRSeZbTwgncEMXuk3ZZcZkzstjdJlRio8h34_kDpkeSxvqslPa9smGsfcYUtmEAc0-ZSN6IV2tBylDntWfuD-dlLDmXwLdHey1sOwyPd6Xqi4skv3s3zO-7J_xCwTym36CyVMsdSgj2tY1jGhMIjgA.png" loading="lazy" alt=""/></div></figure><p>The primary keyword we’re looking to serve with this page is “author schema markup,” and we’ve used that phrase very clearly in our H1 and <a href="https://www.positional.com/blog/slug">slug</a>.</p><p>If you’re confused about what the primary keyword for a given page is, you’ll want to do keyword research to identify the <a href="https://www.positional.com/blog/keyword-search-volume">most searched version of a keyword</a> that you could target with your page. The most searched version of a keyword is the primary keyword.</p><h3>Work In Long-Tail Keywords</h3><p>You’ll hear a lot about long-tail keywords. Long-tail keywords are simply more specific keywords.</p><p>There are <a href="https://www.positional.com/blog/long-tail-keywords">two types of long-tail keywords</a>: supporting and topical</p><p>Supporting long-tail keywords are keywords that are closely related to a primary keyword and should, therefore, be included in an existing page. Topical long-tail keywords are distinct enough that they merit their own pieces of content. </p><p>Using our author schema blog post as an example again, you’ll see that we hit some supporting longer-tail keywords within our H1:<br/><br/></p><figure style="max-width:1600pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><div><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb08a2a1c9267c73c4ef78_nhbiDahHDG5og9oNCEI4QpXMeM_xjunMHALP12mrk_2IYD3hnapqLushohs9LQe1xZI_xHfzkgMWJ87igsv9AzxrGjcCSqMdDp86yIdSrz-s0R9OtaPnpZ8ozpvkVkod2OWS_rmmQZwaCLP9OFiBdvE.png" loading="lazy" alt=""/></div></figure><p>We’re working on hitting variants of the keyword “author schema markup” — such as “author schema markup SEO” and “author schema markup examples.” We’ve worked the words “SEO” and “examples” into our H1 to better align with the primary keyword's longer-tail variations.</p><h3>Keep Your H1 Short If It’s Also Used as a Title Tag</h3><p>Many CMS platforms will automatically use your H1 as the <a href="https://www.positional.com/blog/title-tag-seo">title tag</a>. For example, Webflow, the CMS we use, automatically uses the H1 as the title tag unless we specify a different one.</p><p>Your H1s don’t necessarily have to be the same as your title tag. For example, you could set a different title tag.</p><p>You generally want your title tags to be 50 to 60 characters in length, without exceeding 65 characters. Otherwise, your title tags might end up getting cut off on search engine results pages (SERPs).</p><h3>Use Only One H1</h3><p>While Google has said that having multiple H1 tags isn’t necessarily problematic, following the hierarchy of headers and using only one H1 on each of your webpages are best practices.</p><p>Again, we want to make Google’s life as easy as possible when it comes to understanding our pages and the keywords they should serve. Also, multiple H1 tags might be confusing for a person using a screen reader.</p><h3>Make Sure That You Are Actually Using Them</h3><p>As a final point, double-check that your CMS is actually tagging your H1s as H1s. </p><p>In my work at Positional, I’ve seen many cases where the CMS wasn’t actually tagging what people expected it to as the H1. </p><p>To verify, simply right-click (or control-click) on what should be the H1 and then click on Inspect: </p><figure style="max-width:1600pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><div><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb08a2a01807d74bf297c6_EHNMN6nMx2FexwgDZJyvroPJJseCzsjxCBz32A_jP-9yEhaMT36q65MupItnbGfZrrDaMdJIHt49yIahwGp1iA8fO6ymXq1iU_vVEFbWGrxrTUzm2YqAj2asEzok1WIr2N829syc8ilxCqO8KLpKYd8.png" loading="lazy" alt=""/></div></figure><p>On the right-hand side of your browser window, you should be able to see the HTML H1 tags, opening and closing, on either side of your header text:<br/></p><figure style="max-width:1600pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><div><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb08a26b48aa0c5c886f1b_bTo4NjKuKD2ycpjozuOQZ6N_BMPvLgWj4j0HJRapoTbBgPkpq1i4Wn1fkYTNYmUToo49UP25dM0VE7GagUOdoMlbu4KFG1RF0DWp2qC8W2S_ezeMlqNNqMFt7NUCJIOL_AaI0dw34nfKD4FSVuSgbOY.png" loading="lazy" alt=""/></div></figure><h2>3 Examples of Good H1 Tags</h2><p>Here are just a few examples of well-written H1 tags:</p><h3>Positional</h3><p>As another example from <a href="https://www.positional.com/blog">our blog</a>, check this <a href="https://www.positional.com/blog/content-outline">blog post about content outlines</a>:<br/></p><figure style="max-width:1600pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><div><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb08a2eef0ef614c762a02_Bkpm6qZUmZY6SQYLgt7G-2OKkgpKra84FlO4Mc3s1gAbkFM5V1Wpvg0zI4s58GHQp-7ewxxosh4HMY0jAtcQvPv132BGHVEaH8-kdRPy34K1yvovr_aK5dYWGomwJEqqXcyBSCVF_cpYEEmI5hV2Uq0.png" loading="lazy" alt=""/></div></figure><p>The primary keyword we are looking to serve is “content outlines,” and we’re using that term to start our H1. We also hit longer-tail keywords related to “SEO” and “templates” within our H1 — targeting keywords like “content outlines SEO” and “content outline template.”</p><h3>U.S. News & World Report</h3><p>U.S. News & World Report is a media company that creates a large number of rankings and reviews for specific products and services.</p><p>Their website has an article about the best places to live in the U.S.:<br/></p><figure style="max-width:1600pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><div><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb08a2ab6e38d3a8294786_xOmwJKwiyTa8f_8jWkqtPft0j08dnr6JuOJoT4cLEXnRj-DtG5oPF7JpZ0bC4svPZSgz2-gQ4LrSaxcL-QHB_5WTp90AvhGnIX0iExx6nh7q486xlCNNLhTVM6lSSWUdc5mAG60ACyrxjIqJaGDonNA.png" loading="lazy" alt=""/></div></figure><p>In their H1, they’re hitting the primary keyword “best places to live” very clearly. And they are serving some variants of the primary keyword, like “best places to live in the U.S.” They’re also using a specific date, 2024, to hit longer-tail keywords related to 2024 specifically.</p><h3>NerdWallet</h3><p>NerdWallet is one of the largest media companies in the consumer finance industry. It has a massive portfolio of content and has done a fantastic job of <a href="https://www.positional.com/blog/content-optimization">optimizing it for organic search</a>.</p><figure style="max-width:1600pxpx" class="w-richtext-align-fullwidth w-richtext-figure-type-image"><div><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65eb08a31b5e61910c5429ca_nGCzWa3IZ0LQX7bXy19EK9sCZo4xyg6vHyQ3P_i4OA6P_18LufL9o9xJilrwyTuwTwUCvubeR6qBjN2wEJkJZK-rC_zmGIifsskFHi7HtBa2IbJC24Uq4cZ5SLdyqsMVH0-hxYk_LZhmc2zwt3MeIHo.png" loading="lazy" alt=""/></div></figure><p>‍</p><p>In this article, NerdWallet is likely targeting the keyword “average credit score,” and they hit it clearly in their H1.</p><h2>Final Thoughts</h2><p>In short, an H1 tag is an HTML element that exists within a webpage. It indicates the title of the page and is typically placed at or near the top of a webpage.</p><p>While Google has said that using H1s isn’t a requirement and that many webpages don’t have them, using H1 tags is an SEO best practice. At a minimum, H1s quickly communicate to Google what your webpage is about and which keywords it should rank for.</p><p>H1s are also helpful for people who use screen readers and should be employed alongside a variety of other headers, like H2s and H3s, which further explain what the different sections of a webpage are about.</p><p>Remember to use your primary keyword in your H1! If possible, include variations of the primary keyword or longer-tail keywords in your H1, and your page will likely rank for more keywords and rank better for them. If you can’t fit all of the important keywords into your H1, you’ll want to use those keywords within other header elements.</p></div></div></div></div></div><div class="section"><div class="container"><div class="v1_author-box"><div class="v1_author-box-avatar"><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square.jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square-p-500.jpg 500w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square-p-800.jpg 800w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square-p-1080.jpg 1080w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square-p-1600.jpg 1600w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square-p-2000.jpg 2000w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square-p-2600.jpg 2600w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square-p-3200.jpg 3200w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/65a6e11e5bf64479d4ef76af_Nate_Photo_Square.jpg 3994w" class="v1_author-box-avatar-image"/></div><div class="v1_author-box-info"><div class="v1_author-box-name">Nate Matherson</div><div class="v1_author-box-title">Co-founder & CEO of Positional</div><div class="v1_author-box-sm-links"><a href="https://twitter.com/NateMatherson" class="v1_author-box-sm-link ph-twitter-logo-fill"></a><a href="https://www.linkedin.com/in/natematherson/" class="v1_author-box-sm-link ph-linkedin-logo-fill"></a></div><p class="v1_author-box-about">Nate Matherson is the Co-founder & CEO of Positional. An experienced entrepreneur and technologist, he has founded multiple venture-backed companies and is a two-time Y Combinator Alum. Throughout Nate's career, he has built and scaled content marketing channels to hundreds of thousands of visitors per month for companies in both B2C (ex financial products, insurance) as well as B2B SaaS. Nate is also an active angel investor with investments in 45+ companies.</p><a href="/author/nate-matherson" class="v1_author-box-read-more w-inline-block"><div class="text-block-4">Read More</div><div class="v1_author-box-read-more-arrow ph-arrow-circle-right"></div></a></div></div></div></div><div class="section last-section"><div class="container"><h2 class="v1_blog-related-articles-title">Related Posts</h2><p class="text-align-center">Looking to learn more? The below posts may be helpful for you to learn more about content marketing & SEO.</p><div class="v1_blog-related-articles-wrapper w-dyn-list"><div role="list" class="v1_blog-related-articles w-dyn-items"><div role="listitem" class="v1_blog-card-wrapper w-dyn-item"><a href="/blog/how-to-run-linkedin-ads" class="v1_blog-card w-inline-block"><div class="v1_blog-card-image-wrapper"><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/6710fbb62a9f518b59f55b05_67101310f54e8fefc0416da2_how-to-run-linkedin-ads.webp" loading="lazy" alt="" class="v1_blog-card-image"/></div><div class="v1_blog-card-content"><h3 class="v1_blog-card-title">How To Run LinkedIn Ads: A Step-by-Step Guide</h3><div class="v1_blog-card-info"><div class="v1_blog-card-author"><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/66acdb11e8468c63c474f461_matt%20lenhard.jpeg" loading="lazy" alt="" sizes="(max-width: 479px) 10vw, (max-width: 767px) 27.986112594604492px, (max-width: 1279px) 40px, (max-width: 1439px) 3vw, 40px" srcset="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/66acdb11e8468c63c474f461_matt%20lenhard-p-500.jpeg 500w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/66acdb11e8468c63c474f461_matt%20lenhard.jpeg 800w" class="v1_blog-card-author-photo"/><div class="v1_blog-card-author-name">Matt Lenhard</div><div class="v1_blog-card-author-dot"></div></div><div class="v1_blog-card-date">October 17, 2024</div></div></div></a><div class="v1_blog-card-categories-wrapper w-dyn-list"><div role="list" class="v1_blog-card-categories w-dyn-items"><div role="listitem" class="v1_blog-card-category w-dyn-item"><div>Resources</div></div></div></div></div><div role="listitem" class="v1_blog-card-wrapper w-dyn-item"><a href="/blog/structured-data-seo" class="v1_blog-card w-inline-block"><div class="v1_blog-card-image-wrapper"><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/6710fbb5c39d82db9129a0e6_671012ed5f6d8cf55dac7406_structured-data-seo.webp" loading="lazy" alt="" class="v1_blog-card-image"/></div><div class="v1_blog-card-content"><h3 class="v1_blog-card-title">Structured Data and SEO Best Practices</h3><div class="v1_blog-card-info"><div class="v1_blog-card-author"><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/66acdb11e8468c63c474f461_matt%20lenhard.jpeg" loading="lazy" alt="" sizes="(max-width: 479px) 10vw, (max-width: 767px) 27.986112594604492px, (max-width: 1279px) 40px, (max-width: 1439px) 3vw, 40px" srcset="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/66acdb11e8468c63c474f461_matt%20lenhard-p-500.jpeg 500w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/66acdb11e8468c63c474f461_matt%20lenhard.jpeg 800w" class="v1_blog-card-author-photo"/><div class="v1_blog-card-author-name">Matt Lenhard</div><div class="v1_blog-card-author-dot"></div></div><div class="v1_blog-card-date">October 17, 2024</div></div></div></a><div class="v1_blog-card-categories-wrapper w-dyn-list"><div role="list" class="v1_blog-card-categories w-dyn-items"><div role="listitem" class="v1_blog-card-category w-dyn-item"><div>Resources</div></div></div></div></div><div role="listitem" class="v1_blog-card-wrapper w-dyn-item"><a href="/blog/how-to-write-an-seo-proposal" class="v1_blog-card w-inline-block"><div class="v1_blog-card-image-wrapper"><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/6710fbb13b6c50bd04792c03_6710122fd8b43fe784e4ad33_how-to-write-an-seo-proposal.webp" loading="lazy" alt="" class="v1_blog-card-image"/></div><div class="v1_blog-card-content"><h3 class="v1_blog-card-title">How To Write an SEO Proposal</h3><div class="v1_blog-card-info"><div class="v1_blog-card-author"><img src="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/66acdb11e8468c63c474f461_matt%20lenhard.jpeg" loading="lazy" alt="" sizes="(max-width: 479px) 10vw, (max-width: 767px) 27.986112594604492px, (max-width: 1279px) 40px, (max-width: 1439px) 3vw, 40px" srcset="https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/66acdb11e8468c63c474f461_matt%20lenhard-p-500.jpeg 500w, https://cdn.prod.website-files.com/641ab35cac3aeec96e697064/66acdb11e8468c63c474f461_matt%20lenhard.jpeg 800w" class="v1_blog-card-author-photo"/><div class="v1_blog-card-author-name">Matt Lenhard</div><div class="v1_blog-card-author-dot"></div></div><div class="v1_blog-card-date">October 17, 2024</div></div></div></a><div class="v1_blog-card-categories-wrapper w-dyn-list"><div role="list" class="v1_blog-card-categories w-dyn-items"><div role="listitem" class="v1_blog-card-category w-dyn-item"><div>Resources</div></div></div></div></div></div></div></div></div><footer class="a_footer"><div class="a_footer-top"><div class="a_grid-container"><div class="a_grid-row"><div id="w-node-_3b8b1346-192e-8407-581d-1e411b50b537-1b50b533" class="a_footer-cta"><a href="/" class="a_footer-logo-link w-inline-block"><img src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/65e346de0caabe7e98aeb67a_a_logo.svg" loading="lazy" alt="" class="a_footer-logo"/></a><p class="a_footer-cta-text">Join 2,500+ SEO and marketing professionals staying up-to-date with Positional's weekly newsletter.</p><div class="a_footer-cta-bg"></div><div class="a_footer-form-embed w-embed w-script"> <link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css"> <style type="text/css"> /* #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:600px;} */ /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block. We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ /* CUSTOM STYLES */ .a_footer-form-embed { width: 100%; max-width: 30rem; } .a_footer-form-wrapper .a_custom-form-wrapper { display: flex; align-items: center; grid-column-gap: 1rem; border: 1px solid #1f1f1f; border-radius: 0.5rem; padding: 0.25rem; width: 100%; background: #fff; justify-content: space-between; position: relative; } .a_footer-form-wrapper input.button { background: linear-gradient(0deg, #3C00E2 0%, #6530FB 100%) !important; height: 3rem !important; display: flex !important; align-items: center !important; padding-left: 1.25rem !important; padding-right: 1.25rem !important; font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; font-size: 1rem !important; line-height: 1.5 !important; color: #ffffff !important; margin: 0 !important; box-shadow: 0 1px 2px 0px rgba(16, 24, 40, 0.05) !important; border-radius: 0.375rem !important; border: 0; } .a_footer-form-wrapper input.email { height: 3rem !important; display: flex !important; align-items: center !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; border: none !important; } .a_footer-form-wrapper .helper_text { background: transparent !important; } .a_footer-form-wrapper form { margin: 0 !important; } .a_footer-form-wrapper .mc-field-group { padding-bottom: 0 !important; min-height: auto !important; } .a_footer-form-wrapper #mc-embedded-subscribe-form div.mce_inline_error { background: transparent; position: absolute; top: 120%; } .a_footer-form-embed .a_custom-form-wrapper:after { display: none; } .a_footer-cta-form-foot-note { font-family: 'Inter', sans-serif !important; font-style: normal; font-weight: 400; font-size: 0.75rem; line-height: 150%; color: #555555; margin: 1rem 0 0 0; } @media screen and (max-width: 767px) { .a_footer-form-wrapper .a_custom-form-wrapper { flex-direction: column; grid-row-gap: 1.15rem; align-items: center; border: none; background: transparent; padding: 0; } .a_footer-form-wrapper .mc-field-group input { display: block !important; width: 100% !important; height: 3.429rem !important; padding: 0 0.75rem !important; border: 1px solid #1f1f1f !important; border-radius: 0.375rem !important; background: #fff; } .a_footer-form-wrapper input.button { width: 100% !important; justify-content: center !important; height: 3.429rem !important; } .a_footer-form-wrapper .mc-field-group { width: 100% !important; } .a_footer-cta-form-foot-note { font-size: 0.85rem; margin: 1.15rem 0 0 0; } } </style> <div id="mc_embed_signup" class="a_footer-form-wrapper"> <form action="https://positional.us9.list-manage.com/subscribe/post?u=2955b67c87267f7873cef72a9&id=33ae7b5952&f_id=00622de1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="" novalidate> <div id="mc_embed_signup_scroll"> <div style="display: none;" class="indicates-required"><span class="asterisk">*</span> indicates required</div> <div class="a_custom-form-wrapper"> <div class="mc-field-group"> <label style="display: none;" for="mce-EMAIL">Email Address <span class="asterisk">*</span> </label> <input placeholder="Enter your email" type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" required> </div> <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"> </div>  <p class="a_footer-cta-form-foot-note">By subscribing you agree to our <a href="https://www.positional.com/privacy-policy">Privacy Policy</a> and provide consent to receive updates from our company.</p> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display:none"></div> <div class="response" id="mce-success-response" style="display:none"></div> </div>  <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_2955b67c87267f7873cef72a9_33ae7b5952" tabindex="-1" value=""></div> </div> </form> </div> <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';}(jQuery));var $mcj = jQuery.noConflict(true);</script> </div></div><div id="w-node-_1caaca9b-f6c7-ba37-dd4f-15bc0acba9b8-1b50b533" class="a_footer-menu-col"><div class="a_footer-menu-col-title">Product</div><div class="a_footer-menu-links"><a href="/products/optimize" class="a_footer-menu-link">Optimize</a><a href="/products/content-analytics" class="a_footer-menu-link">Content Analytics</a><a href="/products/buyer-journeys" class="a_footer-menu-link">Buyer Journeys</a><a href="/products/internals" class="a_footer-menu-link">Internals</a><a href="/products/keyword-research" class="a_footer-menu-link">Keyword Research</a><a href="/products/keyword-tracker" class="a_footer-menu-link">Keyword Tracking</a><a href="/products/keyword-clustering" class="a_footer-menu-link">Keyword Clustering</a><a href="/products/competitor-research" class="a_footer-menu-link">Competitor Research</a><a href="/products/social-listening" class="a_footer-menu-link">Social Listening</a><a href="/products/autodetect" class="a_footer-menu-link">AutoDetect</a><a href="/products/editorial-calendar" class="a_footer-menu-link">Editorial Calendar</a><a href="/products/site-audit" class="a_footer-menu-link">Site Audit</a></div></div><div id="w-node-_3b8b1346-192e-8407-581d-1e411b50b557-1b50b533" class="a_footer-menu-col"><div class="a_footer-menu-col-title">Company</div><div class="a_footer-menu-links"><a href="/team" class="a_footer-menu-link">Team</a><a href="/podcast" class="a_footer-menu-link">Podcast</a><a href="/blog" class="a_footer-menu-link">Blog</a><a href="/newsletter" class="a_footer-menu-link">Newsletter</a><a href="/pricing" class="a_footer-menu-link">Pricing</a><a href="/book-a-demo" class="a_footer-menu-link">Book a Demo</a><a href="https://support.positional.com/" class="a_footer-menu-link">Support</a><a href="/terms-of-service" class="a_footer-menu-link">Terms of Service</a><a href="/privacy-policy" class="a_footer-menu-link">Privacy Policy</a><a href="/end-user-privacy-policy" class="a_footer-menu-link">End User Privacy Policy</a></div></div><div id="w-node-_3b8b1346-192e-8407-581d-1e411b50b53e-1b50b533" class="a_footer-menu-col"><div class="a_footer-menu-col-title">SEO Tools</div><div class="a_footer-menu-links"><a href="/tools/seo-title-generator" class="a_footer-menu-link">SEO Title Generator</a><a href="/tools/seo-keyword-generator" class="a_footer-menu-link">SEO Keyword Generator</a><a href="/tools/meta-description-generator" class="a_footer-menu-link">Meta Description Generator</a><a href="/tools/blog-idea-generator" class="a_footer-menu-link">Blog Idea Generator</a><a href="/tools/website-ranking-checker" class="a_footer-menu-link">Website Ranking Checker</a><a href="/tools/keyword-rank-checker" class="a_footer-menu-link">Keyword Rank Checker</a><a href="/tools/backlink-checker" class="a_footer-menu-link">Backlink Checker</a></div></div><div id="w-node-_3b8b1346-192e-8407-581d-1e411b50b565-1b50b533" class="a_footer-menu-col"><div class="a_footer-sm-title">Follow Us</div><div class="a_footer-sm-links"><a href="https://twitter.com/GoPositional" class="a_footer-sm-link w-inline-block"><div class="a_footer-sm-link-ph-icon ph ph-x-logo"></div><div class="a_footer-sm-link-text">X</div></a><a href="https://www.linkedin.com/company/gopositional/" class="a_footer-sm-link w-inline-block"><div class="a_footer-sm-link-ph-icon ph ph-linkedin-logo"></div><div class="a_footer-sm-link-text">LinkedIn</div></a><a href="https://www.tiktok.com/@gopositional" class="a_footer-sm-link w-inline-block"><div class="a_footer-sm-link-ph-icon ph ph-tiktok-logo"></div><div class="a_footer-sm-link-text">TikTok</div></a><a href="https://youtube.com/@positional" class="a_footer-sm-link w-inline-block"><div class="a_footer-sm-link-ph-icon ph ph-youtube-logo"></div><div class="a_footer-sm-link-text">Youtube</div></a><a href="https://www.instagram.com/gopositional/" class="a_footer-sm-link w-inline-block"><div class="a_footer-sm-link-ph-icon ph ph-instagram-logo"></div><div class="a_footer-sm-link-text">Instagram</div></a></div></div></div></div></div><div class="w-embed"><style type="text/css"> @media screen and (min-width: 1440px) { .a_footer-cta-bg { width: calc(100% + 3.75rem); } .a_footer-cta { padding-left: 0; } } @media screen and (max-width: 767px) { .a_footer-cta-bg { width: 100%; border-radius: 1.125rem; } } </style></div></footer><div class="w-embed w-script"><style type="text/css"> .v2_testimonial-embed-author-company { font-weight: 500; } @media screen and (max-width: 991px) { .v2_testimonial-embed-author-comma { display: none; } .v2_testimonial-embed-author-position { display: flex; flex-direction: column; align-items: center; } } </style> <script> window.addEventListener('load', function() { // Import Testimonials into according blockquotes: const blockQuotes = document.querySelectorAll('blockquote'); blockQuotes.forEach((blockQuote) => { if(blockQuote.innerHTML.startsWith("tq-")) { const blockQuoteID = blockQuote.innerHTML; // Fetch testimonial if slug is equal to blockQuoteID fetch("/testimonials/" + blockQuoteID) .then(function(response) { return response.text(); }) .then(function(html) { // Create a div and put response content into it const testimonialHtml = document.createElement("div"); testimonialHtml.innerHTML = html; // Get author name from testimonial, convert to lowercase, replace spaces with '-' and set it as .v2_testimonial-embed-author link's href const authorNameSource = testimonialHtml.querySelector('.v2_testimonial-embed-author-name').innerText.toLowerCase(); const authorName = authorNameSource.replace(" ", "-"); const podcastLink = testimonialHtml.querySelector('.v2_testimonial-embed-podcast-link'); podcastLink.href = '/podcast/' + authorName; // Get author position, siplit at 'at', make company part bold const authorPosition = testimonialHtml.querySelector('.v2_testimonial-embed-author-position'); const authorPositionSplit = authorPosition.innerText.split(' at '); authorPosition.innerHTML = authorPositionSplit[0] + `<span class="v2_testimonial-embed-author-comma">, </span>` + `<span class="v2_testimonial-embed-author-company">${authorPositionSplit[1]}</span>`; const testimonial = testimonialHtml.querySelector('.v2_testimonial-embed'); blockQuote.innerHTML = testimonial.innerHTML; }); } }); }); </script></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=63ea91a878b2a06196ffc825" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/63ea91a878b2a06196ffc825/js/webflow.dd6cf7fe1.js" type="text/javascript"></script> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PMP73DDP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script src="https://cdn.finsweet.com/files/sweet-text/richtext-stylesystem-v1.0.min.js"></script> <script> window.__positional_config = { customerId: "b435f0ba-bfae-4689-8e26-d9e33793fa55", sendDev: true, }; </script> <script defer src="https://assets.positional-bucket.com/positional.min.js"></script>  <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:5136805,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> <script> // Fixed height TOC scripts - Sep 24 /* Hide TOC :after (white gradient overlay at the bottom) if there is no enough elements to scroll */ window.onload = function() { const blogTocOverviewDesktop = document.querySelector('.v1_blog-toc-overview-desktop'); const blogTocOverviewDesktopList = blogTocOverviewDesktop.querySelector('.v1_blog-toc-overview-desktop ol'); function tocAfter() { blogTocOverviewDesktop.style.setProperty('--scroll-height', blogTocOverviewDesktopList.scrollHeight + 'px'); if(blogTocOverviewDesktopList.scrollHeight > blogTocOverviewDesktopList.clientHeight + 5) { blogTocOverviewDesktop.style.setProperty('--after-display', 'block'); blogTocOverviewDesktop.style.paddingBottom = '2rem'; blogTocOverviewDesktopList.style.overflow = 'auto'; blogTocOverviewDesktopList.style.paddingBottom = '2rem'; console.log('scroll'); } else { blogTocOverviewDesktop.style.setProperty('--after-display', 'none'); blogTocOverviewDesktop.style.paddingBottom = '0'; blogTocOverviewDesktopList.style.overflow = 'hidden'; console.log('no scroll'); } } tocAfter(); } </script><script> // Clean category filter content const clearText = function (str) { if (!str) { str = 'empty'; } return str.replace(/[!\"#$%&'\*\+,\.\/:;<=>\?\@\[\\\]\^`\{\|\}~]/g, '') .replace(/ /g, "-") .toLowerCase() .trim(); }; // In header, add relevant category as class name to category labels inside the card const blogHeaderCategories = document.querySelectorAll('.v1_blog-header .v1_blog-category'); blogHeaderCategories.forEach( function(item) { const text = item.innerText; const className = clearText(text); item.classList.add(className); }); // In relevant blog posts section, add relevant category as class name to category labels inside the card const blogCardCategories = document.querySelectorAll('.v1_blog-card-category'); blogCardCategories.forEach( function(item) { const text = item.innerText; const className = clearText(text); item.classList.add(className); }); // Move .v1_blog-card-categories-wrapper div into .v1_blog-card-content const blogCardWrappers = document.querySelectorAll('.v1_blog-card-wrapper'); blogCardWrappers.forEach(function(item) { const blogCardContent = item.querySelector('.v1_blog-card-content'); const blogCardCategoriesWrapper = item.querySelector('.v1_blog-card-categories-wrapper'); blogCardContent.insertBefore(blogCardCategoriesWrapper, blogCardContent.childNodes[0]); }) </script>  <script> //Select all H2 headings that are in richText and name the set as sections const sections=document.querySelectorAll(".v1_blog-content H2"); //For each element in sections, set an id numerically starting from 1. // these are called in the richText field under Table of Contents sections.forEach((section,i) => { sections[i].id=`${i+1}`; }); const body = document.querySelector('body'); const mobileOverviewP = document.querySelector('.v1_blog-toc-mobile-overview p'); if(body.classList.contains('blog-detail-page')) { mobileOverviewP.innerHTML = `In this article <span class="ph-caret-right-bold"></span>`; } else { mobileOverviewP.innerHTML = `Overview <span class="ph-caret-right-bold"></span>`; } window.addEventListener('load', function() { // TOGGLE TOC MENU $('.v1_blog-toc-mobile-overview').click(function(e){ $('.v1_blog-toc-desktop').toggleClass("active"); //$('body').toggleClass("no-scroll"); }); $('.v1_blog-toc-desktop-close').click(function(e){ $('.v1_blog-toc-desktop').removeClass("active"); //$('body').removeClass("no-scroll"); }); // SCROLL TO SECTION $('.v1_blog-toc-overview ol li a').click(function(e) { e.preventDefault(); e.stopPropagation(); // Close TOC menu $('.v1_blog-toc-desktop').removeClass("active"); //$('body').removeClass("no-scroll"); var offset = 150; var target = ( '#' + $(this).data('section') ); var $target = $(target); $('html, body').stop().animate({ 'scrollTop': $target.offset().top - offset }, 800, 'swing'); }); // EMPHASIZE ACTIVE SECTION IN TOC // Select all TOC list items. const tocLi = document.querySelectorAll(".v1_blog-toc ol li"); // Add relevant section number in href to class list of each li. tocLi.forEach((li) => { var url = li.children[0].href; var hashIndex = url.indexOf("#"); var liClass = url.substring(hashIndex + 1); li.classList.add(liClass); }); //Remove href values form TOC section list and set data-section attribute instead const sectionLinks=document.querySelectorAll(".v1_blog-toc ol li a"); sectionLinks.forEach((section,i) => { var url = section.getAttribute("href"); var hashIndex = url.indexOf("#"); var aHref = url.substring(hashIndex + 1); sectionLinks[i].setAttribute('data-section', aHref); sectionLinks[i].setAttribute('href', "#"); }); window.addEventListener("scroll", () => { const tocDesktop = document.querySelector(".v1_blog-toc-desktop"); let current = ""; // On page scroll, check sections Y position and if they are on top, set current value as section's id. sections.forEach((section) => { const sectionTop = section.offsetTop; if (pageYOffset >= sectionTop) { current = section.getAttribute("id"); } }); // On page scroll, check li's class list and if it contains current's value, add "active" class. tocLi.forEach((li) => { li.classList.remove("active"); if (li.classList.contains(current)) { li.classList.add("active"); } }); }); // On scroll // Hide header shadow when TOC is stuck to top: const aHeader = document.querySelector('.a_header'); const blogToc = document.querySelector('.v1_blog-toc-mobile'); function setHeaderBg(windowWidth) { if (windowWidth.matches) { console.log('mobile'); window.addEventListener("scroll", () => { const aHeaderBottom = aHeader.clientHeight + aHeader.getBoundingClientRect().top; const blogTocTop = blogToc.getBoundingClientRect().top; if(blogTocTop > aHeader.clientHeight && blogTocTop <= aHeaderBottom + 1) { aHeader.classList.add('no-header-shadow'); } else { aHeader.classList.remove('no-header-shadow'); } console.log('btt: ' + blogTocTop + 'aBot: ' + aHeaderBottom); }); // On scroll } else { console.log('desktop'); } } var windowWidth = window.matchMedia("(max-width: 991px)") setHeaderBg(windowWidth); windowWidth.addEventListener("change", function() { setHeaderBg(windowWidth); }); }); // On load </script></body></html>