 What's up everyone? Happy May the 4th to everybody out there. I got my lucky Star Wars shirt on. I don't know if you could tell yet or if you took a close look at my tattoos but uh it's kind of a full Star Wars sleeve. I'm sort of a fan but we're not here to talk about Star Wars at least not on this video but what we will talk about are using H tags and header tags with Elementor and how to use them the right way because here's the thing when I started off in web development and starting to build websites I got H tags completely wrong and I've had a few questions come through after one of my last videos uh building design systems about setting up the H tags in the typography styler for Elementor. You see where I got it wrong when I started off was I used to think that the H tags were about the size of the tags for example by default inside the browser with google uh and inside Elementor uh the H1 tag is like the biggest title the H2 is like the second biggest and the H3 gets smaller for gets smaller you know so on so I thought that the title tags whatever was the biggest title that was the one to put the H tag on but that was completely wrong actually H tags have nothing to do with the size of the title or the style of the fonts or what title you're going to be using and if you are choosing H tags like I did when I started off I did this I'm totally guilty of it but if you are choosing which H tag to use in your title based on the size of that that title or that headline then you're making a really big mistake that's really going to harm the SEO because what an H tag really is for it's all about the SEO it's all about telling google what this web page is about or this website is about so let me break this down really quick and I'm going to show you some examples on a site that I built to just help make better sense with it and I really hope that by the end of this video uh that if you're building the site for yourself if you're a do-it-yourself or building a site for your own business or if you're new and building sites for your clients that you're going to be able to make them more SEO friendly and make them more searchable and really improve the SEO on the site that you're creating all right so real quick let's break it down H one the H one tag the one that's the biggest one that one is actually the most important that H one tag should be like the title of the page or if it's your home page it should be the title of the site that H one tag should be this is what this website is or this is what this page is right here and summit all up inside that and a rule of thumb and this is by google and this is well known through all SEO experts and all that is you only use one H one tag per page never use more than one all right so going down when you get to the H two tag that's going to be your second most important tag and that's where you're going to start adding your keywords in what are people searching for let's say you have a web design company and some of your services are web design or WordPress development so those are going to be like your H two tags right there and then your H three tags are the third most important and those are going to basically reinforce the H two see where I'm going with this you know it's a hierarchy so you know that that's what this is all about it's about telling google what this web page is about and it's giving google this hierarchy of keywords and key phrases and being able to rank right where you're supposed to and rank better so real quick what I want to do is I want to show you a website that we built and I want to show you the header tags in it and this will probably help make a whole lot more sense when you see what we did here and the reason why now this website right here we built the SEO has been fully optimized on it in fact it's got really really good rankings they are ranked on the number one page in google for the search terms that they're ranking for let me show you real quick what we did here so you can see here okay we got a slider right here and on the slider it's got you know it's got these headlines you got this headline right here you know this one are you or a loved one battling an addiction and this website this is for an addiction treatment center that is in Chiang Mai out here in Thailand and you know this one right here look at how this headline sounds you know are you are you are a loved one battling an addiction this right here is like it's emotional it talks to the user speaks directly to the person you know clicking on and when they read something like this they're like hey you know maybe this is the right website for them and they'll continue reading but if we look here let me do the inspect element this is actually h4 tag now you would think it might be an h1 tag because it's the big one you know it's the biggest size title but it's actually h4 and the reason is let's go right back to it and the reason is there's really no keywords in this there's no search terms this is an addiction treatment center but there's no search terms to tell google this is what this website's for so let's scroll down a little bit and now we're going to look at the next section and we got this title right here clarity rehab Thailand and then we got the subtitle right here the subheader and this is like smaller and the smaller one says look at what it says clinically proven addiction rehabilitation in Chiang Mai Thailand now that sounds super clinical you know it's not appealing but if we look at the inspect element and check it out this is actually the h1 right here this is the most important tag right here but we don't make it on this project right here we didn't make it the big headline in the banner because really if you put that in a banner clinically proven it doesn't sound appealing it's not like the other one the other one that says hey are you or a loved one battling addiction you know that right there is going to is going to speak to the user this h1 tag right here the clinically proven one that's going to speak to google so that's why we made it number one now we got this other title right here clarity rehab Thailand let's go ahead and take a look at inspect element and this is an h2 tag so this one right here is this is the second most important on the page so that is the reason why we do not use the h tags based on the size because it has nothing to do with the size what the h tag has to do with is the search terms the keywords it's all about the seo the content and telling google what the web page is for seo is tricky you got to write it for two sides you have to write it for google but you also got to write it for your target user so you got to have that balance and if we scroll down more you're going to see more titles right here let's see that's a hard one to look at so a holistic approach to addiction treatment let's take a look at this and here's another h2 except we can use multiple h2's and right here we got the word holistic addiction treatment so that's another search term that this client wanted to rank for and then we got these smaller titles right here detox services let's take a look at this and this is an h3 so like the main site the main service is not detox services but that's part of it so that kind of falls underneath you know holistic treatment and it falls underneath the rehab Thailand and so we make these ones it's not based on size but these are actually the keywords are fallen in so it's kind of like this is like the title of the page the h1 and then you got these h2's that are given the main keywords this is exactly what we want people to come to our site that they're looking for and then you got the h3's right we also got these right over here they're going to reinforce the h2's and so on hope that this made a lot of sense right over here really quick tip that I would suggest on the next time you build a website is to plan out your h tags beforehand to actually plan them out to even before you start the design to like write down which keywords and key phrases you want to rank for and then you know this is something that I do I like to plan out my h tags so you know there's a plan behind it and then my process is I write down my h tags I write down my keywords and then I build the wireframe and when I build the wireframe I put the headlines and I put the keywords and the h tags and and plan out and we're lucky we are super lucky that we got Elementor Elementor makes it so easy for us to do it makes it super easy because back in the days before Elementor if I wanted to do something like this right here to make this h1 tag small I would have to write CSS for if I wanted to make the h2 text really big with the h4 text even really really big I'd have to write CSS for but if we go over to Elementor let's go take a look at Elementor right here we could click on this and we could select any h tag that we want super easy we're really lucky about it now one thing I do suggest is when you go over here to your site settings and you see right here your theme styler and it gives you the option to style up each of your font types and this has been pretty much standard for like WordPress themes even before Elementor they give you the option to style all your h2 tags so all your h2 tags are the same style all h3 tags are the same style I highly suggest not to do that to leave that alone because it's not about the size the tags aren't about the size I wouldn't do that in fact I don't even think they should have this inside here because it is a bit confusing and misleading instead we got this over here your global fonts so I just put out a video about design systems about setting up global fonts I'll put a link to that inside the description but inside here you could select on large title you could style it up see I already got my large title here everything styled up and let's get out of here I'll show you how that works I could go over here to this title right here I could go style it up and I could choose what size see I make my sizes with that right there so my sizes are already built and then I could go in and I could change my tags around as needed so that way we can make it more SEO friendly well I hope that makes sense it's a late night over here I'm working with the new setup and I'm just finished celebrating May the fourth day so may the fourth be with all you guys out there all my Star Wars fans man what up I hope you guys enjoyed this video I hope to helped out if you have any questions please drop them in the comments I get back to everybody and I really appreciate you being here and watching I'll be back soon again with more elementary and web design related content all right thank you