Practice English Speaking&Listening with: LEARN SEO HTML | 15 Steps For Basic On Page SEO HTML - Get Better At SEO HTML Today!

Difficulty: 0

do you want to learn all the basic HTML you need for SEO then stick around hi my

name is Simon Elkjær and today I'm going to teach you the fundamentals of HTML

needed to do great SEO I have split it into 3 sections and I have made a

sticky comment below so it can skip between these sections if you want to

but first I want to drop some basic HTML and knowledge on you there's a some

semantics you need to know in HTML we use the words tag an attribute and an

element this is an example of a HTML tag there's usually two HTML tags in an

element except for line break images and a few other and this is an example of an

attribute tags and elements gets confused a lot and mixed together so

it's not important to know the distinction I would say that the word

element is not even used in the SEO world so just remember the HTML tag and

the HTML attribute let's go down to section 1 : basics even though these are

the basic of HTML tags these are like most maybe the most important you need

to know to do great on-page SEO number one is the title tag this might

be the most important tag in all of SEO and to know in HTML the title tag is the

headline Google uses when you rank on Google the Google SERP of the Google

SERP in 99% of the cases look at this example this is where you need to focus

on getting it right you want all of the users to click on your URL because what

doesn't even matter to rank number one two or three if no one feels the need to

click on your URL a big part of Google's rankings today is decided by an AI

called rank rain and it monitors how users through interacts with your page

in the rankings this means that if no one clicks on your URL then eventually

you'll end up losing the rankings as well in old-style SEO you would learn to

always keep the main keyword you're focused keywords in the beginning

of your title text and maybe even mentioning it at least twice today it is

much more important to match the users intent for example if they want to get

some information on the subject then tell them do you have the best

information on this subject if they want to purchase something then tell them you

are able to sell them this is something the title element or the title tag as

mostly known resides in the head element of your web page number two is the meta

description or meta tag as it's called it's a tag with the name attribute that

equals description and whatever you're right inside the content attribute is

your meta description this is the two three or even four lines that goes

beneath your title in the Google search engine result page whereas Google uses

the title tag maybe 99% of the time they are much more likely to not use your

meta description if they feel like it but it is best practice to still write a

great Meta Description especially for the sake of the users to let them know

what they can expect of your content and why they need to click on your page and

number three these are the header tags or actually elements but let's just

stick with the text as an SEO content creator this part is quite important for

you to know on a web page you have a headline called the h1 this is your main

subject for a page best practice is to only have one h1 on a web page even

though Google saved it it does not matter how many eight ones you have on

that web page it matters the header text goes from one and through to six and you

the best practice is to use them as a hierarchy following a h1 tag you can do

as many h2 tags as you want to but this should be subjection of the h1 tag

following the h2 text you can do as many h3 text as you want to but it should

also be like a subjection for the parent h2 tag

think of header text as follows on a computer inside the h1 folder there is a

number of h2 folders and inside the h2 folders there's a number of h3 folders

and then again inside all the h3 folder stairs and number of h4 folders and so

on down to h6 if you think of the constant like this likes folders on your

computer then you have a better time understanding that you can't just jump

from h1 and straight to h6 because you feels like it or because it looks better

in your constant theme or whatsoever this is not the right structure for a

content and it is impossible to do on computers so don't do this keep the

right structure to make it easier for Google to understand your content number

four is the image tags if you want to insert an image via HTML you do it via

an image tag all websites that has an image and it uses this image tag if you

use WordPress Wix or a whatsoever this tag is generated through their editor

there is two attributes on an image tag that I want you to get familiar with the

first one is the SRC

your image there's no evidence that the folders of where your image resides has

anything to do with SEO but the image file name itself could be one key factor

to its you make sure to name if I filed probably and to optimize the image for

faster load speed this could be done easily with software online services

like a KRAKEN or SHORTPIXEL and so on the other attribute I want you to get

familiar with is the alt of the alt attribute

it's short for alternate and it's designed for two purposes if the images

does not load then the alternate text showed and for accessibility then screen

readers will and other tools for the otherwise able will read this text out

loud if this does not compel you to describe your image and then note that

Google actually use this all takes two rank your image and image SEO is very

underused we have a client who gets a thousands of 1000 visitors every month

through Google image search so do not skip this part if you want all the

