--- title: The easiest typography tip for effective SEO description: Learn why typography matters to search engines and how to optimize your site using heading tags. image: https://blog.helpfulhero.com/hubfs/merakist-l5if0iQfV4c-unsplash.jpg --- 2 min read # The easiest typography tip for effective SEO [![Picture of Miriam-Rose LeDuc](https://blog.helpfulhero.com/hubfs/Miriam-8sq.jpg) Miriam-Rose LeDuc ](https://blog.helpfulhero.com/author/miriam-rose-leduc) : December 7, 2021 [seo](https://blog.helpfulhero.com/tag/seo) [tutorial](https://blog.helpfulhero.com/tag/tutorial) [optimization](https://blog.helpfulhero.com/tag/optimization) [CMS](https://blog.helpfulhero.com/tag/cms) ![The easiest typography tip for effective SEO](https://blog.helpfulhero.com/hubfs/merakist-l5if0iQfV4c-unsplash.jpg) **Table of Contents** [Heading](https://blog.helpfulhero.com/the-easiest-typography-tip-for-effective-seo#) [Heading](https://blog.helpfulhero.com/the-easiest-typography-tip-for-effective-seo#) In a sea of SEO advice, it can be tricky to know which tips are worth trying.  But you’re about to learn one little typography trick that you won’t want to overlook.  What does typography have to do with SEO? Glad you asked! Search engines don’t care what fonts you use, but in this case, size matters.  That’s right, structuring your typography with different sized headlines (known as heading tags) is essential for SEO.  Why?   ##### Why Heading Tags Matter to Search Engines Heading tags help search engines determine which text elements they should feature.  Using a larger font size for your blog post title makes it pop on the page, but it also tells the search engine, “Hey, this is a title!  Give it the spotlight.” That's how search engines know to put your post title front and center in the SERPs (search engine results pages), for example. ![Screen Shot 2021-12-07 at 1.34.12 PM](https://blog.helpfulhero.com/hs-fs/hubfs/Screen%20Shot%202021-12-07%20at%201.34.12%20PM.png?width=500&name=Screen%20Shot%202021-12-07%20at%201.34.12%20PM.png) Titles usually use the largest font size and heading tag since they’re the main text element.  We call these H1 tags.  Pro tip: avoid one of the biggest newbie mistakes we see by using *only* one H1 tag per page, which will help your title pack a punch with search engines. You'll also be more likely to rank higher for any keywords your title includes. Subtitles sprinkled throughout your post might use the next level of header tags, called H2.  Anything underneath my H2 or less significant than H2 might use an H3 tag, and so forth and so on (H4, H5, etc.).  For example, I’m using an H1 tag for the title of this post, H5 for the subtitles, and regular paragraph text for everything else.  Think of your heading tags like Russian nesting dolls.  Each layer is just a little smaller than the previous one (and slightly less important to search engines).   ##### Pop quiz:   Look at you already becoming an expert!   ##### Heading Tag How-To Alright, you get the picture.  Now, how do you set up heading tags for your site? It’s ridiculously easy.  Here’s how it looks in HubSpot (using our CLEAN Theme Pro): Head over to your website editor and hit edit theme settings under the design tab. ![Screen Shot 2021-12-06 at 3.08.14 PM-1](https://blog.helpfulhero.com/hs-fs/hubfs/Screen%20Shot%202021-12-06%20at%203.08.14%20PM-1.png?width=500&name=Screen%20Shot%202021-12-06%20at%203.08.14%20PM-1.png) Once there, you’ll see plenty of fun elements.  Click on Typography... ![Screen Shot 2021-12-06 at 3.10.44 PM](https://blog.helpfulhero.com/hs-fs/hubfs/Screen%20Shot%202021-12-06%20at%203.10.44%20PM.png?width=250&name=Screen%20Shot%202021-12-06%20at%203.10.44%20PM.png)   ...then any of the heading tags to get started. ![Screen Shot 2021-12-06 at 3.11.19 PM](https://blog.helpfulhero.com/hs-fs/hubfs/Screen%20Shot%202021-12-06%20at%203.11.19%20PM.png?width=250&name=Screen%20Shot%202021-12-06%20at%203.11.19%20PM.png) Here’s where you can set the default font size and style.  Use a tool like [Type Scale](https://type-scale.com/) to get you started with a good-looking ratio for each of your heading tags. ![Screen Shot 2021-12-06 at 3.11.49 PM](https://blog.helpfulhero.com/hs-fs/hubfs/Screen%20Shot%202021-12-06%20at%203.11.49%20PM.png?width=250&name=Screen%20Shot%202021-12-06%20at%203.11.49%20PM.png) The best part is these settings are automatically applied site-wide.  Let’s see how this looks on the page editor now. Click on any text module to get started.  You’ll see that the CLEAN Theme has suggestions for heading tags in each module (the example here uses H3), but you can hit the dropdown menu for more options.   ![Screen Shot 2021-12-03 at 10.44.54 AM](https://blog.helpfulhero.com/hs-fs/hubfs/Screen%20Shot%202021-12-03%20at%2010.44.54%20AM.png?width=970&name=Screen%20Shot%202021-12-03%20at%2010.44.54%20AM.png) ![Screen Shot 2021-12-03 at 10.45.25 AM](https://blog.helpfulhero.com/hs-fs/hubfs/Screen%20Shot%202021-12-03%20at%2010.45.25%20AM.png?width=250&name=Screen%20Shot%202021-12-03%20at%2010.45.25%20AM.png) ##### And that’s it!  In just a few minutes and a handful of clicks, you boosted your SEO.  Way to go! - [Tweet](https://twitter.com/share) [![HubSpot Smart Content: The Secret to Speed Up Your Site](https://blog.helpfulhero.com/hubfs/My%20project%20(3).jpg) ](https://blog.helpfulhero.com/hubspot-smart-content-site-speed) #### [HubSpot Smart Content: The Secret to Speed Up Your Site](https://blog.helpfulhero.com/hubspot-smart-content-site-speed) ![Picture of Kevin Fremon](https://blog.helpfulhero.com/hs-fs/hubfs/photos/kevin-fremon-avatar-2017-small.jpg?width=30&name=kevin-fremon-avatar-2017-small.jpg) [Kevin Fremon](https://blog.helpfulhero.com/author/kevin-fremon) HubSpot’s Smart Content is a handy feature for customizing your website visitor’s experience. You can set up rules to display different content for... [seo](https://blog.helpfulhero.com/tag/seo) [tutorial](https://blog.helpfulhero.com/tag/tutorial) [optimization](https://blog.helpfulhero.com/tag/optimization) [CMS](https://blog.helpfulhero.com/tag/cms) [website themes](https://blog.helpfulhero.com/tag/website-themes) [Read More](https://blog.helpfulhero.com/hubspot-smart-content-site-speed) [![How to do A/B Testing in HubSpot](https://blog.helpfulhero.com/hubfs/AB-test-HubSpot.jpeg) ](https://blog.helpfulhero.com/hubspot-a/b-testing) 1 min read #### [How to do A/B Testing in HubSpot](https://blog.helpfulhero.com/hubspot-a/b-testing) ![Picture of Kevin Fremon](https://blog.helpfulhero.com/hs-fs/hubfs/photos/kevin-fremon-avatar-2017-small.jpg?width=30&name=kevin-fremon-avatar-2017-small.jpg) [Kevin Fremon](https://blog.helpfulhero.com/author/kevin-fremon) Want to boost conversions on your landing pages? Try A/B testing. HubSpot makes it as easy as 1, 2, 3. Watch the video below to learn how, plus... [marketing](https://blog.helpfulhero.com/tag/marketing) [tutorial](https://blog.helpfulhero.com/tag/tutorial) [landing pages](https://blog.helpfulhero.com/tag/landing-pages) [optimization](https://blog.helpfulhero.com/tag/optimization) [CMS](https://blog.helpfulhero.com/tag/cms) [Read More](https://blog.helpfulhero.com/hubspot-a/b-testing) [![How to Boost Website Performance Like a Pro](https://blog.helpfulhero.com/hubfs/Website-Performance.png) ](https://blog.helpfulhero.com/how-to-boost-website-performance) #### [How to Boost Website Performance Like a Pro](https://blog.helpfulhero.com/how-to-boost-website-performance) ![Picture of Miriam-Rose LeDuc](https://blog.helpfulhero.com/hs-fs/hubfs/Miriam-8sq.jpg?width=30&name=Miriam-8sq.jpg) [Miriam-Rose LeDuc](https://blog.helpfulhero.com/author/miriam-rose-leduc) Are you struggling to keep up with your customers' expectations these days? Do you want to improve your sales, get a better ranking on Google, and... [design](https://blog.helpfulhero.com/tag/design) [marketing](https://blog.helpfulhero.com/tag/marketing) [seo](https://blog.helpfulhero.com/tag/seo) [UX](https://blog.helpfulhero.com/tag/ux) [landing pages](https://blog.helpfulhero.com/tag/landing-pages) [optimization](https://blog.helpfulhero.com/tag/optimization) [CMS](https://blog.helpfulhero.com/tag/cms) [website themes](https://blog.helpfulhero.com/tag/website-themes) [Read More](https://blog.helpfulhero.com/how-to-boost-website-performance) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "about" : [ "typography", "SEO", "heading tags", "search engine optimization", "website design", "user experience", "content marketing", "digital marketing" ], "aggregateRating" : { "@type" : "AggregateRating", "ratingCount" : "150", "ratingValue" : "4.8" }, "articleSection" : [ "Introduction", "Why Typography Matters for SEO", "Best Practices for Using Heading Tags", "Conclusion", "Drop a comment", "HubSpot Smart Content: The Secret to Speed Up Your Site", "How to do A/B Testing in HubSpot", "How to Boost Website Performance Like a Pro" ], "author" : { "@type" : "Person", "name" : "Kevin Fremon", "sameAs" : "https://twitter.com/kevinfremon" }, "breadcrumb" : { "@type" : "BreadcrumbList", "itemListElement" : [ { "@type" : "ListItem", "item" : { "@id" : "https://blog.helpfulhero.com", "name" : "Helpful Hero" }, "position" : 1 }, { "@type" : "ListItem", "item" : { "@id" : "https://blog.helpfulhero.com/the-easiest-typography-tip-for-effective-seo", "name" : "The easiest typography tip for effective SEO" }, "position" : 2 } ] }, "dateModified" : "2021-12-07T20:53:23.698Z", "datePublished" : "2021-12-07T20:53:23.000Z", "description" : "Discover the importance of typography in enhancing SEO performance and learn practical tips on optimizing your website with effective heading tags and typography strategies. This article provides insights into how typography influences user engagement and search engine rankings.", "headline" : "The easiest typography tip for effective SEO", "image" : "https://blog.helpfulhero.com/hubfs/merakist-l5if0iQfV4c-unsplash.jpg", "inLanguage" : "en", "isPartOf" : { "@type" : "WebSite", "name" : "Helpful Hero", "url" : "https://blog.helpfulhero.com" }, "keywords" : "typography, SEO, heading tags, website design, user experience, conversion rate optimization, content marketing, digital marketing", "mainEntityOfPage" : { "@id" : "https://blog.helpfulhero.com/the-easiest-typography-tip-for-effective-seo", "@type" : "WebPage" }, "mentions" : [ "HubSpot", "Smart Content", "A/B Testing", "website performance", "conversion rate optimization", "Google Analytics", "user engagement" ], "name" : "The easiest typography tip for effective SEO", "potentialAction" : [ { "@type" : "ReadAction", "target" : "https://blog.helpfulhero.com/the-easiest-typography-tip-for-effective-seo" } ], "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://blog.helpfulhero.com/hubfs/merakist-l5if0iQfV4c-unsplash.jpg" }, "name" : "Helpful Hero", "url" : "https://blog.helpfulhero.com" }, "speakable" : { "@type" : "SpeakableSpecification", "cssSelector" : [ "h1", "h2", "main", "article", "p" ] }, "timeRequired" : "PT4M", "url" : "https://blog.helpfulhero.com/the-easiest-typography-tip-for-effective-seo", "wordCount" : 665 } ```