LEARN SEO HTML | 15 Steps For Basic On Page SEO HTML – Get Better At SEO HTML Today!

LEARN SEO HTML | 15 Steps For Basic On Page SEO HTML – Get Better At SEO HTML Today!


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

2 Comments

  1. Ali says:

    Great info as always Simon especially the extra section!

  2. Simon Elkjær says:

    01:01 Section #1: Basics
    09:01 Section #2: Advanced
    14:52 Section #3: Extra

Leave a Reply

Your email address will not be published. Required fields are marked *