traffic you can get number 5 is the on page a link building last in the basic

sections of HTML you need to know to do great SEO is a very important tag it's

the link tag this is how you create link this is how every link on the Internet

is created this is structured a little bit different than the image tag and

there is two attributes I want you to remember you have the possibility to

throw almost all kinds of comes and inside this element and then close it

again for example you can make an image or a whole block of content clickable

let's just stick with the SEO point of view and there is two attributes I want

you to learn the first is called the href attribute and the other one is the

title attribute and many people skip the title attribute for some reason the href

attribute tells the browser where to lead the user when you click the link

this is where you put in your destination so for internal link

building you put in the URL you want to link to the title attribute gives you

the possibility to describe what the page you are linking to is all about

Google actually uses in this information but a lot of people forget to put in

something in the title attribute between the first a tag and the closing a tag is

where you write what is going to be your clickable link if it's internal link

building you do want to include the main keyword that you want your destination

page to rank on and also make sure you describe why the users need to click

this link because we want the chrome user data to see that it's trafficked

link so instead of just linking through the board car then try to create a link

saying click this link to see the entire selections of our cards available right

now this is it for the first of the three sections in this video remember if

you like this type of content to make sure and subscribe and hit that Bell

button one of these days I plan to do a video of me creating an entire SEO

friendly mobile-first website from scratch using

only HTML CSS and only using three tools don't miss this part subscribe now and

now for a section number two is the advanced SEO text that you could do to

make and greater impact on SEO I'm going to like do this a little bit faster than

the first five tips because each of these texts would require me to do an

entire video about them just to make sure it's done properly I'm going to

mention it and then we can I'm talking a little bit about what it's all about

the first one is the canonical tag it's a tag residing inside the head element

of your web page it's a tag for tell you to if it's a copy of another page that

you rather want Google to see so if for example you have a list post or a page

let's say it's an category in your ecommerce store so if you have the this

category maybe has like a text in the top maybe some maybe also text button

and then you have a list of products if this list has the possibility to click

on which to the next page and this page could also have the same title and the

same attributes and the same content on it then you don't actually want people

to rank this you want to tell Google what is the main page for this concert

this is where I put in the canonical tag in your header there's much more uses

for it and it's just actually I would say one of the dangerous text to use if

you don't know what are you doing because if you put it in wrong then you

could remove a page from the index then we have a number seven in the entire

list it's called markup or schema markup or

structured data there this is and this is an entire new universe into SEO too

it's it's basically a way to markup some part of your content on your web page to

tell Google what this actually is it could be tomorrow this is my phone

number this is my email address this is my name and I am the CEO of the company

this is my this is my LinkedIn profile this is my facebook profile this is my

company addresses and so on and so on there's like almost like endless but

there's hundreds maybe maybe near even thousands of texts to do this correctly

one thing you should really be doing if you have a block it is to do an author

page for you to describe who you are and go into details on maybe your your story

and then you can say okay this part is my name this part is my phone number

this part is my LinkedIn profile this is my facebook profile this is my Twitter

profile and so on and if you have a company page and then you should do on

the about page a section for this is the organization name and this is the

company address this is the phone number this yeah all of these basic information

you should do this just to be transparent with Google and Google also

like like to get all these information because it makes you more a credible

source or a credible website Google can gather all these data by themselves if

they are smart enough on your webpage but by providing it via structured data

then you are sure that Google can read this probably if you have an e-commerce

store then it's great for you to on your product page to say this is my product

name this is my price this is my availability this is my stock account

and this is my ratings and so on some of these informations are sometimes showed

in the Google search engine result page for example you have seen the Stars or

the ratings underneath something this is done via schema markup and structured

data number eight in the list is meta tag called robots and it is also what

right like one of the dangerous tags to be using but you should know this tag if

you have a webpage that does not get indexed and you might have the tag robot

sets set to noindex this is a tag where in your head element to say to Google I

do not want this page to get index normally this is only used like when you

have a development environment and you are creating a new website and you don't

want Google to crawl it before it's done but

yeah you shouldn't really be messing around with the robots tag if you are

not 100% sure what you're doing and number nine we have the link alternate

tag inside the header it's also quite advanced attack to implement correctly

and I've only seen it a couple of times done really really correct so it's like

if you have a web page and you have the exact same content in in let's say

