SEO optimization for HTML sites

If you have a CMS, then you probably have an add-on/plugin that does SEO optimization for you. It makes things easier in many ways, but such a site also requires maintenance and a lot more time.

However, HTML sites, if you did not do this during the creation of the site, then SEO optimization does not exist, which means that you will not reach Google search or that you will be on some totally irrelevant page, and everyone's goal is certainly to be on the first page or to be the first.

First, let's bust all the myths: Being the first with an HTML site is very difficult. This is possible only if the site is very specific and the name of the site is very specific, so when the user enters that specificity in the search, you will be the first to come out because there are no other sites with that term (such as red flying donkey and the site crveniletecimagarac.rs). Why is it so limiting, the answer is very simple, Google likes content, it likes that it is often published on the site and that there is a lot of text especially and then images. This is also true for a wordpress site that consists of only 1 page or a couple of pages.

Is there any tool or person or agency (professional) that deals with SEO optimization and he can do it for me and that the first place is guaranteed to me regardless of how much it costs?
NO.

Simply, SEO optimization cannot be guaranteed, nor can anyone guarantee it, not even Google employees themselves, as they have repeatedly stated at various conferences. Because Google learns by itself, changes its algorithm and ranks sites by itself, and there are many things that it actually looks at in order to rank a site so that it can be predicted.

OK, so how is it possible for some?
The thing is simple, there are rules for SEO optimization that must be followed and thus increase the chances of being first or on the first page.

What you will see here and what you implement on the site are the basics that you must have on your site in order to increase your chances without this the chances are almost zero and border on luck.

Meta tags

Page title up to 70 characters
<meta name=“description“ content=“opis sajta do 200 karaktera“>
<meta name=“image“ content=“https://vassajt/slika.jpg“>

<meta itemprop=“name“ content=“Naslov strane do 70 karaktera“>
<meta itemprop=“description“ content=“opis sajta do 200 karaktera“>
<meta itemprop=“image“ content=“https://vassajt/slika.jpg“>

<meta name=“twitter:card“ content=“summary“>
<meta name=“twitter:title“ content=“Naslov strane do 70 karaktera“>
<meta name=“twitter:description“ content=“opis sajta do 200 karaktera“>
<meta name=“twitter:site“ content=“@vastviter“>
<meta name=“twitter:creator“ content=“@autorstrane“>
<meta name=“twitter:image:src“ content=“https://vassajt/slika.jpg“>

<meta name=“og:title“ content=“Naslov strane do 70 karaktera“>
<meta name=“og:description“ content=“opis sajta do 200 karaktera“>
<meta name=“og:image“ content=“https://vassajt/slika.jpg“>
<meta name=“og:url“ content=“https://vassajt“>
<meta name=“og:site_name“ content=“Naslov strane do 70 karaktera“>
<meta name=“og:locale“ content=“rs_RS“>
<meta name=“fb:admins“ content=“#idfb“>
<meta name=“fb:app_id“ content=“#APPID“>
<meta name=“og:type“ content=“website“>

You can literally select everything and copy it into the code of your site (change the text of course, there will be an example with real text at the end of the article).

How do you get to the code of your site ie page in order to implement this?
cPanel > File Manager > public_html > index.html right click on index.html and then edit if a popup appears select utf-8 and click edit.

A new tab will open with a large code, but you only need a start for this. (index.html is the first page when you open your domain)

You put this code above in your site. It literally says with these arrows and the head right below it enter this code above.

<html >
<head>
  <title>Web Hosting Srbija</title>
 ...
 ...
</head>

Now that we have done it for index.html, you need to do it for all the pages you have on the site, for example: onama.html contact.html services.html and so on.

Markovic Bakery Niš 

The thing here about facebook is #idfb you can find that number using this site: https://randomtools.io/

The second thing is that APPID is actually a more compiled thing for beginners because you need to create an Application on Facebook and put the application id there.
The link is: https://developers.facebook.com/docs/apps/ at "my Apps" you have a button to create an application, enter a name, then click skip when it asks you to choose a scenario and you will immediately see the APP ID, but that's not the end!

You really need that ID and enter that ID in the code above, i.e. instead of #APPID.

Enter all the information on that page and click to save. After that you have "Status: in development" on the top right and next to it you have a button that is off. Click on it. If everything is fine, it will turn green.

Can you do without this APPID?
You can. Realistically, you have a website without SEO optimization, but every effort pays off.

The last thing you need to cover the basics of SEO optimization for HTML sites is a sitemap that is placed on the hosting and the site itself is reported to google, this is just as important as these meta tags. That instruction is in a separate article.

Google search and sitemap

Scroll to Top