 Hey everyone, this one is just a quick follow-up video for last week's video on SEO for WordPress websites part one. Now there's some new information I got and I feel this is important enough to make a follow-up so that way everybody is getting the correct information. For me, that's really important. Last week's video was on adding HTML5 semantic tags to your Elementor and Bricks website. And those are the tags like your header tag, your footer tag. The main article, a side tag. Those are the main HTML5 semantic tags that basically tells Google this is the part of your website and they're really important to use the right way in order to make your website SEO friendly. Now while doing this, I've always had a bit of a challenge adding the header, footer and main tag with Elementor and I used workarounds that I found. And a big thanks to Joe and a big shout out as well for leaving a comment inside the video showing a better way of adding your header and footer tag to your headers and footers. So I want to show you that way because it's much better and in fact I'm in the process of changing and updating our websites as well and I have to say this is why I love creating content so much because we're all learning here as part of a community. We're all inside this process, this growth process and learning process and we're doing it together. So I'm really happy to do this and I'm really grateful to all of you as well participating and also sharing your knowledge and experience inside comments inside videos like this and other places where we're creating content and learning stuff about Elementor and web design stuff like that. Okay so really quickly I'm going to show you the updated way to add your header tag, your footer tag and I found a workaround to add the main tag as well in Elementor which is much easier. It's a very simple way so it's going to be really quick let's take a look. So we're going to pick up right where we left off in the last video and let's go ahead and start with the header. So I'm going to edit the header and the goal was to add a header tag around the entire header. Now before I was using a different method and usually I would just go to the section and I'll go to my HTML tag which you see I have here and that works because it does wrap the header around it and then right here we have our navigation. So as long as a header tag wraps around our nav that's great. That's what Google wants to see but the problem with this is we'll sometimes have multiple sections like I'll have another section up here and that's where in the last video I found my challenge but this is where Joe's solution came something that I completely overlooked. So I'm going to move this back over here from the HTML tag in the section. I'm going to change this to a div. And then in the section above it I'm also going to change to a div. And the reason why I'm making this a div and not a section is because a section should be in the middle of the web page showing like here's a section of content here's a section of content and so on. So we're going to make these divs but now we need to wrap it up in a header tag and we're going to do that down here inside the settings section right here and we can go and wrap it around in the HTML tag as a header. Now I have to be honest I never really worked with inside the settings right here. So this was awesome seeing the solution. This solves the problem that I found last time. So I'm going to go ahead and check it out inside our inspect element. Let's inspect and if we go here this is what we want to see. We want to see that header and everything at the top of the page wrapped up inside the header tag. Now we could do this as well with the footer. Same exact thing. So I'm going to go over here to my footer section. I'm going to go to the section right here. I'm going to remove the footer tag from there because a lot of the times we may use multiple sections or containers depending on the version of elements we're using. I'm going to put a div. I'm not going to use a section. I want to use a div here. Then I'm going to go to the settings and right here inside the settings for our footer settings. This is where I'm going to add the footer tag. Let's go ahead and update this and take a look in our front end. All right let's inspect this and there we go. We got our footer tag. There's only divs inside of it. That's good. So this is the correct way to do the footer and the header. Main thing is we want that footer tag wrapping around your entire footer. The header tag wrapping around your whole header. And to make sure you have that nav tag inside your header. More of that is inside the other video so you could check those out. But I did find another solution though for adding the main tags. I saw somebody comment like, hey, I got the main tag. And I'm like, that's strange because I don't. Let me see what's happening here. So I'll click on inspect element. And I notice inside the body we have our header. And usually the main tag should be right below the header and right above the footer. So the right way to have your structure for your semantic tags is your header, then main, and then footer. And then inside your main tag you'll have your sections that break up the different parts of the webpage. But I didn't find any options for this but I did find the solution. I found out how to get this to work. All right, so let's go here to edit with Elementor. And then here I'm going to go back to the settings. And I found it was having it on Elementor full with that causes. So if I go to theme, and I use the theme settings and I'm using hello theme. Let me go ahead and update this. Take a look at the front. Let's look at our inspect element so we could see our HTML. And then right here underneath the header we have our main. So you see here you got your header, main, and footer. And if we're to go back over here, let's go back to our page settings. Then we just got to go on high title and remove that top bar. It'll remove that H1, so it's not even inside our HTML. And that's it. It's really simple and easy to do. And for me it was really important to make this update because I want to show everybody how to do things the best way possible. I'm very big on best practices. And look at when we're creating websites and we're getting into the world of web development and web design, it is a constant journey to learn and improve to try to build processes systems and constantly trying to optimize everything, including our own education and skills. And that's the reason why, again, I love doing this because we're here learning as a community. And if you want to continue learning how to make your websites SEO friendly and just learning about web design Elementor and now bricks coming out. Well, make sure to subscribe, like, do all that good YouTube stuff. I really hope you found this helpful. Thank you everyone and I'll be back again soon.