German English Spanish and maybe Italian or Danish then you could sell Google via

this HTML tag inside your head that this is my Danish URL this is my English URL

this is my German this is my Italian and so on and you can also tell Google what

the default URL would be so this is quite good if you have a multiple of

languages because then there's an actual possibility to get rankings and ranked

authority from another domain let's say you have the German website on something

in German de and you have the English website on something in English come and

then you have something in English that I T for de Italia then all these domains

is actually like a new property in Google's eyes but you can connect them

beer this alternate or H hreflang check this was it for the Advanced section I

might do a video for each of them to show examples on how to use these tags

correctly and then now let's go on to the section I would like to call extra

because there is no real evidence that this section actually helps anything

with SEO but I would say that why shouldn't it help with SEO because some

of the improves usability and some of it is just a correct way of doing HTML so

it's easier to read the HTML elements so for the total list we are at number 10

and it's text styling so you could do bolded text you could do emphasis on

text like there it's Alec style it's called and you have on the line and

so on there's no real evidence that this helps in SEO but you power

actually doing a better user experience by building some important text and do

emphasis and so on so I would say like the greater usability and user

experience would it's also like a great SEO optimization for the stretch and the

next one the 11th on the list is at blockquote

so if you this is I actually think that this is a real SEO thing that if you are

doing quotes from another website then make sure to put it in to the element

called the block quote so if you have like a big citation from some website

then Google might say that you have copied them but instead if you do it

inside this block world and you use the site attribute C ite attribute to say

where the source is from then you put in the link say I'm signing this source so

you're actually telling Google and when they crawl your content this is M this

is a quote from this page I'm not copying I'm just quoting I would also

still make sure to not quote more than like two or three lines of text just to

make sure that Google does not think that you are copying them and number

twelve on the list is an element called and nav element in AV is an actually and

navigation so let's say for all web pages almost on the entire sand you have

a menu or a navigation to like get around on the web page you could do this

via number of ways you could use this to do a list of links buttons and so on but

you could put all of this inside the nav the nav element and this has been widely

spreads out to be used normally by the bootstrap and some other of these

boilerplate HTML templates but by putting your navigation inside the nav

element I would bet that Google has a an easier way of telling that okay the this

group of links it could be actually some big website could have hundreds of links

inside their menu and this is a way to tell Google this is my navigation this

is not that man comes and this is the navigation and you

one Google to be able to understand your website easier one thing I do that I

don't think the rest of the world do but I don't know if it works but I still do

it is that I've in the code I put the navigation at the bottom and

then via CSS styling I put it in the top or where it's supposed to be because I

want Google to read my h1 and my main comes in first via the HTML and I want

the users to get the menu at the top or at the bottom if it's where it has to be

number 13 and the list is data tables and there is actually some evidence that

if you do lists like list items a table tables then for some search queries or

some search intents this makes it easier for you to get the featured snippet so

for example if you do going for reviews or comparisons of some data then you

will actually need a data table to do this comparison table probably after

Google Bert's where the update where Google just don't just read the content

like from A to C and they read it like from all the sort of angles to

understand it all I think that data tables and list items and so on God and

much deserved boost inside Google searches and the next one on the list

list number 14 is list items it could be like number at lists or on or it lists

items I think that in it not only helps your user to understand and read the

content faster but it also would help some in SEO but this is just I guess and

number 15 is just like the number 12 it's the footer element it's - so Google

this is my footer this is the bottom of all my page so this is not a part of my

main content you could put all of this inside a footer element there's no

evidence that this might work of this it even does a difference in Google but

this is just easier for Google if Google's would crawl it just as main

HTML then Google could say okay this is my navigation this is my footer and

Harrison data table so by using all of these like standardized HTML instead of

doing some jump through hoops and do all sort of styling crazy

then this is just a standard the easy way of Google to understand what it

content is all about and as I said earlier I am doing a video later on

where I'm going to create an entire website from scratch using just HTML and

CSS and freeze tools so make sure to subscribe and like this video comment

below if you agree or disagree with me that these extra HTML elements could

actually help SEO by providing a better user experience this was it for today my

name is Simon L here makes you to subscribe and I will hopefully see you

soon in the comments below bye bye

The Description of LEARN SEO HTML | 15 Steps For Basic On Page SEO HTML - Get Better At SEO HTML Today!